1. prin animatie se intelege unirea a mai multor layere intr-un singur format, .GIF, si trecerea de la un layer la altu

2. ce prezinta .GIF: Graphics Interchange Format, creat in 1987 si este capabil de pastra date in format de pina la 256culori (in comparatie cu .PNG care suporta adincimea imaginii peinla 16bit,mii de culori)

3. Reguli de baza, de ce treb sa ne conducem creind o animatie:
* avem la dispozitie doar 256culori! => mai putine culori in avatar mai calitativ si frumos va fi!
* mai putine frame-uri (cadre) vor fi mai putin avataru ca "cintari", max tmd 350Kb
* GIF-ul nu suparta fonul transparent, adica: desigur putem crea animatii pe fon transparent dar nu uitam de faptul ca el nu suparta nici unefect de blur(shadow, glow etc.), rezultatul va fi foarte si foarte urit(

4. Animarea, deci deschidem Photoshopu, daca fereastra cu animatie nui activata: Window/Animation
apare fereastra, dupa default va aparea animarea dupa frames (cadre)

5. in Photoshop animarea este posibila doar in 3 metode!
#1 schimbul pozitiei layerului pe lucrare
#2 trecerea de la un layer la altul
#3 inchiderea si deschiderea layerului

6. sa incepem: deschidem avatarul nostru (eu lucrez pe fon negru p/u vizibilitate mai buna!)

7. new layer, pe care desenam obiectul care va fi animat(miscat) sal il importam de unde x)

8. cream cadru nou



9. ne intoarcem la primu cadru, si pozitionam obiectul nostru in locul dorit



10. trecem la al doilea cadru si schimbam pozitia obiectului



11. ne intoarcem la primul cadru si animam: apasam pe butonul Tweens animation frames
si setam:



Tween With: operatia care so faca Ps-ul (Next Frame- animarea spre urmatorul cadru)
Frames Add: numarul de cadre

OK

12. sub fiecare frame este timpul cit el va fi vizibil, setam dupa dorinta, la "greutatea" avatarului asta nu are nici un impact

13. ca animatia sa fie vesnica sub primul cadru schimbam de la Once la Forever



14. deseori avem nevoie ca ultimul cadru sa se intoarca inapoi la primul, ca sa se primeasca un oarecare ciclu:
* alegem ultimul cadru
* apasam pe Tweens animation frames
* si in casuta Tween With alegem First Frame (primul cadru), si animatia se intoarce la primu cadru)



15. acuma incercam schimbul de la un layer la altul:
* cream inca un layer cu alt obiect

16. pe primul cadru pozitionam primul obiect (inchidem al doilea obiect, sa nu se vada!, inchidem ochiul)

17. cream al doilea cadru si pozitionam al doilea obiect deschizindul inaintea de asta
schimbam pozitia primul lui obiect peste al doilea obiect, si il inchidem



18. ne intoarcem la primul cadru si animam

19. si eu acuma am repetat pasul (14)



20. File/Save for Web and device, alegem GIF



21. vualea
Foc la ghete!
setam imaginatia in pozitia ON si ne jucam:







succese, nu uitam de numarul de culori = calitatea imaginei
nu uitam de nr. de cadre = marimea imaginei, max 350Kb

1. voi arata pe fon negru ca sa fie mai clar si vizibil

2. deschidem imaginea

3. tapam textul dorit cu Type Toool (T)

4. click dreapta pe layerul cu text, Resterize Type



5. fiind pe layerul cu text apasam Ctrl+J (dublam layerul cu text)

6. ne intoarcem la layerul de mai de jos cu text



7. Edit/Transform/Flip Vertical

8. coborim layerul in jos, astfel:



9. cream Layer Mask la layerul curent (butonul de sub layere in forma de dreptunghi cun cerc in-untru)



10. alegem Gradient Tool (apasam G), apasam pe D (colorile se seteaza default negru-alb)

11. alegem maska de pe layer (apasam pe ea)

12. verificam ca gradientul ii de la alb spre negru

13. pozitionam cursorul intre cele 2 cuvinte
tinind Shift apasat tragem in jos pinla mijlocul cuvintului



14.vualea! efectul mult dorit, scadem din Opacity p/u o combinare mai buna

15. Foc la ghete!

1. instalam ultimele drivere de la QuickTime, nu uitam de google xD

2. deschidem  Photoshopu

3. File/Import/Video Frames to Layers



4. deschidem mapa cu imagini, de regula in lista nu sunt imaginile cu format gif, de aceea scriem denumirea imaginei (ex.:Imaginea.gif), sau pentru a vedea toate fileurile scriem *.*



5. vualea!

6. Nu uitam de: !!!!
* pinla CS2 nu exista asa obtiune
* in CS2 totul se face in Image Ready
* CS3 si CS4 nu deschid fonul transparent (il face defoult alb )
* CS2 deschide totul frumos si sigur fara pierdere de informatie

foc la ghete !

1. hmm..p/u inceput- reguli nus....avatar asta nui arta, nui gen..nui nimik..astai exprimarea personalitatii dumneavoastre printr-o imagine mica

2. avatarele treb sa corespunde cu regulile saitului unde le folositi

3. deci continuam cu TMD
reguli de baza:
dimensiuni maxime: 150px * 255px
marimea maxima: gif & png- 350Kb, jpeg- 25Kb

4. ne intoarcem la Photoshop
alegm  imaginea si o deschidem in programa

5. orce imagine treb sa aiba o oarecare proportionalitate!!!
luind dimensiunele maxime tmd observam ca avatarul are  forma dreptunghilara in picioare)
logic alegind o imagane nu uitam de nuanta data

6. p/u ca sa schimbam marimele imaginei de la ***x*** la 150x255px facem asa:
Image/Image Size (Alt+Ctrl+I)



7. observam ca avatarul nostru nu are nici o forma sau proportionalitate!!!
cum fac eu, sunt multe metode eu folosesc asta:

8. deschidem imaginea noastra in Ps

9. alegem Crop Tool (tastam C )
sus pe bara de meniu setam:



10. cropam din imaginea noastra viitorul avatar



Enter

11. vualea! observam ca avem imagine gata p/u crearea viitorului avatar
foc la ghete

1. deschidem imaginea in Ps (File/Open, Ctrl+O)
2. apasam combinatia de taste Ctrl+A, obtinem:



3. Edit/Stroke



4. dupa dorinta indeplinim setarile "ramei"



apasam Ctrl+D

5. multe avatare au "a doua margine" mai in nuntru, cum se face:
iarasi Ctrl+A, Edit/Stroke, Ctrl+D, marim imaginea p/u comoditate- Ctrl+"+" (micsoram-Ctrl+"-&quot
acuma avem o "rama" noua pe marginea avatarului, apasam Ctrl+T, tinem apasat Shift+Alt, apucam imaginea de un colt si tragem in nuntru dupa dorinta, arata asa:



apasam Enter

6. putin aprindem imaginatia(dar nu tare, nu uitam ca suntem incepatori, sa nu arda procesoru)))
alegem Rectangular Marque Tool (sau apasam M), selectam centrul, sepoate la oki sau cu ajutorul riglei (o activam prin combinatia Ctrl+R)



7. apasam tasta Delete

8. acuma ne mai aprofundam in imaginatie, intram in trans si atingem Nirvana !

9. am pus background negru si "rama" alba ca sa se vada ce facem
acuma infrumusetam marginele celea creata de la pasul (6)
alegem Erase Tool (tastam E), si sus pe bara de meniu shimbam setarile periutei, Hardness = 0%



10. acuma "stergem" marginele celea abrupte, punem "guma" astfel ca sa iasa ceva frumos,experimentam. nu uitam de Ctrl+Z(un pas inapoi-inainte), Ctrl+Alt+Z(multe pasuri inapoi), si analog inainte: Ctrl+Shift+Z
se primeste cam asa ceva:



vualea

1. cream lucrare noua, Ctrl+N, setam:



2. zoom-am imaginea la maximum(x1600, Ctrl+"+&quot, numaidecit fonul transparent!!!!

3. alegem Pencil Tool cu marimea de 1px

4. facem trei puncte pe diagonala



5. Edit/Define Pattern



6. ne intoarceam la avatarul nostru

7. alegem Paint Bucket Tool (apasam G),
sus pe bara de meniu schimbam de la Foreground la Pattern



8. si dam un click peste imagine...vualea si patternu nostru, se poate de scos din Opacity(mai sus de layere) p/u ca sa fie mai frumos



9. deasemeni se poate si mai repede din proprietatile layerului,
click dreapta pe layer : Blending Optoins
la Styles alegem Pattern Overley
si alegem patternu nostru



vualea