Share
În acest tutorial veți crea o pictogramă semi-realistă, sci-fi, care ar putea fi utilizată ca o pictogramă a bateriei sau a dock-ului. Să începem!
Creați un document de 256 x 256 la 72 DPI. Aceasta este o dimensiune foarte obișnuită a imaginii pentru o pictogramă a docului. Culoarea de fundal poate fi setată fie albă, fie transparentă.
Să stabilim pânza creând un strat de fundal alb dacă nu ați făcut-o deja. Veți găsi acest lucru util mai târziu atunci când aveți nevoie pentru a vedea contrastul de fundal prin Inversarea stratului de fundal Cmd / Ctrl + I. Afișați conducătorii și trageți un nou Ghid pentru centru.
Folosind instrumentul Ellipse (U), trageți un oval în centrul superior al pânzei cu această culoare # e1e1e1. Puteți să o centrați prin selectarea întregului document Cmd / Ctrl + A și să utilizați Instrumentul de mutare (V) și faceți clic pe pictograma de pe bara de sus, după cum se arată în diagramă. Sunați acest "Cerc de sus". Duplicați acest strat de paisprezece ori menținând apăsată tasta Alt + Jos cu Instrumentul de mutare (V). Mergeți cele 14 straturi duplicate care o pot numi "Corpul cercului". Plasați acest strat sub "Circle Top".
Aplicați următorul stil la "Circle Top" pentru a oferi un aspect metalic. Glow Inner tinde să-i dea efectul frenezie, în timp ce Gradient Overlay îi conferă dimensiunea.
Aplicați următorul stil la "Circle Body".
Ar trebui să aveți ceva care arată așa.
Creați un nou strat peste "Circle Top" și numiți-l "Edge". Cmd / Ctrl faceți clic pe "Cercul de sus" miniatură pentru selecția sa. Umpleți-l cu alb folosind instrumentul Bucket Paint (G). Reglați selecția cu 1px și apăsați Ștergeți. Folosind Eraser Toll (E) cu diametru aproximativ 60px și duritate 0%, faceți clic o dată pe partea stângă și pe partea dreaptă a cercului. Creați un nou strat deasupra și utilizați aceeași metodă pentru a obține selecția "Circle Top". Sunați acest strat "Strălucire". Folosind o perie albă moale la diametrul de 60px, faceți clic o dată pe centrul cercului. Aduceți opacitatea la 80%. Acest lucru îi va da un aspect crocant și strălucitor.
Creați un alt strat și numiți-l "Reflecție". Utilizați instrumentul Marcaj dreptunghiular (M) și desenați un dreptunghi pe partea laterală a corpului cercului și umpleți-l (G) cu un alb. Am inversat culoarea de fundal pentru a putea vedea mai clar. Alegeți "Circle Body" și Invert it Cmd / Ctrl + Shift + I. Acum, apăsați pe Delete și setați opacitatea la 10%. Acest lucru ar putea părea greu ca orice diferență, dar acest pas întreg are un impact foarte mare asupra designului.
Creați un strat nou și apelați acest "bec". Alegeți "Circle Top" și completați (G) cu # 80fa96. Puteți folosi orice culoare doriți, dar pentru acest tutorial, vom merge pentru un verde ușor gălbui. Introduceți Free Transform Cmd / Ctrl + T și țineți apăsat Shift + Alt, trageți unul dintre colțuri spre interior până când găsiți că dimensiunea becului pe care doriți.
Acum aplicați următorul stil pentru un efect de strălucire.
Puteți grupa toate straturile la care lucrăm acum, cu excepția fundalului, și să-i dați un nume. Am sunat-o pe "Cap". Creați un nou apel de grup "Top Body". Creați un nou strat în interiorul acestui grup și numiți-l "Top". Utilizați instrumentul Pen (P) și desenați ceea ce vedeți pe diagramă. Amintiți-vă să păstrați în minte perspectiva în desenarea icoanelor 3D. Acum completați (G) forma cu # d7d7d7 prin clic dreapta> Completați calea.
După ce ați terminat, aplicați următorul stil.
Este timpul să adăugați strălucire și reflecție. Acum este momentul potrivit pentru a utiliza un fundal negru. Selectați stratul de fundal și Invert it Cmd / Ctrl + I. Vom începe cu marginile. Creați un nou strat și numiți-l "Marginea stângă". Alegeți selecția stratului "Sus" și Completați (G) cu alb. Treceți selecția în sus și dreapta la 1px și apăsați Ștergeți. Obțineți instrumentul Eraser (E) cu diametru 70px, duritate 0% și faceți clic o dată ușor din colțul din stânga. Consultați diagrama pentru a vedea ce vreau să spun.
Folosind aceeași tehnică, trageți o margine de 1px în partea dreaptă jos pe un nou strat numit "Dreapta Edge". Ștergeți ambele capete ale liniei cu instrumentul Eraser (E).
Vom folosi instrumentul Pen (P) pentru a desena reflecția. Urmați diagrama apoi Completați (G) cu alb și setați opacitatea la 20%.
Ținând cont de realism, vom adăuga o reflecție de sine. Alegeți "Circle Body" și completați (G) cu negru. Reglați-o chiar sub corp. Setați opacitatea la 20%. Știu că, prin drept, ar trebui să luăm imaginea originală, în loc să folosim una neagră. Dar uneori este bine să încălcați regulile pentru a obține ceea ce doriți.
Creați un grup numit "Body Face" și un nou strat interior denumit "Face". Utilizați instrumentul Pen (P) și extrageți următoarele. Amintiți-vă să aliniați punctele cu placa metalică superioară și păstrați curba cât mai simetrică posibilă. Pentru a trage o linie dreaptă, apăsați Shift când creați un nou punct.
Aplicați următorul stil de strat.
Este timpul să adăugăm o reflecție și să strălucească în această zonă ca și noi pentru ceilalți. Folosind metoda de selecție pe care v-am învățat-o mai devreme, creați o margine albă de 1px pe partea dreaptă a "feței". Utilizați o Eraser moale (E) de aproximativ 100px și periați cele două capete ale liniei. Setați Opacitatea la 70%. Creați un strat nou și apelați acest "Întuneric". Alegeți selecția "Face" și utilizați un Gradient Linear Negru (G) și trageți-o de sus în jos, după cum se arată. Apoi Ștergeți (E) partea de jos cu 0% Duritate și aproximativ 100px. Pur și simplu mergeți în jurul marginea atunci când periați, ținând marginea departe de selecție, astfel încât să arate așa. Apoi setați opacitatea la 10%.
Creați un nou strat numit "Brush Shine". Alegeți selecția de "Face" și Brush (B) de sus și de jos cu alb, astfel încât zona pare ceva de genul asta. Apoi setați opacitatea la 20%.
După aceea, creați un nou strat denumit "Reflecție întunecată". Utilizați instrumentul Pen (P) și desenați forma prezentată și completați (G) cu negru. Ștergeți zona din afara selecției "Face" așa cum am învățat mai devreme. Setați opacitatea la 4%. Repetați procesul, creați un strat alb "Reflection" cu opacitate de 10% în partea de sus. Ar trebui să aveți ceva de genul de mai jos.
La următoarea secțiune, creați un nou grup numit "Inside", apoi un nou strat numit "Cadru". Puteți utiliza fie un instrument poligonal Lasso (L), fie un instrument Pen (P) pentru a desena cadrul interior. Utilizați # 777777 drept culoare. Încercați să păstrați o lățime constantă pe tot parcursul.
Aplicați stilul acestui strat.
Acum creați un nou strat numit "Dark Edge" și creați o margine neagră 1px pe partea stângă a "Frame". Setați opacitatea la 20%. Apoi creați un nou strat numit "Corner". Vom da această pictogramă o imagine încorporată, astfel încât să nu pară așa plată. Din nou, puteți utiliza instrumentul Poligonal Lasso Tool (L) sau Pen Tool (P) pentru a desena acest lucru. Utilizați # 5c5c5c ca culoare.
Aplicați următorul stil de stil la "Corner".
Să adăugăm umbră la ea. Creați un nou strat denumit "Întuneric". Utilizați un instrument de gradient liniar negru (G) cu transparență pentru a picta în selecția colțului. Apoi setați opacitatea la 10%.
Acum creați un nou strat numit "Corpul interior". Desenați o zonă dreptunghiulară pentru interior cu # 161616. Un sfat rapid este de a utiliza Ghiduri ca punct strategic pentru a desena obiecte și de a folosi selecția altor straturi pentru a șterge zonele nedorite. Am inversat culoarea de fundal pentru a vedea clar.
Aplică acest stil strat și suntem pe jumătate acolo! Dark Inner Shadow și gradient Overlay ajută la o profunzime puternică.
Este timpul să pregătiți o schimbare a iluminării pentru partea dreaptă a pictogramei, fără a mai fi nevoie să faceți totul din nou. Creați un nou grup numit "Pentru modificările din partea dreaptă". Creați un strat nou în interiorul acestuia și numiți-l cum vreți, l-am numit "Darken For Right Side". Utilizați straturile anterioare și completați (G) cu negru, apoi setați opacitatea la 20%.
Acestea sunt cele pentru fiecare strat împreună cu opacitatea.
Iată cum ar trebui să arate după setarea opacității.
Trebuie să copiem o copie a acestui strat și să îl folosim pentru partea dreaptă. Mai întâi ascundeți stratul de fundal și grupul "Cap" făcând clic pe pictograma ochi de lângă acestea. Creați un strat nou și combinați Cmd / Ctrl + Shift + E. Încărcați Cmd / Ctrl + T și transformați-l orizontal pe poziția punct de referință dreapta, clic dreapta> Flip orizontal și trageți pivotul central spre dreapta. Ascundeți grupul "Pentru modificările din partea dreaptă" și descoperiți grupurile și straturile anterioare.
Creați un nou grup numit "Drept" și plasați stratul duplicat în interiorul acestuia. Avem niște iluminări pentru a le adăuga. Inversați Cmd / Ctrl + I fundal și creați un nou strat numit "Floor Shadow". Trageți umbra așa.
Introduceți modul Quick Mask (Mască rapidă) (Q) și utilizați Instrumentul gradient liniar (G) pentru a completa ceva asemănător. Încercați să aliniați gradientul cu umbra. Apoi, ieșiți din modul Mască rapidă (Q) și aplicați un Blur Gaussian de 3px sub Filter> Blur> Blur Gaussian.
Ștergeți zonele care ating pictograma și setați opacitatea la 30%. Adăugați o mască vectorică făcând clic pe pictograma din dreapta în partea de jos a panoului de straturi. Arată ca un dreptunghi cu un cerc în el. Utilizați undeva în jurul unei unelte Grayent Linear Gray (G) pentru a umple partea cealaltă a umbrei, astfel încât să dispară.
Creați un nou strat numit "Side" și desenați un dreptunghi negru ca un șablon cu Instrumentul de margine dreptunghiulară (M) sau cu un dreptunghi (U). Aplicați un Gaussian Blur de 5px, variind-o dacă doriți. Setați opacitatea la 30% și ștergeți zonele care nu se ating de partea dreaptă a pictogramei.
Creați un nou strat numit "Edge Stroke". Desenați o linie albă de-a lungul marginii interioare a metalului ("Corner") utilizând instrumentul de linie 1px (U). Apoi utilizați o Eraser moale (E) de aproximativ 40px în diametru pentru a șterge ambele capete ale liniei. Acum creați un nou strat numit "Edge Blur". Utilizând fie un instrument de marcaj dreptunghiular (M) sau un instrument de linie (U), desenați o linie albă de 1px în centrul ecranului, cu ajutorul unui ghid, dacă este necesar. Apoi aplicați Blur-ul Gaussian de 1px și setați opacitatea la 20%.
Creați un nou grup numit "Inele", un alt grup din interiorul numit "Sticlă" și un strat interior numit "Sticlă". Mai intai trebuie sa facem o schita pentru a obtine o idee despre cum va arata tubul nostru circular 3D. Aici vă voi arăta cum înțeleg despre conturul formei utilizând cercuri, apoi un instrument Pen (P) pentru a urmări jumătatea stângă a tubului.
Umpleți forma cu alb apoi tăiați jumătatea nedorită a formei. Duplicați-l și rotiți-l spre dreapta, apoi îmbinați-l cu cealaltă parte.
Setați Umpleți la 3% și aplicați aceste stiluri.
Este timpul să adăugați reflecții și strălucire, iar acest lucru este, de obicei, partea dificilă, așadar vă recomand să căutați în jurul ochelarilor și tubului și să vedeți cum funcționează reflexia și opacitatea. Mai întâi creați un nou strat numit "Top Shine Half". Alegeți opțiunea "Sticlă" și completați-o cu alb. Reglați selecția cu aproximativ 10 pixeli sau jumătate în jos. Adăugați o mască vectorică și o pensulă (B) marginile stralucirii, astfel încât să pară ceva asemănător. Utilizați undeva în jur de 25px în diametru. Setați opacitatea la 30%. Sfat, folosind Vector Mask vă ajută să experimentați fără a vă distruge imaginea.
Creați un nou strat numit "Top Shine Top". Vom repeta procesul, dar cu o strălucire mai subțire. Pentru acest Erase (E) marginile astfel încât să se amestece bine și să setați opacitatea la 30%.
Creați un nou strat numit "Linie groasă". utilizați un instrument Pen și trageți o curbă scurtă similară curbei tubului. Puneți peria la 3px în diametru, duritate 100% și alb. Încărcați calea utilizând instrumentul Pen (P) Faceți clic dreapta> Calea cursei, alegeți Pensulă și bifați Simulare presiune, apoi faceți clic pe OK. Setați opacitatea la 30%. Puteți utiliza Instrumentul de mutare (V) pentru a vă deplasa linia dacă nu l-ați desenat cu precizie mai devreme.
Creați un nou strat numit "Linie subțire". Folosiți din nou aceeași tehnică, dar de data aceasta cu o perie de 1px (B) și fără Simulate Pressure. Apoi fie Erase (E), fie Maschează cele două capete ale liniei și setați opacitatea la 90%. Aplicați o strălucire strălucitoare albă de 4 pixeli cu opacitate de 40% pentru stilul stratului.
Suntem pe jumătate prin reflecție. Creați un nou strat numit "Side Shine". Utilizați instrumentul Pen (P) pentru a desena o formă curbă, urmând forma tubului. Apoi dați clic dreapta> Completați calea cu alb. Adăugați Masca Vector și începeți Periaj (B) cu o perie moale în jurul părților laterale ale strălucirii, astfel încât să se estompeze în partea inferioară și dreaptă. Setați opacitatea la 40%. Alegeți selecția "Sticlă" și Inversați selecția Cmd / Ctrl + Shift + I, apoi apăsați Ștergeți.
Acum vom crea jantele / muchiile tubului astfel încât să nu pară atât de plat. Creați un strat nou și creați o margine albă de 2px pe partea stângă a sticlei. Apoi faceți același lucru pentru partea dreaptă și îmbinați cele două straturi împreună. Setați opacitatea la 40%. Aplicați Bevel și Emboss de dimensiune 0px și 100% Opacity pentru Highlight și Shadow.
Trebuie să pregătim un alt detaliu important pentru tub. Creați un nou strat numit "Reflecție verde". Utilizați selecția "Sticlă" și Umpleți (G) partea de jos a zonei cu # 3bf75f. Apoi adăugați Vector Mask și Brush (B) partea de sus și părțile laterale ale zonei, astfel încât să se estompeze ușor. Setați Modul de amestecare la Dodge Linear (Adăugare) și Opacitate la 25%. Acest lucru va adăuga realsim ca inele verde strălucitoare de mai jos va crea o reflecție asupra inelului de deasupra ei.
Acum este momentul să pregătiți aceste imagini pentru dublare. Avem nevoie de un pahar cu reflecția verde, așa că creați un nou strat în acest grup apoi Alt faceți clic pe pictograma ochiului din grup. Mergeți Cmd / Ctrl + Shift + E. Clicați Alt-faceți clic din nou pe ochi și ascundeți reflexia verde, apoi repetați procesul de duplicare. Faceți același lucru și fără "sticla". Deci, acum ar trebui să aveți 3 tipuri de duplicate, sticlă cu reflecție verde, sticlă fără reflecție verde, doar reflecția, dar nu cea verde.
Creați un nou strat denumit "Unul Ring", alegeți "Glass" și completați (G) cu # 3cf760. Reglați-l cu 80 de grade cu Shift + în jos. Puteți plasa acest lucru într-un grup nou și îl puteți numi oricând doriți. Mi-am sunat "1" de când va fi nivelul 1. Aplică aceste stiluri pentru strălucire și dimensiune.
Îți amintești de stratul de reflecție pe care l-am creat mai devreme? Duplicați-o și plasați-o chiar peste inelul verde. Mai târziu duplicați-o pe cea cu reflecție verde și plasați-o în centru. Duplicați paharul alb și ar trebui să aveți asta.
Faceți același lucru pentru fiecare nivel, plasându-i în grupuri sau combinându-le dacă doriți.
Creați un nou strat denumit "Shadow" în partea de jos a grupului "Inele". Utilizați selecția "Sticlă" pentru a umple (G) cu negru. Nudge (V) o în jos cu aproximativ 15px. Selectați o jumătate din umbră și Îndepărtați-o astfel încât să atingă partea laterală a tubului. În modul Free Transform Cmd / Ctrl + T, faceți clic dreapta> Skew. Puteți izola mai bine selecția prin înlăturarea acesteia din loc și apoi înapoi, după ce ați selectat-o cu Rectangular Marquee Tool (M). Faceți același lucru pentru cealaltă jumătate. Duplicați-l pentru trei tuburi, apoi setați opacitatea la 20%. Utilizați instrumentul Polygonal Lasso Tool (L) pentru a șterge zonele care nu ating pictograma.
Suntem aproape gata. Vom adăuga câteva detalii finalizate. Mai întâi, deschideți stratul de fundal și stratul "Floor Shadow" în grupul "Dreapta". Apoi creați un nou strat și Merge Cmd / Ctrl + Shift + E. Îndepărtați acele straturi pe care tocmai le-ați ascuns. Creați un nou strat chiar în partea de sus și numiți-l "Noise" pentru a obține selecția stratului îmbinat și completați-l (G) cu 50% gri. Aplicați 10% zgomot Gaussian, monocromatic sub Filter> Noise> Add Noise. Setați Modul de amestecare la Overlay și Opacity la 10%. Acum puteți șterge stratul îmbinat. Nu veți observa o mare diferență, dar vă ajută să creați acel aspect imperfect.
Creați un nou strat chiar deasupra stratului de fundal și numiți-l "Shadow". Utilizați instrumentul Polygonal Lasso Tool (L) pentru a desena ceva de genul acesta, subliniind baza pictogramei aproximativ. Aplicați un Gaussian Blur de 6px și setați opacitatea la 60%. În cele din urmă, ați terminat!
Acum că ați terminat pictograma dvs., exportați pur și simplu pictogramele fiecare cu un nivel diferit, ascunzând și dezactivând soneria necesară.
Accentsconagua