Okno animace ve Photoshopu cs6. Vytváření pokročilé animace ve Photoshopu: Přehled panelu časové osy. Úprava polohy klíčových snímků

clair123rf; Překlad: Ryby

Přemýšleli jste někdy nad tím, jak vznikají animované GIFy? Autor lekce vás zve, abyste s pomocí této lekce zvládli některá tajemství animace za jednu noc. Dozvíte se také, jak používat časovou osu, která je dostupná v Verze Photoshopu CS6. Nyní začněme!

Výsledek lekce.

Krok 1

Vytvořit nový dokument (Ctrl + N) s rozměry souboru 800 x 500 pixelů. Vyplňte pozadí libovolnou barvou. Nyní pojďme k menu Vrstvy - Styl vrstvy - Překrytí přechodem(Vrstva > Styly vrstev > Překrytí přechodem). Použít následující nastavení: Styl Radiální(Radial), barvy od černé (#000000) po modrou (#54799b), která bude použita uprostřed.

Krok 2

Vytvořit nová vrstva a pojmenuj to Noise Layer. Vyberte nástroj Vyplnit(Nástroj Paint Bucket Tool) a vyplňte vytvořenou vrstvu tmavá barva(#231f20). Dovolená aktivní vrstva Noise Layer a přejděte do nabídky Filtr - Šum - Přidat šum(Filtr>Šum>Přidat šum). V dialogovém okně nastavení filtru nastavte následující hodnoty: Účinek(Částka) 3 %, rozdělení Jednotný(Uniformní) a klepněte na OK.

Krok 3

Stiskněte kombinaci kláves (Ctrl + U) a v zobrazeném dialogovém okně nastavení oprav zadejte hodnoty Nasycení(Sytost) 100 %: Změňte režim prolnutí této vrstvy na Měkké světlo (Měkké světlo).

Poznámka překladatele: Chcete-li dosáhnout stejné barvy jako autor na snímku obrazovky, můžete upravit hodnotu Odstín/sytost Barevný tón(Odstín) nasadit - 140.

Krok 4

Přidejte libovolný text. Zde použijeme text loga webu 123RF. Ve stylech vrstev použijte Mrtvice(Mrtvice). Vyberte hodnoty velikosti tahu podle vašich preferencí.

Poznámka překladatele: Na autorově screenshotu je již rastrovaný text spolu se stylem Stroke. Chcete-li dosáhnout stejného efektu, po aplikaci tahu nastavte Výplň textové vrstvy na 0 %, převeďte tuto vrstvu na inteligentní objekt a poté ji rastrujte.

Krok 5

V tomto kroku vytvoříme zářící efekt pro text pomocí stylů vrstev. Poklepáním na vrstvu vyvolejte okno Možnosti stylu. Chcete-li přizpůsobit styly vrstev, použijte níže uvedené snímky obrazovky.

Ražba(Úkos a reliéf)

Vnitřní stín (vnitřní stín)

Vnitřní záře(Vnitřní záře)

Barevné překrytí(Barevné překrytí)

Vnější záře(Vnější záře)

Stín(Vržený stín)

Krok 6

Jakmile dokončíte vytváření světelných efektů pomocí stylů vrstev, přejděte na paletu Vrstvy a snižte hodnotu této vrstvy Výplně(Vyplnit) na 0 %.

Krok 7

Duplikujte vrstvu, kterou jste vytvořili v kroku 5, a vypněte všechny styly vrstev na této kopii. Nyní nastavte styly takto:

Vnitřní stín(vnitřní stín)

Vnitřní záře(Vnitřní záře)

Krok 8

Níže je výsledek po použití stylů vrstev.

Krok 9

Nyní vytvoříme pohyblivé světelné body. Vytvořte 5 vrstev nad stávajícími a přejmenujte je na 1,2,3, R a F. Pokud máte vlastní text, vytvořte vrstvy podle svých písmen. Seskupte tyto vrstvy do složky a pojmenujte ji Světlé skvrny a změňte režim prolnutí na Odlehčení základny(Color Dodge).

Aktivujte nástroj Štětec(Nástroj štětec), vyberte měkký štětec, nastavte Neprůhlednost(Neprůhlednost) na 95 % a nakreslete skvrny přes text bílou barvou. Pro každé písmeno je na vlastní vrstvě samostatný světelný bod. Níže na snímku obrazovky můžete vidět, jak vypadají autorovy vrstvy v paletě vrstev.

Krok 10

Nyní pojďme k menu Okno - Časová osa(Okno > Časová osa). Všimnete si, že vaše vrstvy jsou již zabudovány v této paletě na její levé straně. Vyberte každou z pěti vrstev zvýraznění, které jsou ve skupině. Světlé skvrny a ujistěte se, že indikátor aktuálního času (modrý posuvník) je na nule snímku. Nyní na každé vrstvě ve skupině, když je aktivní, klikněte na možnost Pozice(Pozice) pro vytvoření klíčového snímku.

Poznámka překladatele: Chcete-li aktivovat časové měřítko, klikněte na tlačítko Vytvořte časovou osu pro video(Vytvořit časovou osu videa) a všechny vaše vrstvy se načtou do časové osy. Bude vybrána stejná vrstva nebo skupina jako v paletě vrstev.

Krok 11

Nastavte indikátor aktuálního času (modrý posuvník) na 01:00 F a posouvejte vrstvy se světlými skvrnami po trajektorii jejich pohybu vzhledem k obrysu písmene.

Krok 12

Takhle to bude vypadat výchozí pozici světlá skvrna na písmenech. Posouvejte ukazatel aktuálního času po stupnici a posouvejte vrstvy se světlými body, čímž vytváříte klíčové snímky. Pokračujte v jejich přesouvání, dokud nedokončíte přesunutí skvrny přes celé písmeno každé textové vrstvy. Pokyny naleznete na několika snímcích níže.

Poznámka překladatele: Udělejte malé úseky pro přesun světelných bodů tak, aby jejich pohyb a tím i animace byly plynulé.

Naučíte se:

  • Jak změnit dobu trvání animace a vytvořit prezentaci s přechody.
  • Jak funguje časová osa a jak umístit klíčové snímky.
  • Jak posunout ukazatel času a zapnout stopky.
  • Jak oříznout jednu nebo více vrstev. Jak animovat styly vrstev.
  • Jak přidat ručně kreslenou animaci, blikání a animaci masky.
  • Jak animovat 3D objekty.
  • Jak uložit animaci.

Lekce se skládá z následujících částí:

1. Tréninkové video.
2. Přepněte na časovou osu.
3. Doba trvání a snímková frekvence animace.
4. Možnosti časové osy.
5. Animace hladký přechod z jednoho obrázku do druhého.

9. Úprava pozice klíčové rámečky.
10. Ořezávání vrstev.

12. Použití pauzovacího papíru.
13. Animace maskování.
14. Přidejte názvy.

16. Animace osvětlení.
17. Ukládání animace.
18. Animace 3D objektů.
19. Velikosti bannerů.
20. Otázky.
21. Domácí úkol.

Přepnout na časovou osu

Počínaje Photoshopem CS3 byla k běžné animaci snímek po snímku přidána časová osa. To značně rozšířilo možnosti programu pro tvorbu animací a videa. V tomto režimu je každá vrstva v paletě Vrstvy umístěna na své vlastní dočasné stopě. Jakékoli změny v paletě Vrstvy se okamžitě projeví v panelu Animace. Animační panel se stal podobným lehkému programovému panelu Adobe After Efekty.

Při vytváření nového dokumentu v části Přednastavení vyberte Film a video. Ujistěte se barevný režim bylo RGB, rozlišení 72 ppi, bitová hloubka 8 bitů/kanál. Klikněte na Upřesnit a pokud ne, vyberte Čtvercový poměr stran pixelů dobré důvody zadat jiný formát.

Pro přepínání mezi snímkem a časovou osou použijte tlačítko nebo . (vzhled tlačítka závisí na typu panelu animace - dočasné nebo snímek po snímku). Nebo klikněte na tlačítko na panelu animací a vyberte Převést na časovou osu. Jedna věc, kterou je třeba mít na paměti, je, že při přechodu z animace na časové ose na animaci snímek po snímku existuje možnost ztráty klíčových snímků. Samotná animace zůstává nezměněna.

Pro otevření nabídky klikněte na tlačítko vpravo horní roh animační panely. Tato nabídka se liší od nabídky, kterou jsme otevřeli při práci s animací snímek po snímku.

Délka animace a snímková frekvence

Po výběru Nastavení dokumentu se otevře okno
nastavení. Zde můžete změnit dobu trvání animace. Uvědomte si prosím, že zmenšením délky dříve vytvořeného videa nebo animace odstraníte snímky na konci dokumentu. Klíčové snímky, které spadají do intervalu snížení, budou také odstraněny.

Když vytváříte nový dokument, výchozí doba trvání časové osy je nastavena na 10 sekund a frekvence závisí na vybrané možnosti Velikost dokumentu.

Při výběru jiného dokumentu než Film & Video – 30 snímků/s.

Video formát PAL- 25 snímků/s.

Video formát NTSC- 29,97 snímků/s

Film – 24 snímků/s.

DVD video – možná 25; 29,97 a 23,976.

Video pro web (instalované nezávisle) - od 10 do 15 snímků/s.

Možnosti časové osy

Doporučuji podívat se na časovou osu ukázka prezentace. Jako příklad jsem vybral několik studentských prací pro lekci „Nástroje pro výběr...“. Dříve jsem nastavil všechny obrázky na stejnou velikost 800x600 a rozlišení 72.

Otevřete soubor slideshow.psd. Paleta Vrstvy obsahuje 8 vrstev včetně vrstva pozadí. Na panelu Animace je 7 vrstev.

Na časové ose má každá vrstva animované parametry:

Pozice, neprůhlednost, styl a globální osvětlení. Chcete-li je zobrazit, klikněte na šipku nalevo od vrstvy.

Takto vypadá časová osa animace:

Klíčový snímek.

Povolit stopky.

Animace plynulého přechodu z jednoho obrázku do druhého

Chcete-li kterýkoli z těchto parametrů změnit, nastavte ukazatel času na počáteční bod a klikněte na ikonu – objeví se klíčový snímek. Přesuňte ukazatel času na koncový bod a změňte jej požadované parametry v paletě Vrstvy – objeví se druhý klíčový snímek.

Otevřete vrstvu Olga Ž. V nulový bodčas, klikněte na ikonu stopek vlevo od Opacity - objeví se klíčový snímek. Posuňte ukazatel času na 01:00f. V paletě Vrstvy snižte krytí na 0 %. Druhý klíčový snímek se objeví na průsečíku indikátoru aktuálního času a vrstvy Krytí. Pokud nyní stisknete tlačítko Přehrát (Spustit animaci) nebo jednoduše posunete ukazatel aktuálního času, všimnete si, jak první obrázek plynule otevírá druhou vrstvu.

Přejděte do vrstvy Nadezhda D Klikněte na ikonu stopek vlevo od pozice. Posuňte ukazatel času na 02:00.

Mimochodem, ukazatel aktuálního času si můžete nastavit více přesným způsobem: Dvakrát klikněte na řádek s čísly označujícími čas. Otevře se okno Nastavit aktuální čas přesný čas). Poslední dvě číslice udávají počet snímků za sekundu. Předposlední vteřiny. Pokud potřebujete přesně umístit ukazatel času na 2 sekundy, mělo by toto pole říkat: 0:00:02:00. Čísla můžete opravit ručně nebo můžete do tohoto pole zadat 60 Proč 60? Protože PROTI tento dokument Výchozí snímková frekvence je 30 snímků za sekundu, dvě sekundy pak budou 60 snímků. Pokud kliknete a podržíte aktuální čas Klávesa Alt, pak dojde k přepínání mezi časový kód a personál.

Tak, správný čas nainstalováno. Na panelu nástrojů vyberte Přesunout. Posunout vrstvu Naděžda D diagonálně doprava a dolů mimo obraz. Procházejte animací.

Vrstva bude slábnout do pravého dolního rohu a odkryje spodní obrázek.

Přepnout na vrstvu Tanya R. Udělejme módní přechod prostřednictvím blesku bílý. Tento efekt se často používá v reklamě k soustředění pozornosti.

Nastavte ukazatel času na 0:00:02:00. Klikněte na ikonu stopek nalevo od Style. Přejděte do nabídky a vyberte Cope Keyframe. Posuňte ukazatel času na značku 2 sekundy 15 snímků (0:00:02:15). V nabídce animace vyberte položku Minulý klíčový snímek. Nastavte čas na 0:00:02:20. Přejděte na paletu Vrstvy. Otevřete Styly vrstev dvojitým kliknutím na vrstvě Tanya R. Zaškrtněte políčko Color overlay. Přejděte do nastavení a změňte barvu na bílou. Vraťte se zpět na panel Animace (čas 0:00:02:20) a klikněte na ikonu stopek nalevo od Opacity. Posuňte ukazatel času na 03:00. V paletě Vrstvy snižte krytí na 0.

V další vrstvě (Julia B) změňte polohu tak, aby se obraz vrátil zpět právo. Nastavte ukazatel času na značku 3 sekund. Vytvořte klíčový snímek kliknutím na ikonu nalevo od pozice. Přejděte na značku 4 s. Na panelu nástrojů vyberte Přesunout. Při držení přesuňte vrstvu doprava z plátna Klávesa Shift. Objeví se nový klíčový snímek.

Úprava polohy klíčových snímků

Přehrajte animaci. Ve vrstvách Naděžda D A Julia B přechod začíná příliš brzy. Nemáme čas se na obrázek podívat, ale už se začíná hýbat. Chcete-li udržet pozornost na obrázku, posuňte první klíčové snímky o 15 snímků doprava. To lze provést jednoduchým přetažením. Klikněte na klíčový snímek, aby se změnil na žlutou. Žluť označuje, že je zvýrazněno. Posuňte ukazatel času o 15 snímků doprava. Posuňte klíčový snímek, dokud se neprotne s ukazatelem času. Nyní pohyb začne o něco později.

Ořezávání vrstev

Ořízněte další vrstvu (Elena I). Nejprve nastavte ukazatel času na 5 sekund. Poté najeďte na konec vrstvy. Kurzor se změní na oboustrannou šipku. Svorka levé tlačítko myši a přetáhněte okraj doleva, dokud se neprotne s indikátorem. Když spustíte animaci, uvidíte, že vrstva náhle zmizí po 5 sekundách a odhalí spodní vrstvu. Můžete oříznout několik vrstev současně, pokud je nejprve vyberete pomocí pomocí Shift nebo Ctrl.

Poznámka: Podržením klávesy Shift a stisknutím tlačítek a se přesunete na další/předchozí celočíselnou hodnotu sekund nebo snímků na časové ose. V našem případě se ukazatel stojící na 0 sekundách posune o 1 sekundu. nebo při 30 snímcích.

Přidejte ručně kreslenou animaci do další vrstvy. Chcete-li to provést, přejděte do vrstvy
Olesya T animace v panelu. Poté v nabídce Vrstvy – Video vrstvy – (Vytvořit prázdnou vrstvu videa). Nastavte čas na 05:00 sec. Na panelu nástrojů vyberte Rozmazat(Rozmazat). Intenzita 100 %, průměr 1100 a zatržítko (vzorky ze všech vrstev). Udělejte kolem obrázku asi 15 krouživých pohybů.

Posuňte ukazatel času na 05:01. Rozostřte obrázek pomocí nástroje Blur se stejným nastavením, ale provádějte menší pohyby myši: asi 10krát. Posuňte ukazatel času na 05:02. Opakujte výše uvedené kroky (snižte kruhové pohyby myší na 5krát).

Při značce 05:03 obdobně rozmažte obraz pomocí 2 krouživých pohybů myší. Ořízněte vrstvu na 06:00.

Pomocí pauzovacího papíru

Pro snadné použití můžete někdy použít pauzovací papír. Chcete-li to provést, klepněte na tlačítko (Výměna pauzovacího papíru). Chcete-li trasování vypnout, klikněte znovu na toto tlačítko. Cibulovou slupku si můžete přizpůsobit výběrem možnosti Možnosti cibule v nabídce animace.

Maskovací animace

Zbývá poslední vrstva Svetana P. Aplikujte na něj masku kliknutím na ikonu v dolní části palety Vrstvy.

Pokud je na vrstvě maska, přidají se další dva parametry - Poloha masky vrstvy A Povolit masku vrstvy. Nastavte čas na 06:00. Při animaci pohybu vrstvy pomocí masky nezapomeňte zkontrolovat obě čáry: Pozice a Pozice masky vrstvy. V opačném případě zůstane maska ​​nehybná a vrstva se bude pohybovat.

Vytvořte klíčové snímky v parametrech Umístění masky vrstvy a Povolit masku vrstvy.

Přejděte na paletu Vrstvy. Přidejte masku vrstvy Světlana P, kliknutím na ikonu. Naplňte masku černou barvou. Mezi miniaturami vrstvy a masky odstraňte ikonu řetězu, aby se přerušilo spojení mezi nimi. Posuňte ukazatel času na 06:05. Vyberte nástroj pro přesun a posuňte masku doprava, aby se obrázek objevil.

V čase 07:00 zkraťte délku vrstvy Světlana P.

Použijte filtr Clouds na vrstvu pozadí. Přednastavte barvy na bílou a modrou.

Přidejte styl vrstvy Překrytí přechodem (překrytí přechodem).

Přidávání titulků

Na konci animace můžete přidat titulky. Vezměte nástroj Typ. Napište slovo Konec. Rastrujte vrstvu. Dejte tomu styly vrstev: reliéf, barevné překrytí a tah. Budete muset oříznout začátek vrstvy na značku 07:00, aby se titulky neobjevily před zahájením práce na vrstvě s maskou.

Je také nutné zkrátit dobu trvání animace. Chcete-li to provést, vyberte v nabídce animace položku Nastavení dokumentu. Nastavte dobu trvání na 08:00.

Vraťme se k vrstvě videa. Na Video Layer můžete obrázek nejen rozmazat, ale také rozmazat nástrojem rozmazání (prst), naklonovat pomocí nástroje razítko, vyplnit a také malovat libovolnými štětci.

Přidáme trochu lesku. Vyberte štětec číslo 70 bílý s nastavením jako na obrázku níže. Počínaje 6:05 malujte na vrstvu videa tímto štětcem. Přeskočte jeden snímek a znovu proveďte několik tahů. Pokračujte až do konce vrstvy.

Nyní má vrstva videa oblast s rozostřením a oblast s blikáním, ale efekty jsou aplikovány na různé obrázky.

Animace osvětlení

Přidejme animaci Global Light.

Globální osvětlení lze upravit ve stylech vrstev: Vržený stín (Stín), Vnitřní stín (vnitřní stín) a Úkos a reliéf (Reliéf).

Nastavte ukazatel času na 07:00. Kliknutím na ikonu vytvořte klíčový snímek ve vrstvě Titulky
stopky nalevo od Global Lighting. Posuňte ukazatel na 07:29. Přejděte na paletu Layres. Zadejte styly reliéfní vrstvy. Ujistěte se, že je zaškrtnuto políčko Použít globální světlo. Změňte hodnoty Úhel (-90) a Výška (40).

Další hodnoty můžete nastavit posunutím značky uvnitř kruhu. Výsledkem bude krásný tok po obrysu písmen. Tento efekt animace lze použít k simulaci rychlá změna denní dobu. Stín změní svou polohu vůči slunci.

To je vše. Můžete přistoupit k uložení animace. Předtím bych ale rád přidal pár slov. Pro prezentaci byste neměli používat tolik různých efektů jako já. Chtěl jsem vás co nejvíce seznámit s nastavením, kvůli tomu toho bylo s efekty až moc. Efekty a filtry nelze animovat. Vrstvy úprav nelze animovat pomocí nastavení úprav, jako je jas, sytost, barva atd.

Ukládání animace

Uložit do Formát GIF nedává smysl, protože barvy se změní k nepoznání.

Uložit do formát PSD pro další vylepšení nebo import do Adobe After Effects.

Pro záznam videa použijte nabídku Soubor – Export – Vykreslit video.

V tomto okně zadejte název souboru, zadejte cestu a klikněte na tlačítko Nastavení....

Klepněte na tlačítko Možnosti. Z rozevíracího seznamu vyberte typ komprese: Fotografie - JPEG. Pak OK. A opět OK. Vykreslit.

Animace 3D objektů.

V této lekci se pouze krátce dotkneme tématu 3D objektů. Pro podrobnější studium bude samostatná lekce. Animace 3D objektů je možná od Photoshopu CS4. Otevřete soubor Nastya.jpg. Chcete-li animovat běžnou vrstvu jako 3D, vyberte nabídku 3D - Nová 3D pohlednice z vrstvy ( Nová pohlednice z 3D vrstvy). Nebo 3D menu – Nový obrázek z vrstvy ( Nová postava z vrstvy) – (Klobouk). Místo klobouku si můžete vybrat jakýkoli jiný předmět ze seznamu. Všimněte si, jak se změnila miniatura vrstvy.

Nastavte dobu trvání animace na 1 sekundu nebo 10 snímků. Chcete-li to provést, vyberte z nabídky položku Nastavení dokumentu.

Vytvořte další vrstvu pod 3D vrstvou. A naplňte ji nějakou barvou pomocí Nástroj pro malování Kbelík (Plnění / kbelík).

Na panelu animace se objeví další položky:

Poloha 3D objektu

Poloha 3D kamery

Nastavení 3D vykreslování

3D průřez (3D průřez).

V řádku 3D Object Position klikněte na ikonu stopek, objeví se první klíčový snímek. Přesuňte indikátor na rámeček 9. Vyberte v panelu nástrojů - Otočit 3D objekt (Otočit). Namiřte na objekt, podržte levé tlačítko myši – klobouk se začne otáčet. Vše! Animaci můžete uložit.

Velikosti bannerů:

300 x 250 střední obdélník

250 x 250 vyskakovací čtverec

Vertikální obdélník 240 x 400

Velký obdélník 336 x 280

obdélník 180 x 150

468 x 60 dlouhý banner

234 x 60 poloviční dlouhý banner

88 x 31 mikropásek

Tlačítko 120 x 90 1

Tlačítko 120 x 60 2

Tlačítko 140 x 75 3

Vertikální banner 120 x 240

Čtvercové tlačítko 125 x 125

728 x 90 přední stojan

Široký mrakodrap 160 x 600

mrakodrap 120 x 600

Reklama 300 x 600 půl stránky

otázky:

  1. Jaké parametry nelze na časové ose animovat?

Styl.

Globální osvětlení.

Poloha masky vrstvy.

Poloha 3D objektu.

Měřítko.

  1. Jak nastavit ukazatel času s přesností na jeden snímek.

Dvakrát klikněte na řádek s čísly označujícími čas.

Klepněte na ikonu stopek.

Z nabídky panelu Animace vyberte Nastavení dokumentu.

Domácí úkol:

1) Nahrajte krátkou prezentaci pomocí časové osy. Z lekce si můžete pořídit fotky nebo si vybrat vlastní.

2) Vymyslete jakýkoli banner nebo grafickou kartu. Ukažte svou představivost. Ať je to malá animace, ale vlastní.

V tomto článku budu mluvit o tom, co je animace ve Photoshopu. Na příkladu vytvoření novoročního banneru uvidíme, jak funguje animace ve Photoshopu.

budu pracovat v Adobe Photoshop CS6. Moje rozhraní je ruské, protože píšu z práce.

Anglickou verzi mám doma a doporučuji vám ji studovat Anglická verze, zde je důvod:

  • V programu se můžete snadno pohybovat v jakémkoli jazyce (po angličtině v ruštině snadno najdete nástroje, protože to je váš rodný jazyk a po ruštině můžete mít problémy s přizpůsobením).
  • Většina dobré lekce napsané přesně v angličtině.
  • Lokalizace programů se od sebe často liší a kvalita překladu rozhraní někdy ponechává mnoho přání. Nesprávný překlad nástrojů může zmást osobu, která se začíná učit program.

Začněme vytvářet animaci ve Photoshopu CS6

Spustíme Photoshop.

Vytvořte nový dokument Soubor -Nový (Ctrl+N).

V okně, které se otevře, nastavte rozměry banneru: 600 x 120, nazvěme to „New Year banner“ -> „Ok“.

Vytvoření pozadí

Předem vybírám materiály, které při své práci použiji (pozadí, fonty atd.).

Otevřete připravenou texturu: Ctrl+O. Můžete si stáhnout texturu, kterou používám.

Otevřete paletu vrstev „Vrstvy“ – F7.

Vyberte okno s texturou, přetáhněte vrstvu z palety vrstev na vrstvu s bannerem.

Pokud se textura jeví jako příliš malá nebo příliš velká ve srovnání s bannerem, upravte její velikost pomocí transformace „Ctrl+T“.

V rozích obrázku se objeví malé čtvercové značky. Podržte Shift, chcete-li zachovat poměr stran při změně velikosti, a diagonálním tažením rohového táhla zmenšete nebo zvětšete velikost obrázku, dokud pozadí nevyplní celý povrch banneru.

Poté, co jsme texturu upravili na velikost banneru, přejdeme k jeho barevné korekci.

Přejděte do nabídky "Obraz" - "Úpravy" - "Odstín / Sytost" (Obraz - Korekce - Odstín / Sytost).

Pro dosažení jasných a sytých barev jsem nastavil následující nastavení:

Napíšeme text

Vytvořte novou vrstvu (Ctrl+Shift+N) nebo klikněte na ikonu nové vrstvy v paletě vrstev.

Vyberte nástroj Horizontal Type Tool (T).

Vyberte štětec s libovolnou hvězdou, malujte bílou barvou #ffffff. Chcete-li vybrat barvu, klikněte na malý čtverec v dolní části levého panelu.

V nové vrstvě nakreslete hvězdy na náhodná místa. Chcete-li, aby byly hvězdy jasnější, klikněte několikrát na jedno místo. Zde je to, co jsem dostal:

Vytvořte duplikát vrstvy (Ctrl+J). Kliknutím na ikonu oka v paletě vrstev skryjete viditelnost předchozí vrstvy.

Vyberte horní vrstvu s kopií hvězd. Z levého panelu vyberte nástroj Laso (L).

Postupně vyberte každou hvězdu, stiskněte „V“ (nástroj pro přesun) a přesuňte ji na jakékoli jiné místo, takže v různých snímcích budeme mít hvězdy různá místa, což vytvoří efekt blikání.

Poté, co přesunete všechny hvězdy na jiné místo, vytvořte duplikát vrstvy, na které jste pracovali (Ctrl+J), skryjte předchozí vrstvu v paletě vrstev kliknutím na oko a znovu opakujte operaci přesunutí hvězd na novou míst, můžete také dokreslit několik nových hvězd.

Budeme mít tedy 3 vrstvy s hvězdami, v každé z nich budou hvězdy v různých pozicích.

Vše je připraveno.

Pojďme k vytváření animace ve Photoshopu

Otevřete časovou osu. Přejděte do nabídky „Okno“ - „Časová osa“ (Okno - Časová osa).

Na panelu časové osy, který se objeví, najdeme uprostřed tlačítko „Vytvořit časovou osu videa“ (Vytvořit časovou osu pro video).

Poté váha změní vzhled. Nyní klikněte na ikonu se třemi čtverečky v levém dolním rohu okna a vytvořte animaci snímek po snímku.

Otevře se panel animace snímek po snímku. Nyní existuje pouze jeden snímek, ve kterém jsou zobrazeny všechny viditelné vrstvy (obsah vybraného snímku je zobrazen v hlavním okně na monitoru).

Přejděte na paletu vrstev - F7. Nyní musíme vypnout horní dvě hvězdicové vrstvy (kliknutím na oko), přičemž zůstane viditelná pouze jedna. Toto bude první snímek.

Přejděte na paletu vrstev. Vypněte první vrstvu s hvězdičkami, zapněte druhou. Ve druhém snímku tedy ukážeme hvězdy na jiných místech.

Znovu klikněte na ikonu nového rámečku. Vypněte druhou vrstvu s hvězdičkami, zapněte třetí.

Věnujte pozornost času pod každým snímkem, toto je doba trvání snímku. 5 sekund, které jsou výchozí, je pro nás moc - animace se zpomalí, klikněte na šipku a nastavte dobu trvání každého snímku na 0,1 sekundy.

Aby se snímky plynule měnily, musíme mezi klíčovými snímky vytvořit mezisnímky. Chcete-li to provést, na prvním snímku klikněte na ikonu s několika kruhy ve spodní části dočasného panelu.

V okně, které se objeví, označte, kolik mezirámců chceme vytvořit. Nastavím na 2. U všech snímků kromě posledního nastavte na "Další snímek".

Mezi prvním a druhým klíčovým snímkem máte nyní 2 střední snímky.

Nyní stojíme na 2. klíčovém snímku (nyní je 4. v řadě), opět klikneme na ikonu s kroužky a vytvoříme další 2 mezirámečky. Nyní stačí zavřít poslední a první snímek, abychom získali plynulou animaci.

Vyberte poslední snímek na časové ose. Klikněte na kruhy. V okně, které se objeví, v řádku „ Mezilidé» vyberte „První snímek“ a přidejte stejné 2 snímky.

Nyní pod rámečky vlevo dole označujeme počet opakování animace „Neustále“.

Vyberte první snímek, stiskněte trojúhelník vpravo „Přehrát“, abyste viděli, co se stalo.

Výběr formátu souboru pro uložit GIF, klikněte na „Uložit...“, vyberte adresář, kam budeme ukládat, znovu klikněte na „Uložit“.

V této lekci jsme se tedy podívali na to, jak vytvořit animaci ve Photoshopu CS6.

Doufám, že jste se z tohoto návodu naučili něco nového a užitečného.

Dalším způsobem, jak vytvořit animaci ve Photoshopu, je použití časové osy. Otevřete jej v novém dokumentu, vytvořte novou vrstvu, na které bude animace. Ať je to pohybující se šipka. Vyberte nástroj, zkontrolujte, že nastavení nástroje má režim Obrysy a najděte šipku v seznamu tvarů. Vytvořte obrys šipky na obrázku a v případě potřeby šipku posuňte dovnitř správné místo nástroj Výběr obrysu .

Poté otevřete paletu Obrysy, klikněte pravým tlačítkem na vytvořený obrys a vyberte Vytvořit vybranou oblast. Klikněte na OK a vyplňte vybranou oblast nějakým přechodem. Nyní napište další tři slova na tři oddělené vrstvy— animujeme každé slovo zvlášť.

Nyní otevřeno. V paletě povolte časovou osu, pokud již není povolena, kliknutím na ikonu v pravém dolním rohu palety.

Na časové ose uvidíte vrstvy – jednu vrstvu se šipkou a tři vrstvy se slovy.

Parametry každé vrstvy v animaci lze změnit. Každá vrstva má čtyři parametry: pozici, krytí, styl a obtékání textu. Posuvník na časové ose ukazuje, v jakém časovém okamžiku je konkrétní parametr platný.

Začněme šipkou. Zasuňte posuvník úplně vlevo - na začátku přehrávání a klikněte na ikonu naproti parametru Pozice. Vytvořili jste klíčový snímek. Nyní umístěte jezdec naproti například na relativně krátkou dobu. půl vteřiny. Nástroj Stěhování přesuňte šipku do jiné polohy.

Animaci jste již vytvořili a můžete se o tom přesvědčit přetažením posuvníku od začátku do půlsekundového intervalu. Šipka se bude pohybovat. Nyní nastavte posuvník na druhý interval a posuňte šipku zpět. Šipka by se měla neustále pohybovat, takže toto střídání provádějte až do konce časové osy.

Nyní začneme vytvářet pohyblivý text. Nechte první slovo vyplout z vnějšku obrázku. Umístěte posuvník na začátek. a přetáhněte slovo téměř mimo viditelnost – tak, aby byla na obrázku vidět jen jeho malá část. Klikněte na ikonu naproti řádku. Toto je nutné provést, aby bylo možné slovo vytáhnout.

Poté umístěte posuvník do polohy, která odpovídá začátku vytékajícího textu. a přetáhněte text na původní místo.

Dále: Vezmete druhé slovo, udělejte ho tak, aby nebylo vidět do určitého okamžiku, totiž dokud se neobjeví text. Chcete-li to provést, musíte vzít levý okraj proužku naproti slovu a přesunout jej správný okamžikčas.

Nyní posuňte posuvník o několik sekund dále od začátku a odstraňte třetí slovo mimo obrázek. Přesuňte i třetí slovo mimo obrázek, ale tak, abyste jej mohli uchopit za okraj a vrátit na své místo. Poté posuňte kurzor ještě dále a přesuňte text na původní místo.

Podívejme se na transparentnost. Ať se druhé slovo objeví pomalu, jakoby odnikud. Umístěte posuvník na začátek vzhledu tohoto slova, přejděte na paletu Vrstvy a tam vložte neprůhlednost vrstvy 0 %. Poté přesuňte posuvník tam, kde se má slovo objevit celé, a v paletě Vrstvy nastavte krytí vrstvy na 100 %. V tomto intervalu se nyní text začíná objevovat pomalu.

Zbývá jen vymyslet styly. Můžete použít libovolné styly. Chcete-li uložit staré styly, nebo spíše jejich nepřítomnost, umístěte posuvník na správné místo a klikněte na ikonu nalevo od parametru Styl. ve vrstvě, kterou potřebujete.

Poté umístěte posuvník na místo, kde chcete vidět nový styl, Například. gradient. Dvakrát klikněte na paletu Vrstvy naproti požadované vrstvě, vpravo od názvu. Chcete-li vrstvu vrátit do obráceného stavu, najděte nové místo pro posuvník, přejděte na paletu Vrstvy a odstraňte styl vrstvy.

Video o tom, jak vytvořit animaci pomocí časové osy v Adobe Photoshop CS5

Více podrobnosti Můžete jej získat v sekcích „Všechny kurzy“ a „Nástroje“, které jsou přístupné prostřednictvím horní menu místo. V těchto sekcích jsou články seskupeny podle témat do bloků obsahujících nejpodrobnější (pokud možno) informace o různých tématech.

Můžete se také přihlásit k odběru blogu a dozvědět se o všech nových článcích.
Nebude to trvat dlouho. Stačí kliknout na odkaz níže:




Nahoru