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 15 ore, 35 minute
3 vizitatori sunt online.
  • Antispam: Inainte de a scrie, trebuie sa calculezi chestia de mai jos. Hai ca nu e greu!
  • gxhgpprwap : tinhqgjlbu, <a href="«link» w.vrhcwqvrzt.com ">opygtrtryf</a >
  • qtwnyxjxkr : zqipngjlbu, <a href="«link» w.sghsxdhkku.com ">tiplvxyavw</a >
  • Guest_4088 : sa schimb culoarea la ochi
  • iulia : perfectionarea ochilui
  • Guest_1031 : modifikarea parului
  • cdtlonuzlo : cgviugjlbu, <a href="«link» w.gogmwnrnsg.com ">edxfycjxka</a >
  • Guest_3925 : Software Akuntansi Laporan Keuangan Terbaik «link»
  • Guest_3922 : Tips dan Artikel «link»
  • Guest_3922 : Grosir Baju Murah > «link»
  • Guest_3921 : Jual Beli Mobil Bekas > «link» diskon.html
  • Guest_3921 : Rumah Dijual > «link»
  • Guest_3903 : «link»
  • Guest_3903 : «link»
  • Guest_3903 : «link» Jasa Seo
  • Guest_3903 : «link»
  • Guest_3903 : «link» Booking Tiket Pesawat Murah
  • Guest_3903 : «link» Cheat GTA 4
  • Guest_3903 : «link» kawat gigi
  • Guest_3903 : «link» Tiket Pesawat Murah
  • Guest_3903 : «link» Tiket Pesawat Online
  • Guest_3903 : «link»
  • Guest_3903 : «link»
  • Guest_3903 : «link» Tiket Pesawat Murah
  • Guest_3903 : «link» Tiket Pesawat Online
  • Guest_3903 : «link» Packaging Solution
  • Guest_3903 : «link» Minuman Suplemen
  • Guest_3903 : «link» Temulawak
  • Guest_3903 : «link» Sari Jahe
  • Guest_3903 : «link» Photo Prewedding
  • Guest_3903 : «link» Harga Tiket Pesawat
  • Guest_3634 : «link»
  • nbllvjakzw : uoczdgjlbu, <a href="«link» w.mbbgmhktit.com ">clftunddbf</a >
  • Guest_3634 : Toko Online «link»
  • Guest_3634 : Mobil Bekas di Jakarta «link»
  • Guest_3634 : Busana Anak-Anak «link»