Share
Designul de pictograme este un element esențial în pieptul unui instrument de designer. Indiferent cât de simplu sau cât de complex este designul dvs., o pictogramă frumoasă vă va ajuta aproape întotdeauna să molid lucrurile. În acest tutorial Photoshop vom demonstra câțiva pași simpli pentru a vă ajuta să creați propria pictogramă Psdtuts + în Photoshop. Acești pași pot fi ușor modificați pentru a crea o familie de icoane pentru site-ul dvs. web.
Începeți cu un document nou, am folosit Width - 600px, Înălțime - 600px. Utilizați Instrumentul dreptunghi rotunjit (U), Radius-20px și desenați o formă ca aceasta, modificați forma folosind instrumentul Adăugare punct de ancorare, apoi mutați noile puncte de ancorare așa cum se arată.
Apăsați Ctrl + Enter pentru a face selecția, completați-o cu culoarea - # 05b4ba și apoi aplicați o suprapunere de gradient utilizând un stil de strat.
Denumiți acest strat "Base", Ctrl + Faceți clic pe miniatură Layer pentru a crea o selecție. Acum creați un nou mai târziu și numiți-l "Outside Stroke". Accesați Edit> Stroke. Aplicați un Stroke de 8 pixeli, Locație - Centru. (Puteți utiliza orice culoare).
Acum trebuie să creăm o umbră a stratului "Outside Stroke". Pentru a face acest lucru, va trebui să duplicați stratul respectiv și să-l trageți sub stratul principal "Stroke Outside". Accesați Layer> Style Layer> Color Overlay. Umpleți-o cu culoare neagră. Acum du-te la Filter> Blur> Gaussian Blur. Radius - 0,9 px. Schimbați opacitatea la 7%. Ar trebui să obțineți ceva de genul asta.
Acum, din nou Ctrl + Faceți clic pe miniatura de strat "Base". Creați un nou strat și denumiți-l "Glow Overlay 1". Umpleți-l cu culoarea albă și deplasați selecția folosind tasta săgeată. Apăsați ștergeți. Schimbați opacitatea la 7%.
Este timpul pentru o altă lumină strălucitoare. Utilizați instrumentul Pen (P) și desenați o astfel de formă. Denumiți acest strat "Glow Overlay 2". Schimbați opacitatea la 11%.
Din nou Ctrl + Faceți clic pe stratul "Base". Creați un nou strat și numiți-l "Box Glow". Umpleți-l cu alb. Accesați Selectare> Modificare> Contract, contract de 30px. Ștergeți această zonă. Luați Eraser Tool (E), urmați imaginea următoare.
Opțional, puteți adăuga propriile efecte așa cum se arată.
Următorul pas este să-i dăm un aspect sticlos. Creați un nou strat și numiți-l "Sticlă". Luați Instrumentul rotunjit dreptunghi, Radius - 10px, schimbați modul de amestecare a straturilor pentru a Lighten. Consultați instrucțiunile din imaginea următoare.
Acum trebuie să creăm marginea zonei tematice din sticlă. Desenați aceeași formă utilizând Instrumentul rotunjit dreptunghiular, apăsați pe Ctrl + Enter pentru a face selecția, accesați Edit> Stroke, width - 1px, Location - Center, culoare - alb. Schimbați modul de amestecare a straturilor la suprapunere. Utilizați instrumentul Eraser (E). Vedeți următoarea imagine.
Acum că textul a fost tipărit, este timpul să ajustați unele straturi. Creați un nou grup de straturi, denumiți-l "Front Object" și apoi puneți toate straturile în interiorul acestuia.
Timp pentru ajustarea straturilor. Creați un nou grup de straturi, denumiți-l "Front Object" și puneți toate straturile în interiorul acestuia.
Pentru a crea partea din spate a obiectului, vom crea în continuare un nou strat sub grupul "Object Front" și îl vom numi "Object Back", vom crea o formă folosind instrumentul Rounded Rectangle, apoi vom aplica următoarele stiluri de amestecare a straturilor (Layer Blending Styles).
Acum este timpul să adăugați o altă strălucire pe stratul "Object Back". Ceva de genul. Utilizați pașii pe care i-am prezentat în secțiunile anterioare ale acestui tutorial pentru aceasta.
Următorul pas este să aplicăm o umbră obiectului din spate. Vedeți următoarea imagine.
Creați un grup de strat nou, denumiți-l "Obiect înapoi" și puneți straturile în interiorul acestuia. După aceea, creați zona superioară a pictogramei folderului, creând un nou strat deasupra grupului "Object Back". Denumiți-o "Cap". Începeți să utilizați instrumentul Pen, urmați imaginea următoare.
Ctrl + Faceți clic pe miniaturile stratului Head, creați un strat nou și numiți-l "Head Stroke", Mergeți la Edit> Stroke, lățimea - 1 px, culoarea albă. Acum adăugați o anumită strălucire pe stratul capului, încercați să creați unul singur.
Acum vom crea eticheta noastră. Pentru aceasta, urmați instrucțiunile din imaginea de mai jos.
Pentru a crea coarda, trageți-o cu ajutorul instrumentului stilou și aplicați stilul de amestecare al găurii. (Folosit la pasul 17.)
Pentru a crea umbra etichetei, urmați pașii descriși în Pasul 4 și ștergeți zonele exterioare. Setați opacitatea la 61%.
Creați o umbră pentru pictograma dosarului la fel ca și plasați stratul în partea de jos.
Puteți crea o familie de icoane folosind tehnici foarte asemănătoare. Mulțumesc! Sper că v-ați bucurat de acest tutorial.
Accentsconagua