home > tutoriale > photoshop > anunturi-in-photoshop.php
Tutorial photoshop

Exemplu anunt in PhotoShop

18 Septembrie de Mihail Alin

In acest tutorial va voi arata cum sa faceti un fel de anunt/banner/publicitate ( numiti-l cum vreti :) ) in PhotoShop.

Tutorial Photoshop : autor
Autor :   Mihail Alin

Rezultatul final

Acesta este rezultatul final al tutorialului, sper sa va placa.

Tutorial : rezultat final

Primul pas - Crearea documentului

Deschidem un nou document de 500 x 500 pixeli ( daca doriti mai mare sau mai mic nu este nici o problema ) si ii aplicam un gradient radial folosind unelta gradient tool.

Tutorial photoshop

Pasul doi - Transformari aplicate cufarului

Haideti sa deschidem o imagine a unui cufar :

Tutorial Photoshop: imaginea cufarului

Acum ca avem imaginea cufarului deschisa haideti sa transformam aceasta imagine, pentru a realiza acest lucru vom apsa CTRL+T si vom face cufarul mai mic si il vom roti spre dreapta pentru a fi intr-o pozitie orizontala.
Acum vom selecta Zoom tool pentru a focaliza mai bine cufarul, si cu unelta Pen vom trasa conturul cufarului,exact cum se vede in imagine ( EDIT : trebuie sa va uitati foarte atenti la imagine ca sa observati conturul facut cu unelta Pen).

Tutorial photoshop : pen selection

Acum facem click dreapta pe imagine si selectam Make Selection o sa ne apara un cadru de dialog si trecem 1 ca valoare pentru campul Feather radius si apasam OK.Mergem la Edit - Cut, stergem layer-ul care contine imaginea dupa care creeam un nou layer si mergem la Edit-Paste pentru a copia cufarul in noul layer

Tutorial Photoshop

Acum folosind unelta Clone Stamp ( Alt+ Click pentru a defini sursa ) trebuie sa stergem umbra din interior cufarului, incercati sa obtineti ceva asemanator :

Tutorial Photoshop : folosirea uneltei clone

Cu layer-ul cufarului selectat,mergem la Image - Adjustments - Hue/Saturation ( CTRL + U ) si o sa aplicam urmatoarele valori :

Tutorial photoshop : hue-saturation

Acum mergeti la Image - Adjustments - Curves ( CTRL + M ) si incercati sa obtineti ceva asemanator :

tutorial photoshop : curves

Pasul trei - Lumina din cufar

HA HA , ce funny suna - "lumina din cufar" :)) nu mai pot de ras, ce heading am gasit si eu , "lumina din cufar" hahaha, ma rog .... haideti sa trecem la treaba.
Deschidem un nou layer si folosind unelta Eliptical Marquee o sa facem o selectie eliptica incercand ca marginile selectiei sa coincida cu marginile cufarului :

tutoriale photoshop : eliptic

Dupa care folosind unelta Paint Bucket umplem selectia cu o culoare asemanatoare acesteia ( #87e2ea ).
Cu selectia inca activata mergem la Select - Modify - Contract si aplicam o valoare de 6 pixeli,dupa care facem un nou layer si umplem selectia cu o culoare alba.

Tutoriale photoshop : layers

Selectam layer-ul primei forme eliptice si mergem la Filter - Blur - Gaussian Blur si aplicam o valoare de 9.8

Aplicare blur in photoshop

De asemenea vom aplica Blur si pentru layer-ul cu forma eliptica de culoare alba, dar de aceasta data vom aplica valoarea 3.
Acum selectam layer-ul formei eliptice albe si folosind unelta Polygonal Lasso ( L ) o sa facem o selectie a partii inferioare a cufarului si vom apasa tasta DEL ( pentru a sterge ), ok acum avem partea din elipsa alba stearsa,ca sa stergem si partea din elipsa a doua tot ce trebuie sa facem este sa selectam layer-ul ei si sa apasam din nou DEL :

Tutorial photoshop : imagine

Haideti sa unim cele 2 straturi ( layers ) ale formelor eliptice, pentru a realiza acest lucru vom tine apasat CTRL si le vom selecta,dupa care facem click dreapta pe una din ele si selectam Merge Layers.
Dupa ce am facut acest lucru, vom face dublu-click pe acest layer si vom aplica un Outer Glow cu aceasta culoare ( #aeeff7 ) si valorile care le vedeti in imagine :

Tutorial Photoshop : aplica glow

Acum haideti sa adaugam un pic de lumina pe cufar, pentru a realiza acest efect vom crea un nou layer intre layer-ul formei eliptice si layer-ul cufarului, in acest layer vom folosi unelta Brush ( eu am folosit marimea de 100px ),ar trebui sa faceti ceva asemanator :

Tutorial photoshop

Dupa care setam acest layer pe modul Overlay :

photoshop mode overlay

Dupa care duplicam layer-ul, duplificand layer-ul vom reusi un efect mai accentuat de luminozitate - click dreapta pe layer si selectam Duplicate Layer

Adaugare de text

Eu am ales sa adaug un text, dar voi puteti adauga orice, ok haideti sa incepem.
Selectam unelta Horizontal Type si vom scrie textul Rotuts.com ( voi puteti sa scrieti orice doriti ), am folosit fontul Baskerville Old Face ( ales la intamplare , stiu ca sunt altele mult mai frumoase :)) ) cu o marime de 50 pixeli.
Acum,avand layer-ul textului selectat mergem la Edit - Transform - Warp si selectam warping mode : Arc (in colt stanga sus ), aplicam warping-ul si facem dublu click pe layer-ul textului si vom aplica Drop Shadow,in casuta Distance vom aplica o valoare de 2 si in urmatoarele doua casute vom aplica valorile 0 si 5,respectiv.
Duplicam acest layer si il coboram o data folosind Sageata jos, atentie, noul layer trebuie sa fie selectat.
Acum facem dublu-click pe acest nou layer si aplicam ( pe langa Drop Shadow care l-a mostenit de la layer-ul mama ) Outer Glow cu valorile din imagine,ah da, culoarea folosita este #79feff :

Duplicare text in photoshop

Acum vom scrie textul "tutoriale web", am folosit acelasi font, dar am schimbat marimea la 24 pixeli.
Dublu-click pe layer si ii vom aplica un Drop Shadow cu aceleasi valori ca mai sus,dupa care il duplicam si il mutam mai sus apasand o singura data sageata sus,avand layer-ul duplicat selectat.
Cam asta am avea pana acum :

rezultat tutorial

Bilutele :)) si Ornamentul cufarului

Haideti sa facem niste bilute care parca cad din cer :)).
Creati un nou layer si cu unelta Brush faceti mici puncte albe , eu am folosit pensula cu marimea de 19px pentru bilutele mai apropiate si marimea de 13px pentru cele mai distantate.Dupa ce credeti ca aveti destule bilute (Doamne mor de ras, nu mai pot, "destule bilute" :)))) ) dati dublu-click pe layer si aplicati un efect Inner Glow cu urmatoarele valori ( culoarea folosita este : #81e7f9 ) , daca doriti puteti adauga si Outer Glow ( eu nu am adaugat) :

Photoshop inner glow

Ornamentul este optional :P !!! Daca aveti pack-ul de brushes numit "leichnam book ornaments 2" atunci veti gasi acolo acest ornament,dupa ce am amplasat cele doua ornamente facem dublu-click pe layer si aplicam un efect Inner Glow cu urmatoarele valori ( culoarea este : #a45f2c ) :

ornamente in photoshop

Rezultatul final il puteti vedea la inceputul tutorialului :).Sper sa va fie folositor acest tutorial.
P.S : Inca rad ca un prost cand imi aduc aminte de "lumina din cufar" si "bilutele" care cad din cer =))):D:D.
Downloadeaza sursa acestui tutorial :


tutorial photoshop download


Da si tu un like
  


Daca ti-a fost folositor acest tutorial/articol, poti copia urmatorul cod pe pagina ta

Tutoriale din Categoria PhotoShop

  Video cum sa faci o carte de vizita in PhotoShop   -   Exemplu anunt in PhotoShop   -   Steagul Romaniei pe text in PhotoShop   -   Efecte de mergini in PhotoShop   -

Tutoriale aleatorii

  Cum sa creezi litere capitale/majuscule cu CSS   -   Cum sa faci un simplu web-site pe 3 coloane   -   Table in HTML   -   Cum sa inserezi un sunet/melodie intr-o pagina   -   Cum sa detectezi ip utilizator   -   Validarea unui formular   -   Cum sa centrezi o fereastra/popup   -
Spune-le prietenilor tai despre acest tutorial/articol
Nume:
Email:
Email-ul prietenului tau:
Mesajul:

Comenturi

4 comenturi pana acum... (posteaza si tu)

un tutorial bine explicat , e chiar interesant ce poti face cu photoshop daca cunosti cat de cat ... merci

Postat de Fane pe data de: Friday, 03.25.11 @ 04:09am

Super tut ! Mersi

Postat de Adrian pe data de: Tuesday, 02.22.11 @ 01:02am

frumos tutorial , cu toate ca pe mine ma intereseaza decat "bilutele" .

Postat de Alex pe data de: Sunday, 01.16.11 @ 03:28am

:))) nu esti normal :) destule bilute si lumina din cufar :D:D , frumos tutorial .

Postat de Gabriel pe data de: Thursday, 12.30.10 @ 09:34am

Comentarii:

Nume:

Email:

Comentariu:


 

*Intrebare de verificare : Raspunde la intrebarea din imaginea de mai jos ...

 
HINT : Raspunsul este din 6 litere, incepe cu r si se termina cu s


 


Important:
E-mailul nu va fi vizibil si NU va fi folosit de catre rotuts.com .
Nu sunt permise linkuri catre alte pagini.
Va rugam , comentariile sa ramana strict relationate cu topicul.
Comentariile considerate ofensive sau care nu au nici o legatura cu topicul vor fi sterse(trolling).

Folosirea codului HTML nu este permisa.
Puteti folosi BBcode pentru a va formata textul.