10 Killer Adobe Photoshop Sfaturi pentru designeri

Credeți sau nu, dacă utilizați Photoshop pentru a proiecta site-ul, sunteți pe calea cea bună pentru a deveni un designer web de succes. Acest lucru este doar pentru că Photoshop este unul dintre cele mai avansate instrumente din industria de design, care vă pot face imaginația creativă să se întâmple cu o multitudine de instrumente profesionale care vă vor crește productivitatea în același timp.

Dar cât de bine știți despre Photoshop? Uneori ne întrebăm de ce un anumit designer de web poate proiecta un aspect al site-ului cu o grafică extrem de grea în 5 zile, în timp ce avem nevoie de aproximativ 10 zile pentru a finaliza acest tip de design. Probabil nu este vorba despre cât de repede puteți face clic, ci despre cât de bine știți despre Photoshop, cum să vă deblocați întregul potențial pentru a vă crește productivitatea.

Vrem să știți cum să vă deblocați întregul potențial. Da, de aceea am creat această postare, pentru a vă oferi 10 sfaturi extrem de utile pentru Photoshop pentru a vă mări viteza de proiectare. Poate fi o comandă rapidă, o facilitate sau o setare despre care nu știi, dar nu mai este. Cu acest articol le vei învăța pe toate și vei proiecta mai repede și mai repede.

Notă: Cheile de acces rapid menționate în acest articol sunt în format Windows Photoshop. Dacă utilizați Mac, asigurați-vă că știți că Ctrl = Cmd (Command) și Alt = Opt (Opțiune).

10. Renunțați, Mai multe Unde Vă rugăm

Cred cu toții că suntem foarte dependenți de designer pentru a anula ceva, chiar până când am făcut o greșeală în ceea ce privește schițarea, avem tendința de a "anula".

După cum probabil știți apăsând pe Ctrl + Z în Photoshop, puteți anula acțiunea anterioară pe care ați făcut-o, dar când apăsați din nou aceeași combinație de taste, aceasta va reda acțiunea anterioară. Acest lucru este destul de nefiresc și neplăcut, deoarece întotdeauna trebuie să anulați de mai multe ori pentru a ajunge la statul pe care îl doriți.

Credeți sau nu, Photoshop are un buton specific pentru mai multe anulați și este Alt + Ctrl + Z. Da, utilizând această combinație de taste puteți anula de mai multe ori, în funcție de valoarea Stărilor de istorie pe care le-ați setat în Editare> Preferințe> Performanţă.

Dacă sunteți obișnuit cu combinația de chei comune Undo, care este Ctrl + Z, puteți să apăsați pe Ctrl + Shift + Alt + K pentru a accesa panoul Shortcut Keyboard și să schimbați combinația de chei Undo în secțiunea Editare în Ctrl + Z.

9. Eșantionare Culoare, oriunde!

A căzut pe un site frumos proiectat și întrebându-se care sunt culorile exacte pe care le folosește? Acest lucru se întâmplă foarte des atunci când caut inspirație în timp ce fac site layout în Photoshop. Pentru mine voi lansa un picker de culori, alege culoarea și obține numărul său hex, apoi faceți clic pe paleta de culori din Photoshop, apoi introduceți numărul hexagonal, apoi obțineți culoarea, destul de enervant nu este?

Ei bine, nu trebuie să suferiți așa, puteți să faceți clic pe instrumentul Eyedropper sau apăsând pe I pentru ao activa, apoi faceți clic pe ecranul de lucru al Photoshop și trageți pictograma Eyedropper oriunde pe ecran pentru a obține culoarea vrei. Da, este chiar atât de ușor.

8. Ghid flexibil

Sfat # 8 este de fapt o combinație de 2 sfaturi, sper că nu vă deranjează să obțineți mai multe sfaturi. În calitate de web designer trebuie să ne ocupăm foarte mult de un ghid pentru poziționarea corectă a unui element, cu alte cuvinte pixelul este perfect.

Cum creati un ghid? Faceți clic pe Vizualizare, Ghid nou, apoi alegeți ghidul orizontal sau vertical, introduceți poziția și faceți clic pe Enter? Bine, puteți salva aceste lucrări apăsând doar Ctrl + R pentru a activa instrumentul Ruler, faceți clic pe instrument și trageți-l în jos pentru a crea un ghid orizontal sau invers.

Pe lângă crearea rapidă a ghidului, iată un alt sfat util pentru dvs. În timp ce trageți un ghid cu ajutorul unui instrument de mutare care poate fi activat utilizând tasta V, apăsați și țineți apăsat tasta Alt pentru a schimba ghidajul orizontal spre ghidarea verticală sau invers. Acum vă puteți considera, probabil, ca fiind profesionist în utilizarea ghidului.

7. Clonarea stilului de distracție

Straturile de stil sunt foarte distractive atunci când le puteți aplica doar pentru a face, să zicem, o pictogramă social media arată destul de fermecător și unică, dar va fi foarte obositoare dacă doriți să aplicați aceleași stiluri de straturi pentru toate iconurile social media, mai multe bucăți.

V-ați dat seama vreodată că există o fx pictograma de lângă stratul dvs.? Ei bine, totul există pentru un motiv, dacă apăsați pe Alt și trageți fx pictograma la un alt strat, va copia stilurile primului layer la cel pe care l-ați tras, convenabil nu este acesta?

De asemenea, dacă sunteți interesat de utilizarea în comun a acestui lucru fx icon, vă permite să mutați stilurile unui strat într-altul și tot ce trebuie să faceți este pur și simplu să trageți pictograma într-un alt strat fără a apăsa tasta Alt.

6. Element de centrare a făcut ușor

Pentru a realiza un design perfect al pixelilor, trebuie să poziționăm adesea elementul exact unde ar trebui să fie. Acest lucru pare ușor deoarece puteți să creați niște ghiduri și să fixați elementul la acele ghidaje, dar va fi descurajator dacă doriți să centralizați absolut un element în anumite zone, ceea ce necesită o mulțime de ghiduri, măsurare și focalizare.

De fapt, aveți o modalitate de a face întregul proces mult mai ușor, faceți clic pe stratul elementului pe care doriți să îl centrați absolut, apoi apăsați pe Ctrl + A pentru a selecta întregul document. După aceasta, trageți instrumentul Mutare și veți vedea câteva pictograme în dreptul opțiunii Afișați comenzile de transformare. Faceți clic pe a doua pictogramă pentru a centraliza vertical elementul, apoi faceți clic pe pictograma a 5-a pentru a centra centrala elementul, acolo mergeți, un element centrat absolut.

Puteți nu numai să centrați centrul elementului în întregul document al documentului, ci și să îl centrați absolut în anumite zone. Să spunem că vreau să centralizez absolut un element în zona subsolului, pot pur și simplu să selectați zona subsolului utilizând instrumentul de selectare care poate fi activat prin apăsarea tastei M, apoi centrarea absolută a elementului în acea zonă specifică.

Puteți studia alte opțiuni de aliniere lângă opțiunea Show Transform Controls, ele sunt foarte utile pentru alinierea elementelor într-o gamă largă de situații.

5. Vizualizarea selecției, una câte una

Deseori în proiectarea unui aspect trebuie să verificați modul în care un element arată exact prin propriile sale elemente sau prin câteva elemente, de exemplu în aspectul site-ului de mai jos, vreau să verific butoanele cursorului pentru a confirma că nu au transparență, astfel încât acestea să arate exact la fel sau fără imaginea cursorului.

În trecut trebuie să opresc vizibilitatea stratului imaginii sliderului, a stratului de fundal al cursorului și chiar stratul de fundal al conținutului, dar acum pot să țineți apăsată tasta Alt, apoi să faceți clic pe pictograma "ochi" de lângă grupul de butoane pentru a o dezactiva vizibilitatea tuturor straturilor, astfel încât să văd doar acele butoane. După ce le-am verificat, pot să repet trucul din nou pentru a aduce înapoi vizibilitatea tuturor straturilor.

Acest truc este, de asemenea, extrem de util în timp ce vine vorba de felierea imaginilor. Doriți să slăbiți butonul glisorului fără alt element, cum ar fi imaginea culisantă, astfel încât să puteți folosi acest truc pentru a dezactiva vizibilitatea întregului strat pentru a împărți doar butonul, apoi repetați trucul pentru a recupera vizibilitatea întregului strat, pentru a economisi mult timp pierdut activați și dezactivați vizibilitatea straturilor.

4. Personalizați urmărirea fonturilor, oricând

Acest sfat particular vă arată cum puteți crește ușor urmărirea fontului într-o anumită parte a tipului, astfel încât acesta să poată fi utilizat numai în anumite situații specifice cum ar fi crearea logo-ului sau a butoanelor, dar este un sfat profesional care poate economisi o mulțime de timp pentru a găsi fonturi cu o tipografie adecvată pentru crearea logo-ului sau a butonului.

În regulă, să spunem că vreau să reduc urmărirea tipului, "360", astfel încât tipul meu de logo-ul să fie unic pe care vizitatorul îl amintește mai ușor. Pot selecta "POLO360" folosind instrumentul Tip care poate fi activat apăsând tasta T, apoi țineți apăsat tasta Alt și apăsați butonul pentru a începe scăderea urmăririi tipului, ceea ce va aduce rezultatul de mai sus.

Puteți folosi acest truc pentru a aborda problema de urmărire a unor fonturi artistice, deci nu vă faceți griji cu privire la urmărirea data viitoare când doriți să găsiți fonturi grafice pentru crearea logo-ului dvs.!

3. Selecție instantanee a stratului = Câștigați

Designul de layout este o muncă extenuabilă, deoarece trebuie să abordăm o mulțime de probleme cum ar fi tipografia, spațierea și grafica, dar va fi copleșitoare dacă vrem să găsim un strat de element specific de la sute de straturi.

Permiteți acestui truc să ușureze viața designerului. Activați instrumentul Mutare utilizând tasta V și țineți apăsată tasta Ctrl, apoi faceți clic pe element și veți selecta automat stratul elementului. Este într-adevăr atât de simplu, dar rețineți că dacă puneți elemente într-un grup, atunci prin utilizarea aceluiași truc veți selecta folderul grupului care conține elementul pe care ați făcut clic, așa cum se arată mai sus.

2. Obiect inteligent pentru designer inteligent

La fel ca și numele său, Smart Object vă face mai inteligentă editarea prin realizarea a două funcții principale: efectuați transformări nedistructive și efectuați filtrarea. Această caracteristică este foarte utilă, mai ales atunci când realizați un aspect al site-ului cu grafică greoaie, cum ar fi fotografii de stoc, pictograme de social media și kituri UI, și tot ce trebuie să faceți este să faceți clic dreapta pe un strat, apoi faceți clic pe "Convertire la obiect inteligent" bucurați-vă de beneficiile sale.

Prima funcție spune că, odată ce un strat este transformat într-un obiect inteligent, îl puteți transforma oricum doriți, fără a-și pierde calitatea originală. În cazul nostru, dorim să facem sliderul de imagine mai mic, astfel încât să convertim straturile de culori ale imaginii în Smart Object și să-l transformăm în ceva mai mic.

E prea mic, așa că am decis să-l schimb.

Se pare că totul este bine și nimic nu sa întâmplat corect? Mai jos este rezultatul dacă ați aplicat o transformare înapoi fără a transforma stratul în Smart Object.

Deci, probabil, puteți vedea diferența aici, în special partea butoanelor cursorului. Transformarea înapoi fără Smart Object aplicată pe straturi face ca sliderul și butoanele cursorului să-și piardă calitatea. Astfel, transformând un strat în Smart Object, îl puteți transforma în orice dimensiune mai mică pe care o doriți, dar odată ce ați regretat decizia dvs., o puteți schimba fără să pierdeți calitatea.

Un alt avantaj prin transformarea stratului în Smart Object este când ați aplicat filtrul pe un obiect inteligent, stratul unui filtru va apărea sub stratul Smart Object, astfel încât să puteți dezactiva filtrul mai ușor doar prin oprirea vizibilității stratului filtrului și care se numește filtrare nedistructivă , economizor de timp excelent pentru proiectul dvs..

1. Un instantaneu al frumosului trecut

Acum ați învățat cum să anulați de mai multe ori, copia stiluri de straturi, selectarea mai rapidă a straturilor și folosirea obiectelor inteligente pentru aceste sfaturi de economisire a timpului. Ei bine, aceste abilități sunt extrem de la îndemână, care sporesc foarte mult productivitatea dvs. Dar după ce ați lucrat timp de 2 ore, ați regretat editarea dvs. și ați decis să începeți din mijloc? Redo-l complet va fi foarte obositor și plictisitor, chiar dacă ați aplicat toate sfaturile ucigașe pe care le-ați învățat înainte, așa că atunci când Snapshot.

Snapshot vă permite să creați o copie temporară a oricărei stări de editare, astfel încât atunci când aveți probleme în îmbunătățirea designului și ați decis să vă întoarceți, puteți să faceți clic pe un instantaneu pentru a vă aduce înapoi la starea pe care ați dorit-o. Pentru a face un instantaneu, trebuie doar să deschideți paleta Istoric și să faceți clic pe a doua pictogramă pe care o vedeți în partea de jos a paletei.

Există, de asemenea, câteva caracteristici utile pentru instantaneu, cum ar fi cum puteți face mai multe instantanee, astfel încât să aveți mai multe opțiuni și le puteți numi astfel încât să le rețineți mai ușor. În cele din urmă, puteți utiliza, de asemenea, aceste instantanee pentru a compara diferite efecte pe care le-ați creat pentru designul dvs..

Cu toate acestea, nu uitați că, odată ce ați închis documentul, instantaneele vor fi șterse instantaneu, astfel încât dacă doriți să păstrați aceste stări, puteți face clic pe fiecare instantaneu și puteți salva documentul ca pe un alt fișier.

Reflecţie

Ați ajuns la sfârșitul articolului, o treabă excelentă. În acest moment ar trebui să aveți suficiente sfaturi ucigătoare pentru a vă mări viteza de proiectare, însă nu uitați că învățarea este cea mai bună metodă pentru a afla mai multe despre Photoshop, crescând astfel productivitatea. Așa că continuați să învățați mai mult și veți deveni un designer web mai competitiv al tuturor timpurilor.

Ei bine, ne-am împărtășit cele mai bune lucruri, cum rămâne cu tine? Dacă nu vă deranjează, vă rugăm să împărtășiți sfaturile ucigașului Photoshop pentru a ne comunica modul mai bun de a folosi Photoshop, datorită generozității dvs.!