Pagina de start a forumului Prizee-a-and-r Prizee-a-and-r
Un forum de prizee prizee-a-and-r aici vei gasi tot despre acest site . Intrati si faceti-va cont


Adobe photoshop

 
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului Prizee-a-and-r -> Tutoriale
Subiectul anterior :: Subiectul urmator  
Sebi
Argint1
Argint1


Data inscrierii: 14/Oct/2007
Mesaje: 175

 MesajTrimis: 14/11/2007 14:59    Titlul subiectului: Adobe photoshop Raspunde cu citat (quote) Back to top

Adobe Photoshop este un software folosit pentru editarea imaginilor digitale pe calculator, program obiect ºi distribuit de compania americanã Adobe Systems ºi care se se adreseazã în particular profesioniºtilor domeniului.



Adobe Photoshop, aºa cum este cunoscut astãzi, este vârful de lance al gamei de produse software pentru editare de imagini digitale, fotografii, graficã pentru tipar, video ºi Web de pe piaþã. Photoshop este un program cu o interfaþã intuitivã ºi care permite o multitudine extraordinarã de modificãri necesare în mod curent profesioniºtilor ºi nu numai: editãri de luminozitate ºi contrast, culoare, focalizare, aplicare de efecte pe imagine sau pe zone (selecþii), retuºare de imagini degradate, numãr arbitrar de canale de culoare, suport de canale de colorit pe 8, 16 sau 32 biþi, efecte third-party etc. Existã situaþii specifice pentru un profesionist în domeniu îndată ce alte pachete duc la rezultate mai rapide, însã pentru prelucrãri generale de imagine, întrucât furnizeazã instrumente solide, la standard industrial, Photoshop este efectiv indispensabil.

Alãturi de aplicaþia Photoshop (ajuns la versiunea CS3), este inclusã ºi aplicaþia ImageReady, cu un impresionant set de instrumente Web pentru optimizarea ºi previzualizarea imaginilor (dinamice sau statice), prelucrarea pachetelor de imagini cu susținerea sistemului droplets-uri (mini-programe de tip drag and drop) ºi realizarea imaginilor rollover (imagini ce îºi schimbã aspectul la trecerea cu mouse-ul peste), ca de exemplu ºi pentru realizarea de GIF-uri animate.




Bibliografie : http://ro.wikipedia.org/wiki/Adobe_Photoshop
 
Vezi profilul utilizatorului Trimite mesaj privat
stelistu222
Argint2
Argint2
stelistu222

Data inscrierii: 26/Oct/2007
Mesaje: 279

 MesajTrimis: 14/11/2007 17:17    Titlul subiectului: Raspunde cu citat (quote) Back to top

Animatie simpla cu Image Ready
Animatia se obtine afisand succesiv imagini al caror continut se modifica de la un cadru la altul.

In marea majoritate a cazurilor animatia este realizata prin deplasarea continutului unui înveliș sau prin modificarea opacitatii acestuia.

Acest exemplu este nespus de modest de realizat, intentia mea fiind de a prezenta tehnicile folosite ca ulterior acestea sa fie utilizate in aplicatii complexe.

Pas 1. Deschidem in Photoshop un document nou 200 x 100.

Pas 2. Trasam ghidaje pe document. View -> New Guide... -> cu urmatoarele cordonate:
orizontal: 10px si 90px
vertical: 10px, 90px si 190px

Pas 3. Adaugam un strat nou (Layer 1).

Pas 4. Selectam Rectangular Marquee Tool (M) si realizam o selectie similara celei de mai jos.

Adobe photoshop

Pas 5. Pin paleta de culori selectam albastru.

Pas 6. Selectam Paint Bucket Tool (G) si facem clic in interiorul zonei selectate.

Pas 7. Select -> Deselect.

Pas 8. Exportam documentul in Image Ready. File -> Edit in Image Ready.

Pas 9. In spatiul de lucru trebuie sa avem deschise ferestrele Tools, Animation si Layers.
File -> Window -> bifam ferestrele dorite.

Adobe photoshop

Pas 10. In fereastra Layers avem selectat stratul Layer 1.

Pas 11. Selectam Move Tool (V).

Pas 12. Dublam cadrul curent. Apasam Duplicate current frame conform imaginii urmatoare.

Adobe photoshop

Pas 13. Apasam sageata dreapta (->) de la tastatura de 10 ori. Imaginea se va deplasa catre dreapta cu 10 pixeli.

Pas 14. Stabilim durata afisarii unui cadru (de la 0 la 10 secunde) apasand butonul Select frame delay time evidentiat in imaginea anterioara.

Repetam pasii 12 si 13 pana cand paratul albastru ajunge la limita din dreapta.

Pas 15. Salvam imaginea animata. File -> Save Optimized As... (in format gif).

Pas 16. Salvam documentul. File -> Save (in compus psd).

Pas 17. Imaginea finala va fi similara cu cea de mai jos.

Adobe photoshop

Observatii
Cu cat diferenta de la un cadru la altul este mai mica cu atat miscarea este mai naturala.

In acest exemplu miscarea este sacadata datorita faptului ca intre 2 cadre succesive patratul albastru este deplasat cu 10 pixeli, daca deplasarea ar fi de 2-3 pixeli efectul de sacadare ar fi atenuat.
_________________
[url=http://prizee-a-and-r.freehostia.com/php-fusion/forum/index.php]NOUL FORUM PRIZEE-A-AND-R[/url]
 
Vezi profilul utilizatorului Trimite mesaj privat
Sebi
Argint1
Argint1


Data inscrierii: 14/Oct/2007
Mesaje: 175

 MesajTrimis: 16/11/2007 23:04    Titlul subiectului: Raspunde cu citat (quote) Back to top

Deschide un document flash cu mărimea de 300x400, fondul albastru inchis (#000022) si deseneaza o mica minge alba. Eu am facut una de 10 cu 10px si i-am dat gradient catre exterior astfel incat sa se piarda in fundal. Converteste-l la Symbol, Movie Clip

Adobe photoshop

Adobe photoshop





Click dreapta pe Movie Clipul nou făcut in Library si selecteaza “Linkage”, selecteaza si Export for Actionscript si introdu textul “snow” (cu tot cu ghilimele) in textfield

In linia 1 a radacinii timeline-ului introdu aceste 29 linii de cod:

width = 400; // pixeli



height = 300; // pixeli



max_snowsize = 6; // pixeli



snowflakes = 75; // cantitatea



for (i=0;i<snowflakes> height+10) {

this._y = -20;

}

if (this._x > width+20) {

this._x = -(width/2)+Math.random()*(1.5*width);

this._y = -20;

} else if (this._x < -20) {

this._x = -(width/2)+Math.random()*(1.5*width);

this._y = -20;

}

}

Testeaza animatia. Cred ca a iesit cum trebuia.

O sa detaliez putin randurile codului pentru a putea intelege cum functioneaza acest efect

Primele 4 linii sunt simple

width = 400; // pixeli



height = 300; // pixels



max_snowsize = 6; // pixeli



snowflakes = 75; // cantitatea

Aceste setari seteaza limitele animatiei

Sa vedem randurile care sunt responsabile pentru producerea zapezii.

for (i=0;i<snowflakes> height+10) {

this._y = -20;

}

if (this._x > width+20) {

this._x = -(width/2)+Math.random()*(1.5*width);

this._y = -20;

} else if (this._x <20> height+10) {

this._y = -20;

}

if (this._x > width+20) {

this._x = -(width/2)+Math.random()*(1.5*width);

this._y = -20;

} else if (this._x < -20) {

this._x = -(width/2)+Math.random()*(1.5*width);

this._y = -20;

}

Aceste 3 loopuri inlocuiesc zapada daca si-au terminat calatoria sau nu s-au comportat cum trebuie in drumul lor. Primul loop verifica daca fulgul a ajuns jos si daca trebuie sa il inlocuiasca cu altul care sa cada din nou. Celelalte doua, un if..else altera zapada din susul ecranului cu o noua pozitie x daca fulgul iese din animatie.






Bibliografie : http://www.etutoriale.ro/articles/51/1/Fulgi-de-zapada-in-Flash/
 
Vezi profilul utilizatorului Trimite mesaj privat
Afiseaza mesajele pentru a le previzualiza:   
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului Prizee-a-and-r -> Tutoriale Ora este GMT + 3 ore
Pagina 1 din 1

 
Mergi direct la:  
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum

Cobalt 2.0 phpBB theme/template by Jakob Persson.
Copyright © 2002-2004 Jakob Persson


Powered by phpBB © 2001, 2002 phpBB Group
Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro