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!


7 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?

  5. Cristi

    Multumesc razna ;) pt tutorial mia fost usor sa fac umbra ms din nou ;)

  6. luci

    :) multumesc .. sunt incepator :D

  7. vai:X,multumesc mult…chiar cautam pe google chestia asta..:X
    o sa incerca maine ca acum nu am chef…oricum…mai fa de astea:D

Reply to “Umbre – Create shadows”


Cere un tutorial

Ultimul mesaj acum 3 zile, 10 ore
2 vizitatori sunt online.
  • Antispam: Inainte de a scrie, trebuie sa calculezi chestia de mai jos. Hai ca nu e greu!
  • cage : programu se numeste photoshop
  • Adriana : ?
  • Adriana : qm s enum prg asta de modificat
  • Tweet : cineva va rog am nevoie
  • Tweet : Va rog poate cineva sa.mi trimita si mei photoshop-ul >?
  • Guest_375 : De unde pot downloada Photoshop gratis ??
  • cage : imi spune cineva cum pot sa pun ca fundal la o poza un peisaj sau alta imagine??
  • Guest_4936 : buna
  • Guest_166 : un tutorial pentru plastic transparent dar realistic, am gasit unul in engleza dar e foarte greu, nu-mi iese nimic si acela era chair realistic, (combinatie intre sticla si plastic. please :)
  • Guest_3040 : 20
  • Guest_4271 : daa cumm se face la photoshop ca nu ma pprea descurc
  • BadLollipop : sal
  • @nonim : daca ma puteti ajuta va rog sa nu ezitati sa-mi lasati mesaj pe adresa de mail: «email» :D
  • @nonim : Multumesc Anticipat!!!
  • @nonim : 2.De unde pot adauga "efecte speciale", de ex. sa fac un obiect din imagine mai stralucitor etc
  • @nonim : 1. De unde pot modifica culoarrea background-ului?
  • @nonim : salut! tocmai m-am apuct si eu sa modific poze in photosop si as avea cateva intrebari.
  • allyna : «link» colaborare?
  • Guest_1421 : laura tool-ul se numeste slice nu ruler...slice inseamna felii
  • Maria : wet ink. pe bune, un typography, un text a carui cereneala se prelinge :D ?
  • ral : bun
  • Guest_1396 : as vrea un sait sami pun foto in rame
  • AndrusK : As dori si eu un tutorial despre cum sa fac acele linii pe diagonala , am vazut in multe poze asa ceva.
  • Guest_192 : vreau si eu asa programa,please! !
  • laura : cum export textul in .html astfel incat sa nu il vada cel care imi intra pe site ca o simpla imagine? Vreau ca textul sa se poata selecta....pls help!!! E posibil sa fi pus niste intrebari stupide....dar cand nu te pricepi.... Va rog sa ma ajutati cu un raspuns cat mai detaliat....ca pentru incepatori. Multumesc mult!!!
  • laura : Documentul html obtinut, dupa ce il export din photoshop il deschid cu dreamweaver si de aici ma blochez pentru ca textul este o imagine.... Nu ma pricep f bine nici la dreamweaver ca as pune textul acolo...ma puteti ajuta, va rog? Daca incerc sa pun textul acolo pagina se deformeaza, imaginile se muta dupa bunul plac....un haos total. 2. daca as lucra tot siteul in photoshop si as pune legaturile intre pagini cu image ready, ma lovesc de aceeasi problema....cum export textul in .html astfel in
  • laura : Buna, 1. am desenat toate paginile unui site in photoshop, dar mai departe nu stiu exact cum sa procedez. am tot vazut in tutoriale ca se delimiteaza imaginile cu ruler tool inainte (are vreo importanta asta sau?), insa nu stiu cum sa fac exact…. Si apoi se foloseste slice tool insa cum export (save for web&devices) apoi?? Fiecare imagine in parte sau toate odata? Si mai ales cum export textul din photoshop in dreamweaver astfel incat sa NU mi-l ia ca o poza ci ca text? Documentul html obti
  • ZuZu;x : Hey..vreau sh eu scris` misto la photoscape:(cum ar fi SCRIPT ala..sh eO nu`l am:((..
  • Chocolate : salut ..am cateva intrebari