Crearea unui set de pictograme digitale de pictură Partea 3 - Pictură pictură pictogramă

Bine ați venit la al treilea tutorial din seria "Crearea unui set de pictograme digitale de pictură". În această tranșă vom crea o pictogramă de pensulă de vopsea, completată cu paleta de lemn și vopselele de vopsea. Vom folosi texturi, stiluri de straturi și un bun simț al iluminării pentru a crea o pictogramă distractivă.

Tutorial și detalii despre serie

Mai jos sunt cele cinci icoane pe care le creăm în această serie. În acest tutorial vom face pictograma pensulei.

Luați o privire la pictograma finalizată din acest tutorial, care combină o atingere a realismului și o atingere de distracție. Niciodată nu le doare niciodată!

  • Program: Adobe Photoshop CS2 și mai târziu
  • Dificultate: Intermediar
  • Durata estimată de finalizare: 1,5 ore

Pasul 1

Vom avea nevoie de două texturi de lemn pentru această pictogramă, astfel încât să le descărcăm de la StockXchng: prima textură și a doua textură. Începeți Photoshop și creați un nou document gol, care este de 512 pixeli la 512 de pixeli. Setați culoarea primului rând într-un galben pal, apoi introduceți P pentru a selecta instrumentul Pen. Asigurați-vă că modul de straturi de forme este activ (1a) și trageți conturul paletei (1b). Denumiți layerul "paletă".

Pasul 2

În opțiunile Instrument Pen, alegeți Scădere din zona căii (2a) și desenați o elipsă. Acesta va fi scos din forma principală, creând astfel o gaură (2b).

Pasul 3

Forma paletei este completă. Duplicați stratul apoi ascundeți-l. Vom continua să lucrăm la copie. Suntem multumiti de forma, astfel incat sa facem clic dreapta pe ea si sa alegem Rasterize.

Importați prima textură în document, plasați-o deasupra paletei. Scalați-l și rotiți-l astfel încât să fie puțin mai mare decât paleta, iar grâul său se execută sub un unghi. Faceți clic pe paletă pentru a încărca conturul ca o selecție, apoi mascați textura făcând clic pe butonul de mascare din partea inferioară a paletei Straturi (3a). Paleta începe să arate bine (3b).

Pasul 4

Vrem ca textura să fie mult mai ușoară decât este atinsă Command + M pentru a deschide fereastra Curves. Faceți clic pe curbă direct în mijloc și trageți în sus (4a) pentru a ușura textura (4b). În acest moment s-ar putea să doriți să ajustați rotația așa cum am făcut-o aici (4c).

Pasul 5

Acum putem îmbina cele două straturi, "paletă" și "textura", împreună. Selectați stratul "textura", faceți clic dreapta pe mască și alegeți Aplicare mască. Apoi apăsați Command + E pentru a îmbina stratul în jos. Se va afișa un dialog care vă întreabă ce doriți să faceți cu masca paletei. Alegeți Aplicați. Acum avem un singur strat (5a).

Să dăm paletei o anumită grosime prin adăugarea stilului stratului Bevel și Emboss. Asigurați-vă că alegeți o culoare maronie închisă pentru umbre în loc de negrul implicit (5b). Paleta arată acum mult mai bine (5c) dar nu a terminat încă.

Pasul 6

Adăugați un stil de acoperire cu gradient (6a) astfel încât partea de sus să fie mai deschisă (6b). Acum duplicați stratul, denumirea copiei "umbra paletei". Ștergeți toate stilurile. Deplasați umbra de sub paletă și faceți-o puțin mai mică (6c). Umpleți-l cu maro închis, setați-l în modul Multiplicare și reduceți opacitatea la 65% (6d). Mergeți la Filter> Blur> Gaussian Blur și experimentați cu valorile până când umbra arată similar cu imaginea 6e.

Pasul 7

Să adăugăm acum vopselele de vopsea. Utilizând instrumentul Pen în modul strat de formă, trageți câteva pâlcuri colorate în jurul paletei (7a). Selectați cel albastru și adăugați un stil Bevel și Emboss (7b). Vopseaua arată acum groasă și strălucitoare (7c).

Să adăugăm câteva reflecții ambientale prin adăugarea unui stil Inner Glow (7d). Acum pare mai realist (7e). Faceți clic dreapta pe stratul albastru de vopsea din paleta Straturi și selectați Stilul de copiere a stratului. Acum faceți clic dreapta pe celelalte straturi de vopsea și alegeți Paste Style Layer. Modificați setările pentru a obține variante (7f).

Pasul 8

Papucii de vopsea au nevoie de o umbră. Să creați unul pentru dollop albastru, apoi să aplicați același flux de lucru celorlalți. Faceți o copie a stratului de vopsea și rasterizați-o. Umpleți-l cu negru (8a). Aplicați un filtru Gaussian Blur 2px (8b). Setați stratul la Multiplicare la 60% Opacitate (8c) și mutați-l în spatele și dedesubtul vopselei de vopsea. Imaginea 8d prezintă rezultatul pentru toate culorile vopselei. Rețineți cum umbrele sunt scurte, neclare și transparente diferite. La această rezoluție este întotdeauna recomandată o variație.

Pasul 9

Să ne întoarcem acum la paletă pentru că nu sunt mulțumit de ea. E prea lustruit! Mergeți la Filter> Noise> Add Noise și folosiți setările prezentate în imaginea 9a pentru a adăuga o granulație fină texturii. Acum este terminat (9b). Grupează toate straturile împreună ca "PALETTE" și ascunde-le.

Pasul 10

Să creăm acum peria. Desenați o elipsă lungă și subțire în mijlocul pânzei. Utilizați fie instrumentul Pen (și rasterizați forma odată ce sunteți mulțumit de el), fie instrumentul Elliptical Marquee (M). Umpleți elipsa cu un gradient subtil de roșu-maroniu. Asigurați-l pe partea stângă mai întunecată (10a). Acesta este, bineînțeles, mânerul periei. Deoarece este rotunjită, trebuie să adăugăm o evidențiere pe lungime. Faceți o copie a stratului și aliniați-l în jos orizontal (10b). Setați-l în modul de amestecare a ecranului (10c).

Pasul 11

Mânerul este conic la fiecare capăt, așa că trebuie să facem ca evidenția să fie conformă cu acea formă. Apăsați Comandă + T pentru a selecta Free Transform (Transformare liberă), apoi faceți clic dreapta pe evidențierea directă a pânzei și alegeți Warp (Warp). În bara de opțiuni din partea superioară a ferestrei, alegeți aceste setări: Arc, comutați pe selectorul de axe și setați Bend la -5 (11a). Elementul de acum se îndoaie spre dreapta (11b). Duplicați stratul de câteva ori, apoi îmbinați toate copiile împreună. Acest lucru va face ca evidențiarea să fie mai puternică (11c). Aplicați o blur Gaussian de 2px (11d).

Pasul 12

Este timpul să adăugați o textura de lemn la perie. Trageți cea de-a doua textură descărcată în document și scalați-o pentru a se potrivi mânerului (12a). Mascați textura pe mâner (12b). Aplicați masca și îmbinați textura în jos. Rezultatul este frumos, dar prea întunecat (12c). Cu Command + L aduceți nivelurile și trageți glisorul din dreapta spre stânga până când lemnul este suficient de luminos (12d). Reglați evidențiați făcându-l mai strălucitor și mai puțin opac (12e și 12f).

Pasul 13

Acum trebuie să adăugăm mânerul metalic în care sunt lipite firele. Desenați un dreptunghi negru aproximativ 3/4 pe mâner (13a). Cu instrumentul Elliptical Marquee selectați marginea superioară și ștergeți o elipsă jumătăți (13b). Acum faceți o altă selecție la marginea de jos și umpleți-o cu negru (13c). Rezultatul este prezentat în imaginea 13d.

Pasul 14

Ajustați lungimea mânerului metalic dacă este necesar. Utilizați o acoperire cu gradient orizontal pentru a simula reflexiile pe metal, utilizați culorile prezentate în imaginea 14a. Faceți acum o copie a mânerului, mutați-l în spatele originalului și împingeți-l cu câțiva pixeli. Faceți clic pe butonul de comandă și ștergeți selecția din copia (14b). Acum, adăugați o Umbre de Drop îndreptată în jos (14c). Rezultatul este un inel mic indentat (14d). Faceți câteva copii și distribuiți-le pe mânerul metalic. Când ați terminat, îmbinați toate straturile împreună (14e).

Pasul 15

Să creăm firele acum. Ștergeți partea inferioară a mânerului sau doar mascați-o (15a). Desenați conturul părului cu ajutorul instrumentului Pen în modul strat de formă (15b). Răstește forma când sunteți mulțumit de ea și numiți-o "păr."

Pasul 16

Pe un strat nou selectați o bandă orizontală subțire (16a), apăsați D pentru a încărca culorile alb-negru implicite, apoi Alt + Backspace pentru a umple selecția cu negru. Accesați Filter> Noise> Add Noise și alegeți setările afișate în imaginea 16b. Activați păstrarea transparenței pentru stratul (16c) și mergeți la Filter> Pixelate> Mosaic și alegeți o dimensiune a celulei de 5 (16d). Acum, banda este umplută cu pixeli aleși în tonuri de gri (16e).

Pasul 17

Introduceți comanda + U pentru a afișa fereastra Hue / Saturation. Activați Colorați și deplasați glisoarele (17a) până când banda devine maro (17b). Împingeți stratul vertical (17c) și împăturiți-l în poziție orizontală (17d). Copiați-o orizontal de câteva ori până când se acoperă părul (17e).

Pasul 18

Reduceți opacitatea temporar, astfel încât să puteți vedea conturul părului. Activați Free Transform (Command + T) și selectați Warp din meniul cu clic dreapta (18a). Manipulați punctele până când liniile verticale se potrivesc cu forma părului inferior (18b). Când ați terminat, aduceți opacitatea la 100%. Alt click între cele două straturi pentru a masca liniile cu conturul părului și pentru a îmbina cele două straturi împreună (18c). Grupați perii, mânerul și mânerul metalic împreună cu "BRUSH" (18d).

Pasul 19

Acum, să compunem paleta și peria în vederea finală. Squash paleta vertical și mutați-l în partea de jos a pânzei. Rotiți peria la 45 de grade în sens invers acelor de ceasornic (19). Să examinăm împușcătura. Lumina vine din partea superioară a paletei, vopselele de vopsea și mânerul periei și mânerul metalic sunt aprinse corespunzător. Dar firele nu sunt. Să corectăm asta imediat.

Pasul 20

Selectați Instrumentul de ardere (O) și configurați-l ca în imaginea 20a. Pictați baza și partea de jos a părului pentru a le întuneca (20b). Acum, selectați instrumentul Dodge (O), setați-l ca în imaginea 20c și pictați un punctaj în mijlocul părului, unde lumina cade (20d).

Pasul 21

Pe un strat nou trageți o vopsea albastră pe perie cu ajutorul instrumentului Pen (P) și poziționați vopseaua albastră de vopsea direct sub perii periei. Acum se pare că am murdărit brushul în vopseaua albastră (21a). Aplicați Bevel și Emboss la vopseaua de pe peria (21b) pentru a se potrivi cu iluminatul (21c). Peria este terminată, astfel încât să putem uni toate straturile sale.

Pasul 22

Ultimul lucru pe care trebuie să-l adăugați este umbra pensulei pe paletă. Duplicați peria și faceți copia negru (22a). Deplasați-o sub perie și modificați-o astfel încât să se întindă pe paletă. Pentru aceasta, introduceți Free Transform (Command + T) și utilizați o combinație de Skew și Distort, ambele accesibile din meniul de clic dreapta (22b). Mascați umbra pe paletă (22c). Umbrele sunt în general setate la modul de amestecare Multiply, iar Opacitatea lor variază de la 40% la 70%. Alegeți 40% de această dată pentru a păstra umbra subtilă (22d).

Pasul 23

Acum, să aplicăm o blură Gaussiană de 3px în umbra (23a). Introduceți tasta Q pentru a intra în modul Mască rapidă. Vopsea un gradient alb-negru de la partea din stânga sus la colțul din dreapta-jos. Veți vedea un gradient roșu care se estompează: acesta reprezintă partea care va fi mascată (23b). Apăsați din nou tasta Q pentru a ieși din modul Mască rapidă, iar gradientul va fi acum o selecție. Aplică-o ca o mască la umbră. După cum puteți vedea, umbra se estompează acum de la vârful periei (23c). Pictograma este terminată.

Concluzie

Aceasta a fost a treia tranșă din seria "Crearea unui set de pictograme digitale de pictură". Am folosit texturi, forme vectoriale, stiluri de straturi, filtre și perii: un flux de lucru bine rotunjit, care exploatează multe instrumente ale Photoshop. Până data viitoare, când vom crea o pictogramă digitală de tablete, vă veți distra în pictura!