fikat.com

fikat.com

Cursuri de design & IT by request

Umbre - Create shadows

Umbre - Create shadows Request:

Andreea I. - am incercat sa desenez niste umbre pentru niste personaje si nu am reusit

.

Am simplificat foarte mulţi paşi în articolul ăsta, pentru că nu ţineau neapărat de procesul efectiv de creare a umbrelor, dar în funcţie de lucrare, e foarte probabil să apară o mie de alte chestii de facut.
Umbre - Create shadows

Am plecat de la un decor simplist. Un fundal cu un gradient, care îmi sugerează cum să plasez umbra…şi un personaj. Deja layerul cu personajul nu conţine nimic altceva, totul în jurul lui Batman este transparent. Este defapt un desen vectorial importat în Photoshop.
Umbre - Create shadows

Voi crea o umbră realistă, fidelă, plecand chiar de la personaj. Aşadar, dublez layerul cu Batman.

Umbre - Create shadows

Umbra va fi layerul de dedesubt. Ideea este să fac umbra neagră în primă fază. Pentru asta, voi face o selectie cu ce e vizibil pe layer. Ctrl+Click pe iconul layerului din mijloc şi am o selectie precum cea din imaginea de sus.

Apoi voi umple cu negru tot ce e selectat. Pentru asta mă asigur că am negru ca şi culoare de foreground (principală selectată) şi, prin combinaţia Alt+Backspace, toata selecţia are fill cu negru. Teoretic, nu vad asta pentru ca deasupra este layerul original cu Batman, dar pot vedea în iconul layerului ca e totul negru.

Cu Ctrl+D scap de selectie.

Umbre - Create shadows

Acum voi proiecta viitoare umbră pe sol. Intru în modul transform prin combinaţia ctrl+t şi-mi apare acel bounding box pe care l-am mai folosit şi-n articolul cu PostIt. Important aici este să mut centrul de greutate al imaginii în punctul în care umbra se uneşte cu subiectul. Atunci când subiectul are contact cu solul, umbra trebuie să fie ca o continuare.

Deci am mutat centrul ăla în vârful piciorului, pentru ca era singurul contact cu solul.

Acel centru face ca distorsionarea imaginii să se facă în jurul lui, acţionând ca un punct de ancorare.
Umbre - Create shadows

Acum, prin click-dreapta în bounding box, am uneltele de distorsionare.
Scale îmi măreşte/micşorează imaginea. Combinat cu Shift sau alt, actionează proportional, respectiv egal şi în partea opusă. Pot fi si combinate.
Rotate e simplu
Skew distorsionează laturile, ca pe un paralelogram.
Cu Distort pot edita fiecare colţ, independent.
Perspective modifică laturile în perspectivă.
Şi warp l-am explicat/folosit la articolul cu PostIt.
Umbre - Create shadows

Cu o combinaţie între ele, aşa am distorsionat imaginea neagră.

Umbre - Create shadows

Având umbra proiectată pe sol, voi netezi un pic marginile.

Umbre - Create shadows

Am setat, tot ochiometric, 1,8 raza pentru blur.

Umbre - Create shadows

Şi ăsta e rezultatul!


4 Comments, Comment or Ping

  1. Sper sa nu se supere tare-tare Batman ca l-am pus pe roz. Dar asa a vrut Robin :p

  2. Tare o sa incerc si eu. Ar fi misto la logo-uri, desenezi o prostie, ii faci o umbra :)

  3. tot nu am inteles .. poate un video pe youtube ceva? va rog…

  4. pai unde te-ai blocat?

Reply to “Umbre - Create shadows”


Cere un tutorial

    Cel mai recent mesaj acum 1 ora, 12 minute
    4 vizitatori sunt online.
    • sorin_bsd : nici un raspuns,sau interes.
    • Vizitator_274 : cum sa suprapun 2 imagini?
    • Aleera : cum pot pune gene false? am gasit nijte brush'uri q ele, insa nu stiu ce sa fac mai departe, k sa se potriveasca ochiului :-??
    • sanda : As dori un tutorial despre cum se poate face ceva asemantor cu asta in illustrator «link»
    • sorin_bsd : sunt covins ca sti,tocmai de aceea te-am rugat sa imi spui cum a reusit.Fa un tutorial daca poti pe tema aia.
    • raZna : sorine, vrei sa ma testezi pe mine sau sa inveti sa pui texturi? :)
    • sorin_bsd : «link»
    • sorin_bsd : poti demonstra cum a reusit,sa faca ochi asa
    • raZna : @3565, CS3
    • deedee : da e super tare programu ..ji yo il am ...am vazut odata din intamplare aceasta imagine ...ji am luat ji yo programul dar a fost trial .....aja k am rugat un specialist sa mi-l puna ji aq il am ..ji fara nici-un ban....merita sa facetzi rost d el ....:Xe superrrr
    • Vizitator_3565 : ?
    • Vizitator_3565 : ce versiune de photoshop este folosita in tutorial?
    • Vizitator_4281 : cum as putea sa schimb formatul fotografiei, ea e IMG si mie imi trebuie GIF sau JPG
    • Vizitator_4281 : cum as putea sa fac fata fara cosuri,gura sa nu fie pe o parte si sa put pe buze luciu :) te rog.....
    • raZna : de unde stii? ai acces la statistici? ;)
    • Fussion_Kid : trebuie o reclama la site,ca nu prea intra lume:)
    • raZna : asta e buna! ce inseamna generatia kfc. eu am crescut doar cu cartofi prajiti! (se si vede).
    • Fussion_Kid : frumoasa schimbare de imagine,dar nu stiu,eu cand am intrat am crezut ca e ceva legat de mancare,bucatari e:)
    • Guest_4814 : cum pun o poza pe un fundal ales me mine?
    • Fussion_Kid : «link»
    • Fussion_Kid : cauta si u pe google online image editor: «link»
    • Fussion_Kid : sau image editor: «link»
    • Fussion_Kid : photoshop,dar daca tie lene sau eu stiu incearca: Salon Styler Pro,mie unul numi place:) si site de modificat poze,incearca asta,are mai multe ,fff multe: «link»
    • RoKsA : vreau ji eo un site de modificat poze
    • RoKsA : bah vreau ji eo un program de modificat poze,dar in special genelea si okii
    • Fussion_Kid : aaa,pt ca tot miai facut ps,mai faci tutorialu ala?sau macar nijte poze,pasi ca sa ma prind si eu,sau e mai mult din incheietura si mouse cu snudge tool?:)just an question
    • Fussion_Kid : da-mi un ID ceva ca am eu cam 10.000 de fonturi:)rez
    • rucsy : Hi!.. As vrea sa stiu si eu de unde pot lua sceisuri [fonts] pt. photoshop.. :| ? Multumesc! :)
    • Fussion_Kid : un vechi prieten de-al tuturor:www.goog le.com uitate si tu la tutoriale,ca doar sunt cu creare logo...tre sa ai rabdare si sa cauti.
    • Fussion_Kid : andreea,pai nuj.incearca sa mai te joci acolo cu luminozitatea..e u stiu...tre sa iasa ceva,daca nu,incearca o suprapunere de layere,poate iese mai bine:)eu stiu...o parere nu strica:D
    • Andreea I. : Am niste poze foarte luminoase, se vad niste urme de culoare, vag se intelege ce reprezinta. ce le pot face sa se inteleaga ceva cat de cat? am incercat sa le reduc luminozitatea dar au iesit gri. any suggestions?:) merci!
    • Guest_2207 : Sunt incepator. Cum pot crea un logo al unui club de fotbal. Real Madrid de exemplu.
    • Fussion_Kid : mi-e greu sa imi capul la contributie acum,dar nu e greu,parca cu adobe photoshop 5 elements,ai acolo unde iti schimba automat imaginea in sepia,alb negru sau ce mai vrei tu:)si are si rame pentru tablou:)programu l se cheama adobe photoshop elements 5.0 asta il am eu:P,nah daca vrei tutorial,vorbest i cu razna sau care se mai ocupa de site:D,rez
    • ddroarlu@yahoo.com : as dori sa fac un tablou in care sa apara aceeasi imagine de 4 ori dar in culori diferite;una cu efectul sepia, una in culorile negru si rosu, una in negru si verde si una in negru si albastru;am vazut un astfel de tablou si mi-a placut foarte mult
    • Fussion_Kid : din asa ceva «link»