Share
O pictogramă populară pe care o puteți găsi pe internet este pictograma de blocare. Este utilizat pe scară largă pentru a identifica paginile Web securizate. Deseori indică câmpurile de parolă pentru fișierele protejate. Oriunde doriți să plasați o pictogramă de blocare, acest tutorial vă va arăta cum să creați unul atractiv pentru utilizare!
Nota editorului: Acest tutorial a fost publicat inițial în limba cehă la Grafika Online. Grafika a dat permisiunea lui Vaclav să republiceze aici pe Psdtuts + pentru cei dintre noi care nu au învățat cehul ...
Înainte de a începe, să aruncăm o privire la imaginea pe care o vom crea. Ca întotdeauna, fișierul Photoshop complet este disponibil prin intermediul apartenenței noastre Psdtuts + Plus.
Să începem cu un document nou, umplut cu o culoare gri deschis (# D5D5D5). Alegeți Instrumentul rotunjit dreptunghi. Apoi trageți forma de bază a unei încuietori. Setați Radiusul cum vă simțiți bine. Apoi, umpleți-l cu o culoare gri deschis (#DDDDDD).
Să adăugăm partea superioară. Utilizați instrumentul Ellipse pentru a desena un cerc. Alegeți-o cu Instrumentul de selecție a căii, apoi copiați, lipiți și micșorați-o folosind (Ctrl + T). Apoi, extrageți cercul mai mic de cel mai mare prin perforarea unei găuri în el.
Schimbați instrumentul în instrumentul Rectangle și, cu tasta Alt apăsată (scăzând), desenați un dreptunghi, după cum se arată mai jos. Apoi, cu același instrument, dar cu tasta Shift apăsată (adăugare), terminați partea stângă și cea dreaptă.
Faceți capătul din stânga rotunjit prin tragerea unei elipse cu instrumentul Ellipse, din nou cu tasta Shift apăsată. Dacă doriți să îl faceți exact cu pixel, va trebui să activați grila.
Să începem să adăugăm câteva efecte pentru a face ca blocarea să pară realistă. Vom începe cu partea de jos și vom folosi unele efecte de strat. Creați un pic întunecat în jurul marginilor cu efectul Inner Shadow.
Unele efecte trebuie efectuate manual. Să adăugăm o umbră puternică prin copierea stratului (Ctrl + J). Alegeți instrumentul Alege calea (A). Apoi selectați copia (Ctrl + C) și introduceți (Ctrl + V). Apoi mutați câțiva pixeli în sus și setați stilul de scădere. Umpleți forma pe care tocmai am creat-o cu o culoare gri închisă (# 505050). Umbra (conturul de jos) se face.
Acum vă puteți întreba de ce am folosit această tehnică și nu am aplicat doar un efect de umbră interioară? Ei bine, asta pentru că nu vrem ca umbra să fie aplicată la întreaga încuietoare. De aceea adăugăm masca stratului. Ridicați un instrument de perie (perie moale neagră) și trageți în mijlocul unei forme. Aceasta va face umbra mai puțin vizibilă și va adăuga un pic mai multă plasticitate imaginii noastre finale. După cum puteți vedea în ultima imagine de mai jos, umbra dispare pe măsură ce mergem spre mijloc.
Ok, să ne întunecăm mai mult. Deasupra stratului de formă (a unei părți de fund), creați un nou strat (Ctrl + Alt + Shift + N). Setați stratul ca o mască de tăiere a stratului anterior apăsând (Ctrl + Alt + G). Ridicați instrumentul de perie (negru moale). Setați opacitatea pentru a spune 30%. Apoi trageți pe partea stângă și pe partea dreaptă. Acest lucru va crea umbre moi.
Puteți desena părți mai ușoare, exact cum ați tras umbrele. Utilizați o pensulă de culoare deschisă cu o opacitate similară. Trageți-le în stratul nou sau în același strat. Urmați imaginile de mai jos pentru îndrumare.
Să creăm reflecții pe marginea superioară următoare. Selectați tot stratul de jos (Ctrl + faceți clic pe strat). Accesați Selectați> Modificare> Contract. Apoi completați selecția (într-un strat nou) cu o culoare albă (Alt + backspace). Deplasați selecția cu două pixeli în jos (apăsați de două ori săgeata în jos). Apoi apăsați tasta Ștergere pentru a șterge această parte a stratului. Nu uitați să deselectați cu Ctrl + D!
După aceea, începeți să definiți plasticitatea unei blocări folosind reflecții mai mari. Utilizați instrumentul de selectare a dreptunghiului pentru a crea un dreptunghi într-un nou strat. Desenați un gradient liniar (Gradient Tool) de la alb la transparent.
Selectați o linie de 2 pixeli pe partea superioară cu instrumentul de selectare a dreptunghiului, după cum se arată mai jos. Apoi spargeți-o, ca în a doua imagine de mai jos. Acesta este modul în care reflecția copiază forma blocării.
În acest fel, creați reflecții pe cealaltă parte, dar mult mai mari.
O facem mai mare, astfel încât să nu pară prea asemănătoare. Aproape am terminat cu partea de jos. Mai jos este modul în care ar trebui să arate încuietoarea noastră până acum.
Apoi adăugăm o bandă! Din nou, creați selecție o selecție. Apoi trageți un gradient în această selecție din galben (# F5E02F) la portocaliu (# F3BB2A).
După aceea, alegeți instrumentul de marcaj cu un singur rând. Apoi selectați prima și ultima linie a selecției anterioare (selectați ambele linii cu Shift apăsat).
Utilizați un instrument perie și o culoare închisă pentru a vă satisface nevoile. Acesta este modul în care faceți diferența dintre fundal și bandă.
Efectuați o selecție apăsând pe butonul Ctrl pe un nou strat. Apoi, din meniul Straturi, adăugați un nou model de umplere. Utilizați acest model, modificați Scala la 50% pentru a se potrivi cu dimensiunea pictogramei. Apoi setați stilul stratului la Multiplicare. Apoi vor fi vizibile doar dungile negre.
Pentru a face modelul mai mic în apropierea marginilor, faceți masca mai mare pe partea dreaptă și pe partea stângă. Apoi rasterizați stratul (Layer> Rasterize> Completați conținutul).
Apoi, restrângeți părțile din stânga și din dreapta. Tăiați porțiunile și redimensionați după cum este necesar. Acest lucru va face ca părțile să pară să se încline și să se taie sub un unghi. Acest lucru se poate face de câteva ori pentru a maximiza efectul.
Adăugați un alt strat. Desenați unii pentru a întuneca laturile benzii. Din nou, utilizați instrumentul Brush cu o culoare neagră, opacitate moale și redusă.
Partea de jos a încuietorii se face, grozav! Să lucrăm la partea superioară. Începeți cu un nou strat superior și începeți colorarea și definirea marginilor. Utilizați o culoare gri (# D5D5D5). Apoi dați-i un efect Inner Glow cu dimensiune 1px, culoare gri # 848484. Ar trebui să o facă bine. Setați modul de amestecare pentru a multiplica.
După cum am aflat mai devreme, o parte importantă a unei suprafețe metalice este reflecția. Deci, să creăm o reflecție care va fi aplicată doar la jumătatea părții superioare. O altă formă ne-ar putea ajuta. Copiați-o pe cea pe care o avem apăsând Ctrl + J și colorați-o negru, pentru a vedea exact unde sunt marginile. Apoi apucați Instrumentul de selecție a traseului și folosiți-l pentru a selecta cercul interior. Apoi, face mai mare cu Ctrl + T.
În partea stângă și dreaptă, desenați două dreptunghiuri cu tasta Alt apăsată (scădere).
Coborâți opacitatea acestei forme până la 30%. Creați un nou strat între această formă și forma originală. Apoi trageți un gradient liniar de la alb la transparent. Apăsați Ctrl + Alt + G (tăierea măștii din stratul anterior) pentru a face vizibilitatea reflecției numai pe pictograma noastră.
Ca în partea de jos, vom adăuga două reflecții mai mari aici. Ele trebuie doar să fie formate ca forma în care sunt, deci nu vor fi dreptunghiuri, ci elipse. Desenați o elipsă folosind instrumentul Ellipse, ca în imaginea de mai jos.
Rotiți-l cu Ctrl + T aproximativ 45 de grade.
În cele din urmă, utilizați Instrumentul de selecție directă (A) pentru a selecta două puncte în mijlocul elipsei. Apoi deplasați-le până când elipsa emula curba porțiunii superioare a încuietorii.
Duplicați acest strat (Ctrl + J). Apoi, rotiți-l orizontal și mutați-l în partea dreaptă.
Blocarea este aproape terminată. Vrem doar să întunecăm marginile în unele locuri, astfel încât pictograma este complet separată de fundal.
Mai întâi, faceți o selecție a stratului din partea inferioară a pictogramei de blocare (Ctrl + Faceți clic pe un strat). Creați un nou strat. Apoi trageți în noul strat. Utilizați peria neagră, moale, obișnuită, pentru a atrage puncte pe care doriți să le închideți mai întunecat. Când ați terminat, selectați 1 pixel mai mic, accesând Selectare> Modificare> Contract. Apoi apăsați tasta Ștergere. Următoarea imagine arată etapa chiar înainte de ștergere.
Mai jos este afișarea de 100% după ștergere. Aproape că am terminat.
Exact aceeași tehnică poate fi utilizată pentru a obține un nivel înalt de detaliere în partea superioară a unei încuietori. Săgețile vă arată unde să întunecați.
Ori de câte ori decideți să puneți pictograma în designul dvs., nu uitați să adăugați la culoarea gri un pic dintr-un stil de culoare din fundalul pe care va fi plasat. În următoarea imagine, a fost adăugat mai violet pentru a se încadra în designul aplicației.
Și asta e tot. Sper că ați învățat ceva nou. Imaginea finală este de mai jos.
Accentsconagua