Share
Să revenim la timp și să ne uităm la pictogramele sistemului Windows XP. Ne vom inspira de o pictogramă veche a computerului. Apoi vom crea o simplă pictogramă de monitor în acel stil. Icon Factory este compania care a creat icoanele pentru sistemele de operare Vista și XP Windows. Lucrările lor servesc ca inspirație nu numai pentru acest tutorial, ci și pentru multe icoane create astăzi.
Nota editorului: Acest tutorial a fost publicat inițial în limba cehă la
Grafika Online.
Grafika a dat permisiunea lui Vaclav să republiceze aici pe Psdtuts + pentru cei dintre noi care nu au învățat cehul ...
Înainte de a începe, să aruncăm o privire la imaginea pe care o vom crea. Ca întotdeauna, fișierul Photoshop stratificat este disponibil prin intermediul nostru membru al PSdtuts + Plus.
În primul rând, copiem pictograma sistemului XP într-un document nou pentru ao folosi ca inspirație pentru acest design. Apoi alegeți o culoare purpurie (# 9693B0) și desenați un dreptunghi, care face forma de bază a unui ecran. Utilizați Instrumentul rotunjit dreptunghi și setați o rază adecvată.
Schimbați culoarea în albastru (# 1E7EDB) pentru fundalul desktopului. Apoi trageți partea interioară a monitorului nostru. Aduceți această rază puțin mai mică. De asemenea, lăsați un spațiu mai jos pentru panoul de control.
Este bine să desenați butoanele din partea dreaptă într-un singur strat. Țineți apăsată tasta Shift în timpul tragerii. Apoi treceți la cealaltă parte și creați o formă mai mare a comutatorului. Apoi setați Masca de Clipping a stratului anterior (Ctrl + Alt + G). Stratul de comutator este denumit "Shape 11."
Asta e suficient pentru moment, așa că haideți să o transformăm prin accesarea Edit> Transform> Distort.
Rezultatul de mărime de 100% până în prezent este prezentat mai jos.
Acum vom adăuga oa treia dimensiune monitorului nostru. Copiați primul strat (Ctrl + J). Apoi folosiți aceeași transformare, dar faceți-o mai mare în partea stângă sus și dreapta sus. Schimbați culoarea acestui strat la purpuriu închis (# A19ECA). Apoi, setați primul nostru strat într-o culoare purpuriu deschisă (# D6D3F6).
Faceți selecții din ambele straturi (Ctrl + Shift + Faceți clic pe strat). Apoi, din meniul Edit, apelați funcția Stroke. Setați mărimea la 1 pixel și culoarea pătată închisă (# 6A6887). Apoi apăsați OK. Desigur, am putea folosi efectele stratului, dar am ales acest lucru pentru că vom dori să ascundem o mică bucată din acest contur.
Creați mai multe straturi deasupra monitorului înapoi. Apoi setați Masca de Clipping a stratului anterior (Ctrl + Alt + G). Ridicați instrumentul de perie. Apoi, cu o perie moale selectată, desenați cele mai importante (1) și umbre (2).
Putem juca și cu panoul de control. Copiați stratul de comutare, dați-i o culoare mai deschisă (# 9693B0). Apoi faceți puțin mai mic. Aceste detalii minore vă vor face întotdeauna mai interesant munca.
Acum lucrăm pe ecranul monitorului. Adăugați un nou strat și trageți un gradient albastru deschis (# 70B5F4). Apoi adăugați mai multe forme pentru a crea iluzia de a avea o bara de activități.
Pentru a oferi ecranului un aspect mai plastic, trageți în jurul acestuia un contur întunecat și ușor. Am putea folosi funcția Stroke, dar vom încerca ceva diferit de data asta. Desenați conturul ca formă de strat, astfel încât acesta dispare spre margini.
Mai întâi, copiați stratul ecranului (Ctrl + J). Apoi selectați forma cu ajutorul opțiunii Path Tool (A). Copiați forma și introduceți-o. Apoi mutați-o ușor pe laturi și extrageți-o din forma originală (a doua pictogramă de pe tavă). Utilizați Transformarea Distort pentru a face ca forma să dispară spre margine și să întindeți forma bine.
Copiați din nou stratul (Ctrl + J). Apoi, completați-o cu o culoare albă. Deplasați-l cu 1 pixel în sus și spre stânga. Acest lucru face ca schița să fie mai vizibilă. Viziunea de 100% până în prezent este mai jos.
Vom lucra cu partea de jos a ecranului în același mod. Veți avea nevoie de o singură formă plină cu o culoare albă. Ecranul pare destul de plastic acum.
Acum, să adăugăm câteva reflecții. Instrumentul Pen vine la îndemână. Depinde de tine să alegi unde va fi reflecția.
Un lucru important este să setați Masca stratului de reflecție (1). Încărcați-o (Ctrl + Shift + faceți clic pe toate straturile) pentru a face ca reflexia să fie vizibilă numai acolo. Aici dorim să fie - deasupra stratului de monitor (2) și partea din spate a monitorului (3).
Faceți fundalul desktopului mai atractiv cu un truc vechi. Desenați o elipsă (orice dimensiune) cu instrumentul Ellipse. Apoi faceți o selecție din strat (Ctrl + Shift + click). Apoi, setați cursorul ca un contur de 1 pixel într-un nou strat.
Întoarceți elipsa în jurul acesteia, transformați-o și dați din nou un Stroke de 1 pixel într-un nou strat. Faceți acest lucru de mai multe ori. Apoi adăugați o mască de strat pe fiecare strat de elipsă. Umpleți-l cu o culoare neagră, astfel încât nimic să nu fie vizibil. Apoi utilizați o perie albă moale pentru a desena în cazul în care doriți ca contururile să fie vizibile. Adăugați mai multe alburi în locurile în care contururile se încrucișează reciproc.
Partea finală a monitorului de creat este monitorul. Desenați o elipsă (#DCDBEE color). Apoi transformați-o cu funcția Distort.
Copiați acest lucru (Ctrl + J), faceți-l mai mic (Ctrl + T) și umpleți-l cu o nuanță mai închisă (# B6B4D4).
Pentru a desena partea principală a suportului va trebui să utilizați instrumentul Pen. Apoi creați o formă, după cum se arată mai jos.
Apoi vom crea contururi de toate formele. Mai întâi, faceți selecția din straturile monitorului (Ctrl + Shift + faceți clic pe straturi) și alegeți funcția Stroke - # 5D5B7B color.
Tot ce trebuie să adăugați acum sunt câteva umbre și subliniază. Puteți utiliza din nou instrumentul Pen. Doar nu uitați că standul nu este zona principală pe care utilizatorii ar trebui să se concentreze asupra. Fiți atent cu umbrele și evidențiați, nu-i faceți prea expresivi.
Ultimul pas este ștergerea conturului ecranului monitorului în care acesta atinge suportul. Adăugați o mască de strat și trageți în ea cu o perie neagră tare. Dacă nu utilizați 100% opacitate, puteți lăsa puțin vizibilă conturul. Acesta este motivul pentru care nu am creat întreaga schiță a acestei icoane spectaculoase. În schimb, avem două contururi de bază - unul pentru ecranul monitorului și unul pentru standul în sine.
Și asta e tot! Sper că ați învățat ceva nou despre designul de icoane în Photoshop.
Accentsconagua