fikat.com

fikat.com

Cursuri de design & IT by request

Lucrul cu umbre - Custom Shadows

Fisierul de lucru: illustrator-custom-shaddows.ai (download)

Hei! In lectia asta voi acoperi toti pasii pentru a crea o umbra pentru un obiect. Iar ca lectia sa fie cat mai completa, am ales situatia de mai sus, cand umbra ar trebui sa fie proiectata pe doua planuri: atat pe cel care sustine silueta, cat si pe pe perete.

Illustrator Custom Shadows

Cam asta ar fi imaginea de la care plec. Silueta este luata dintr-o librarie de .ai-uri de pe deviantart.com
Illustrator Custom Shadows

Primul pas este sa dublez silueta. In caz ca este vorba despre un obiect mai simplu, daca dublura nu se poare reduce la un singur shape (nu grup), atunci eu recomand recompunerea obiectului grosier, dintr-o singura culoare, un singur shape. Cu pen tool.

Dublarea obiectului (siluetei) se poate face fie prin copy/paste, fie tragand de silueta si avand cupata tasta Alt. Dupa copie, am facut silueta neagra pentru ca simulez o lumina naturala (in functie de culoarea luminii proiectate, umbra are o alta culoare).

Illustrator Custom Shadows

Va trebui sa deformez silueta neagra, pentru a o proiecta pe sol. Pentru a nu edita fiecare punct din silueta, am desenat un chenar pe care, avand doar 4 colturi, imi va fi mult mai usor sa-l deformez.

Illustrator Custom Shadows

Asa arata chenarul cu silueta inscrisa in el. Chenarul trebuie sa aiba laturile aproape lipite de obiect, pentru o deformare cat mai realista.

Illustrator Custom Shadows

Ca si regula la deformarea cu ajutorul altui obiect, acesta trebuie sa fie deasupra obiectului care se va deforma prin el. In cazul meu, chenarul (layerul path) trebuie sa fie deasupra siluetei (layerul grup).

Illustrator Custom Shadows

Asadar, acum aplic direct functia de deformare cu ajutorul unui shape.

Illustrator Custom Shadows

Chenarul siluetei a devenit acum un mesh transformabil, iar linia chenarului nu mai este vizibila.

Illustrator Custom Shadows

Pentru deformare voi folosi Direct Selection Tool.

Illustrator Custom Shadows Illustrator Custom Shadows

Voi deforma silueta, tragand de colturile chenarului. Toolul va avea un patratel alb atunci cand este pozitionat deasupra coltului; in caz contrar va avea un punct negru. Deformarea functioneaza numai tragand de colturi, asa ca va trebui sa le vanzez :)

Daca nu intuiesc unde s-ar afla un colt, trec imaginea in mod outline (ctrl+y) si l-am identificat imediat. Revin tot cu ctrl+y la modul preview.

Illustrator Custom Shadows

Pentru indreptarea liniilor am folosit si semnele de directionare a vectorilor (segmentele mici).

Illustrator Custom Shadows

Am trecut layerul cu umbra sub cel cu silueta rosie. Totodata, am setat si opacitatea undeva la 67% iar modul de transfer in multiply,

Illustrator Custom Shadows

In continuare voi pastra din umbra doar partea de pe sol. Pentru asta, voi desena un shape care sa incadreze doar ce vreau sa ramana vizibil. Evident, shapeul il voi face cu Pen Tool si voi tine cont de linia de intersectie a celor doua planuri.

Illustrator Custom Shadows

Dupa ce e gata shapeul, selectez si silueta deformata (mai multe obiecte se selecteaza tinand cuplat shift), apoi click dreapta si Make Clipping Mask.

Illustrator Custom Shadows

Din nou am grija sa trec layerul cu umbra pe sub silueta.

Illustrator Custom Shadows

In continuare voi face din nou o dublura a siluetei pentru a construi si proiectia de pe zid. Important este ca sa o pozitionez astfel incat se imbine cat mai bine cu restul de umbra :)

Pentru o umbra cat mai realista, am deformat putin silueta neagra, lungind-o pe verticala.

Illustrator Custom Shadows

Din nou voi pastra doar partea care ma intereseaza din umbra de pe perete: am desenat o forma (galbena - dar nu are importanta, pentru ca isi pierde culoarea dupa Clipping Mask).

Illustrator Custom Shadows

Acum repet procesul cu opacitatea si modul de transfer, in multiply.

Illustrator Custom Shadows

Avand ambele proiectii selectate, voi netezi marginile prin gaussian blur.

Illustrator Custom Shadows

Am ales valoarea blur-ului tot ochiometric :)

Illustrator Custom Shadows

Iar asta e rezultatul final. Are mici aberatii pentru ca l-am lucrat intr-o rezolutie foarte mica pentru a nu face capturi de 1mega, dar rezultatul este oricum vizibil.

En: if you find usefull the follwing tutorial, you can leave a thanx by clicking on a sponsored ad.
Ro: daca tutorialul ti se pare util, poti multumi autorului printr-un click pe reclama.

No Comments, Comment or Ping

Reply to “Lucrul cu umbre - Custom Shadows”


Cere un tutorial

Ultimul mesaj acum 14 ore, 48 minute
1 vizitator e online.
  • demon_kid31 : ok,sa vad ce iasa daca iau si pun.Si nu stiu ce legatura are pisica aia cu ce vreau eu sa fac(turn me on?lol)kidding.. ..cred ca stiu ce tre sa fac,daca nu iasa,am sa incerc sa pun niste imagini poate te prinzi,i will be back:)
  • raZna : @demon_kid: pot sa te ajut sa modifici stuff. in principiu, ori modelezi (umbre/lumini) ceva existent, ori iei din alta parte muschi si-ti pui cat te tine :) Te referi la tutorialul asta, cu pisica? «link»
  • demon_kid31 : in photoshop bine inteles.Si inca ceva,unde e chestia aia cu mate?:)
  • demon_kid31 : Razna,un tutorial cum sa faci muschi abdominali,bicep si si restu,la o poza(corp),se poate?
  • tot_yo : ???
  • Red&BlackLove : sa zicem ca am o masina ... si un om ... si vreau sa se vada omul in masina ... condiderand ca masina este pozata din fata, cum pot face asta? merci
  • gina : vreau background-uri animate