Naučíš sa:

• Ako otvoriť a zatvoriť a prispôsobiť panel animácií.
• Ako pridať, odstrániť a upraviť kľúčové snímky animácie.
• Na čo slúži tlačidlo Tween?
• Ako vytvoriť jednoduchú animáciu kreslenia hviezd.
• Ako nastaviť časové intervaly pre každý snímok animácie.
• Ako optimalizovať animáciu, aby sa zmenšila Veľkosť GIF súbor.
• Ako importovať súbory Gif do programu.
• Ako prepnúť z časozbernej animácie na časovú os.

Lekcia je rozdelená do nasledujúcich častí:

1. Inštruktážne video.
2. Čo je to animácia.
3. Časť 1. Animácia po jednotlivých snímkach.
4. Nastavenie intervalov.
5. Nastavenie frekvencie opakovaní.

7. Optimalizácia animácie.
8. Ukladanie animácie.

10. Otváranie súborov GIF.
11. Tlačidlá pre zjednotenie vrstiev animácie.
12. Zatvorenie panela animácií.
13. Otázky.
14. Domáce úlohy.

Čo je to animácia

Animácia je postupná zmena obrazov, v dôsledku ktorej sa nám zdá, že sa objekt pohybuje, mení tvar, objavuje sa a mizne, ako aj iné dynamické akcie s ním.

Použitie animácie v Photoshop môžete vytvárať prezentácie z fotografií alebo obrázkov, vytvárať avatary, bannery, šetriče obrazovky pre webové stránky, dynamické pohľadnice a rôzne prezentácie. Treba mať na pamäti, že Photoshop je stále grafický editor a nie je určený na zložité animačné procesy. V programe sú dva spôsoby vytvárania animácie – animácia po snímke a animácia v režime časovej osi. Postupne si prejdeme oba typy animácií. Štúdiu časozbernej animácie budeme venovať celú 36. vyučovaciu hodinu. A v lekcii 37 sa budeme zaoberať časovou osou. Niektorí jednoduché úlohy je pohodlnejšie vykonávať to v režime animácie po jednotlivých snímkach. Aj keď viete, ako pracovať s časovou osou z iných programov, odporúčam vám, aby ste sa pokúsili dokončiť úlohy z tejto lekcie. Na základe získaných poznatkov sa budete vedieť rozhodnúť, ktorú metódu v jednotlivých prípadoch použijete.

Časť 1. Animácia po jednotlivých snímkach

Panel Rámy sa objavil už dávno. Zvážme jeho nastavenia pomocou príkladu animácie kreslenia hviezdičky.

Vytvorte nový dokument 800 x 800 pixelov, rozlíšenie 72, farebný režim RGB. Vytvorte novú vrstvu kliknutím na ikonu v spodnej časti palety Vrstvy (Vrstvy). Alebo stlačte Shift + Ctrl + N.

Z panela nástrojov vyberte nástroj štetec čierna, s priemerom 35 pixelov rozmazané okraje... Nakreslite prvú šikmú čiaru (umiestnite bod, stlačte Shift a umiestnite ďalší bod - čiara sa ukáže ako priamka).

Vytvorte druhú vrstvu. Nakreslite ďalší riadok. Potom tretia vrstva
a ešte jeden riadok atď. Mali by ste mať šesť vrstiev vrátane vrstvy pozadia.

Ak chcete otvoriť panel Animácia, kliknite na položku Animácia v ponuke Okno. Alebo v ponuke Okno nastavte Pracovný priestor na Video a Film / Video. Uistite sa, že panel je v režime stop-motion animácie.
V opačnom prípade kliknite na ikonu v pravom dolnom rohu panela animácií.

Vypnite viditeľnosť všetkých vrstiev okrem vrstvy pozadia v palete Vrstvy (Vrstvy) kliknutím na ikonu naľavo od miniatúry vrstvy. Toto bude prvá snímka našej animácie.

Kliknite na ikonu v spodnej časti panela Animácia. Zobrazí sa druhá snímka (kópia prvej snímky). Ak to chcete zmeniť, zapnite viditeľnosť prvej vrstvy v palete Vrstvy. Opäť kliknite na ikonu a zapnite viditeľnosť druhej vrstvy.

Pokračujte vo vytváraní nových snímok a zapnite viditeľnosť ďalších vrstiev, kým sa v poslednom snímku nezobrazí celá hviezdička.

V spodnej časti panela Animácia sú nástroje na pridávanie, odstraňovanie a prezeranie animácií.

- konverzia na animáciu pozdĺž časovej osi.

- Tween(Vytvorenie medzirámcov).

- Duplikovať aktuálnu snímku (vytvoriť kópiu vybratých snímok).

- Tlačidlá prehrávania (Ako na každom magnetofore).

Vyberie prvú snímku (Vybertenajprvrám); Vyberie rámec ukážky (Vybertepredchádzajúcerám);

hrať(Spustiť animáciu);

VyberieĎalšieRám(Vyberte nasledujúcu snímku).

- Odstránenie vybraných snímok. Všimnite si, že kľúčDelna klávesnici neodstráni vybratý rám, ale vymaže vybratú vrstvu z palety Vrstvy (Vrstvy).

Nastavenie intervalov.

Teraz upravme časové intervaly, počas ktorých budú snímky animácie viditeľné.

Pod každým rámom v spodnej časti je napísané 0 s. a je tam šípka. Kliknite na šípku a vyberte snímkovú frekvenciu. Vyberte hodnotu 0,5 pre všetky snímky (to znamená, že snímky sa zmenia za pol sekundy).

Nastavenie frekvencie opakovaní.

Ďalším krokom je nastavenie frekvencie opakovania animácie. Kliknite na šípku v spodnej časti panela animácií. Zobrazí sa ponuka výberu frekvencie.

Ak vyberiete Navždy, animácia sa bude opakovať znova a znova. Tento proces sa nazýva slučkovanie.

Ak vyberiete Raz, animácia sa prehrá raz a zastaví sa na poslednej snímke.

Ak vyberiete možnosť Iné, môžete nastaviť iný počet opakovaní v rámci rozsahu (od 1 do 999).

Teraz si prehráme animáciu, ktorú sme práve vytvorili. Ak to chcete urobiť, kliknite na tlačidlo Prehrať. Ak sa vám všetko páči, prejdite na ďalšiu fázu, ak nie, upravte animáciu podľa vlastného uváženia.

Prejdite na panel animácií. Kliknite na ikonu Duplikovať aktuálny rám. Vyberte všetky vrstvy okrem vrstvy pozadia.
Vypnite viditeľnosť vrstvy pozadia. Stlačte Ctrl + Shift + Alt + E. Objaví sa nová vrstva, do ktorej sa vytlačia všetky vybrané vrstvy.
Na miniatúre vrstvy sa zobrazí hviezdička priehľadné pozadie... Pomenujte túto vrstvu Hviezda.

Dvojitým kliknutím na vrstvu prejdete na nastavenia štýlu. Nastavte tieň a farebné prekrytie. Vyberte si požadovanú farbu.

Vráťte sa na prvú snímku animácie
a odstráňte viditeľnosť hviezdnej vrstvy
v palete Vrstvy.

Vyberte poslednú snímku. V palete Vrstvy ponechajte viditeľnú iba vrstvu Hviezda a vrstvu pozadia.

Duplikujte túto vrstvu a zmeňte nastavenia štýlu: Zmeňte farbu, nastavte reliéf alebo ťah. Prejdite na panel animácií. Kliknite na ikonu Duplikovať aktuálny rám. Vráťte sa na prvý snímok na paneli animácií a vypnite viditeľnosť tejto vrstvy na palete.

Znova duplikujte vrstvu a zmeňte štýl. Vyberte nástroj Presunúť alebo stlačte Ctrl + T a prepnite na nástroj Voľná ​​transformácia. Zmeňte mierku. Prejdite na panel animácií. Kliknite na ikonu. Vráťte sa na prvú snímku a vypnite viditeľnosť tejto vrstvy.

Znova duplikujte vrstvu a ešte trochu zväčšite mierku a zmeňte štýl. A pridajte rám animácie. Mali by ste mať takýto storyboard:

Kliknite na tlačidlo Prehrať a pozrite si výsledok vykonanej práce.

Optimalizácia animácie.

Kliknite na ikonu v pravom hornom rohu panela animácií. Zobrazí sa ďalšie menu.

Po dokončení by mala byť animácia optimalizovaná, aby sa zmenšila veľkosť súboru Gif a lepšia topánka webový prehliadač. K zmenšeniu dochádza v dôsledku vylúčenia oblastí, ktoré sa nemenia pri prechode z rámu na rám.

Prosím vyber Optimalizovať animáciu...... Začiarknite obe políčka.
OhraničenieBox(ohraničujúci box)- orezáva rámy o zmenenú oblasť v porovnaní s predchádzajúcim rámom.

Odstránenie nadbytočných pixelov Ak sa pixel nezmení od predchádzajúcej snímky, stane sa priehľadným.

Ak chcete, aby PhotoShop ukladal rámy s priehľadnosťou, vyberte túto možnosť "Automaticky". Ak to chcete urobiť, vyberte jeden alebo viac snímok. Kliknite pravým tlačidlom myši na miniatúru rámu. Vyberte si z troch možností:

Automaticky(automaticky)- aktuálna snímka sa zahodí, ak nasledujúca snímka obsahuje priehľadnosť vrstvy.,

Doniedisponovať(nelikvidujte)-Aktuálna snímka je viditeľná cez priehľadné oblasti nasledujúcej snímky.,

Zlikvidujte(zlikvidovať)- aktuálna snímka nie je viditeľná cez priehľadné oblasti nasledujúcej snímky.

Ukladanie animácie.

Teraz je čas uložiť animáciu. Samozrejme, v tomto procese bolo potrebné súbor uložiť formát PSD aby ste sa nedostali do situácie s náhlym výpadkom prúdu alebo nečakaným reštartom počítača. Ale teraz mám na mysli inú konzerváciu. Animáciu je možné uložiť ako animovaný GIF pomocou príkazu Uložiť pre Web (Uložiť pre web a zariadenia).

V ponuke Súbor vyberte možnosť Uložiť pre web. V nastaveniach nastavte formát Gif. Venujte pozornosť veľkosti budúceho súboru. Ak je to možné, znížte jeho veľkosť. Ako to urobiť, sme podrobne rozobrali v lekcii Veľkosť obrázka (Veľkosť obrázka). Pri optimalizácii použite adaptívny, percepčný alebo selektívny model redukcie farieb, aby ste zabezpečili konzistentné farby vo všetkých snímkach. Kliknite na tlačidlo Uložiť, zadajte názov, cestu a znova kliknite na tlačidlo Uložiť.

Predtým sme na nahrávanie animácie prešli do aplikácie ImageReady.

Photoshop CS2 predstavuje panel Animácie. Na uloženie animovaného súboru ste však museli prejsť do ImageReady. Na prechod poslúžilo tlačidlo v spodnej časti panela nástrojov alebo ponuka Súbor (Súbor) - Upraviť v ImageReady (Prejsť na ImageReady).

Od Photoshopu CS3 a vyššie nie sú na zaznamenávanie animácií potrebné žiadne animácie doplnkové programy... Panel Animácie sa teraz používa na úpravy a na nahrávanie bola položka upravená v ponuke Súbor. UložiťpreWeb(Uložiť naWeb) .

Uvažujme o ďalšom malom príklade vytvorenia animácie po jednotlivých snímkach, v ktorej budeme analyzovať, na čo slúži tlačidlo. Tween(Vytvorte medzirámce).

Vytvorte nový dokument, 500 x 250 px. Vyberte nástroj Type, Impact font, veľkosť 150 pt. a napíšte akékoľvek slovo. Nastavte nepriehľadnosť na 100%. Pridajte štýly vrstiev: tieň, prechod a reliéf. Môžete si vybrať iný štýl, nie je nutné robiť ako môj. Deformácia textu môže byť aj animovaná. Na paneli animácií nastavte interval na 0,2 s. Kliknutím na tlačidlo skopírujete prvú snímku. Prejdite na paletu Vrstvy (Vrstvy) a znížte krytie na 0. Zmeňte štýl vrstvy (napríklad pridajte farebné prekrytie namiesto prekrytia s prechodom). Prepínaním medzi snímkami môžete sledovať, ako sa obraz mení.

Pridajme posun. Vyberte nástroj na presun a presuňte text nadol mimo hárka. Prejdite na panel animácií a kliknite na tlačidlo

V zobrazenom okne môžete nakonfigurovať počet pridaných snímok. Čím viac ich bude, tým plynulejší bude prechod. V grafe TweenS(Stredné snímky) môžete si vybrať zo zoznamu, kam budú rámy vložené:

Posledná (Posledná snímka); Výber Predchádzajúci rámec Prvý rám; Ďalší rám. Zoznam sa mení v závislosti od vybratého rámca.

Ponechajte všetky predvolené nastavenia. Kliknite na tlačidlo OK.

Kliknite na Prehrať. Ak vám všetko vyhovuje, pokračujte v ukladaní animácie.

Otváranie súborov GIF.

Vo Photoshope CS3 a CS44 sa súbory s videom a animáciou GIF neotvárajú z ponuky Súbor - Otvoriť. Pri pokuse o otvorenie sa zobrazí okno:

Nezabudnite nainštalovať QuickTime Pro 7.1 alebo vyšší.

Photoshop CS5 tento problém nemá. Súbory sa dajú jednoducho otvárať bežným spôsobom.

Z ponuky vyberte Súbor - Import - Video snímky do vrstiev.
do vrstiev...). V poli typu súboru nebudete môcť vybrať súbory GIF. Tento nedostatok sa však dá ľahko obísť tak, že najskôr skopírujete názov súboru .gif a vložíte ho do poľa pre názov súboru alebo manuálne napíšete názov do tohto poľa. Alebo zadajte * do poľa Názov súboru a kliknite na tlačidlo Načítať
názov súboru gif sa zobrazí a môžete ho otvoriť (zobrazia sa aj iné súbory, dokonca aj tie, ktoré sa v programe nedajú otvoriť).

V zobrazenom okne ponechajte predvolené nastavenia. Položky From Beginning To End a Make Frame Animation by mali byť zaškrtnuté. Žiaľ, súbory otvorené týmto spôsobom nebudú mať priehľadné pozadie – namiesto toho budú biele. Keď takýto súbor otvoríte v CS5, priehľadné pozadie sa zachová.

Tlačidlá na zjednotenie vrstiev animácie.

Pozrite sa pozorne, ako sa paleta zmenila Vrstvy(Vrstvy) pri práci s časozbernou animáciou. Teraz existujú tlačidlá, ktoré vám umožňujú aplikovať zmeny v aktuálnom rámci na všetky ostatné snímky. Začiarknite políčko vedľa položky Propagovať rámec 1.

Pozrime sa, ako fungujú... Otvorte súbor animácie na kreslenie hviezdy. Vyberte ľubovoľný rám a vypnite viditeľnosť vrstvy pozadia. Kliknite na tlačidlo Prehrať. Iba vybratý rám sa stal priehľadným. Kliknite na tlačidlo Zjednotiť viditeľnosť vrstvy. Zobrazí sa okno:.

Kliknite na Zápas(Synchronizovať) a znova spustite animáciu. Hviezda bude počas celej animácie nakreslená na priehľadnom pozadí. Transparentnosť prvej snímky je teraz priradená všetkým snímkam animácie. Podobne môžete ovládať polohu a štýl vrstvy.

V palete Vrstvy (Layers) vyberte položku Možnosti animácie (Možnosti animácie). V predvolenom nastavení sa tlačidlá zjednotenia vrstiev zobrazujú automaticky, keď je povolený panel rámca animácie. Toto pravidlo môžete zmeniť výberom položky Vždy zobraziť alebo Vždy skryť.

Zatvorenie panela animácií.

Panel animácií môžete zatvoriť niekoľkými spôsobmi:

Panel animácií môžete zbaliť alebo zatvoriť a kliknutím na Predvoľby používateľského rozhrania prejsť na Predvoľby.

otázky:

1. Čo sa stane, ak vyberiete snímku v stop-motion animácii a stlačíte Del na klávesnici?

Vybraná snímka sa vymaže.

Vrstva vybratá v palete Vrstvy (Vrstvy) sa odstráni zo všetkých snímok animácie.

Vrstva vybratá v palete Vrstvy (Vrstvy) bude vymazaná iba pre vybratú snímku animácie.

Vrstva vybratá v palete Vrstvy sa odstráni zo všetkých snímok animácie okrem vrstvy pozadia.

1. Máte tri rámy. Animácia bude nepretržitá. Čo musíte urobiť, aby ste pridali
   5 medziľahlých snímok medzi posledným a prvým snímkom?

Vyberte prvú snímku. stlač tlačidlo
V nastaveniach v stĺpci Tween With vyberte Next Frame.

Vyberte poslednú snímku. stlač tlačidlo
V nastaveniach v stĺpci Tween With vyberte možnosť Predchádzajúca snímka.

Vyberte poslednú snímku. Kliknite na tlačidlo Tween.
V nastaveniach v stĺpci Tween With vyberte First Frame.

1. Na čo slúži optimalizácia animácií?

Previesť na animáciu časovej osi.

Ak chcete zmenšiť veľkosť súboru Gif vylúčením oblastí, ktoré sa nemenia pri prechode zo snímky na snímku.

Nastavenie frekvencie opakovania animácie.

Domáca úloha:

1) Vykonajte animáciu po jednotlivých snímkach kreslenia hviezdy (podľa lekcie).

2) Vykonajte animáciu textu po jednotlivých snímkach.

Dobrý večer, milí odberatelia a čitatelia môjho blogu! Ste pripravení naučiť sa, ako oživiť svoj obraz? A nie pomocou mágie, ale pomocou všetkého v našom obľúbenom Photoshope! Ako dlho som odkladal túto lekciu bez toho, aby som vedel prečo. Koniec koncov, toto sú základy Photoshopu! Teraz som sa však rozhodol zlepšiť.

A zdokonaliť sa natoľko, že na konci videa bude mať ten váš aj video lekciu o tom, ako na to vytvoriť animáciu vo Photoshope.

Dlho som nepísal návody na Photoshop a mal som na to dôvody. Koniec koncov, dokončil som svoj príbeh “”. Môžete si ho prečítať a vyjadriť svoj názor priamo v komentároch!

A teraz poďme priamo k lekcii. Vo videu nižšie vám poviem, ako vytvoriť postupne pridávaný text, ale v textovej lekcii bude úloha trochu náročnejšia.

Máme Cipollina a musíme ho prinútiť, aby nám zamával perom.

Krok 1. Najprv musíte „povoliť“ animáciu vo Photoshope. Pre toto ideme "Okno" -> "Animácia"... Dá sa ešte napísať "časová os".

Krok 2. Aby sa ruka mohla pohybovať, musíme ju vystrihnúť a dať do rôznych polôh. Na ručné rezanie osobne používam "magnetické laso"... Vytvoríme kópiu hlavného ( Ctrl + J) a pracujte s kópiou. Originálu sa nedotýkame.

Opatrne vyberte ruku a vyrežte ju!

Krok 3 A teraz vložíme ruku, nech to znie akokoľvek hrozne, a dáme ju do rôznych polôh. Ruka bude vložená do nových vrstiev, dokonca nám to vyhovuje.

Krok 4 Tento krok je voliteľný, ale je lepšie použiť nástroj Guma na mierne retušovanie ruky, aby bola prirodzenejšia. Je ťažké to vysvetliť, samozrejme, slovami. Ak chápete, na čo používame gumu, postupujte podľa tohto kroku, ak stále nerozumiete, môžete ho preskočiť. To nie je dôležité, pretože pre nás je najdôležitejšie naučiť sa vytvárať jednoduchú animáciu!

Krok 5. Teraz pracujeme s personálom. V každom rámci zahrňte iba tie vrstvy, ktoré potrebujeme. Napríklad v 1 snímke potrebujeme náš originál av našom prípade "Vrstva 0".

Teraz vytvoríme nový rám:

A v novom ráme zapnite ďalšie vrstvy. Teda náš "Kópia vrstvy 0" a "Vrstva 1", teda iná poloha rúk. Dúfam, že vám, milí čitatelia, je algoritmus jasný.

Krok 6. Nastavíme rámcové oneskorenie. To znamená, po akom časovom intervale sa zobrazí ďalšia snímka.

Krok 7. My šetríme naše. Nie nadarmo som tento krok zaradil do svojho tutoriálu, keďže ukladanie GIF animácie prebieha trochu inak ako len obrázok.

Vyberte formát (predvolený je GIF) a uložte.

02.08.2016 27.01.2018

V tomto návode sa naučíme, ako vytvoriť animáciu. Animácia je obraz, ktorému bol pridelený pohyb, na rozdiel od statických obrázkov (napríklad fotografií) môže meniť snímky alebo časti snímky.

Anima je latinčina pre „dušu“. Dá sa povedať, že vytvorením animácie obrázok „oživíme“, dáme mu život.

Panel animácií objavil sa v Adobe Photoshop CS3, predtým vo verzii CS bola schopnosť vytvárať animácie vykonávaná pomocou samostatný program, Image Ready CS2, ktorý bol dodaný s aplikáciou Adobe Photoshop. Teraz v novom Verzie Adobe Animačný nástroj Photoshop je súčasťou programu a je pomenovaný Časová mierka... Lekcia dokončená v Adobe Photoshop 2015.5, ak máte viac skorá verzia niektoré nastavenia sa môžu líšiť, ale základné pojmy sú rovnaké.

Poďme sa naučiť vytvárať animáciu. Otvorte obrázok, ktorý chcete "animovať", Súbor-Otvoriť (Súbor-Otvoriť). Mám tento roztomilý obrázok s dievčaťom a mačkou, ktoré obdivujú hviezdnu oblohu.

Vytvorte tri nové prázdne vrstvy, Layer-New-Layer (Vrstva-Nový- vrstva) alebo kliknite na miniatúru vytvárania novej vrstvy v vrstvené panely.

Pomenujte ich „1“, „2“, „3“. Pomôže vám to, aby ste sa v budúcnosti nezamotali.

Vyberáme Kefa (Kefa):

Najprv kliknite na trojuholník pri veľkosti štetca, potom na ozubené koliesko vľavo:

Otvorí sa ponuka načítania štetcov:

Stiahnite si hviezdičkové štetce (https://cloud.mail.ru/public/G2co/RTne1N3f9):

Vyberte jednotlivé štetce a zmenou veľkosti maľte na tri vrstvy, ktoré sme vytvorili predtým. Farba štetca je biela alebo blízka bielej. Hlavnou vecou nie je umiestniť ich do rovnakej oblasti na všetkých vrstvách, pokúsiť sa náhodne rozptýliť hviezdy po celej oblohe.

No a teraz to najdôležitejšie: prejdime ku mágii animácie obrázka. Prejdite do ponuky Okno – časová os), zobrazí sa toto okno:

Panel animácií má dva typy: časová os a animácia po jednotlivých snímkach... Prvý typ sa používa málo, pretože je určený hlavne na prácu s videom, prejdime na snímok po snímku, na to stlačíme tlačidlo „ Vytvoriť časovú os pre video, a potom na túto ikonu:

Otvorí sa nasledujúce okno:

Ak chcete vytvoriť nový rám, kliknite na túto ikonu:

Naša animácia je jednoduchá, stačia tri snímky. Štandardne pridajte k existujúcemu ďalšie dva rámy, potom sa postavíme na vrstvu s dievčaťom a mačkou a zviditeľníme ju a prvú vrstvu s hviezdičkami (na to stačí kliknúť na oko vrstvy na vrstvené panely):

To isté robíme pre druhý a tretí rám, ibaže zapneme viditeľnosť pre druhú a tretiu vrstvu s hviezdičkami. Vrstva s dievčaťom a mačkou je vždy viditeľná. Kvôli prehľadnosti snímky obrazovky pre druhý a tretí snímok:

S upnutým kľúčShift vyberte všetky vrstvy na paneli animácií, kliknite pravým tlačidlom myši a zmeňte trvanie snímky pomocou 5 sekúnd nainštalovaný štandardne pred napr. 0,2 sekundy... Kliknite na tlačidlo "Výber parametrov cyklu" a zmeňte hodnotu na "Neustále":

Ak je parameter nastavený "raz", potom sa animácia raz prehrá a zastaví sa, ak je parameter "neustále" bude nepretržite "blikať".

Ak chcete vidieť, ako animácia vyzerá, kliknite na toto tlačidlo:

Pre viac hladký prechod medzi snímky môžete pridať medziľahlé snímky - vytvorte aktívny rámec animačné panely a kliknite na túto ikonu:

Zobrazí sa okno, v ktorom môžete vybrať počet, polohu a štýl doplnenia. K prvým dvom snímkam som pridal 3 prechodné snímky s nasledujúcimi nastaveniami:

A k poslednému, tretiemu, snímke, tiež 3, ale s odlišnými nastaveniami, aby sa animácia zacyklila a aby sa hviezdy objavovali a mizli hladko, bez trhania a náhlych prechodov:

No, tu sme urobili animáciu vo Photoshope, zostáva len uložiť. Ísť do Súbor-Export-Uložiť pre web ( stará verzia) (Súbor— Export— Uložiť pre Web (starý verzia)):

Výber formátu Gif, môžete si vybrať aj počet farieb (čím viac farieb, tým viac bude súbor vážiť, ale čím menej farieb, tým horšia kvalita), veľkosť. Ostatné parametre môžu byť ponechané ako predvolené.

To je všetko! Naučili sme sa robiť animáciu vo Photoshope!

Vytvorte nový súbor s rozmermi 700 X 300 px.

Otvorte okno Časová os((Okno – Časová os)).

Kliknite na tlačidlo " Vytvorte animáciu rámu»(Vytvoriť animáciu snímky).

Pomocou nástroja () vytvorte 3 vrstva s textom ("Animácia", "toto", "jednoduché").

Pomocou nástroja (nástroj pre pohyb / kláves V) umiestnite text ako na obrázku nižšie.

V okne Časová os(Časová os) vyberte prvú snímku a stlačte tlačidlo " Duplikuje vybraté snímky»(Vytvoriť kópiu vybratých snímok).

tvoríme 4 kópie vybratých snímok.

Výber v okne Časová os(časová os) druhý rám a nechať viditeľné iba vrstvy " Animácia" a " Pozadie».

Vyberáme štvrtý rám a nechať v ňom viditeľné všetky vrstvy.

Nastavíme parameter opakovania pre našu animáciu. V ponuke okna Časová os(Časová os), zmeňte parameter opakovania z " Raz"na" Neustále“ (Obrázok nižšie).

Teraz môžeme použiť spúšť na prehrávanie animácie.

Nastavenia animácie v časti „Súbor – Uložiť pre web“ vo Photoshope CC. Konečný výsledok

Premýšľali ste niekedy nad tým, ako vznikajú animované GIFy? Autor tutoriálu vás pozýva zvládnuť niektoré z tajomstiev animácie za jednu noc pomocou tohto návodu. Dozviete sa tiež, ako používať časovú os, ktorá je dostupná vo Photoshope CS6. Teraz začnime!

Výsledok lekcie.

Krok 1

Vytvorte nový dokument ( Ctrl + N) s veľkosťou súboru 800 x 500 pixelov. Vyplňte pozadie ľubovoľnou farbou. Teraz prejdite do ponuky Vrstvy- Štýlvrstva- Prekrytiegradient(Vrstva> Štýly vrstiev> Prekrytie prechodom). Použite nasledujúce nastavenia: Štýl Radiálne(Radial), farby od čiernej (# 000000) po modrú (# 54799b), ktorá bude použitá v strede.

Krok 2

Vytvorte novú vrstvu a pomenujte ju Šumová vrstva... Vyberte nástroj Vyplňte(Nástroj Paint Bucket Tool) a vytvorenú vrstvu vyplňte tmavou farbou (# 231f20). Nechajte vrstvu aktívnu Šumová vrstva a prejdite do menu Filter - Noise - Add Noise(Filter> Noise> Add Noise). V dialógovom okne nastavení filtra nastavte nasledujúce hodnoty: efekt(Suma) 3 %, rozdelenie Uniforma(Uniforma) a kliknite na tlačidlo OK.

Krok 3

Stlačte kombináciu klávesov (Ctrl +U) a v zobrazenom dialógovom okne nastavení opravy zadajte hodnoty Sýtosť(Sýtosť) 100 %: Zmeňte režim prelínania tejto vrstvy na Jemné svetlo(Jemné svetlo).

Poznámka prekladateľa: aby sa pri oprave hodnoty Hue / Saturation dosiahla rovnaká farba ako má autor na snímke obrazovky Farebný tón(Odtieň) nasadený - 140.

Krok 4

Pridajte ľubovoľný text. Tu budeme používať text loga webovej stránky 123RF. Pri použití štýlov vrstiev Obrys(Mŕtvica). Vyberte hodnoty veľkosti zdvihu podľa vašich preferencií.

Poznámka prekladateľa: Na obrazovke autora je už rastrovaný text spolu so štýlom Stroke. Ak chcete dosiahnuť rovnaký výsledok, po aplikácii ťahu odstráňte výplň (Vyplňte) textovej vrstvy na 0 %, skonvertujte túto vrstvu na inteligentný objekt a potom ju rastrujte.

Krok 5

V tomto kroku vytvoríme žiariaci efekt pre text pomocou štýlov vrstiev. Dvojitým kliknutím na vrstvu zobrazíte okno s nastaveniami štýlu. Na prispôsobenie štýlov vrstiev použite snímky obrazovky nižšie.

Razenie(Skosenie a reliéf)

Vnútorný tieň(Vnútorný tieň)

Vnútorná žiara(Vnútorná žiara)

Farebné prekrytie(Farebné prekrytie)

Vonkajšia žiara(Vonkajšia žiara)

Tieň(Vrhať tieň)

Krok 6

Po dokončení vytvárania svetelných efektov pomocou štýlov vrstiev prejdite na paletu vrstiev a znížte hodnotu tejto vrstvy. Náplne(Vyplňte) o 0 %.

Krok 7

Duplikujte vrstvu, ktorú ste vytvorili v kroku 5, a vypnite všetky štýly vrstiev na tejto kópii. Teraz nastavte štýly takto:

Vnútorný tieň(Vnútorný tieň)

Vnútorná žiara(Vnútorná žiara)

Krok 8

Nižšie je uvedený výsledok po použití štýlov vrstiev.

Krok 9

Teraz vytvoríme pohyblivé svetelné body. Vytvorte 5 vrstiev nad existujúcimi vrstvami a premenujte ich na 1,2,3, R a F. Ak máte vlastný text, vytvorte vrstvy podľa svojich písmen. Zoskupte tieto vrstvy do priečinka a pomenujte ho. Svetlé škvrny a zmeňte režim miešania na Odľahčenie základne(Color Dodge).

Aktivujte nástroj Kefa(Brush Tool), vyberte mäkkú kefu, nastavte Nepriehľadnosť(Nepriehľadnosť) na 95 % as bielou farbou niekoľko škvŕn nad textom. Pre každé písmeno samostatný svetelný bod na vlastnej vrstve. Nižšie na snímke obrazovky môžete vidieť, ako sa vrstvy pozerajú na autora v palete vrstiev.

Krok 10

Teraz prejdite do ponuky Okno – časová os(Okno> Časová os). Všimnete si, že vaše vrstvy sú už zabudované v tejto palete na jej ľavej strane. Vyberte každú z piatich vrstiev reflektorov v skupine. Svetlé škvrny a uistite sa, že indikátor aktuálneho času (modrý posúvač) je na nule. Teraz na každej vrstve v skupine, keď je aktívna, kliknite na možnosť pozícia(Pozícia) na vytvorenie kľúčovej snímky.

Poznámka prekladateľa: Ak chcete aktivovať časovú os, stlačte tlačidlo Vytvorte časovú os pre video(Vytvoriť časovú os videa) a všetky vaše vrstvy sa načítajú do časovej osi. Vybratá vrstva bude rovnaká vrstva alebo skupina ako v palete vrstiev.

Krok 11

Nastavte indikátor aktuálneho času (modrý posúvač) na 01:00 F a posúvajte vrstvy so svetlými bodmi po dráhe ich pohybu vzhľadom na obrys písmena.

Krok 12

Takto bude vyzerať počiatočná poloha svetelného bodu na písmenách. Posuňte indikátor aktuálneho času pozdĺž časovej osi a presuňte vrstvy so svetlými bodmi, čím vytvoríte kľúčové snímky. Pokračujte v ich presúvaní, kým nedokončíte presúvanie škvrny cez celé písmeno každej textovej vrstvy. Pokyny nájdete na niekoľkých snímkach obrazovky nižšie.