-
Abonti-va la fluxurile RSS prin email. Scrieti adresa de email in partea din dreapta pentru a primi cele mai noi tutoriale.
Text animat
In acest tutorial ca voi arata cum sa realizati un text animat in Photoshop.
1) Deschideti o imagine oarecare.
2) Selectati Type Tool (T) si scrieti un text.
3) Creati un layer nou (Ctrl+Shift+N), apoi folosind Rectangular Marque Tool, faceti o selectie, ca in imaginea de mai jos.
4) Puneti culoarea principala negru, apoi selectati Gradient Tool si puneti setarile din imaginea de mai jos.
5) Acum trasati un gradient din dreapta spre stanga ( tineti apasat Shift pentru a duce o linie dreapta ).
6) Apasati Ctrl+X pentru a decupa selectia.
7) Apasati Ctrl+Click pe imaginea corespunzatoare layerului text pentru a selecta textul.
8) Mergeti la Select > Modify > Expand, si puneti valoarea 1 px.
- inainte:
- dupa:
9) Avand layerul text selectat, apasati Ctrl+Shift+V pentru a lipi gradientul.
10) Selectati Move Tool (V), si mutati gradientul inainte de text, astfel incat sa nu fie vizibil deloc.
11) Acum vom realiza animatia.
- Daca folositi versiunea Photoshop CS3, mergeti la Window > Animation
- Daca folositi alta versiune de Photoshop CS, mergeti la File > Edit in Image Ready, si deschideti fereastra Animation
12) Dati click pe sageata din dreapta sus a ferestrei Animation, apoi selectati New Frame.
13) Selectati din nou Move Tool (V), si mutati gradientul pe orizontala in partea cealalta a textului, astfel incat sa nu fie vizibil deloc.
*ceea ce am facut pana acum a fost sa realizam punctul initial si cel final al animatiei.
14) In continuare vom folosi Tween Animation Frames*. Dati click pe butonul selectat mai jos.
* aceasta unealta va realiza cate frame-uri dorim intre pozitia initiala si cea finala a animatiei
15) Puneti setarile din imaginea urmatoare.
16) Ce trebuie sa faceti acum este sa salvati animatia.
- daca folositi Photoshop CS3 mergeti la File > Save for Web & Devices, apoi dati click pe Save si salvati animatia cu extensia ” .gif “(Images Only)
- daca folosit alta versiune de Photoshop CS ( 1 sau 2 ) megeti la File > Save Optimized As si salvati animatia cu extensia ” .gif “
Rezultatul final:
Alte tutoriale
wooow!! e foarte tare efectul
am sa fac si eu mai tarziu, sau maine tutorialul 
va iubesc 
mersi pentru tutorial!
e foarte bine explicat. cred ca am sa mai folosesc efectul asta. chiar imi place 
asta chiar e ceva nou pentru mine. am reusit sa fac efectul. e foarte tare :>
UNDEI GRADIENT TOOL ?!?!?! PLEASE HELP
Tutorialul este foarte bun.Cum reusitit sa le faceti voi pe toate(cel putin,majoritatea) atat de explicite incat sa le inteleaga toti.Asa cum le faceti voi sunt mult mai simple decat imi imaginam eo.Bv voua continuati tot asa.
superbe… am inceput sa folosesc photoshop de curand e uimitor Multumiri tuturor celor ce fac tutoriale .Tineti-o tot asa ca fara voi ar fi greu
off eu tot nu pot accesa modify
Nu imi iasa nici cum,dau ctrl+x ca sa decupez “imi decupeaza tot nu mai ramane nici un gradient”,iar apoi nu mai pot da “expand” plz ajutatima.
Alexandru, dupa ce apesi Ctrl+X pentru a decupa gradientul, trebuie sa apesi Ctrl+Click pe imaginea corespunzatoare layerului text (pasul 7), apoi sa mergi la Select > Modify > Expand.
gata am rezolvat nu am fost atent unde trebuie sa dau “ctrl+click” multumesc mult
P.S Foarte tari tutorialele,si frumoase….very beauty!! tineti-o tot asa.sunteti coooll
care sunt setarile optime la salvarea in gif? toti parametrii aceia :interlaced,selective,difussion,lossy,dither,color…
cel putin pt mine….era sa uit,folosesc CS3 .Merci
e grele
nu stiu daca sunt niste setari optime. cand salvez o animatie, eu modific acele setari pana cand ajung la dimensiunea dorita si la o calitate acceptabila.
sall all si ms pt toate tutorialele aratate….excelenta explicatia si tot……..dar miar trebui un tutoriale care sa ma ajute sa fac o bara de meniu pt un site……aia habar nu am cum sa fac…….daca se poate…ms anticipat..
de unde selectez culoarea principala de la pasul 4?
din paleta de layere. sunt acolo doua patrate colorate. primul patrat este culoarea principala. am scris asta si in tutorialul Paleta de layere in Phtoshop.
am indeplinit toate cerintele si nu pot sa salvez poza….imi zice k nu am suficient spatiu
P.S. am liber aprox 2 gb
poti sa imi spui exact ce eroare primesti cand incerci sa salvezi ?
cel mai tare efect bravo sunteti tari !
puteti sa faceti si alt tip de imagini de genul asta