10 Killer Adobe Photoshop Tipy pre návrhárov

Verte tomu alebo nie, ak používate Photoshop na dizajn webových stránok, ste na správnej ceste, aby ste sa stali úspešným web dizajnérom. Je to jednoducho preto, že Photoshop je jedným z najpokročilejších nástrojov v oblasti dizajnu, ktorý môže vašu kreatívnu predstavivosť splniť svojim množstvom profesionálnych nástrojov, ktoré zvyšujú vašu produktivitu súčasne.

Ale ako dobre viete o Photoshope? Niekedy sa zaujímame, prečo určitý web dizajnér môže navrhnúť rozloženie webových stránok s extrémne náročnou grafikou za 5 dní, zatiaľ čo na dokončenie tohto dizajnu potrebujeme približne 10 dní. Pravdepodobne nie je o tom, ako rýchlo môžete kliknúť, je to o tom, ako dobre viete o Photoshope, ako uvoľníte svoj plný potenciál na zvýšenie produktivity.

Chceme, aby ste vedeli, ako uvoľniť svoj plný potenciál. Áno, preto sme vytvorili tento príspevok a poskytli vám 10 veľmi užitočných tipov pre zvýšenie vašej rýchlosti. Môže tu byť skratka, funkcia alebo nastavenie, o ktorých neviete, ale už nie. S týmto článkom sa naučíte všetkým, a budete navrhovať rýchlejšie a rýchlejšie.

Poznámka: Klávesové skratky uvedené v tomto článku sú vo formáte Windows Photoshop. Ak používate Mac, určite viete, že Ctrl = Cmd (Command) a Alt = Opt (Option).

10. Undo, More Undo Prosím

Úplne verím, že sme dizajnéri veľmi závislí od ničenia, dokonca až kým sme urobili chybu na skicovanie, máme tendenciu "vrátiť" to.

Tak ako možno viete, stlačením klávesov Ctrl + Z v aplikácii Photoshop môžete vrátiť späť predchádzajúcu akciu, ktorú ste vykonali, ale ak opäť stlačíte rovnakú kombináciu klávesov, zopakuje predchádzajúcu akciu. To je úplne neprirodzené a nepríjemné, pretože musíte vždy niekoľkokrát vrátiť späť na štát, ktorý chcete.

Verte tomu alebo nie, Photoshop má špecifické tlačidlo pre viac vrátenia späť a to je Alt + Ctrl + Z. Áno, pomocou tejto kombinácie klávesov môžete vrátiť späť niekoľkokrát podľa hodnoty Histórie štátov, ktoré ste nastavili v Edit> Preference> výkon.

Ak ste zvyknutí na bežnú kombináciu klávesov Undo, ktorá je Ctrl + Z, môžete jednoducho stlačiť klávesy Ctrl + Shift + Alt + K pre prístup k panelu Klávesová skratka a zmeniť kombináciu klávesov Undo v sekcii Upraviť na Ctrl + Z.

9. Odber vzoriek farby kdekoľvek!

Spadol na pekne navrhnuté webové stránky a zaujímalo sa, ktoré presné farby používa? To sa stáva veľmi často, keď hľadám inšpiráciu v čase, keď robím rozloženie stránok vo Photoshope. Pre mňa začnem vyberať farbu, vybrať farbu a získať jeho hexadecimálne číslo, potom kliknúť na farebnú paletu vo Photoshope, potom zadáte hexadecimálne číslo potom získate farbu, docela nepríjemné nie je to?

Takže naozaj nemusíte tak trpieť, môžete skutočne jednoducho kliknúť na nástroj na kapátko alebo stlačením tlačidla I ho aktivovať, potom kliknúť na pracovnú obrazovku programu Photoshop a potiahnuť ikonu kapátka kdekoľvek na obrazovke monitora, aby ste získali farbu chcieť. Áno, je to tak jednoduché.

8. Flexibilná príručka

Tip č. 8 je vlastne kombinácia 2 tipov, dúfam, že vám nevadí, že získate viac tipov. Ako webový dizajnér sa musíme veľmi zaoberať sprievodcom správnym umiestnením prvku, inými slovami je pixel perfektný.

Ako vytvoríte sprievodcu? Kliknite na položku Zobraziť, Nová príručka a potom sa rozhodnite, či ide o horizontálnu alebo vertikálnu príručku, zadajte jej pozíciu a kliknite na položku Enter? Dobre, môžete tieto práce uložiť jednoduchým stlačením klávesov Ctrl + R na aktiváciu nástroja pravítka, kliknutím na nástroj a pretiahnutím dole vytvoríte vodorovnú vodiacu lištu alebo naopak.

Okrem vytvorenia okamžitej príručky, tu je ďalší užitočný tip pre vás. Počas pretiahnutia sprievodcu pomocou nástroja Presun, ktorý je možné aktivovať pomocou tlačidla V, stlačte a podržte kláves Alt na zmenu vodorovného vodidla na vertikálnu vodiacu lištu alebo naopak. Teraz sa môžete pravdepodobne považovať za profesionálneho pri používaní sprievodcu.

7. Klonovanie štýlu zábavnej vrstvy

Štýly vrstvy sú veľmi zábavné, keď ich môžete jednoducho aplikovať na to, aby sa povedala, ikona sociálnych médií vyzerá celkom očarujúca a jedinečná, ale bude to veľmi únavné, ak chcete aplikovať rovnaké vrstvové štýly na všetky ikony sociálnych médií, viac kusov.

Už ste si niekedy uvedomili, že existuje fx ikona vedľa vašej vrstvy? No všetko existuje z dôvodu, ak stlačíte kláves Alt a pretiahnete fx ikonu na inú vrstvu, bude kopírovať štýly prvej vrstvy na ten, ktorý ste pretiahli, pohodlné nie je to?

Tiež ak máte záujem o bežné používanie fx ikona, umožňuje presunúť štýly vrstvy na iný a stačí jednoducho pretiahnuť ikonu na inú vrstvu bez stlačenia klávesu Alt.

6. Jednoduché centrovanie prvkov

Aby sme dosiahli dokonalý dizajn pixelov, musíme často umiestniť prvok presne tam, kde by mal byť. Zdá sa to jednoduché, pretože si môžete vytvoriť niekoľko sprievodcov a prichytiť prvok do týchto sprievodcov, ale bude to skľučujúce, ak chcete absolútne centrovat prvok v určitej oblasti, čo si vyžaduje veľa sprievodcov, meranie a zameranie.

V skutočnosti máte spôsob, ako celý proces urobiť oveľa jednoduchšie, kliknite na vrstvu prvku, ktorú chcete absolútne centrovať, potom stlačte klávesy Ctrl + A na výber celého dokumentu. Po tom, oheň nástroj premiestnenie a uvidíte niektoré ikony vedľa možnosti, Zobraziť Transform Controls. Kliknite na druhú ikonu, aby ste vertikálne vycentrovali prvok, potom kliknite na 5. ikonu na horizontálnu stredu elementu, tam sa dostanete, absolútne centrovaný prvok.

Môžete nielen absolútne centrovať prvok v celej oblasti dokumentu, ale aj absolútne zarovnať ho v určitej oblasti. Povedzme, že chcem absolútne centrovať prvok v oblasti päty, jednoducho môžem vybrať oblasť päty pomocou nástroja Výber, ktorý môže byť aktivovaný stlačením tlačidla M, potom absolútne centrovať prvok v tejto konkrétnej oblasti.

Môžete študovať ďalšie možnosti zarovnania vedľa voľby Show Transform Controls, sú veľmi užitočné pre zarovnanie vašich prvkov v mnohých situáciách.

5. Zobrazenie výberu, jeden po druhom

Často pri navrhovaní rozloženia je potrebné skontrolovať, ako prvok vyzerá presne vlastným prvkom alebo niekoľkými prvkami, napríklad v rozložení webových stránok nižšie, chcem skontrolovať tlačidlá posúvača, aby ste potvrdili, že nemajú priehľadnosť, takže vyzerajú presne to isté alebo bez obrázka posúvača.

V minulosti musím vypnúť viditeľnosť vrstvy posuvného obrázku, vrstvy pozadia posúvača a dokonca i vrstvu pozadia obsahu, ale teraz môžem jednoducho podržať kláves Alt a potom kliknúť na ikonu "oko" vedľa skupiny tlačidiel na vypnutie viditeľnosť všetkých vrstiev tak, aby som tieto tlačidlá zobrazovala len. Potom, čo som ich skontroloval, môžem znovu zopakovať trik, aby som vrátil všetky vrstvy visbilibity.

Tento trik je tiež veľmi užitočný, pokiaľ ide o krájanie obrazu. Ak chcete vypnúť tlačidlo posúvača bez akéhokoľvek iného prvku, ako je posuvný obrázok, môžete použiť tento trik na vypnutie viditeľnosti všetkých vrstiev tak, aby sa stlačilo tlačidlo, potom zopakujte trik, aby ste získali celú viditeľnosť vrstvy, čím ušetríte veľa času zapnúť a vypnúť viditeľnosť vrstiev.

4. Prispôsobte sledovanie písma, kedykoľvek

Tento konkrétny tip vám ukáže, ako jednoducho zvýšiť sledovanie písma v určitej časti tohto typu, takže ho možno používať iba v určitých konkrétnych situáciách, ako je vytvorenie loga alebo tlačidiel, ale je to profesionálny tip, ktorý vám môže ušetriť veľa času pri vyhľadávaní písiem s vhodnú typografiu pre vytvorenie loga alebo tlačidiel.

Dobre, povedzme, že chcem znížiť sledovanie typu "360", takže môj typ loga vyzerá jedinečne, aby si návštevník pamätal, že to je jednoduchšie. Môžem vybrať 'POLO360' pomocou nástroja Typ, ktorý môžete aktivovať stlačením tlačidla T, potom stlačte Alt a stlačením tlačidla začnete znižovať sledovanie typu, čo prinesie výsledok vyššie.

Môžete použiť tento trik na riešenie problému sledovania niektorých umeleckých písiem, takže nie je žiadne starosti o sledovanie nabudúce, kedy chcete nájsť grafické písmo pre vytvorenie loga!

3. Okamžitá voľba vrstvy = Win

Návrh rozloženia je vyčerpávajúca práca, pretože musíme riešiť množstvo problémov, ako je typografia, medzery a grafika, ale bude to ohromujúce, ak chceme nájsť vrstvu konkrétneho prvku zo stoviek vrstiev.

Nechajte tento trik zjednodušiť život vášho dizajnéra. Aktivujte nástroj Presunúť pomocou klávesu V a podržte kláves Ctrl, potom kliknite na prvok a automaticky vyberiete vrstvu prvku. Je to naozaj také jednoduché, ale majte na pamäti, že ak vložíte prvky do skupiny, potom pomocou rovnakého triku si vyberiete priečinok skupiny, ktorý obsahuje prvok, na ktorý ste klikli, ako je uvedené vyššie.

2. Inteligentný objekt pre inteligentný dizajnér

Rovnako ako jeho názov, inteligentný objekt zjednodušuje editáciu tým, že vykonáva dve základné funkcie: vykoná nedeštruktívne transformácie a vykonáva filtrovanie. Táto funkcia je veľmi užitočná, najmä keď vytvárate rozloženie stránok s ťažkou grafikou, ako sú fotografie, ikony sociálnych médií a UI súpravy, a všetko, čo musíte urobiť, je kliknúť pravým tlačidlom na vrstvu a potom kliknúť na položku "Premeniť na inteligentný objekt" na využívať výhody.

Prvá funkcia hovorí, že akonáhle sa vrstva prevádza na inteligentný objekt, môžete ju premeniť tak, ako chcete, bez straty pôvodnej kvality. V našom prípade chceme znížiť obrazový posuvník tak, aby sme previedli vrstvy obrazového jazdca na Smart Object a transformovali ho na niečo menšie.

Ouch, je to príliš malé, tak som sa rozhodol zmeniť to späť.

Vyzerá to, že všetko je v poriadku a nič sa nestalo správne? Nižšie je výsledok, ak ste použili spätnú transformáciu bez premeny vrstvy na Smart Object.

Takže tu pravdepodobne vidíte rozdiel tu, najmä časť gombíkov. Spätná transformácia bez inteligentného objektu aplikovaného na vrstvách spôsobuje, že posuvník a tlačidlá posúvača stratia svoju kvalitu. Takže konverziou vrstvy na inteligentný objekt môžete premeniť na ľubovoľnú menšiu veľkosť, ktorú chcete, ale akonáhle ste ľutovali o vašom rozhodnutí, môžete ho zmeniť bez toho, aby ste stratili kvalitu.

Ďalšou výhodou pri konverzii vrstvy na inteligentný objekt je, že keď použijete filter na inteligentný objekt, vrstva filtra sa objaví pod vrstvou inteligentného objektu, takže môžete jednoduchšie vypnúť filter jednoduchým vypnutím viditeľnosti vrstvy filtra a nazýva sa to nedeštruktívne filtrovanie , skvelý šetrič času pre váš projekt.

1. Snapshot krásnej minulosti

Teraz ste sa naučili niekoľkokrát vrátiť späť, kopírovať vrstvové štýly, rýchlejšiu výber vrstvy a pomocou inteligentného objektu tieto skvelé tipy na úsporu času. No, to sú naozaj šikovné zručnosti, ktoré výrazne zvyšujú vašu produktivitu, ale čo po 2 hodinovej práci, ľutovali ste svoje úpravy a rozhodli ste sa začať od stredu? Obnoviť to úplne bude veľmi vyčerpávajúce a nudné, aj keď ste použili všetky tipy zabitia, ktoré ste sa predtým naučili, takže keď nastane snímka.

Snapshot vám umožňuje vytvoriť dočasnú kópiu ľubovoľného stavu vašej úpravy, takže keď máte problémy s vylepšením vášho dizajnu a rozhodli ste sa vrátiť, môžete jednoducho kliknúť na snímku a vrátiť ju späť do stavu, ktorý si želáte. Ak chcete urobiť snímku, stačí otvoriť paletu História a kliknúť na druhú ikonu, ktorú vidíte na spodnej časti palety.

Existuje aj niekoľko užitočných funkcií pre snímku, ako napríklad možnosť snímania viacerých snímok, takže máte viac možností a môžete ich pomenovať, aby ste si ich mohli ľahšie spomenúť. Nakoniec môžete použiť aj tieto snímky na porovnanie rôznych efektov, ktoré ste vytvorili pre svoj dizajn.

Nezabudnite však, že akonáhle dokument zatvoríte, snímky okamžite vymažú, takže ak chcete zachovať tieto stavy, môžete kliknúť na každú snímku a uložiť dokument ako iný súbor.

odraz

Dostali ste na konci článku skvelú prácu. Touto dobou by ste mali dostatok časovo úsporných vražedných tipov na zvýšenie vašej rýchlosti návrhu, ale vždy pamätajte, že učenie je najlepší spôsob, ako sa dozvedieť viac o vašom Photoshope, a tým zvýšiť vašu produktivitu. Takže sa ďalej učíte a stanete sa konkurencieschopnejším webovým dizajnérom všetkých čias.

Dobre sme sa podelili o to najlepšie, ako o tebe? Ak vám to nevadí, zdieľajte prosím vaše tipy vraha Photoshopu, aby ste nám oznámili, ako lepšie používať Photoshop, vďaka za vašu štedrosť!