10 Killer Adobe Photoshop Tipy pro designéry

Věřte tomu nebo ne, pokud používáte aplikaci Photoshop k navrhování webových stránek, jste na správné cestě, abyste se stali úspěšným web designerem. To je prostě proto, že Photoshop je jedním z nejpokrokovějších nástrojů v oboru designu, který dokáže, že vaše tvůrčí představy se naplní množstvím profesionálních nástrojů, které zároveň zvýší vaši produktivitu..

Ale jak dobře víte o Photoshopu? Někdy jsme zvědaví, proč někteří web designer může navrhnout rozložení webové stránky s extrémně těžkou grafikou za 5 dní, zatímco my potřebujeme asi 10 dní k dokončení tohoto druhu designu. Pravděpodobně nejde o to, jak rychle můžete kliknout, je to o tom, jak dobře víte o Photoshopu, jak odemknete jeho plný potenciál pro zvýšení produktivity.

Chceme, abyste věděli, jak odemknout svůj plný potenciál. Ano, to je důvod, proč jsme vytvořili tento příspěvek, abychom vám poskytli 10 velmi užitečných tipů Photoshopu pro zvýšení rychlosti vašeho návrhu. Tam může být zkratka, funkce nebo nastavení, o kterém nevíte, ale už ne. S tímto článkem se naučíte všechny a budete rychlejší a rychlejší.

Poznámka: Klávesové zkratky uvedené v tomto článku jsou ve formátu Windows Photoshop. Pokud používáte Mac, nezapomeňte vědět, že Ctrl = Cmd (Command) a Alt = Opt (Option).

10. Zpět, Další zpět

Úplně věřím, že jsme designér velmi návyková, abychom něco vrátili, a to až do chvíle, kdy jsme udělali chybu při skicování..

Jak víte, můžete stiskem kláves Ctrl + Z ve Photoshopu vrátit zpět předchozí akci, kterou jste provedli, ale když znovu stisknete stejnou kombinaci kláves, znovu se provede předchozí akce. To je docela nepřirozené a problematické, protože vždy musíte vrátit vícekrát, abyste se dostali do stavu, který chcete.

Věřte tomu nebo ne, Photoshop má specifické tlačítko pro vícenásobné vrácení, a to je Alt + Ctrl + Z. Ano, pomocí této kombinace kláves můžete vrátit vícekrát, podle hodnoty Historie, kterou jste nastavili v Úpravy> Předvolby> Výkon.

Pokud jste zvyklí na společnou kombinaci kláves Undo, která je Ctrl + Z, můžete jednoduše stisknout klávesy Ctrl + Shift + Alt + K pro přístup k panelu klávesových zkratek a změnit kombinaci kláves zpět v části Upravit na Ctrl + Z.

9. Vzorkování Barva, kdekoli!

Klopýtal na pěkně navržených webových stránkách a přemýšlel, jaké přesné barvy je to použití? To se stává velmi často, když hledám inspiraci v době, kdy dělám rozložení stránek ve Photoshopu. Pro mě spustím výběr barev, vyberu si barvu a dostanu jeho hexadecimální číslo, pak kliknu na paletu barev ve Photoshopu, pak vložím hexadecimální číslo a pak dostaneš barvu.?

No, opravdu nemusíte trpět takhle, můžete vlastně jen kliknout na kapátko nástroj nebo stisknutím I aktivovat, pak klikněte na pracovní plochu Photoshopu a přetáhněte ikonu kapátko kdekoli na obrazovce monitoru dostat barvu chtít. Jo, je to opravdu tak snadné.

8. Flexibilní průvodce

Tip # 8 je vlastně kombinací 2 tipů, doufám, že vám nevadí, jak získat více tipů. Jako web designer musíme hodně řešit s průvodcem, abychom správně umístili prvek, jinými slovy je pixel dokonalý.

Jak vytvoříte průvodce? Klikněte na View (Zobrazit), New Guide (Nový průvodce), poté se rozhodněte, zda je horizontální nebo vertikální vodítko, zadejte jeho polohu a klepněte na tlačítko Enter? Tyto práce můžete uložit tak, že stisknete klávesy Ctrl + R, abyste aktivovali nástroj Pravítko, klikněte na nástroj a přetáhněte jej dolů, abyste vytvořili vodorovného vodítka, nebo naopak.

Kromě okamžité tvorby průvodce, zde je další užitečný tip pro vás. Při tažení vodítka pomocí nástroje Přesunout, který lze aktivovat pomocí klávesy V, stiskněte a podržte klávesu Alt pro změnu vodorovného vodítka na svislé vodítko nebo naopak. Nyní se můžete pravděpodobně považovat za profesionála na používání průvodce.

7. Klonování stylu zábavné vrstvy

Styly vrstev jsou velmi zábavné, když je můžete použít pouze k vytvoření, řekněme, ikoně sociálních médií vypadá okouzlující a jedinečná, ale bude to velmi únavné, pokud chcete použít stejné styly vrstev na všechny ikony sociálních médií, které obvykle přicházejí více kusů.

Uvědomili jste si někdy, že je tu fx ikona vedle vaší vrstvy? Všechno existuje z nějakého důvodu, pokud stisknete Alt a přetáhnete fx ikona na jinou vrstvu, bude kopírovat styly první vrstvy na ten, do kterého jste přetáhli, pohodlný není?

Také pokud máte zájem o společné používání fx umožňuje přesouvat styly vrstvy na jinou a vše, co musíte udělat, je jednoduše přetáhnout ikonu na jinou vrstvu bez stisknutí klávesy Alt..

6. Snadná centrování prvku

Abychom dosáhli dokonalého obrazového bodu, musíme často umístit prvek přesně tam, kde má být. Zdá se to snadné, protože stačí vytvořit několik průvodců a přichytit prvek k těmto průvodcům, ale bude to skličující, pokud chcete, aby byl prvek v určité oblasti absolutně centrován, což vyžaduje mnoho průvodců, měření a zaměření..

Ve skutečnosti máte způsob, jak učinit celý tento proces mnohem jednodušším, klikněte na vrstvu prvku, kterou chcete umístit do středu, pak stiskněte Ctrl + A a vyberte celý dokument. Po tom, požární nástroj Přesunout a uvidíte vedle ikony, Zobrazit ovládací prvky transformace. Klikněte na druhou ikonu, chcete-li prvek umístit svisle, pak klikněte na 5. ikonu, aby se prvek vodorovně vycentroval..

Element elementu v oblasti celého dokumentu je nejen absolutní, ale i absolutní. Řekněme, že chci absolutně vycentrovat prvek v oblasti zápatí, jednoduše můžu vybrat oblast zápatí pomocí nástroje Výběr, který lze aktivovat stisknutím klávesy M, pak absolutní střed prvku v dané oblasti.

Vedle možnosti Zobrazit ovládací prvky transformace můžete studovat další možnosti zarovnání, které jsou velmi užitečné pro vyrovnání vašich prvků v široké škále situací..

5. Zobrazit výběr, jeden po čase

Často při navrhování rozvržení musíte zkontrolovat, jak prvek vypadá přesně podle jeho vlastních nebo několika elementů, například v rozvržení webových stránek níže, chci zkontrolovat tlačítka jezdce, aby se potvrdilo, že nemají průhlednost, takže vypadají přesně stejně nebo bez obrázku jezdce.

V minulosti musím vypnout viditelnost vrstvy obrázku jezdce, posunout vrstvu pozadí na pozadí a dokonce i vrstvu pozadí na pozadí, ale nyní mohu jednoduše podržet klávesu Alt a potom kliknout na ikonu „oko“ vedle skupiny tlačítek, kterou chcete vypnout viditelnost všech vrstev, abych viděl jen ta tlačítka. Poté, co jsem je zkontroloval, můžu znovu opakovat trik, aby se vrátila viditelnost všech vrstev.

Tento trik je také velmi užitečný, pokud jde o krájení obrazu. Chcete řezat tlačítko jezdce bez jakéhokoli jiného prvku, jako je posuvník, takže můžete tento trik použít k vypnutí viditelnosti všech vrstev, které chcete jen rozdělit na tlačítko, pak opakujte trik, abyste obnovili viditelnost celé vrstvy, takže ušetříte spoustu času zbytečným Zapnutí a vypnutí viditelnosti vrstev.

4. Přizpůsobení sledování stopy, kdykoliv

Tento konkrétní tip vám ukáže, jak snadno zvýšit sledování písma v určité části typu, takže jej lze použít pouze v určitých konkrétních situacích, jako je například vytvoření loga nebo tlačítka, ale je to profesionální tip, který může ušetřit spoustu času při hledání písma pomocí vhodnou typografii pro vytvoření loga nebo tlačítka.

Dobře, řekněme, že chci snížit sledování typu, '360', takže můj typ loga vypadá jedinečně, že si ho návštěvník pamatuje snadněji. Můžu vybrat 'POLO360' pomocí nástroje Typ, který lze aktivovat stisknutím klávesy T, podržením klávesy Alt a stisknutím tlačítka zahájit snižování sledování typu, což přinese výsledek výše..

Tento trik můžete použít k řešení problému s některými uměleckými fonty, takže při příštím hledání grafických písem pro tvorbu loga se nemusíte obávat sledování stop!

3. Instant Layer Selection = Win

Návrh rozvržení je náročná práce, protože musíme řešit mnoho problémů, jako je typografie, mezery a grafika, ale bude to ohromující, pokud chceme najít vrstvu určitého prvku ze stovek vrstev.

Nechte tento trik usnadnit život návrháře. Aktivujte nástroj Přesunout pomocí klávesy V a podržte klávesu Ctrl, poté klepněte na prvek a automaticky vyberete vrstvu prvku. Je to opravdu tak jednoduché, ale mějte na paměti, že pokud vložíte prvky do skupiny, pak pomocí stejného triku budete vybírat složku skupiny, která obsahuje prvek, na který jste klikli..

2. Inteligentní objekt pro inteligentního návrháře

Stejně jako jeho název, i inteligentní objekt dělá vaši editaci chytřejší prováděním 2 primárních funkcí: provádí nedestruktivní transformace a provádí filtrování. Tato funkce přichází velmi vhod, zejména když vytváříte rozložení stránek s těžkou grafikou, jako jsou fotografie fotografií, ikony sociálních médií a sady uživatelských rozhraní, a vše, co potřebujete udělat, je klepnout pravým tlačítkem myši na vrstvu a poté kliknout na příkaz Převést na inteligentní objekt. výhody.

První funkce říká, že jakmile je vrstva převedena na inteligentní objekt, můžete ji stejně transformovat, aniž byste ztratili svou původní kvalitu. V našem případě chceme, aby obrazový posuvník byl menší, takže převedeme vrstvy posuvníku na inteligentní objekt a transformujeme ho na něco menšího..

Ouch, je to prostě příliš malé, takže jsem se rozhodl to změnit.

Vypadá to, že je vše v pořádku a nic se nestalo správně? Níže je výsledek, pokud jste použili zpětnou transformaci bez převodu vrstvy na inteligentní objekt.

Takže zde pravděpodobně vidíte rozdíl, zejména část jezdce. Zpětná transformace bez použití inteligentního objektu na vrstvy způsobí ztrátu kvality posuvníku a posuvníku. Převedením vrstvy na Inteligentní objekt ji můžete převést na menší velikost, kterou chcete, ale jakmile budete litovat svého rozhodnutí, můžete ji změnit bez ztráty kvality..

Další výhodou konverze vrstvy na inteligentní objekt je použití filtru na inteligentním objektu, vrstva filtru se objeví pod vrstvou inteligentního objektu, takže filtr můžete vypnout snadněji vypnutím viditelnosti vrstvy filtru a to se nazývá nedestruktivní filtrování , skvělý spořič času pro váš projekt.

1. Snímek Krásné minulosti

Nyní jste se dozvěděli, jak vrátit několikrát, kopírovat styly vrstev, rychlejší výběr vrstev a pomocí inteligentního objektu tyto skvělé tipy pro úsporu času. No, to jsou opravdu šikovné dovednosti, které výrazně zvyšují vaši produktivitu, ale jak asi po 2 hodinách práce, jste litovali své úpravy a rozhodli se začít od středu? Znovu to úplně bude velmi vyčerpávající a nudné, i když jste použili všechny tipy zabijáků, které jste se naučili dříve, takže to je, když se Snapshot objevuje.

Snímek umožňuje vytvořit dočasnou kopii jakéhokoli stavu úprav, takže pokud máte problémy se zlepšením svého návrhu a rozhodnete se vrátit zpět, můžete jednoduše kliknout na snímek a vrátit se zpět do požadovaného stavu. Chcete-li pořídit snímek, stačí otevřít paletu Historie a kliknout na druhou ikonu, kterou vidíte v dolní části palety..

Tam jsou také některé užitečné funkce pro snímek, jako si můžete vzít více snímků, takže máte více možností a můžete pojmenovat, takže si je pamatujete jednodušší. Nakonec můžete také použít tyto snímky k porovnání různých efektů, které jste vytvořili pro svůj design.

Nezapomeňte však, že po zavření dokumentu budou snímky okamžitě vymazány, takže pokud chcete tyto stavy zachovat, můžete kliknout na každý snímek a uložit dokument jako jiný soubor..

Odraz

Jste na konci článku, skvělá práce. Do této doby byste měli mít dostatek času šetřících vrah tipy pro zvýšení rychlosti vašeho návrhu, ale vždy si uvědomte, že učení je nejlepší způsob, jak se dozvědět více o vašem Photoshopu, čímž se zvyšuje produktivita. Tak se stále více učíte a stanete se více konkurenceschopným web designerem všech dob.

Dobře, sdíleli jsme naše nejlepší, jak jste vy? Pokud vám to nevadí, prosím, podělte se o své tipy pro zabijáky Photoshopu a dejte nám vědět, jak lépe používat Photoshop, díky za vaši velkorysost!