Share
În tutorialul de astăzi, vom folosi măștile vectoriale și stilurile de straturi din Photoshop pentru a crea o pictogramă a unei prize electrice de înaltă calitate. Să începem!
Când creați icoane din obiecte din viața reală, este mai bine să aruncați o privire asupra acestor obiecte și să vedeți cum arată acestea. Când ați terminat, continuați și începeți să schițați modul în care doriți ca pictograma dumneavoastră să arate.
Creați o panza de 400 x 400 pixeli la 72 dpi.
Primul lucru pe care o vom face este crearea formei de ieșire. Pentru aceasta, alegeți instrumentul dreptunghi rotund și desenați un dreptunghi simplu.
Puteți vedea calea nouă creată în paleta de căi de lângă paleta de straturi. Acum, folosiți Instrumentul de transformare liberă a traseului, pe care îl puteți găsi în meniul Editare sau selectând Cmd / Ctrl + T și modificați dimensiunea acestuia după cum se arată mai jos.
Alegeți instrumentul de selectare a traseului (săgeată neagră) și faceți clic pe dreptunghi, fie pe pânză, fie în paleta de trasee. Mergeți la Layer> Layer New fill> Solid Color.
Alegeți orice culoare.
Faceți clic pe butonul "Adăugați stil strat" din partea de jos a paletei de straturi.
Vom aplica trei elemente de strat acestui element. Să începem cu "Bevel și Emboss".
Aplicați acum următoarele setări: Stil: Bevel interior, Tehnică: Netedă, Adâncime: 100%, Direcție: Sus, Dimensiune: 10 px, Apă moale: 0 px.
Apoi, trebuie să aplicăm un stil de acoperire cu gradient pentru a oferi o ușoară iluminare. În acest caz, aplicați următoarele stiluri de straturi: Opacitate: 60%, Stil: Linear, Unghi: 70, Scară: 100%.
Aplicați acum un stil strat de satin folosind următoarele setări: Mod amestec: Multiplicare, Opacitate: 20%, Unghi: 0, Distanță: 11 px, Dimensiune: 14 px.
Acum vom crea un efect de strălucire pe unul din colțurile de evacuare. Selectați instrumentul stiloului și trageți o formă așa cum este arătat.
Accesați Layer> New Layer Layer> Solid Color și alegeți o culoare albă pură.
Apoi selectați stratul activ pentru a confirma făcând clic pe acesta și mergeți la Layer> Mask Layer> Reveal all. O casetă albă va apărea între calea dvs. și Solid Color Fill.
Masca stratului ne va da controlul asupra gradientului, astfel încât să îl putem plasa exact acolo unde dorim să fie. Alegeți instrumentul Gradient din bara de unelte și alegeți Gradient linear alb-negru din bara de opțiuni a uneltelor.
Aplicați un gradient în sus pe forma de strălucire pe care am atras-o mai devreme.
Apoi, aplicați un efect de stil cu strat de acoperire în gradient. Utilizați următoarele setări: Opacitate: 100%, Unghi: -141 și Scară: 100%.
Pentru a crea șurubul care ține priza noastră la perete, trebuie doar să realizăm câteva straturi. Într-un singur strat, utilizați instrumentul dreptunghi pentru a crea centrul obiectului. Apoi creați un nou strat de umplere (Layer> New Fill layer> Solid Color) și alegeți culoarea pe care o considerați cea mai potrivită. Acum adăugați un stil de strat, în acest caz selectați "Inner Shadow" și introduceți următoarele valori: Mod amestec: Înmulțire, Opacitate: 33%, Unghi: 120, Distanță: 3 px, Choke: 0.
Apoi, folosiți instrumentul cerc pentru a genera forma de bază a șurubului, așa cum am făcut-o înainte, mergeți la meniul Layer> New Fill layer> Solid Color și alegeți cel mai bun.
Acum trebuie să adăugăm câteva stiluri de straturi. Mai întâi, adăugați "Bevel and Emboss" și introduceți valorile Stil: Inner Bevel, Tehnică: Netedă, Adâncime: 100%, Direcție: Sus, Dimensiune: 9 px,.
Acum, aplicați un "Gradient Overlay" și introduceți următoarele setări: Opacitate: 60%, Stil: Linear, Unghi: 70, Scară: 70%.
În cele din urmă, adăugați un stil de strat "Satin" cu următoarele setări: Mod amestec: Multiplicare, Opacitate: 30%, Distanță: 11 px, Dimensiune: 14 px.
Alegeți instrumentul stilou și trageți forma fișei, accesați meniul Strat> Strat de umplere nou> Culoare solidă și alegeți și potriviți unul.
Aceasta este una dintre formele care necesită mai mult de trei stiluri de straturi. Mai întâi, adăugați stilul "Drop Shadow" și reglați parametrii în Mod amestec: Multiplicare, Opacitate: 75%, Unghi: 77, Distanță: 3 px, Spread: 0%, Dimensiune: 5 px.
Apoi, selectați "Bevel and Emboss", iar parametrii vor fi următorii: Stil: Pernele Emboss, Tehnică: Smooth, Adâncime: 381%, Direcție: Sus, Dimensiune: 10 px, 30, Opacitate: 75%.
Selectați acum "Gradient Overlay" și dați-i următoarele valori: Opacitate: 60%, Stil: Linear, Unghi: 70, Scală: 100%.
În cele din urmă, faceți clic pe "Satin" și personalizați parametrii opacitate: 20%, Unghi: 0, Distanță: 11 px, Dimensiune: 14 px.
După cum știți, prizele electrice au trei găuri, două pentru energie și una pentru împământare. Avem nevoie de trei straturi pentru a face asta. Putem începe cu oricare dintre cele trei, nu contează. Pentru porturile electrice, utilizați instrumentul dreptunghi, iar pentru împământare, utilizați instrumentul stilou. Odată ce ați desenat forma, mergeți la Layer> New Fill layer> Solid Color și alegeți unul potrivit.
Utilizați următoarele stiluri de straturi.
Utilizând instrumentul stilou, desenați forma umbrei.
Accesați meniul Strat> Strat de umplere nou> Culoare solidă și alegeți o culoare neagră. După aceea este foarte important să scădeți opacitatea la 50%, amintiți-vă, aceasta este o umbră.
Adăugați un stil de acoperire pentru gradienți cu următorii parametri: Mod amestec: Normal, Opacitate: 100%, Gradient: Reverse, Stil: Linear, Unghi: 90, Scală: 100%.
Acum, creați un nou strat și folosiți instrumentul Pen, desenați aceeași figură pe care am făcut-o în jurul celor trei conectori, aceasta pentru a face cablul să se potrivească ca și cum ar fi fost conectat. Accesați meniul Strat> Strat de umplere nou> Culoare solidă și alegeți o culoare neagră.
Acum, du-te la butonul strat stiluri și selectați "Drop Shadow", deși la sfârșitul anului, am decis să-l ascundă, este alegerea ta. Introduceți parametrii Mod amestec: Înmulțire, Opacitate: 75%, Unghi: 86, Distanța: 16 px, Spread: 0% și Dimensiune: 16 px.
Adăugați o "strălucire exterioară" și introduceți următoarele valori: Opacitate: 75%, Zgomot: 0%, Spread: 0%, Dimensiune: 5 px, Interval: 50%.
Adăugați o "strălucire interioară" utilizând următoarele setări: Opacitate: 75%, Zgomot: 0%, Sursă: Edge, Choke: 0%.
Acum adaugati "Bevel and Emboss" si valorile Adancime: 100%, Dimensiune: 43 px, Soften: 0 px, Unghi: 90, Altitudine: 30 si Opacitate: 75%.
Adăugați un "Stroke" cu următorii parametri: Dimensiune: 1 px, Poziție: Exterioară și Opacitate: 100%.
Este timpul să începeți să faceți cablul 3D. Mai întâi trebuie să adăugăm partea stângă și cea dreaptă. Este foarte important să țineți cont de referințele dvs., astfel încât să putem profita de această perspectivă. Utilizând instrumentul Pen, trageți partea stângă a capului cablului.
Acum adăugați câteva stiluri de straturi. Adăugați "Drop Shadow" (încă o dată ne-am decis la final să o ascundem) și introduceți valorile Opacitate: 75%, Distanță: 16 px, Spread: 0%, Dimensiune: 16 px și Zgomot:.
Adăugați "Bevel and Emboss" cu valorile Adâncime: 100%, Direcție: Sus, Dimensiune: 43 px, Dimensiune: 0 px, Unghi: 90,.
Adăugați stilul stratului "Stroke" și alocați-i următorii parametri: Dimensiune: 1 px, Poziție: Exterior și Opacitate: 100%
Pentru a face partea dreaptă, trebuie să facem exact același lucru, deci începeți să o desenați cu Pen Tool și apoi mergeți la meniul Layer> New Fill layer> Solid Color, apoi alegeți un negru neted.
Acum adăugați câteva stiluri de straturi. Mai întâi adăugați "Drop Shadow" (pe care l-am hotărât să-l ascundem la sfârșit) și introduceți valorile Opacitate: 75%, Distanță: 16 px, Spread: 0%.
Adăugați "Bevel and Emboss" cu valorile Adâncime: 100%, Direcție: Sus, Dimensiune: 43 px, Soften: 0 px, Unghi: 49,.
Adăugați stilul stratului "Stroke" și alocați-i următorii parametri: Dimensiune: 1 px, Poziție: Exterior și Opacitate: 100%.
Luați instrumentul pentru pix și decideți cum trebuie să arate partea, apoi trageți-o.
Accesați Layer> Layer New fill> Solid Color și alegeți un negru.
Mai întâi, "Inner Glow", introduceți următoarele valori: Opacitate: 33%, Zgomot: 0%, Sursă: Edge, Choke: 0%.
Adăugați "Bevel and Emboss" cu valorile Adâncime: 100%, Direcție: Sus, Dimensiune: 5 px, Dimensiune: 0 px, Unghi: 90, Altitudine: 30 și Opacitate:.
Acum adăugați stilul stratului "Stroke" și alocați-i următorilor parametri: Dimensiune: 2 px, Poziție: Exterior și Opacitate: 73%.
Selectați instrumentul stilou și trageți un cablu standard, apoi mergeți la meniul Layer> Layer New fill> Solid Color și alegeți un negru pentru a putea continua cu stilurile de strat
Să începem cu "Inner Glow", introduceți următorii parametri: Opacitate: 50%, Zgomot: 0%, Sursă: Edge, Choke: 0%.
Selectați "Bevel și Emboss" și asignați valorile Adâncime: 100%, Direcție: Sus, Dimensiune: 21 px, Soften: 0 px, Unghi: 90, Altitudine: 30 și Opacitate:.
Acum, stilul stratului "Stroke", dați-i următorii parametri: Dimensiune: 1 px, Poziție: Exterior și Opacitate: 100%.
Acum, priza noastră este aproape gata, și singurul lucru de făcut este să adăugați câteva detalii și o umbră. Luați instrumentul stiloului și trageți o formă în partea dreaptă superioară a capului cablului, apoi mergeți la meniul Layer> New Fill Layer> Solid Color și alegeți o culoare albă pură.
Acum, selectați stratul activ pentru a confirma dând clic pe el și accesați Layer> Mască strat> Reveal all. O casetă albă va apărea între calea dvs. și Solid Color Fill.
Alegeți instrumentul Gradient în bara de unelte și alegeți un Gradient liniar alb-negru din opțiunile din bara de unelte.
Aplicați un gradient în sus pe forma de strălucire pe care am atras-o mai devreme. În cele din urmă, selectați stilul "Gradient Overlay" și introduceți valorile Opacitate: 100%, Angle: -141 și Scale: 100%.
În această fază, am putea considera acest proiect complet, dar pentru că întotdeauna ne dorim cel mai bine, să adăugăm o umbră care să ofere o anumită profunzime iconului nostru. Umbra este usoara. Trebuie doar să adăugați un strat nou sub toate celelalte straturi și să desenați cu instrumentul dreptunghiului de la baza ieșirii. Apoi mergeți la Layer> New Fill layer> Solid Color și alegeți negru. Schimbați opacitatea la 75% și, în sfârșit, selectați stratul și mergeți la Filter> Blur> Gaussian Blur și dați-i o valoare în jur de 5.0.
Accentsconagua