Naučićeš:
- Kako otvoriti i zatvoriti i prilagoditi panel animacije.
- Kako dodati, ukloniti i urediti ključne i okvire animacije.
- Čemu služi dugme Tween?
- Kako napraviti jednostavnu animaciju za crtanje zvijezde.
- Kako postaviti vremenske intervale za svaki okvir animacije.
- Kako optimizirati animaciju za smanjenje Veličina GIF-a fajl.
- Kako uvesti GIF datoteke u program.
- Kako se prebaciti sa animacije okvira na vremensku liniju.
Lekcija se sastoji od sljedećih dijelova:
1. Video s uputama.
2. Šta je animacija.
3. Dio 1. Animacija okvir po kadar.
4. Podešavanje intervala.
5. Podešavanje učestalosti ponavljanja.7. Optimizacija animacije.
8. Čuvanje animacije.10. Otvorite GIF-ove.
11. Dugmad za objedinjavanje slojeva animacije.
12. Zatvaranje panela za animaciju.
13. Pitanja.
14. Domaći.
Šta je animacija
Animacija je sekvencijalna promjena slika, uslijed koje nam se čini da se objekt kreće, mijenja oblik, pojavljuje se i nestaje, a uz njega se mogu odvijati i druge dinamičke radnje.
Sa animacijom Photoshop možete kreirati slajdove od fotografija ili slika, praviti avatare, banere, screensavere za web stranice, dinamičke razglednice i razne prezentacije. Treba imati na umu da je Photoshop još uvijek grafički uređivač i nije dizajniran za složene procese animacije. Postoje dva načina za kreiranje animacije u programu - animacija okvir po kadar i animacija u režimu vremenske linije. Razmotrit ćemo obje vrste animacije redom. Cijelu lekciju 36 posvetit ćemo proučavanju animacije okvir po kadar. A u lekciji 37 bavićemo se vremenskom linijom. Neki jednostavni zadaci zgodnije je to izvesti u režimu animacije okvir po kadar. Čak i ako znate kako raditi s vremenskom linijom iz drugih programa, savjetujem vam da isprobate zadatke iz ove lekcije. Na osnovu stečenog znanja, moći ćete da odlučite koju ćete metodu koristiti u svakom pojedinom slučaju.
Dio 1. Animacija okvir po kadar
Panel Okviri pojavio se davno. Razmotrimo njegove postavke na primjeru animacije crtanja zvjezdice.
Stvoriti novi dokument 800 x 800 piksela, rezolucija 72, RGB režim boja. Kreirajte novi sloj klikom na ikonu na dnu palete slojeva. Ili pritisnite Shift+Ctrl+N.
Na traci s alatima odaberite alat za četkicu 
crna, 35 piksela u prečniku sa mutne ivice. Nacrtajte prvu kosu liniju (stavite tačku, pritisnite Shift i stavite sljedeću tačku - linija će biti ravna).
Napravite drugi sloj. Nacrtajte sljedeću liniju. Zatim treći sloj
i još jedan red, itd. Trebalo bi da imate šest slojeva, uključujući sloj pozadine.
Da biste otvorili panel Animacija, kliknite na stavku Animacija u meniju Prozor. Ili u meniju Window (Prozor) instalirajte Workspace (Workspace) na Video i Film/Video (Video). Uvjerite se da je panel u modu animacije okvir po kadar.
U suprotnom, kliknite na ikonu
u donjem desnom uglu animacije.
Isključite vidljivost svih slojeva osim pozadinskog sloja u paleti Slojevi (Slojevi) klikom na ikonu lijevo od sličice sloja. Ovo će biti prvi kadar naše animacije.
Kliknite na ikonu na dnu panela Animacija. Drugi okvir (kopija prvog kadra) će se pojaviti. Da biste ga promijenili, uključite vidljivost prvog sloja u paleti Slojevi (Layers). Ponovo kliknite na ikonu i uključite vidljivost drugog sloja.
Nastavite stvarati nove okvire i uključite vidljivost sljedećih slojeva dok se cijela zvjezdica ne pojavi u zadnjem kadru.
Na dnu panela Animacija nalaze se alati za dodavanje, uklanjanje i pregled animacija.
- pretvaranje u animaciju na vremenskoj liniji.
- Tween(Kreiranje međuramova).
- Duplikat trenutnog okvira (Kreiranje kopije odabranih okvira).
- Dugmad za reprodukciju (Kao i svaki kasetofon).
Odabire prvi kadar (Odaberiteprvookvir); Odabire okvir za pregled (Odaberiteprethodniokvir);
igrati(pokreni animaciju);
OdabireSljedećiokvir(Odaberite sljedeći okvir).
- Izbrišite odabrane okvire. Imajte na umu da ključDelna tastaturi ne briše odabrani okvir, već briše odabrani sloj iz palete Slojevi (Slojevi).
Podešavanje intervala.
Sada podesimo vremenske intervale tokom kojih će okviri animacije biti vidljivi.
Ispod svakog okvira na dnu je upisano 0 s. i tu je strelica. Kliknite na strelicu i odaberite brzinu kadrova. Odaberite vrijednost 0,5 za sve okvire (što znači da će doći do promjene kadra nakon pola sekunde).
Podešavanje frekvencije ponavljanja.
Sljedeći korak je podešavanje učestalosti ponavljanja animacije. Kliknite na strelicu na dnu animacije. Pojavljuje se meni za odabir periodičnosti.
Ako odaberete Zauvijek (Zauvijek / Trajno), tada će se animacija ponavljati iznova i iznova. Ovaj proces se zove petlja.
Ako odaberete Jednom, animacija će se reprodukovati jednom i zaustaviti se na zadnjem kadru.
Ako odaberete Ostalo, možete postaviti različit broj ponavljanja unutar raspona (od 1 do 999).
Sada pustimo kreiranu animaciju. Da biste to učinili, kliknite na dugme Play (Pokreni animaciju). Ako vam se sve sviđa, idite na sljedeći korak, ako ne, prilagodite animaciju kako želite.
Idite na Animation Panel. Kliknite na ikonu Duplicate current frame. Odaberite sve slojeve osim pozadinskog sloja. 
Isključite vidljivost pozadinskog sloja. Pritisnite Ctrl + Shift + Alt + E. Pojavit će se novi sloj na kojem će svi odabrani slojevi biti utisnuti.
Na sličici sloja će biti prikazana zvijezda transparentna pozadina. Imenujte ovaj sloj zvijezdom.
Dvaput kliknite na sloj da biste otišli na postavke stila. Podesite preklapanje senke i boje. Odaberite boju po svom izboru.
Vratite se na prvi kadar animacije
i uklonite vidljivost sloja sa zvijezdom
u paleti Slojevi (Layers).
Odaberite posljednji okvir. U paleti slojeva ostavite vidljivim samo sloj zvijezda i sloj pozadine.
Duplirajte ovaj sloj i promijenite postavke stila: Promijenite boju, postavite utiskivanje ili potez. Idite na Animation Panel. Kliknite na ikonu Dupliciraj trenutni okvir. Vratite se na prvi okvir u panelu Animacija i poništite odabir ovog sloja u paleti.
Ponovo duplicirajte sloj i promijenite stil. Odaberite alat Move (Move) ili pritisnite Ctrl + T da biste otišli na alat Free transform. Promijenite skalu. Idite na Animation Panel. Kliknite na ikonu. Vratite se na prvi okvir i poništite odabir ovog sloja.
Ponovo duplirajte sloj i malo više uvećajte i promijenite stil. I dodajte okvir animacije. Trebali biste završiti sa storyboardom poput ove: 
Pritisnite dugme Play (Pokreni animaciju) i pogledajte rezultat obavljenog posla.
Optimizacija animacije.
Kliknite na ikonu u gornjem desnom uglu animacije. Pojavit će se dodatni meni.
Nakon završetka rada, trebali biste optimizirati animaciju kako biste smanjili veličinu Gif datoteke i bolje preuzimanje web preglednik. Do smanjenja dolazi zbog isključivanja područja koja se ne mijenjaju tokom prijelaza iz okvira u okvir.
Odaberite Optimiziraj animaciju...(Optimiziraj animaciju). Označite oba polja. 
Boundingkutija(granična kutija)- izrezuje okvire po promijenjenoj površini u odnosu na prethodni okvir.
Uklanjanje suvišnih piksela (uklanjanje dodatnih piksela). Ako se piksel nije promijenio u odnosu na prethodni okvir, postaje transparentan.
Da bi PhotoShop spremio okvire koji uključuju prozirnost, odaberite opciju 
"Automatski". Da biste to učinili, odaberite jedan ili više okvira. Desni klik na sličicu okvira. Birajte između tri opcije:
Automatski(Automatski)— trenutni okvir se odbacuje ako sljedeći okvir sadrži transparentnost sloja.,
Uradinedispose(Ne bacati)-Trenutni okvir je vidljiv kroz transparentna područja sljedećeg kadra.,
Dispose(Pozicija)- trenutni okvir nije vidljiv kroz prozirna područja sljedećeg kadra.
Sačuvaj animaciju.
Sada je vrijeme da sačuvate animaciju. Naravno, u toku rada bilo je potrebno sačuvati fajl PSD format, kako ne bi došli u situaciju sa iznenadnim nestankom struje ili neočekivanim ponovnim pokretanjem računara. Ali sada mislim na još jedno spašavanje. Animacija se može sačuvati kao animirani GIF pomoću naredbe Sačuvaj za Web (Sačuvaj za Web i uređaje).
Izaberite Sačuvaj za Web iz menija Datoteka. Postavite Gif format u postavkama. Obratite pažnju na veličinu budućeg fajla. Smanjite njegovu veličinu ako je moguće. Kako to učiniti, detaljno smo razgovarali u lekciji Veličina slike (Veličina slike). Prilikom optimizacije koristite model Adaptive, Perceptual ili Selektivne redukcije boje kako biste osigurali konzistentnost boja u svim okvirima. Kliknite na Sačuvaj, unesite naziv, putanju i ponovo kliknite na Sačuvaj.
Prethodno smo za snimanje animacije išli u aplikaciju ImageReady.
Photoshop CS2 predstavlja panel Animation. Ali da biste sačuvali animirani fajl, ipak ste morali da se prebacite na ImageReady. Za prijelaz služi dugme na dnu trake sa alatkama ili meni Datoteka (Datoteka) - Uredi u ImageReady (Idi na ImageReady).
Počevši od Photoshopa CS3 i novijih, za snimanje animacija nisu potrebne nikakve animacije. dodatni programi. Za uređivanje se sada koristi panel Animacija, a za snimanje je stavka prilagođena u File meniju (File). SačuvajzaWeb(Sačuvajte zaWeb) .
Razmotrimo još jedan mali primjer kreiranja animacije okvir po kadar, u kojem ćemo analizirati čemu služi dugme. Tween(Kreiraj tweening).
Kreirajte novi dokument 500 x 250 piksela. Odaberite alat Vrsta (tekst), font Impact, veličina 150 pt. i napišite bilo koju riječ. Postavite neprozirnost na 100%. Dodajte stilove slojeva: senka, gradijent i reljef. Možete odabrati drugačiji stil, ne morate to raditi kao moj. Deformacija teksta također može biti animirana. Na panelu za animaciju postavite interval na 0,2 sekunde. Pritisnite dugme da kopirate prvi kadar. Idite na paletu Slojevi (Slojevi) i smanjite neprozirnost na 0. Promijenite stil sloja (na primjer, umjesto preklapanja gradijenta, dodajte sloj boje). Prebacivanjem između okvira, možete gledati kako se slika mijenja.
Dodajmo pokret. Odaberite alat Move (Move) i pomaknite tekst prema dolje, izvan lista. Idite na panel za animaciju i kliknite na dugme
U prozoru koji se pojavi možete podesiti broj dodatih okvira. Što ih je više, tranzicija će biti lakša. Na grafikonu TweenWith(međuokviri) možete izabrati sa liste gde će okviri biti umetnuti:
Last (Poslednji kadar); Odabir (Izbor); Prethodni okvir (Prethodni okvir); Prvi kadar (Prvi kadar); Next Frame Lista se mijenja ovisno o odabranom okviru.
Ostavite sve zadane postavke. Kliknite OK.
Kliknite na Play (Pokreni animaciju). Ako vam sve odgovara, nastavite sa spremanjem animacije.
Otvaranje GIF-ova.
U Photoshopu CS3 i CS44, video i GIF animacije se ne otvaraju preko menija Datoteka (Datoteka) – Otvori (Otvori). Kada pokušam da ga otvorim, pojavi se prozor:
Obavezno instalirajte QuickTime Pro 7.1 ili noviji.
Photoshop CS5 nema ovaj problem. Fajlovi se lako otvaraju na uobičajen način.
Odaberite iz menija File (File) –Import (Import) - Video Frames to Layers (Okviri videa
u slojeve...). Nećete moći odabrati GIF datoteke u polju za vrstu datoteke. Međutim, ovaj nedostatak se lako može zaobići ako prvo kopirate ime .gif datoteke i zalijepite ga u polje za naziv datoteke ili ručno unesete ime u ovo polje. Ili unesite * u polje Ime datoteke i zatim kliknite Učitaj 
naziv gif datoteke će postati vidljiv i može se otvoriti (Ostali fajlovi će postati vidljivi, čak i oni koji se ne mogu otvoriti u programu).
Ostavite postavke u prozoru koji se pojavi kao zadane. Od početka do kraja i Make Frame Animation treba biti označeno. Nažalost, fajlovi otvoreni na ovaj način neće imati prozirnu pozadinu - umjesto toga ona će biti bijela. Kada otvorite takvu datoteku u CS5, prozirna pozadina će biti sačuvana.
Dugmad za objedinjavanje slojeva animacije.
Pažljivo pogledajte kako se paleta promijenila Slojevi(slojevi) kada radite sa animacijom okvir po kadar. Pojavila su se dugmad koja vam omogućavaju da primenite promene u trenutnom okviru na sve ostale okvire. Označite polje za potvrdu Propagate Frame 1.
Da vidimo kako rade... Otvorite datoteku animacije crtanja zvijezde. Odaberite bilo koji okvir i isključite vidljivost pozadinskog sloja. Kliknite Play (Pokreni animaciju). Samo je odabrani okvir postao transparentan. Kliknite na dugme Unify layer visibility. Pojavit će se prozor: .
Kliknite Match(Sinhroniziraj) i ponovo pokrenite animaciju. Crtanje zvijezde odvijat će se na prozirnoj pozadini tokom cijele animacije. Transparentnost prvog kadra je sada dodijeljena svim okvirima animacije. Slično, možete kontrolirati položaj i stil sloja.
U paleti Slojevi (Slojevi) izaberite stavku Opcije animacije (Opcije animacije). Prema zadanim postavkama, gumbi za objedinjavanje slojeva se pojavljuju automatski kada uključite traku za animaciju okvir po kadar. Ovo pravilo možete promijeniti odabirom Uvijek prikaži ili Uvijek sakrij.
Zatvorite animacijski panel.
Postoji nekoliko načina da zatvorite panel animacije:
Možete minimizirati ili zatvoriti panel animacije, a također ići na Preferences klikom na Preference korisničkog sučelja.
pitanja:
- Šta se događa ako odaberete okvir u animaciji okvir po kadar i pritisnete Del na tastaturi?
Odabrani okvir će biti obrisan.
Sloj odabran u paleti slojeva bit će uklonjen iz svih okvira animacije.
Sloj odabran u paleti Slojevi (Slojevi) će biti obrisan samo za odabrani okvir animacije.
Sloj odabran u paleti slojeva bit će uklonjen iz svih okvira animacije osim pozadinskog sloja.
- Imate tri okvira. Animacija će biti kontinuirana. Šta treba učiniti da se doda
5 srednjih kadrova između zadnjeg i prvog kadra?
Odaberite prvi kadar. Pritisnite dugme
U postavkama u koloni Tween With (Intermediate frames) izaberite Next Frame (Next frame).
Odaberite posljednji okvir. Pritisnite dugme
U postavkama u koloni Tween With (Intermediate frames) izaberite Previous Frame (Prethodni okvir).
Odaberite posljednji okvir. Kliknite na dugme Tween.
U postavkama u koloni Tween With (Intermediate frames) izaberite First Frame (First frame).
- Čemu služi optimizacija animacije?
Za pretvaranje u animaciju vremenske trake.
Da biste smanjili veličinu Gif datoteke isključivanjem područja koja se ne mijenjaju iz okvira u okvir.
Za podešavanje učestalosti ponavljanja animacije.
Zadaća:
1) Izvedite okvir po kadar animaciju crtanja zvijezde (prema lekciji).
2) Izvršite animaciju teksta okvir po kadar.
Dobro veče, dragi pretplatnici i samo čitaoci mog bloga! Jeste li spremni naučiti kako oživjeti svoju sliku? I to ne uz pomoć magije, već uz pomoć našeg omiljenog photoshopa! Koliko dugo odgađam ovu lekciju a da ne znam zašto. Uostalom, ovo su osnove Photoshopa! Ali sada sam odlučio da se promenim.
I poboljšajte se toliko da će na kraju videa i vaši imati video lekciju o tome kako napravi animaciju u photoshopu.
Već dugo nisam pisao tutorijale za Photoshop i imao sam svoje razloge. Na kraju krajeva, završio sam svoju priču “”. Slobodno ga pročitajte, a svoje mišljenje izrazite direktno u komentarima!
A sada idemo direktno na lekciju. U videu koji će biti ispod pokazaću vam kako da napravite tekst koji se dodaje postepeno, ali u tekstualnoj lekciji zadatak će biti malo komplikovaniji.
Imamo Cipollina i moramo ga natjerati da nam odmahne rukom.
Korak 1. Prvo morate "omogućiti" animaciju u Photoshopu. Za ovo idemo “Prozor”->”Animacija”. Još uvijek se može napisati “Vremenska linija”.
Korak 2 Da bi se ruka kretala, trebamo je iseći i staviti u različite položaje. Za ručno rezanje, ja lično koristim "magnetski laso". Izrada kopije glavnog Ctrl+J) i rad s kopijom. Original ne diramo.
Pažljivo odaberite ruku i izrežite je!
Korak 3 A sada ubacujemo ruku, koliko god strašno zvučalo, i stavljamo je u različite položaje. Ruka će biti ubačena u nove slojeve, čak nam i odgovara.
Korak 4 Ovaj korak nije obavezan, ali bolje je koristiti alat Gumicu da malo dodirnete ruku, čineći je prirodnijom. Teško je to objasniti, naravno, riječima. Ako razumijete zašto koristimo gumicu, slijedite ovaj korak, ako i dalje ne razumijete, možete ga preskočiti. Ovo nije važno, jer nam je najvažnije da naučimo kako napraviti jednostavnu animaciju!
Korak 5 Sada radimo sa kadrovima. U svaki okvir uključujemo samo one slojeve koji su nam potrebni. Na primjer, u okviru 1 trebamo naš original, au našem slučaju “Sloj 0”.
Sada kreiramo novi okvir:
I već u novom okviru uključujemo druge slojeve. To je naš “Kopija sloja 0” I “Sloj 1”, odnosno drugačiji položaj ruke. Nadam se da vam je algoritam jasan, dragi čitaoci.
Korak 6 Podesite kašnjenje kadra. Odnosno, nakon kojeg vremenskog perioda će se prikazati sljedeći okvir.
Korak 7 Mi čuvamo naše. Nije uzalud uključio ovaj korak u svoj vodič, jer je spremanje GIF animacije malo drugačije od obične slike.
Odaberite format (podrazumevano je GIF) i sačuvajte.
02.08.2016 27.01.2018
U ovom vodiču ćemo naučiti kako napraviti animaciju. Animacija je slika kojoj je dat pokret, za razliku od statičnih slika (kao što su fotografije), ona može mijenjati okvire ili dijelove kadra.
Sa latinskog Anima se prevodi kao "duša". Možemo reći da stvaranjem animacije "animiramo" sliku, dajemo joj život.
Animacijski panel pojavio se u Adobe Photoshop CS3, prije toga, u CS verziji, provođena je mogućnost kreiranja animacije poseban program, Image Ready CS2 koji je došao sa Adobe Photoshopom. Sada, u novom verzije Adobe-a Photoshop alat za animaciju je uključen u program i ima naziv vremenska skala. Lekcija gotova in Adobe Photoshop 2015.5 ako imate više ranu verziju programa, neke postavke se mogu razlikovati, ali su osnovni koncepti identični.
Počnimo učiti kako napraviti animaciju. Otvorite sliku koju želite "animirati" File-Open (Otvori datoteku). Imam ovu slatku sliku sa devojkom i mačkom koji se dive zvezdanom nebu.
Kreirajte tri nova prazna sloja, Slojevi-Novi-Sloj (Sloj-Novo-sloj) ili kliknite na sličicu za kreiranje novog sloja slojeviti paneli.
Imenujte ih, redom, "1", "2", "3". Ovo će vam pomoći da izbjegnete zabunu kasnije.
Izaberi alat za četkicu (četka):
Prvo kliknite na trokut pored veličine četke, a zatim na zupčanik s lijeve strane:
Otvoriće se meni za preuzimanje četkice:
Preuzmite zvjezdane kistove (https://cloud.mail.ru/public/G2co/RTne1N3f9):
Odaberite pojedinačne kistove i promjenom veličine obojite ona tri sloja koja smo ranije kreirali. Boja kista je bijela ili bliska bijeloj. Glavna stvar je da ih ne postavljate u isto područje na svim slojevima, pokušajte nasumično raspršiti zvijezde po cijelom nebu.
Pa, sad ono najvažnije: prijeđimo na magiju animiranja slike. Idemo na meni Window-Timeline (Prozor-vremenska linija), pojavit će se sljedeći prozor:
Animacijski panel ima dvije vrste: vremenska linija I animacija okvira. Prvi tip se rijetko koristi, jer je namijenjen uglavnom za rad sa videom, prijeđimo na kadar po kadar, da biste to učinili, kliknite na dugme " Kreirajte vremensku liniju videa", a zatim do ove ikone:
Otvorit će se sljedeći prozor:
Da kreirate novi okvir, kliknite na ovu ikonu:
Naša animacija je jednostavna, tri okvira će biti dovoljna. Dodamo još dva okvira postojećem defaultu, zatim postajemo na sloju sa djevojkom i mačkom i činimo ga vidljivim i prvi sloj sa zvjezdicama (za to jednostavno kliknite na oko na sloju na slojeviti paneli):
Isto radimo za drugi i treći okvir, samo uključujući vidljivost drugog i trećeg sloja sa zvijezdama. Sloj sa djevojkom i mačkom je uvijek vidljiv. Radi jasnoće, snimci ekrana za drugi i treći okvir:
Stegnuto ključShift odaberite sve slojeve na panelu za animaciju, kliknite desnim klikom i promijenite trajanje kadra od 5 sekundi, postavljeno prema zadanim postavkama, do npr. 0,2 sekunde. Kliknemo na dugme "Odabir opcija ciklusa" i promijenite vrijednost u "Stalno":
Ako je parametar postavljen "jednom", tada će se animacija reproducirati jednom i zaustaviti, s parametrom "stalno"će neprekidno treptati.
Da vidite kako animacija izgleda, kliknite na ovo dugme:
Za više glatka tranzicija možete dodati međufrejmove između okvira - učinite okvir aktivnim animacijski paneli i kliknite na ovu ikonu:
Pojavit će se prozor u kojem možete odabrati broj, lokaciju i stil između okvira. Dodao sam 3 srednja kadra u prva dva kadra sa ovim postavkama:
I zadnji, treći, okvir je također 3, ali sa različitim postavkama za petlju animacije i da se zvijezde pojavljuju i nestaju glatko, bez trzaja i naglih prijelaza:
Pa, napravili smo animaciju u Photoshopu, ostaje samo da je sačuvamo. Idi File-Export-Save for Web ( stara verzija) (fajl— Izvoz— Sačuvaj za Web (star verzija)):
Odaberite format gif, možete odabrati i broj boja (što više boja, to će datoteka biti veća, ali što je manje boja, lošiji je kvalitet), veličinu. Ostale parametre možete ostaviti kao zadane.
To je sve! Naučili smo kako napraviti animaciju u Photoshopu!
Kreirajte datoteku nove veličine 700 x 300 px.
Otvaranje prozora Vremenska linija( (Prozor - Vremenska linija)).
Kliknite na dugme " Kreirajte animaciju okvira» (Kreirajte animaciju okvira).
Koristeći alat () kreirajte 3 sloj s tekstom ("Animacija", "ovo", "samo").
Koristeći alat (Move Tool / V Key), postavite tekst kao na slici ispod.
U prozoru Vremenska linija(Timeline) odaberite prvi kadar i kliknite na dugme « Duplicira odabrane okvire» (Kreirajte kopiju odabranih okvira).
Mi stvaramo 4 kopije odabranih okvira.
Odaberite u prozoru Vremenska linija(vremenska linija) drugi kadar i ostavite vidljivim samo slojeve " Animacija" i " Pozadina».
Izaberi četvrti kadar i ostavite vidljivim sve slojeva.
Postavimo parametar ponavljanja za našu animaciju. U meniju prozora Vremenska linija(Vremenska linija), promijenite parametar ponavljanja iz " jednom" na " Konstantno” (slika ispod).
Sada možemo koristiti animaciju da počnemo igrati.
Postavke animacije u "File - Save for Web" (File - Save for Web) Photoshop CC. Konačan rezultat 
Jeste li se ikada zapitali kako nastaju animirani GIF-ovi? Autor lekcije vam nudi da uz pomoć ove lekcije u jednoj noći savladate neke od tajni animacije. Također ćete naučiti kako koristiti vremensku liniju, koja je dostupna u Photoshopu CS6. A sada počnimo!
Rezultat lekcije.
Korak 1
Kreirajte novi dokument ( Ctrl + N) veličine datoteke 800 x 500 piksela. Ispunite pozadinu bojom koju želite. Sada idemo na meni Slojevi- Stilsloj- Preklapanjegradijent(Layer > Layer Styles > Gradient Overlay). Primijenite sljedeće postavke: Stil Radijalno(Radijalno), boje od crne (#000000) do plave (#54799b) koje će se koristiti u sredini.
Korak 2
Kreirajte novi sloj i nazovite ga sloj buke. Odaberite alat ispuniti(Paint Bucket Tool) i popunite kreirani sloj tamnom bojom (# 231f20). Ostavite aktivni sloj sloj buke i idite na meni Filter - Buka - Dodaj buku(Filter > Buka > Dodaj šum). U dijalogu postavki filtera postavite sljedeće vrijednosti: efekat(Iznos) 3%, distribucija Uniforma(Uniforma) i kliknite na OK.
Korak 3
Pritisnite kombinaciju tastera (ctrl +U) i u dijalog postavki korekcije koji se pojavi, unesite vrijednosti Saturation(Saturation) 100%: Promijenite način blendanja ovog sloja u Soft light(Meko svjetlo).
Napomena prevodioca: da biste postigli istu boju kao i autor na snimku ekrana, možete podesiti Hue / Saturation (Nijansa / Zasićenost) vrijednost ton boje(Hue) staviti - 140.
Korak 4
Dodajte bilo koji tekst koji želite. Ovdje ćemo koristiti tekst logotipa web stranice 123RF. U slojevima koristite stilove Moždani udar(moždani udar). Odaberite veličinu poteza prema vašim željama.
Napomena prevodioca: Na autorskom ekranu, tekst je već rasterizovan zajedno sa stilom Stroke. Da i vama bude isto, nakon nanošenja poteza, uklonite Fill (Fill) tekstualnog sloja na 0%, pretvorite ovaj sloj u pametni objekat, a zatim ga rasterizirajte.
Korak 5
U ovom koraku ćemo kreirati efekt sjajnog teksta koristeći stilove slojeva. Dvaput kliknite na sloj da biste otvorili prozor postavki stila. Koristite slike ekrana u nastavku da prilagodite stilove slojeva.
Embossing(košenje i reljef)
unutrašnja sjena(Unutrašnja sjena)
unutrašnji sjaj(Unutarnji sjaj)
preklapanje boja(preklapanje u boji)
Vanjski sjaj(vanjski sjaj)
Shadow(Drop Shadow)
Korak 6
Kada završite sa stvaranjem svjetlosnih efekata koristeći stilove slojeva, idite na paletu slojeva i smanjite vrijednost ovog sloja puni(Popuni) do 0%.
Korak 7
Duplirajte sloj koji ste kreirali u koraku 5 i isključite sve stilove slojeva ove kopije. Sada postavite stilove ovako:
unutrašnja sjena(Unutrašnja sjena)
unutrašnji sjaj(Unutarnji sjaj)
Korak 8
Ispod je rezultat nakon što ste primijenili stilove slojeva.
Korak 9
Sada ćemo kreirati pokretne tačke svetlosti. Napravite 5 slojeva iznad postojećih i preimenujte ih u 1,2,3, R i F. Ako imate svoj tekst, kreirajte slojeve prema svojim slovima. Grupirajte ove slojeve u folder i dajte mu ime. Light spots i promijenite način miješanja u Base lightening(Boja Dodge).
Aktivirajte alat Četka(Alatka za četkicu), odaberite mekanu četku, postavite Opacity(Neprozirnost) na 95% i bijelom bojom, nacrtajte mrlje preko teksta. Svako slovo ima posebnu svjetlosnu tačku na svom sloju. U nastavku na snimku ekrana možete vidjeti kako autorski slojevi izgledaju u paleti slojeva.
Korak 10
Sada idemo na meni Prozor - Vremenska linija(Prozor > Vremenska linija). Primijetit ćete da su vaši slojevi već ugrađeni u ovu paletu na lijevoj strani. Odaberite svaki od pet slojeva svjetlosnih tačaka koji se nalaze u grupi Light spots i uvjerite se da je indikator trenutnog vremena (plavi klizač) na nultom kadru. Sada na svakom sloju u grupi, kada je aktivan, kliknite na opciju Pozicija(Pozicija) za kreiranje ključnog kadra.
Napomena prevodioca: Da biste aktivirali vremensku skalu, pritisnite dugme Kreirajte vremensku liniju videa(Kreirajte vremensku liniju videa) i svi vaši slojevi će se učitati u vremensku liniju. U njemu će biti odabran isti sloj ili grupa kao u paleti slojeva.
Korak 11
Postavite indikator trenutnog vremena (plavi klizač) na 01:00 F i pomerajte slojeve sa svetlim tačkama duž putanje njihovog kretanja u odnosu na obris slova.
Korak 12
Ovako će izgledati početni položaj svjetlosne tačke na slovima. Pomerite indikator trenutnog vremena na skali i pomerite slojeve sa svetlosnim tačkama, stvarajući ključne kadrove. Nastavite da ih povlačite dok ne završite sa pomicanjem mrlje preko cijelog slova svakog sloja teksta. Pogledajte nekoliko snimaka ekrana ispod za uputstva.
