Share
Pentru această nouă tranșă a seriei "Crearea unui set de pictograme digitale de pictură" vom crea o tabletă de la zero, în special tableta Wacom 12 "Cintiq. Acest model combină sensibilitatea la atingere și presiune, care permite utilizatorilor să deseneze direct pe ecran Aceste capabilități fac din el un favorit pentru ilustratori.
Mai jos sunt cele cinci icoane pe care le creăm în această serie.
Aruncați o privire la pictograma finită pentru acest tutorial. Vom desena tableta și stylus-ul complet cu ecran strălucitor, butoane laterale și lumini LED de stare albastră.
Activați Photoshop și creați un nou document RGB gol, alegeți o pânză pătată de 512px x 512px. Alegeți o culoare de fundal gri închis, apoi selectați Instrumentul rotunjit dreptunghi (U) din bara de instrumente. În bara de opțiuni din partea superioară a ecranului, introduceți 30px pentru raza de colț (1a), apoi faceți clic pe Alt și faceți clic de la centrul pânzei pentru a crea corpul principal al tabletei (1b). Clicurile alternative formează, selectează și transformă în jurul mouse-ului. Este o comandă rapidă de la tastatură destul de utilă, deci notați-o. Când sunteți mulțumit de formă, dați clic dreapta pe strat și alegeți Rasterize Layer. Denumiți-o "bază".
Să stabilim acum că lumina vine de sus. Acest lucru necesită ca toate suprafețele orientate în sus să fie mai ușoare și toate suprafețele orientate în jos să fie mai întunecate. Vom respecta această regulă pe tot parcursul tutorialului.
Corpul principal al tabletei arată plat. Să adăugăm o iluminare prin alegerea unei culori gri ca culoarea prim planului și păstrarea culorii de fundal precedent (2a). Apăsați G pentru a selecta instrumentul Gradient. Înainte de a picta gradientul, să blocăm transparența stratului de bază făcând clic pe pătratul transparent din partea superioară a paletei Straturi (2b). Acum putem picta în siguranță peste tot pe tabletă, deoarece vom fi limitați la pixelii existenți. Pictați gradientul cu un curs vertic, ușor până la întuneric (2c).
Suprafața tabletei nu este atât de netedă. Există o grămadă foarte fină. Pentru a crea filtre> Noise> Add Noise și alegeți 1%, uniform și monocromatic (3a). Consultați rezultatul (3b). De asemenea, trebuie să dăm tabletei o anumită grosime, astfel încât să faceți dublu clic pe stratul "bază" pentru a deschide fereastra Style Layer și faceți clic pe Bevel și Emboss. Consultați imaginea 3c pentru setări. Acum, comprimatul are o grosime și o curbă blândă în jurul marginilor (3d).
Să desenăm suprafața sticlei. Selectați din nou instrumentul Rectangular rotunjit (U), dar de această dată setați Radius la 10px (4a). Desenați un dreptunghi mai mic în centrul de sus și denumiți-l "sticlă" (4b). Rasterizeaza-l, blocheaza transparenta si umple-l cu un gradient vertical de la un mediu la un gri foarte inchis (4c).
Zona activă reală este puțin mai mică decât geamul și are muchii ascuțite. Desenați-o cu instrumentul Rectangle și dați-i un stil de acoperire cu gradienți, de culoare gri până la mediu gri (5a). Acum este, de asemenea, momentul să adăugați o siglă în partea inferioară a geamului. Utilizați Instrumentul pentru Text (T) și o culoare foarte deschisă (dar nu albă) pentru a adăuga sigla personalizată (5b).
Sticla este inserată de pe suprafața de bază a tabletei. Duplicați stratul de "sticlă" și denumiți copia "jantă de sticlă". Setați Fill la 0% (6a). Pixelii efectivi ai stratului sunt invizibili, dar orice stil Layer pe care îl adăugăm nu va fi. Acesta este un truc frumos atunci când doriți doar să utilizați conturul unui strat fără a afișa conținutul acestuia. Ceea ce vrem este din nou Bevel și Emboss. Asigurați-vă că alegeți opțiunea "Jos", care va crea o teșitură (6b). Acum, sticla are o inserție de margine tare și superficială de la bază (6c).
Pentru a finaliza ecranul vom adăuga un mare accent reflectorizant. Faceți clic pe "sticlă" (7a) apoi completați un nou strat cu alb (7b). Denumiți-o "reflecție" (7c). Folosind instrumentul poligonal Lasso (L) faceți o selecție înclinată pe partea dreaptă a stratului (7d). Adăugați selecția ca o mască (7e), apoi setați modul de amestecare al stratului la Ecran, opacitate 20% (7f). Ecranul este terminat (7g), astfel încât să putem grupa toate straturile conexe acum (7h).
Pentru lumina LED, alegeți instrumentul Ellipse (U) și trageți o elipsă de albastru deschis de 7x3 pixeli în colțul din stânga sus al tabletei (8a). Denumiți-o "LED 1" apoi adăugați un strat Strat strălucitor (8b) și Inner Glow (8c). Acum avem o lumină frumoasă (8d).
Duplicați LED-ul și adăugați câteva simboluri de mai jos. Faceți-vă propriile sau faceți referire la imaginile Cintiq-ului actual.
Pe butoanele laterale. Mai întâi să facem banda de atingere. Alegeți același gri ca stratul "de bază". Utilizând instrumentul rotunjit dreptunghi (U) cu o rază de 2px, trageți o bandă verticală subțire pe partea stângă a sticlei (10a). Banda este inserată din corpul principal, astfel încât să adăugăm un stil Bevel și Emboss (10b). Activați și opțiunea Contur (10c). Vezi rezultatul (10d).
Pe lângă banda de atingere, există o altă secțiune care conține cele patru taste funcționale. Duplicați banda, mutați-o spre dreapta și lărgiți-o astfel încât să se potrivească cele patru taste. Denumiți-o "fâșie cheie".
Pentru tastele funcționale alegeți o culoare gri mai deschisă. Desenați tasta de sus cu instrumentul Rectangle (12a) și denumiți-o "tasta de sus". Ei cheie aruncă o umbră în jurul ei înșiși. Creați acea umbră cu un stil Outer Glow (12b). Cheile rămase pot fi create cu ușurință prin duplicarea "cheii superioare", adaptarea proporțiilor acestora și poziționarea lor pe bandă (12c).
Grupați ambele benzi și cele cinci chei dintr-un grup numit "BUTTONS L." Duplicați grupul, denumiți cel nou "BUTOANE R", mutați-l în partea dreaptă a geamului și răsturnați-l orizontal (13a). Pentru a termina tableta, adăugați o umbră. Pe un nou strat sub "bază", trageți o elipsă negru subțire lungă. Setați-l la Înmulțire, opacitate 70%. Mergeți la Filter> Blur> Blur Gaussian și alegeți 3px. Rezultatul este o umbra moale, naturală (13b).
E timpul să creați stiloul acum. Desenați jumătatea dreaptă a stiloului utilizând instrumentul Pen în modul Shape Layer (14a). Creați cealaltă jumătate (14b), apoi îmbinați cele două forme împreună. Utilizați un mediu gri ca culoare de bază (14c). Denumiți stratul "corpul stiloului".
Să adăugăm evidenția principală. Duplicați stratul stiloului și micșorați-l pe orizontală. Spargeți-l folosind fie Hue / Saturation (Cmd + U) sau Luminozitate / Contrast (15a). În cele din urmă, adăugați un Blur Gaussian de 1px pentru al amesteca cu stratul de fund (15b). Este posibil să fie necesar să setați modul de amestecare al evidențierii la Ecran, în funcție de culorile pe care le-ați ales și de rezultatul dorit. Denumiți stratul "reflecție corp pen".
Utilizând instrumentul Marcaj dreptunghiular (M), selectați o bandă orizontală subțire pe stratul de "reflexie a corpului stiloului" până la jumătatea capătului conic. Înclinați selecția (16a). Acum, selectați vârful de pe ambele straturi și ștergeți, lăsând un capăt plat (16b).
Adăugați știftul ca un dreptunghi simplu de culoare închisă (17a) pe un strat sub "corpul stiloului". Eraserul poate fi creat cu o elipsă gri închis, de asemenea pe un strat sub stiloul (17b). Deoarece radiera este rotunjită, trebuie să adăugăm unele variații de culoare pe suprafață. Facem acest lucru cu un stil de acoperire cu gradient (17c).
Trageți mânerul de cauciuc cu un dreptunghi rotunjit ușor conic, astfel încât acesta să se aprindă în partea superioară (18a). Raza ar trebui să fie foarte mică, aproximativ 3px. Adăugați un stil de acoperire cu gradient (18b). Mânerul de cauciuc apare acum rotund (18c).
Să desenăm butonul lateral de pe stylus. Desenați un dreptunghi gri închis pe un nou strat, exact unde ar fi degetul mare dacă ați prins stiloul (19a). Marquee - selectați ultimele două treimi (19b), apoi apăsați Cmd + J pentru a copia selecția într-un nou strat. Această parte a butonului este îndreptată în sus, de aceea trebuie să-l lumineze (19c). Apăsați Cmd + E pentru a fuziona cu fața în jos. Acum trebuie doar să adăugăm o strălucire exterioară pentru a simula gaura în care este setat butonul (19d). Butonul lateral este complet (19e).
Grupați toate straturile care alcătuiesc stiloul și denumiți grupul "PEN" (20a). Păstrați structura straturilor pentru modificări ulterioare. Duplicați grupul și apăsați pe Cmd + E pentru a îmbina toate straturile într-una. În acest moment putem adăuga o Shadow Drop (20b) și poziționăm stylusul pe care îl dorim. Am terminat (20c).
Sper că ați învățat câteva trucuri din acest tutorial. Poate chiar te-a făcut să vrei să cumperi un comprimat! Ca întotdeauna cu designul icoanelor, ne-am bazat pe forme vectoriale și stiluri de straturi pentru a obține efect maxim și flexibilitate. Dacă doriți să schimbați culorile, grosimea sau direcția luminii, puteți întotdeauna să reveniți la structura stratului și să efectuați ajustările necesare. Vă vom vedea data viitoare pentru designul final din această serie atunci când vom crea o pictogramă de afișare a orașului!
Accentsconagua