fikat.com

fikat.com

Cursuri de design & IT by request

PostIT de la zero – PostIt From Scratch

Photoshop - PostIT de la zero - PostIt From Scratch

Requestul lui Kio…cum sa faca un post-it in photoshop.

Photoshop - PostIT de la zero - PostIt From Scratch

Incep cu un document gol.

Photoshop - PostIT de la zero - PostIt From Scratch

Apoi desenez in el un dreptunghi galben, din shape.

Photoshop - PostIT de la zero - PostIt From Scratch

 

Asa arata acum paleta cu layere.

Photoshop - PostIT de la zero - PostIt From Scratch

Vreau sa fac o copie a layerului, s-o folosesc ulterior ca si umbra. Ii voi pune culoare neagra, cred.

Photoshop - PostIT de la zero - PostIt From Scratch

Pe primul layer voi construi un gradient care sa sugereze ca e indoita foitza.

 

 

Am gasit presetat un gradient cu galben si portocaliu, dar nu e chiar ce aveam in minte. Click pe gradient si pot sa-l editez.

Photoshop - PostIT de la zero - PostIt From Scratch

Pe primul layer voi construi un gradient care sa sugereze ca e indoita foitza.

Photoshop - PostIT de la zero - PostIt From Scratch

Am gasit presetat un gradient cu galben si portocaliu, dar nu e chiar ce aveam in minte. Click pe gradient si pot sa-l editez.

Photoshop - PostIT de la zero - PostIt From Scratch

 

Plecand de la galbenul meu, am mai format o culoare cu acelasi galben dar mai spre negru

Photoshop - PostIT de la zero - PostIt From Scratch

Acum vreau sa indoi layerul, sa para 3D. Pentru asta voi rasteriza inainte layerul, pentru ca altfel nu am acces la warp tool din sectiunea transform.

Photoshop - PostIT de la zero - PostIt From Scratch

Asadar, selectez warp tool (cs2, cs3).

Photoshop - PostIT de la zero - PostIt From Scratch

Sa zicem ca am miscat de puncte, astfel incat sa am meshul de mai sus. Am cam terminat cu postit-ul.

Photoshop - PostIT de la zero - PostIt From Scratch

Cam la fel procedez si cu copia layerului. Tot warp tool, dar cu alt mesh.

Photoshop - PostIT de la zero - PostIt From Scratch

 

Apoi trebuie sa fac umbra sa semene a umbra. Primul pas este sa-i fac marginile soft. Apelez la gaussian blur de la filtre. Ma va atentiona ca layerul este vectorial (shape) si ca il va converti in raster ca sa aplice efectul. Corect.

Photoshop - PostIT de la zero - PostIt From Scratch

Am ales 7.2px pentru blur, asa, ochiometric

Photoshop - PostIT de la zero - PostIt From Scratch

Si ultimul pas, setez modul de transfer al layerului-umbra la multiply, iar opacitatea undeva la 30%. Cand umbra este pe alb, nu e nevoie de multiply, dar cand e vorba de alt material, in mod natural umbra isi altereaza mediul pe care cade atat in functie de sursa de lumina, cat si de material. Sursa n-are rost s-o luam in calcul acum, dar materialul (background-ul) e chiar important sa vina natural pe sub postit.

Photoshop - PostIT de la zero - PostIt From Scratch

 

Am pus o imagine de monitor mai stricata, pentru a accentua faptul ca umbra se modeleaza dupa formele de sub ea.

 

Fisierul de lucru: photoshop-postip-from-scratch.rar (download)

 

4 Comments, Comment or Ping

  1. super, dar in cs2 nu exista optiunea Warp

  2. @MAJESTIC: daca ai dat bani pe CS2, probabil stii sa faci un postIT (si fara warp). daca nu, a iesit si CS4, ce mai astepti? :)

  3. am facut ceva asemanator acu’ ceva timp, ar fi trebuit sa insist mai mult pe partea unde e lipiciul

Reply to “PostIT de la zero – PostIt From Scratch”


Cere un tutorial

Ultimul mesaj acum 3 zile, 11 ore
Guest_3810 si 1 vizitator 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