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)

 

One Comment, Comment or Ping

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


Cere un tutorial

    Cel mai recent mesaj acum 57 minute
    2 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»