Share
Designul de icoane poate fi atât distractiv, cât și provocator. În tutorialul de astăzi vom demonstra cum să creați două tipuri de icoane. Primul tip de pictogramă pe care vom învăța să-l creăm este o cutie de carton de tip grungy. Apoi vom crea trei icoane lucioase în stilul Adobe și le vom plasa în cutie. Să începem!
Mai întâi, trageți un dreptunghi. Apoi transformați-o (Cmd + T) după cum se arată mai jos. Pentru a face acest lucru, selectați caseta din partea de jos dreapta Transformare și în timp ce țineți apăsat Cmd + Shift + Alt, Trageți-l spre partea stângă.
Adăugați un stil de strat de strat de suprapunere pentru forma creată mai sus. Selectați culoarea închisă - # ab6808 / Culoare luminozitate - # f8bf5b și setați ceilalți parametri după cum se arată mai jos.
Să adăugăm niște murdărie la cutie. Pentru a face acest lucru trebuie să găsiți o textura "vechea hârtie" de pe Internet. Acum, plasați-o în fața dreptunghiului nostru, redimensionați-l (dacă este necesar). Apoi, în timp ce selectați stratul de textura, faceți o selecție a dreptunghiului. Inversați selecția (Cmd + Shift + I). Apoi apăsați Ștergeți (asigurați-vă că vă aflați în stratul texturii). Acum am stabilit dimensiunea texturii pentru Rectangul nostru, schimbăm Modul de amestecare al texturii pe Soft Light.
Pentru ca aceasta să pară mai realistă, putem adăuga niște autocolante la cutie. Puteți găsi cu ușurință unele de pe Internet. Schimbați modul de îmbinare al autocolantelor la greu. Vedeți imaginea de mai jos.
Acum vom face caseta de acoperire pentru front. Faceți un dreptunghi și poziționați-l și scalează-l exact ca în imaginea de mai jos. Aplicați un stil de strat de strat de suprapunere pentru Gradient. Utilizați o culoare roz în partea de sus (#ffdcaf) și o mică culoare galbenă (# ffdc8e) pentru partea de jos. Setați ceilalți parametri după cum se arată mai jos.
Apoi faceți un duplicat din acesta. Plasați-l în spatele cel original. Dezactivați stilurile stratului. Modificați culoarea la Gri (# 515151).
Acum vom adăuga niște murdărie la capacul cutiei. Consultați "pasul 3" pentru aceasta. Dar schimbați Modul de amestecare în Darken și setați opacitatea la 57%.
Să adăugăm o umbră la capacul casetei. Pentru a face acest lucru, faceți un nou strat, poziționați-l sub capacul cutiei frontale. Efectuați o selecție utilizând instrumentul Rectangular Marquee (în jurul zonei pe care doriți umbra). Cu instrumentul Gradient faceți un gradient de sus în jos (în zona selectată). Culorile sunt, de sus - # 515151 / jos - Transparent. Transformați-o după cum se arată mai jos și setați Modul de amestecare la Lumină liniară. Setați Opacitatea la 81%.
Selectați primul dreptunghi pe care l-am creat și faceți un duplicat din acesta. Scalați-l și poziționați-o după cum se arată mai jos. Nu este nevoie să schimbați Gradientul.
Acum să adăugăm mai multă murdărie. Din nou, consultați "pasul 3". Schimbați modul de amestecare pentru a multiplica și setați Opacitatea la 34%.
Selectați harta texturii pe care tocmai am creat-o. Duplicați-l. Adăugați masca de strat (Layer> Mask Layer> Reveal All). Cu Gradient Tool trageți un gradient așa cum se arată în imaginea de mai jos. (Runda cu cerc roșu). Setați opacitatea la 34%.
În acest pas vom face acoperirea casetei. Procesul este același ca în etapele 5, 6 și 7.
Acum vom face caseta din dreapta. Urmați din nou pașii 5, 6 și 7, dar schimbați unghiul de acoperire a gradientului la 171 de grade, după cum se arată mai jos.
Pentru a face capacul casetei din stânga, selectați toate straturile create în etapa de mai sus. Duplicați-le și transformați-le după cum se arată mai jos.
În acest pas vom umple spațiul gol cu niște dreptunghiuri. Mai întâi, umpleți partea dreaptă apoi trageți un dreptunghi și transformați-o după cum se arată mai jos. Creați un gradient folosind aceiași pași pe care l-am prezentat mai devreme.
Adăugați și harta de murdărie. Schimbați modul de amestecare pentru a multiplica. Setați Opacitatea la 61%.
Să adăugăm o umbră. Acesta va adăuga o anumită profunzime graficului. Acest proces este același ca în "pasul 8" (porniți gradientul din partea de jos). De asemenea, setați Modul de amestecare la Diferență. Setați Opacitatea la 75%.
Faceți același lucru și cu partea stângă a stângii.
Adăugați o umbră în zona centrală.
Să adăugăm o umbră în cutia noastră. Pentru a face acest lucru, trageți un dreptunghi (după cum se arată mai jos). Faceți-l negru. Setați Opacitatea la 88%. Adăugați un Blur Gaussian la el. (Filtru> Blur> Gaussian Blur).
Aici este caseta noastră finală.
Acum că am terminat cu cutia noastră, să începem pe Adobe Icons. Pentru a începe lucrurile, trageți un cerc.
Adăugați un gradient în cercul dvs. utilizând stiluri de straturi. Faceți culorile așa cum se arată mai jos. (Albastru închis - # 004f7f / Albastru deschis - # 0072b6 / Alb). Joacă cu culorile până când obțineți un rezultat plăcut.
Schimbați unghiul de gradient la -45 de grade.
Adăugați un cerc în cerc. Schimbați tipul de umplere cu Gradient și faceți gradientul după cum se arată mai jos (jucați cu culorile până când obțineți un rezultat dorit).
Modificați mărimea stroke la 21. Schimbați unghiul la -45 grade. Schimbați Scala la 100%.
Aplicați o umbra interioară. Setați Opacitatea la 59% / Unghi: 120 grade / Distanță: 26 px / Dimensiune: 13 px.
Apoi adăugați o strălucire interioară. Setați Modul de amestecare la Normal / Opacitate: 75% / Culoare: Negru / Dimensiune: 46 px.
Înainte să adăugăm un stil Bevel și Emboss în cercul nostru. Stil: Stroke Emboss / Depth: 113% / Dimensiune: 3px / Soften: 6px.
Sub Umbrire> Opacitate mod de evidențiere: Opacitate 100% / Umbre: 49% (Utilizați setările după cum se arată mai jos).
Acum să transformăm cercul nostru într-un obiect inteligent. Pentru a face acest lucru, faceți clic dreapta pe Layer (sub fila Straturi)> Conversie la obiect inteligent.
Aplicați din nou un stil Bevel și Emboss la obiectul convertit. Setați parametrii după cum se arată mai jos.
Aplicați de asemenea o Shadow Drop. Setați parametrii după cum se arată mai jos.
În cercul de tip scrie literele "Ps". Poziționați-le după cum se arată mai jos.
Adăugați o umbră interioară în stratul de text. Setați parametrii după cum se arată mai jos.
Acum, să adăugăm un efect lucios graficului nostru. Pentru aceasta, trageți mai întâi forma prezentată mai jos.
Apoi faceți un strat nou deasupra formei pe care am atras-o în Pasul 35. Selectați ambele forme și Merge-le (Cmd + E).
Selectați stratul îmbinat, Efectuați o selecție a cercului.
Apoi inversați selecția (Cmd + Shift + I) și apăsați Ștergeți.
Acum, setați Modul de amestecare a stratului de îmbinare la Lumină moale. Setați Opacitatea la 45%.
Să adăugăm mai multă luciu graficei. Pentru a face acest lucru, trageți un cerc mic, după cum se arată mai jos. Setați Opacitatea la 85%.
Acum desenați o formă așa cum este arătată mai jos cu instrumentul Pen. Setați opacitatea la 50%.
Aici este pictograma noastră Adobe finală.
Creați alte câteva icoane modificând textul și culoarea gradienților utilizați.
Acum, plasați icoanele în cutie așa cum se arată mai jos. Pentru a face acest lucru, va trebui să scalați, să poziționați și să rotiți pictogramele puțin. În final adăugați un gradient în fundal. Ajustați culorile pentru a le face corecte.
Uitați-vă la imaginea finală de mai jos.
Aboneaza-te la feed-ul Psdtuts + RSS pentru cele mai bune tutturi Photoshop și articole de pe web.
Accentsconagua