In acest tutorial iti voi prezenta realizarea unei animatii in Photoshop. Pentru aceasta, vom utiliza diverse unelte (gradient,text,move,etc.), masti si panoul Windows > Animation.
In acest tutorial iti voi prezenta realizarea animatiei de mai jos in Photoshop.
Pasul 1
Deschide un document nou cu dimensiunea 1200 x 800 px. Utilizand unealta Paint bucket (G), umple noul layer cu negru.
Pasul 2
Selecteaza Text Tool (T), apoi scrie cuvantul E-LEARN (sau orice alt cuvant vrei). Marimea caracterelor trebuie sa fie de 130pt, iar ca font eu am ales Times New Roman.
Pasul 3
Adauga urmatoarele efecte textului:
Pasul 4
Folosind unealta Eyedropper (I), da click pe culoarea verde a textului. Creeaza un nou layer, apoi selecteaza unealta Gradient (G). Tinand apasata tasta Shift, deseneaza in mijlocul textului un gradient rotund de la verde spre transparent si duplica layerul.
Il1doctore e ok ca ai reusit sa faci acest curs dar nu uita sa bifezi loop si .. un gif trebuie sa fie mic... nu 600 pixeli. GIF_urile sunt folosite normal in bannere animate. Asta daca nu folosesti flash.
Cum zice pustiu, e bine de stiut, la fel nici eu nu m-am gandit sa poata ps sa faca un efect chiar asa, eu il faceam in GIMP, dar prea nasol..:) Bravo! 5stars!
Vreau sa multumesc in special lui Alex ptr sprijin ca m-a facut sa inteleg acest tutorial, cu sprijinul lui am putut sa pot duce la bun sfarsit tutorialul de fata !
Mie mi-a iesit cat de cat efectul, desi trebuie sa recunosc ca m-am incurcat nitel la lucrul cu animation. Oricum e clar ca tre sa stii cate ceva despre layers, gradienti si alte chestii de baza. Intrebarea mea, pentru cei care au incercat sa faca tutorialul, ati urmarit demo-ul video si cu toate astea nu v-a reusit? Sincer mi s-a parut mai mult decat explicit.
Pe mine m-a ajutat si tutorialul asta, de incepatori, care da indicatii destul de detaliate: http://www.e-learn.ro/detalii_tutorial/GRAFICA_2D/Photoshop/Filtre_si_efecte/Efect_de_pictura/17/1/380.htm
as vrea sa te pot lauda gyzzmo dar din pacate nu pot, ai omis ceva destul de important si anume detaliile, desi nu sunt tocmai un incepator al photoshopului mi-a luat ceva timp sa urmaresc tutorialul si evident nu mi-a iesit cum doream pt ca lipsesc mici detalii destul de importane.
@katalynn
daca te uiti putin la pasul 4 ai sa vezi ca rezultatul este un nou layer cu o pata verde pe care tu trebuie sa o duplici. ok pana acum. avand selectat layer duplicat dai click pe lock transparent pixel si umplii acest layer cu alb(banuiesc ca stii sa-l umpli) .
Nu am vazut mesajul anterior. Ce trebuie sa faci este sa dai click pe copia layerului sa apesi pe patratel apoi sa folosesti combinatia de taste Ctrl Backspace pentru a o umple cu o culoare... in cazul de fata alb.
Uita-te cap-coada pe demo-ul asta. http://www.youtube.com/watch?v=ACu4N-ZZCtQ
am revenit si rog sa mi se explice si mie ce inseamna : In panoul Layers (F7), avand selectat layerul duplicat, da click pe icon-ul Lock transparent pixels (e un patratel deasupra ultimului layer, adica cel duplicat) si coloreaza layerul cu alb.
Aici nu vad rezultatul care se spune ca ar rezulta adica "coloreaza layerul cu alb" adica prin simpla apasare a acelui Icon ? se coloreaza layer-ul respectiv ?
@alexandra Uffff... Te iubesc :D
"ce-ar fi sa ne apucam sa ne corectam reciproc" ooooo dar chiar te rog. Eu sunt aici sa invat ... si daca cineva imi corecteaza un tutorial inseamna ca e dispus sa-mi si arate unde am gresit sau ce mai trebuia spus.
Nu vreau sa ma bag peste nimeni dar in momentul cand vad o greseala si pot sa completez cu ceva... nu vad de ce nu as' face-o. Nu suntem cu totii aici sa invatam?
Fiecare are modul lui de a "preda". De aceea eu respect munca fiecaruia ... ca stiu cat de greu este sa faci un tutorial sa inteleaga toata lumea.
Hai sa nu mai continuam aceasta discutie aprinsa ca nu are rost. Suntem aici sa aratam oamenilor cat de pasionati suntem.
mai oameni buni nu trebuie sa ne luam de par... probabil nu am fost destul de eficient in exprimare si nu am aratat totul, dar cum spune si alexandra e destul de plictisitor sa dai fiecare chichitza ca detaliu. eu l-am scris asa cum am crezut eu ca trebuie scris si probabil nu am dat importantza la acele mici detalii. dupa cum vad a fost cotat ca mediu, deci? trebuie sa ai cateva cunostinte de photoshop inainte sa te apuci de el. oricum multumesc mult pentru sugestii.
@katalynn eu te-am rugat sa-mi spui unde nu intelegi ca sa-ti pot raspunde cum si dc am facut acele setari.
pe viitor voi explica mult mai elaborat cum si dc folosesc anumite unele si ce face fiecare setare in parte.
Nu e deloc rea ideea ta sa se faca trimitere catre alte tutoriale. Oricum sunt sigura ca orice problema ai avea, poti trimite un mesaj sau comentariu si vei primi ajutor. Chiar daca polemica a inceput de la comentariul tau, cred ca este mai degraba cauzata de o divergenta de opinii dintre noi si nu de ceea ce ai scris tu.
Nu cred ca e vorba sa-ti scoata adminul comentariul, dar imi mentin parerea. Pana la urma katalynn nu a intrebat nimic, doar a spus ca tutorialul nu e explicit si gyzzmo ii raspunsese deja, deci interventia ta nu era necesara. Pleaca de la ideea ca nici un tutorial nu este perfect, deci ce-ar fi sa ne apucam sa ne corectam reciproc? N-am termina niciodata.
Iar referitor la ce ai spus tu ca este "foarte prost" ca n-am explicat pe intelesul oricui ... inseamna ca orice tutorial avansat ar trebui sa aiba pe putin cateva pagini, ca sa inteleaga toata lumea. Cred ca ar trebui totusi sa facem diferenta dintre un tutorial si manual. Un tutorial iti explica o anumita functionalitate, o bucatica dintr-un program... de aceea cred ca nu isi au rostul explicatiile detaliate, repetate in absolut toate tutorialele. Fie ca ne place, fie ca nu, realitatea este ca un utilizator este descurajat cand vede un tutorial prea lung, iar nivelul de cunostiinte variaza de la om la om.
Gandeste-te putin, tu cum cauti tutoriale pe google? Eu de obicei scriu ceva de genul "as3 export jpg" sau "zend framework date", adica am un scop precis, si cam toata lumea face asta. E logic - cauti un tutorial cand te lovesti de o problema. Si atunci, cum ar fi sa dau peste un text de 10 pagini in care imi explica ce e ala un obiect/clasa? As da pe urmatorul link si gata. Sigur, putem sa ne contrazicem oricat fara a ajunge la o parere comuna. Fiecare are opiniile lui, dar asta nu inseamna ca nu voi comenta daca ceva nu mi se pare in regula.
imi pare rau ptr toata polemica asta care s-a creat dar vreau sa subliniez cateva aspecte.
In primul rand nu am facut observatie nimanui de aici din contra ma bucur ca exista un site care trateaza tutoriale pe diverse teme, mai mult ma bucura ca exista interes.
As vrea sa mai atrag atentia daca cineva vrea sa realizeze ceva ce se prezinta aici si se impiedica la amanunte de nivel incepator, rog sa se faca trimitere catre alte tutoriale in care sa se prezinte succint acele mici amanunte care fac ca un tutorial cotat ca nivel mediu sau avansat sa fie inteles si apoi cu usurinta realizat.
O sa revin si sa explic acolo unde nu s-a putut realiza niste pasi desi am vazut ca sunt identificati.
Inca o data imi pare rau de polemica dar as vrea sa se tina cont si de cei care nu au cunostinte avansate.
Multumesc de intelegere si spor la tutoriale cat mai spectaculoase !
@alext_1020: Nu a mentionat nimeni nimic de cearta, o polemica e cu totul si cu totul altceva :). "Sarea si piperul" sunt necesare, atata timp cat sunt constructive. In rest, nimeni nu poate manca o mancare in care s-a turnat prea mult piper sau prea multa sare. Totul tine de "gustul" fiecaruia.
Cat despre activitatea mea, scriu in masura in care timpul mi-o permite. Prefer sa cred ca e mai bine sa scriu un tutorial la care sa zabovesc ceva timp (timp care sa pot aduce tutorialul in acea stare in care sa nu mai existe nelamuriri pentru oricine l-ar citi) decat sa scriu un tutorial intre doua pauze de la munca sau facultate (tutorial care cu siguranta nu ar mai avea aceeasi calitate). In orice caz, tutoriale voi mai scrie ;)
@pustiu Lasa ma ca merge si putin piper in viata asta monotona :) Noi nu ne certam si pur si simplu ne spunem punctul de vedere. Si imi place :D @pustiu cand mai scoti si tu un tutorial taticule?
@alexandra "Eu am cotat ultimul meu tutorial, cel de flash, ca nivel avansat. Cum ar fi fost sa ma apuc sa explic ce-i aia o clasa sau un pachet sau cum importi o imagine in flash? Ar deveni inutil de lung si neatractiv pentru utilizatorii care sunt cu adevarat avansati si care au nevoie de un tutorial clar si la obiect."
Prost... foarte prost. Acest site e dedicat celor care doresc sa invete sa lucreze in anumite programe si sa poata sa faca si ei fara foarte multe complicatii ceva cool doar urmarind niste pasi. Chiar daca el nu stie doata tehnologia din spatele programului. Cei avansati stiu deja ce trebuie sa faca. Nu trebuie sa vin eu sa le spun cum trebuie sa retuseze o fotografie sau cum sa faca o animatie in Photoshop.
Tu trebuie sa te gandesti ca te adresezi unui sector de oameni care vor sa invete de la zero sau pur si simplu au nevoie de un anumit lucru fara sa fie nevoit sa invete tot programul. Gen daca sunt programator nu trebuie sa mai invat si Photoshop pentru a corecta nivelul de luminozitate sau balansul culorilor. Ci pur si simplu trebuie sa se uite pe un tutorial facut de noi si sa stie cum sa importe fotografia in Photoshop de unde sa deschida ajustarile pentru fotografii si cum sa salveze. Atat trebuie sa stie.
Nu zic ca tutorialele mele sunt extraordinare. Si stiu ca trisez in momentul cand fac si un tutorial video dar vezi tu ca romanul e invatat sa faca ce vede. E mult mai greu sa explici in cuvinte cum sa "tragi" de o fotografie. In grafica noi lucram vizual. Nu e ca in programare web unde poti sa completezi oricand cu cod.
@lume: mai copii...s-au incins spiritele pe e-learn :). Nu e cazul sa intram in polemici cu privire la cine a comentat cui sau peste tutorialul caruia a intervenit. E foarte bine ca se munceste la realizarea unui tutorial, si cu atat mai bine ca se si verifica corectitudinea lui din mai multe puncte de vedere.
@ alexandra NU am intervenit peste nimeni. Am facut acest demo ... studiind pasii lui Gyzzmo. Nu am pus nimic de la mine... Am vrut sa-i arat lui katalynn ca acest tutorial este bine facut si nu a omis ceva foarte important ... aaaa daaa... ma scuzi .. am schimbat culoarea .. din verde in portocaliu ... ma ierti? :D glumeam.
Daca nu ii place si/sau daca nu e de acord ca demo-ul meu sa nu fie aratat sa vb cu admin-ul si sa-mi scoata comentariul. Dar nu cred ca e cazul.
Ok... sa vedem. Intre pasul 9 si pasul 10 trebuia sa mentionezi ca trebuie sa muti masca layer 2 copy pentru a putea trimite in spatiu literele cu blur. Tu ai zis numai sa scoatem linkul dintre layer si masca dar nu ai mai explicat si de ce.
La pasul 10 ai scris sa ai grija sa nu existe delay intre cele doua frame-uri dar nu ai specificat cum anume se poate modifica un delay la un frame. De exemplu eu ca folosesc animatiile delay-ul intre framuri era de 0.2. si daca nu stiam de unde sa modific era nasol.
Si pe undeva pe la pasul 7 sau pasul 8 nu mai mentionezi ca trebuie sa deselectezi pentru a putea aplica un efect.
Sunt chestii minore... nimic important. Pentru cineva avansat aceste lucruri le completeaza el, dar pentru un incepator e frustrant sa vezi ca faci totul cum scrie si nu iti iese.
Eu nu sunt de acord cu ce a zis katalynn, si anume ca "un tutorial este acela in care se arata toate lucrurile indiferent de nivelul utilizatorului". Totusi tutorialul este cotat ca "mediu" si e destul de clar ca nu va da indicatii de cum sa deschizi paleta de layere sau alte detalii de interfata photoshop care ar trebui cunoscute anterior. Eu am cotat ultimul meu tutorial, cel de flash, ca nivel avansat. Cum ar fi fost sa ma apuc sa explic ce-i aia o clasa sau un pachet sau cum importi o imagine in flash? Ar deveni inutil de lung si neatractiv pentru utilizatorii care sunt cu adevarat avansati si care au nevoie de un tutorial clar si la obiect. De asta e foarte bine ca exista un sistem de clasare astfel incat cei care intra sa citeasca un tutorial sa stie la ce sa se astepte.
Acum, referitor la interventia lui Alex, cred ca nu a fost corecta. Este optiunea lui gyzzmo daca vrea sa faca un video pentru tutorialul lui si tot el trebuie sa raspunda eventualelor comentarii si intrebari pe care le primeste. Chiar daca intentia a fost buna, nimanui nu cred ca i-ar placea ca altcineva sa ii completeze tutorialul. Bineinteles, orice sugestie sau critica este binevenita, dar trebuie sa respectam munca fiecaruia.
Sa nu mai fie nici o confuzie am facut un demo video sa il ajut putin pe Gyzzmo. Cred ca acest video o sa elucideze toate misterele. Sunt niste pasi lipsa dar i-am acoperit eu ...
alext_1020, Miercuri, 28 Octombrie 2009, ora 17:51
#4
Meriti 10 stelute ... dar din pacate nu am decat 5 :) Tutorialul este foarte reusit. Nu multi stiu ca defapt la inceput Photoshop a fost un program specializat numai pe film si animatii de astea. Dupa aceea au vazut adevaratul potential al programului si l-au transformat in editor foto.
O sa incerc sa completez acest tutorial cu un alt tutorial micut tot legat de animatii. Sa aratam si latura de animatie a acestui program :)
Felicitari si la mai multe articole stufoase :) ca imi place o lectura buna :D
Bravo :) si neaparat felicitari ^:)^ ! Ai scris unul dintre cele mai interesante tutoriale de Photoshop de pe E-learn dupa parerea mea. Habar nu aveam de asa ceva in Photoshop; este de tinut minte ;). Felicitari inca o data!
5990 afisari |
40 min
|
Mediu
