Share
Ce veți creaÎn acest tutorial, veți învăța cum să creați o simplă simplă compas iconiță în Adobe Photoshop, utilizând instrumente cum ar fi Pen Tool, Rounded Rectangle Tool și Tool Rectangle. Veți învăța, de asemenea, cum să combinați formele de bază pentru a crea o formă mai complexă. În cele din urmă, veți vedea cum să adăugați o umbră lungă la pictogramă. Să începem.
Veți avea nevoie de următoarele active gratuite pentru a urma acest tutorial.
Creați un fișier nou în Photoshop (Fișier> Nou). Setați dimensiunea acestuia la 500 pixeli × 500 pixeli.
Apasă pe Adăugați un strat de ajustare în partea inferioară a ferestrei straturi panou. Selectați Culoare solida.
Selectați roșu deschis (# db687b) pentru culoare.
Faceți dublu clic pe Culoare solida strat și apoi activați Suprapunerea modelului. Utilizați modelul pixel liber din PSDfreemium. Stabiliți modul său la Multiplica cu scăzut Opacitate, 20%.
Schimbați numele stratului la fundal. Vă sugerăm redenumirea fiecărui strat pentru a vă ajuta să recunoașteți funcția stratului.
În primul rând, dorim să construim baza icoanei. Setați culoarea primului rând la # 3ab2cb. Activați funcția Instrument rotunjit dreptunghi, și setați-o Rază la 30 px. Shift-clic și trageți pentru a desena un dreptunghi rotunjit.
Faceți dublu clic pe formă și activați Gradient Overlay. Selectați gradientul alb până la negru. Reduce Opacitate cu Mod de suprapunere.
Creați un strat nou și plasați-l deasupra bazei pictogramelor. Control-clic stratul de bază pentru a face o nouă selecție în funcție de forma sa. Faceți clic dreapta și selectați Accident vascular cerebral. În Accident vascular cerebral fereastră de dialog, selectați o culoare albastră mai închisă (# 1d6b80) cu Lățime 2 px.
Adăugați o mască pentru straturi în stratul cursei și completați-o cu negru. Vopsea jumătatea inferioară cu alb pentru a descoperi accidentul.
Repetați forma anterioară și adăugați o altă linie de curse pe un nou strat. De această dată, utilizați o culoare albastră mai deschisă Lățime 1 px.
Adăugați o mască de strat și apoi o umpleți cu negru pentru a ascunde cursorul. Vopsiți partea superioară pentru a dezvălui o parte din linia de accident vascular cerebral. Combinația dintre cursa ușoară pe partea de sus și cea întunecată din partea de jos va adăuga un efect 3D la bază.
Desenați o formă circulară și apoi adăugați o formă circulară mai mică în interiorul acesteia cu modul traseu Reduceți forma frontală. Ar trebui să avem o formă de inel. Pentru culoarea sa, setați-l pe alb (# e4ffff).
Adăugați o cale de triunghi în partea superioară a formei inelului. Stabiliți modul său la Combinați forme.
Adăugați un alt triunghi în partea inferioară.
Duplicați cele două triunghiuri. Rotiți-le cu 90 °.
Acum avem un triunghi care arată în patru direcții.
Repetați procesul. De data aceasta adăugați triunghiuri mai mici. Rotiți-le cu 45 °.
Faceți dublu clic pe forma stratului și apoi adăugați Gradient Overlay și Umbra. Vedeți următoarea imagine de ecran pentru setările sale.
Adăugați o formă mai mică de inel deasupra formei anterioare. Setați culoarea la #eaeded.
Adăugați o formă de jumătate de triunghi care acoperă jumătate din punct în forma busolă.
Continuați să adăugați un alt triunghi care acoperă celelalte puncte. Această formă va crea iluzia că forma compasului este extrudată, nu este plată.
Faceți dublu clic pe forma și alegeți Gradient Overlay.
Pentru gradient, setați-l Stil la Liniar cu trecerea de culoare din gri (# d7d7d7) la alb (#FFFFFF).
Adăugați un nou strat și asigurați-vă că acesta este plasat peste toate celelalte straturi. Control-clic forma anterioară pe care tocmai am făcut-o. Vom avea o nouă selecție bazată pe forma sa. Faceți clic dreapta și selectați Accident vascular cerebral. A stabilit Lăţime la 1 px, Locație: În interior, cu culoarea #eeefef.
Acest lucru vă va oferi o linie subțire de-a lungul formei.
Adăugați o mască de strat la forma stratului și completați-o cu negru. Vopsiti cateva parti ale liniei de lovire cu alb pentru a le dezvalui.
Să facem forma să pară realistă adăugând umbră sub ea. Adăugați un nou strat și plasați-l sub forma compasului. Control-clic stratul de formă a busolei pentru a face o nouă selecție în funcție de forma sa. Clic Editați> Umplere. A stabilit Conţinut la Negru apoi faceți clic pe O.K pentru a umple selecția cu negru.
Eliminați selecția utilizând Control-D. Clic Filtru> Blur> Motion Blur. Setați-o Unghi la -45 °.
Se înmoaie umbra folosind a Gaussian Blur filtru. Clic Filtru> Blur> Gaussian Blur.
Deocamdată, nu este umbra pe care o dorim. Pentru a rezolva aceasta, adăugați o mască de strat pe strat și apoi vopsiți umbra care nu este necesară în partea stângă sus a umbrei. Avem nevoie doar de umbră pe partea dreaptă a formei. Vedeți imaginea de mai jos pentru referință. Asigurați-vă că reduceți și stratul Opacitate pentru a face umbra subtilă.
Să adăugăm o săgeată în centrul formei busolei. Începeți prin adăugarea unui dreptunghi și apoi aplicați o transformare (Control-T). Mai întâi, rotiți-o cu 45 °. În al doilea rând, strângeți colțul până când avem o formă de săgeată. În al treilea rând, rotiți-l din nou.
Faceți dublu clic pe forma săgeții și apoi aplicați Stralucire interioara, Gradient Overlay, și Umbra cu următoarele setări.
Vrem ca culoarea săgeții să fie jumătate de culoare albă și jumătate roșie. Pentru a face acest lucru, pur și simplu duplicați forma (Control-J) și apoi eliminați stilurile stratului. Setați-l la Mască de tăiere. Faceți clic pe punctul de jos al acesteia cu Instrumentul Pen să îl ștergeți.
Adăugați un cerc mic în centrul săgeții. Faceți dublu clic pe acesta și apoi aplicați Stralucire interioara, Gradient Overlay, și Umbra.
Adăugați un nou strat și plasați-l între forma busolă și săgeata sa. Desenați o selecție poligonală așa cum se vede mai jos folosind Instrument multigonal și apoi umpleți-l cu negru. Reduceți stratul Opacitate la 20%. Control-clic baza de pictograme și adăugați o mască de straturi. Acum, umbra poate fi văzută doar pe baza icoanei.
Pentru a spori iluzia că forma compasului este extrudată, vrem să adăugăm mai multă umbră pe ea. Faceți un nou strat între forma busolă și săgeata sa. Vopsea negru pe umbra săgeții care atinge forma busolă.
Adăugați un alt strat și apoi o altă umbra subtilă în spatele săgeții. Activați funcția Unealta perie cu 0% duritate și setați-o Opacitate la 5%. Vopsea umbra în spatele săgeții.
Adăugați un nou strat. De această dată adăugați evidențierea pictogramei. Vopsește alb pe colțul pictogramei. Reduceți stratul Opacitate.
Repetați acest pas, evidențiind pictura pe alte părți ale pictogramei până când nu pare prea plat.
Acum, să adăugăm umbră la baza pictogramei. Creați un strat nou sub stratul de bază. Control-clic stratul de bază și completați selecția cu negru.
Lovit Control-D pentru a elimina selecția. Se înmoaie umbra prin aplicarea Gaussian Blur.
Puteți duplica umbra dând clic pe Control-J dacă nu sunteți mulțumit de rezultat și doriți o umbră mai întunecată. Dacă îl vedeți prea întunecat, puteți să-l tonifiați prin reducerea acestuia Opacitate.
Și acesta este rezultatul nostru final. Sper că vă bucurați de tutorial și acum înțelegeți tehnica de a crea o pictogramă plată cu o umbra lungă.
Accentsconagua