Cum de a desena Apple ICloud Icon - Photoshop Tutorial
iCloud, cel mai nou serviciu de stocare în cloud introdus de Apple, are un logo simplu, dar frumos. Pictograma este realizată din material metalic și are o pictogramă de tip extrudat pe partea de sus a acesteia. S-ar putea să nu știți, dar crearea acestui tip de icoană este de fapt foarte ușoară, iar mai jos este pictograma iCloud pe care vă vom învăța cum să desenați acest post folosind Photoshop!
Pare puțin cam complicat, dar, de fapt, avem nevoie de câteva stiluri de straturi, forme de vector de bază și un pic de desen manual. Să intrăm în asta!
Pasul 1
Începeți prin a crea un fișier nou cu dimensiunea de 512 x 512 px. Activați Instrumentul rotunjit dreptunghi. În bara de opțiuni, setați raza la 75 px. Faceți clic și trageți pentru a desena un dreptunghi rotunjit. Setați culoarea la # 5d5d5d.
Faceți dublu clic pe strat pentru a deschide caseta de dialog Stil de stil. Adăugați Gradient Overlay cu gradient implicit, alb-negru și reduceți opacitatea la 76%.
Pasul 2
Apăsați Ctrl + J pentru a duplica forma stratului. Faceți clic pe Editare> Transformare liberă sau apăsați pe Ctrl + T pentru a efectua transformarea. Din bara de opțiuni setați mărimea la 98%.
În panoul Straturi, ștergeți stilul Strat prin tragerea pictogramei fx pe pictograma coșului de gunoi, care este în partea dreaptă jos a panoului Straturi. Apoi, faceți dublu clic pe miniaturile straturilor pentru a afișa caseta de dialog Layer Style. Adăugați umbra interioară și suprapunerea cu gradient.
În setarea Overlay Gradient (Gradient Overlay), setați Style gradient (Unghi). Faceți clic pe caseta de previzualizare a gradientului pentru a deschide editorul de gradienți și utilizați combinația de culori de # 8e8e8e, # a5a4a4 și # d8d8d8. Simțiți-vă liber să jucați cu fiecare poziție a marcatorului, asigurați-vă că setați aceeași culoare în primul și ultimul marcator.
Acesta este rezultatul după adăugarea stilurilor de strat.
Pasul 3
Creați un nou strat. Umpleți-l cu Radial Gradient de la alb la negru.
Țineți apăsată tasta Alt și trageți masca vectorie din stratul anterior în stratul curent. Gradientul se potrivește acum în interiorul pictogramei.
Deschideți stilul Strat și schimbați modul de amestecare în Ecran.
Pasul 4
Desenați un dreptunghi rotunjit în interiorul pictogramei. Setați raza la 75px cu culoarea # 2a2a2a.
Adăugați încă 2 formați de cerc (alegeți instrumentul Elipsă, apoi țineți apăsată tasta Shift și trageți-o). Din bara de opțiuni, setați modul Path la Add to area area.
Faceți dublu clic pe stratul norului și adăugați apoi Shadow Inner, Bevel and Emboss și Stroke.
Pasul 5
Duplicați stratul norului apăsând pe Ctrl + J. Îndepărtați stilul stratului, trăgând pictograma fx din thumbnail-ul stratului pe pictograma coș de gunoi. Redimensionați-l (Ctrl + T) la 89%.
Modificați culoarea formei la # 5d5d5d. Reordonați fiecare poziție până când dimensiunea norului este proporțională cu norul mai mare.
Faceți dublu clic pe stratul nor și adăugați următoarele stiluri de straturi.
Pentru suprapunerea cu gradient, asigurați-vă că utilizați setarea exactă din Gradient Overlay în Pasul 2.
Iată ce avem după adăugarea Stilurilor de straturi în nor mic.
Pasul 6: Adăugați textură metalică
Designul actual este foarte plat și prea curat. Să adăugăm o textură subtilă de metal pe suprafață. Creați un nou strat. Faceți clic pe Editați> Umpleți și selectați Utilizare: Neagră pentru a umple stratul nou cu negru.
Faceți clic pe Filtrare> Zgomot> Adăugați zgomot.
Faceți clic pe Filtrare> Blur> Blur radial. Selectați metoda Blur: Spin și calitate: cel mai bun.
Acest filtru va roti zgomotul și va crea un val circular.
Pasul 7
Faceți clic pe Imagine> Ajustări> Nivel sau apăsați pe Ctrl + L. În caseta de dialog trageți glisorul negru în nivelele de ieșire spre centru pentru a ușura undă circulară.
Țineți apăsată tasta Alt și trageți masca vectorie de la stratul de bază al pictogramei la stratul curent. Valul circular este acum în interiorul icoanei.
Activați instrumentul de selecție a traseului și selectați calea de nor pe care am creat-o în pasul 4. Apăsați pe Ctrl + C pentru al salva în clipboard. Apăsați Ctrl + V pentru al lipi pe masca vectorală a undei circulare. Setați modul Căi pentru a scădea.
În cele din urmă, copiați și inserați o cale mai mică pentru cloud pe care am creat-o în pasul 5. Setați modul său de cale către Adăugare în formă.
Iată rezultatul. Valul circular este în interiorul suprafeței pictogramei.
Schimbați modul de amestecare a stratului pe ecran.
Pasul 8: Umbra
Creați un strat nou și locați în spatele tuturor straturilor. Creați o selecție eliptică (utilizând instrumentul de elipsă) sub pictogramă. Completați selecția cu negru.
Se înmoaie umbra folosind filtrul, Gaussian Blur. Faceți clic pe Filter> Blur> Blur Gaussian.
Duplicați umbra apăsând Ctrl + J. Adăugați un alt Gaussian Blur, pentru acest timp utilizați Radius mai mare pentru a obține umbra moale. În cazul în care umbra este încă prea aspirantă, puteți reduce opacitatea stratului său.
Rezultat final
Acesta este rezultatul tutorialului nostru. După cum puteți vedea, procesul de creare a acestei pictograme este foarte ușor. Trebuie doar să folosim câteva forme vectoriale de bază și stiluri de straturi. Sper că vă place acest tutorial. Dacă aveți vreo întrebare, nu ezitați să întrebați!
Descărcați PSD
Nu puteți realiza un anumit pas? Iată fișierul PSD al rezultatului pentru care trebuie să testați și să jucați.
- iCloud Icon Tutorial PSD Fișier
