fikat.com

fikat.com

Cursuri de design & IT by request

Reflexie pe apa – Water reflection with displacement map

reflexie pe apa in photoshopRequest: ursulica77: vreau sa vad cum se face reflexie pe apa

RO: Cheia pentru asa ceva este folosirea functiei de displacement map, dar mai sunt cateva chestii pe care le-am facut, pentru a parea mai real. Dealtfel… am creat si apa. Sau ceva care seamana a apa :)

EN: The secret for a proper effect is to use the displacement map. Still, there are other actions presented, in order to give a more realistic feeling to the reflection.

[trilu-video]http://www.trilulilu.ro/raZna/84ecedea928a8d[/trilu-video]

O mica descriere a pasilor din video:

  1. creezi un document nou (macar la inceput, sa vezi cum merge treaba) in care aduci un obiect. eu am folosit ceva cu transparenta, sa se vada clar rezultatul. e o casca bandit alien II, pt cine e curios :)
  2. pentru marirea/micsorarea obiectului se intra in modul transform cel mai simplu cu ctrl+t de la tastatura (duh). eu am facut o copie (tii apasat pe alt si tragi de layer, pt duplicat) pentru reflexie.
  3. in exemplul dat de fata (la request), obiectul era putin inmuat in apa, asa ca am simulat si eu asta: am deschis ruller-ul (ctrl+r), am tras de acolo un guide ca sa decupez din casti ce nu mai trebuie. entru decupaj am facut o selectie (m) apoi delete selectand fiecare layer. vorba multa, se face imediat!
  4. am pozitionat jos reflexia tot prin transform, am mai facut o dublura layerului de jos (vezi mai incolo de ce), apoi am selectat ambele layere in panou si le-am turtit putin. tot cu transform, da.
  5. aici vine punctul unde am creat un fel de apa: filter > render > clouds. si genereza un fel de textura pe layerul, cu culorile principale (e bine in clipa asta sa ai alb si negru acolo). apoi o mica selectie si un decupaj cu masca. eu am lucrat pe layerul background, deci pentru a decupa din el terbuie deblocat. alt & dublu-click pe layer pentru asta (si dispare iconul de blocaj de pe layer).
  6. mai departe, niste blur pe unul din obiectele turtite: filter > blur > gaussian blur.
  7. acum vine partea cu displacement map-ul. am facut un layer nou, pe care l-am umplut cu alb (ctrl+backspace pentru culoarea din background, sau alt+backspace pt cea din foreground).
  8. filter > sketch > halftone pattern pentru a crea niste dungi mai automat, asa. de vazut setarile folosite. blurul-ul il facem separat, ca ala din efect nu arata prea bine. asadar, dupa ce am creat pattern-ul, dam cu gaussian blur.
  9. cu layerul asta facem defapt un document nou, care va folosi drept harta pentru displacement: layer > duplicate layer si alegi new. apoi il salvezi pe undeva si stergi layerul de unde lucram initial…
  10. am unit obiectul blurat cu “apa’: selectezi ambele layere, apoi click dreapta si merge layers.
  11. pe layerul nou creat, aplicam (finally!) efectul ala… filter > distort > displace. prima valoare influenteaza marimea valurilor, in rest le lasi asa.
  12. nu e gata! pe celalalt layer cu obiectul rasturnat, pozitionat deasupra povestii noastre, creezi o masca apoi vii cu un gradient ca sa ramana doar partea de sus. astfel se creaza o trecere lina de la efect la original.

poti descarca displacement map-ul creat de mine, daca te ajuta. spori!

One Comment, Comment or Ping

  1. ursulica77

    mersic mult de tot

Reply to “Reflexie pe apa – Water reflection with displacement map”


Cere un tutorial

Ultimul mesaj acum 3 zile, 9 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