Vytváranie animácií v adobe photoshop. Vytváranie pokročilých animácií vo Photoshope: Naučte sa nové techniky

Dôležitá poznámka. Ak potrebujete rýchlo vytvoriť Najjednoduchšia animácia z niekoľkých snímok vo Photoshope prejdite na lekciu -.

O animáciu snímok po snímke som sa zaujímal pomerne dlho, aj keď som študoval málo materiálu. Všetky knihy, ktoré som začal čítať, sú dosť dlhé, ťažké a „suché“.

Preto, keď som začal trochu rozumieť technológii tvorby animácií, začal som hľadať spôsoby, ako ich oživiť pomocou Photoshopu.

Mnohí mi radili prejsť na iné programy (napr. TVP Animation Pro), ale ja som sa nechcel prispôsobiť novým rozhraniam iných programov a rozhodol som sa urobiť všetko vo Photoshope.

A túto lekciu som napísal špeciálne pre tých, ktorí nerozumeli technológii vytvárania animácií po jednotlivých snímkach špeciálne vo Photoshope. Kto sa nechcel trochu pohrabať a pochopiť, čo je čo.

Pokryjem dve témy: krátke animácie a dlhé animácie. Neprechádzajte cez typ animácie, ktorá vás nezaujíma: môžu existovať informácie, ktoré potrebujete pre animácie typu, ktorý potrebujete.

Krátke animácie- sú to animované avatary, emotikony atď.

Dlhé animácie- sú to karikatúry, videá atď.

Najprv vysvetlím teóriu a potom vytvoríme animáciu v praxi.

Dôležitý doplnok

Mnoho ľudí sa pýta: „Prečo je moja animácia taká trhaná, pohybuje sa moja postava/objekt rýchlo/pomaly?“
Odpoveď: vaša postava/predmet sa pohybuje rýchlo pretože si kreslil málo rámy.

Vaša postava/predmet sa pohybuje pomaly pretože si kreslil veľa rámy.

Vaša postava/predmet sa šklbe, pretože ste nedodržali predchádzajúci pohyb a nakreslili ste nasledujúci, ktorý nie je v súlade s predchádzajúcim.

Pamätajte: za jednu sekundu 24 rám!

Preto, keď sa chystáte vytvoriť svoju animáciu, nezabudnite: 24 rám = 1 druhý, 24 rám = 1 druhý. Nikdy nezabudnite na tento veľmi dôležitý detail.

Krátke animácie

Myslím, že sa často stretávate s animáciami na avataroch, s animovanými emotikonmi.
Niektoré emotikony sú vyrobené v Flash, ale ja kreslím svoje vo Photoshope. Nemyslite si, že takéto krátke animácie sa dajú ľahko vyrobiť. Na jednej strane áno, sú malé, ale na druhej strane, keď ich kreslíte 15 -30 snímky, budete zmätení (a predstavte si, že ak chcete vytvoriť trojminútový klip, potom musíte urobiť 4320 rámy!).

Čo by ste si mali pamätať a vedieť?

Povedzme, že ste chceli nakresliť dievča s vetrom rozfúkanými vlasmi ako svojho avatara. znamená:

Po prvé, vlasy nie sú pre vás kartón – pod vplyvom stredne silného vetra to budú priečne vlny.

Takto je to znázornené na diagrame:

V silnom vetre budú vlasy takmer rovné, ale vaša postava bude musieť pevne zavrieť oči a chytiť sa niečoho, aby ju neodfúklo, keďže v skutočnosti takýto vietor vydrží málokto. aj keď tento typ animácie môžete použiť, keď vaša postava jazdí napríklad na bicykli.

A nakoniec jemný vánok jemne nadvihne a zníži vlasy.

Slabý vietor:

Priemerný vietor:

Silný vietor:

To isté platí pre látku a oblečenie – budú sa správať takmer rovnako ako vlasy.

A teraz ste napríklad chceli nakresliť animáciu s pohybom objektu vašej postavy. znamená:

Po druhé, každá akcia niekde začína. Všimli ste si niekedy, že napríklad pri vstávaní zo stoličky ju najprv trochu zatlačíte dozadu, trochu sa predkloníte a až potom vstanete? alebo ze ked chces odpalit raketou tak ju najskor zoberies a otocis s nou telom a az potom udries?

Existuje veľké množstvo takýchto príkladov, ale je lepšie sa pozrieť na:

Aby ste sa s týmito nedostali do problémov pohyb pred akciou(DPD), analyzovať a pozorovať pohyb ľudí alebo zvierat častejšie.

malý dodatok

Vo všeobecnosti nikdy nezabúdajte na fyziku. Hmotnosť predmetov, materiály, z ktorých sú vyrobené (pružnosť, mäkkosť, tuhosť atď.), To všetko je potrebné.

Pochopte, že bez toho bude vaša animácia mŕtva, hrozná a škaredá!

Radšej na tom pracujte a nikdy sa neponáhľajte.

Dlhé animácie

Oooh, tu začína zábava!

Často pri sledovaní karikatúr alebo anime obdivujete animáciu a závidíte tým, ktorí to dokážu? Všetky tieto krásne scény, plasticita pohybov a mnohé iné. iní? Budem úprimný, áno. Vždy, keď niečo pozerám, snažím sa pochopiť, ako s tým animátori pracovali? Ako toto všetko vytvorili?

Ale vzhľadom na to, že neviem, v akých programoch pracujú, snažím sa pochopiť celý proces pomocou mechanizmov Photoshopu.

A viete, nájdem odpovede na všetky svoje otázky!

Ale zoberme si všetko pekne po poriadku.

Proces vytvárania dlhej animácie

1. Na začiatok potrebujeme NÁPAD

Napríklad sa rozhodnete natočiť malé video, v ktorom bude tancovať niekoľko dievčat.

Ak ste ostrieľaný animátor, môžete si vo svojom videu „zatancovať“. 3 a viac dievčat.

Ale na začiatku vašej cesty animátora je lepšie obmedziť sa na jedného alebo dvoch.

2. Teraz musíte vytvoriť storyboard so scénami (STS)

Čo to je a s čím sa to jedáva?

Predstavte si film. Teraz si predstavte množstvo rôznych pohľadov z rôznych kamier. Záber zblízka, krajina, kamera sleduje postavu...

No keď ich nie je až tak veľa. Ale keď urobíme celý klip, môže ich byť viac 30 veci!
Preto šikovní ujovia a tety animátori používajú takú úžasnú vec, ktorá vyzerá ako linajková kniha.

V ňom zobrazujú výjavy.

Len niektorí kreslia jednu scénu v každej časti tabuľky, potom ďalšiu, tretiu atď., zatiaľ čo iní kreslia obrázky do každej časti tabuľky po niekoľkých sekundách (ospravedlňujem sa, ak som to nevysvetlil jasne).

Je tiež veľmi výhodné, že to môžete urobiť na strane popisu, inak niekedy kreslíte, potom sa po chvíli pozriete a nerozumiete - čo som tu zobrazil?

Takže berieme na vedomie takýto storyboard pre scény a používame takéto knihy.
Dokonca nemôžete vytvoriť knihu, ale jednoducho vytvoriť veľký súbor vo Photoshope a nakresliť tam všetky scény.

3. Teraz musíte vymyslieť pozadie, koncepciu postavy a pohyb

Pohyby kreslíme v knihe RPS.

Ak máte v klipe viac ako jednu scénu, budete musieť nakresliť niekoľko rôznych pozadí. Nakreslite ich do samostatných súborov.
A pamätajte na jedno – pozadie nevzniká z ničoho nič. Ak teda chcete, aby sa kamera pohybovala nabok, tak by tam malo byť aj pozadie. tie. budete musieť nakresliť pozadie na dĺžku (alebo šírku, alebo možno oboje) viac.

Potom sa zamyslíte nad vzhľadom svojej postavy a začnete vytvárať animáciu.

Prechod od teórie k praxi

Odteraz sa trochu zamyslime nad NÁPADOM a vo všeobecnosti nad odsekom „Proces tvorby animácie“. Prečo som? Navyše teraz budete potrebovať morča, ktorého donútite pohybovať. Nebudeme robiť klip, v ktorom 4320 rámy. Najlepšia a najjednoduchšia vec na pochopenie je, ako vytvoriť animáciu snímku po snímke. 24 -72 - rámová animácia.

Nuž, začnime!

1. Vytvorme nový dokument. Pre svoju animáciu som vzal malú veľkosť - 400 X 500 px.

2. Teraz, ak nemáte okno vľavo dole " Animácia", pozrite sa hore, otvorte kartu" okno» - « Animácia».*

* - Príklady používajú rusifikovanú verziu Photoshop CS2.

Na snímke obrazovky vyššie vidíme animačné okno, v ktorom je prvý snímok, pod ním je malý panel, na ktorom sú umiestnené tlačidlá:

Vždy/raz- výberom "Vždy" budete animáciu opakovať. Ak vyberiete Raz, animácia sa prehrá iba raz. (V mojej lekcii sú obe možnosti animácie: zacyklená - kde je zobrazený princíp DPD, prehraná raz - kde je zobrazená zmena scény).

Vyberte prvú snímku- vráti nás na začiatok.

Vyberie predchádzajúcu snímku- Nevolajme Capovi. (=

Prehrať animáciu/Zastaviť animáciu- Prehrať/Zastaviť.

Vyberie ďalšie snímky- ďalší rám. Vaša čiapka!

Snímky animácie Tweens- týmto tlačidlom môžeme pridať plynulé prechody medzi dvoma snímkami pridaním nových.

Duplikovať vybraté snímky- nie celkom správny názov ... Bolo by lepšie, keby to bolo "Pridanie nového rámu".

Vymaže vybraté snímky- košík.

3. Teraz môžeme začať kresliť. Ak to chcete urobiť, vložte pozadie, ktoré ste vytvorili predtým pozadie(Pozadie / Pozadie).

4. Potom vytvorte novú vrstvu (Ctrl+Shift+Alt+N) a nakreslite na ňu svoju postavu.

4. Teraz začína najťažšia časť: musíme nakresliť rovnakú postavu mnohokrát za sebou v rôznych pózach.

Vytvoríme nový rámec a... Tu sú dve možnosti:

ALE) Buď začnete kresliť svoju postavu zakaždým znova, alebo ..

B) Skopírujte predchádzajúcu vrstvu a zmeňte ju (kresliť-vymazať, ale nepoužívať transformáciu! Takýto nástroj budete potrebovať zriedka, napíšem neskôr).

Po vyškolení v animácii môžete bezbolestne použiť obe možnosti. (Každý z nich si môžete vyskúšať v samostatnom dokumente).

Možnosť A:

1. Nakreslili sme náš prvý rám.

2. Aby sme videli, ako zmeniť ďalšiu, znížime nepriehľadnosť vrstvy na približne 30% a vytvoríme novú vrstvu, na ktorej už nakreslíme králika pre druhý rám.

3. Dokončíme druhý rám a vypneme viditeľnosť predchádzajúcej, prvej vrstvy.

Možnosť B:

1. Vytvorte rám s postavou a urobte túto vrstvu neviditeľnou.

2. Potom ju duplikujte (Ctrl + J) a presuňte vrstvu na tlačidlo „Vytvoriť novú vrstvu“ naľavo od košíka.

3. Teraz zviditeľnite druhú vrstvu a začnite ju upravovať.

Duplikovaním predchádzajúcej vrstvy teda vytvoríte nové snímky a zmeníte ich, a nie ten istý.

5. Sedíme a kreslíme rámy 10 -15 ...

6. A pozrime sa, čo sa stalo.

Ukázalo sa, že beží králik.

Navyše sa neskopíruje ani jedna jeho časť: každý rám sa nakreslí nanovo.

Presvedčte sa sami:

V procese vytvárania animácie by ste mali pamätať na to, že je dosť ťažké prepínať medzi stovkami vrstiev, a preto by ste maľovanie alebo zmenu niečoho nemali odkladať na neskôr. Urobte to hneď.

Takmer koniec

Vyššie som urobil výhradu k nástroju ().
Oplatí sa ho použiť, keď napríklad chcete kameru odsunúť, priblížiť, otočiť a pod. (Ak potrebujete posunúť iba pozadie, použite video editory, bude to pre vás jednoduchšie). Zbytočne nepoužívajte skreslenie, zošikmenie a iné transformačné nástroje.

A potom, čo sme zachránili naše gif-animácia vo formáte video súboru .avi, môžete napríklad pokojne prejsť na Windows Live Movie Maker.
Odtiaľ si s videom robte, čo chcete.

A potom môžete nahrať svoj klip na youtube.com a užiť si svoju prácu.

VEĽKÉ ĎAKUJEM všetkým za pozornosť, Lero-art bol s vami. Ospravedlňujem sa za jazykový jazyk, zvláštnosť prezentácie a ďalšie nedostatky v lekcii, ak nejaké existujú. Všetky sú spôsobené tým, že myšlienky sú zmätené a slová nedávajú dohromady vety ...

Ale dúfam, že ste sa naučili niečo nové a zaujímavé pre seba!

02.08.2016 27.01.2018

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

Z latinčiny sa Anima prekladá ako „duša“. Dá sa povedať, že vytvorením animácie obrázok „oživíme“, dáme mu život.

Panel animácií sa objavil v Adobe Photoshop CS3, predtým vo verzii CS bola schopnosť vytvárať animácie vykonávaná prostredníctvom samostatného programu Image Ready CS2, ktorý bol dodaný s Adobe Photoshop. Teraz, v nových verziách Adobe Photoshop, je súčasťou programu animačný nástroj a má názov časové meradlo. Lekcia hotová v Adobe Photoshop 2015.5, ak máte staršiu verziu programu, niektoré nastavenia sa môžu líšiť, ale základné pojmy sú rovnaké.

Začnime sa učiť, ako vytvoriť animáciu. Otvorte obrázok, ktorý chcete „animovať“ Súbor-Otvoriť (Otvoriť súbor). Mám tento roztomilý obrázok s dievčaťom a mačkou, ktoré obdivujú hviezdnu oblohu.

Vytvorte tri nové prázdne vrstvy, Layers-New-Layer (Layer-Nový- vrstva) alebo kliknutím na miniatúru vytvorte novú vrstvu v vrstvené panely.

Pomenujte ich „1“, „2“, „3“. To vám pomôže vyhnúť sa neskoršiemu zmätku.

Vyberte si kefa (kefa):

Najprv kliknite na trojuholník vedľa veľkosti kefy a potom na ozubené koliesko vľavo:

Otvorí sa ponuka sťahovania štetca:

Stiahnite si hviezdne štetce (https://cloud.mail.ru/public/G2co/RTne1N3f9):

Vyberte jednotlivé štetce a zmenou veľkosti maľovajte na tie 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 obrazu. Poďme k menu Window-Timeline (Okno-Časová os), zobrazí sa nasledujúce okno:

Panel animácií má dva typy: časovej osi a rámová animácia. 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, ak to chcete urobiť, kliknite na tlačidlo " Vytvoriť časovú os videa", 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á, postačia tri snímky. K existujúcemu predvolenému nastaveniu pridáme ďalšie dva snímky, potom sa dostaneme 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 vo vrstve na vrstvené panely):

To isté robíme pre druhý a tretí rám, len vrátane viditeľnosti druhej a tretej vrstvy s hviezdami. 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:

Upnuté kľúčShift vyberte všetky vrstvy na paneli animácií, kliknite pravým tlačidlom myši a zmeňte trvanie snímky od 5 sekúnd, predvolene nastavené, až napr. 0,2 sekundy. Klikneme na tlačidlo "Výber možností cyklu" a zmeňte hodnotu na "Neustále":

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

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

Pre plynulejší prechod medzi snímkami môžete pridať medzirámce – vytvorte aktívny rám animačné panely a kliknite na túto ikonu:

Zobrazí sa okno, v ktorom môžete vybrať počet, umiestnenie a štýl medzi rámami. K prvým dvom snímkam som pridal 3 prechodné snímky s týmito nastaveniami:

A posledná, tretia snímka je tiež 3, ale s rôznymi nastaveniami, aby sa animácia opakovala a aby sa hviezdy objavovali a mizli hladko, bez trhania a náhlych prechodov:

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

Vyberte formát gif, môžete si zvoliť 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!

Počítačová technika sa vyvinula do takej miery, že každý moderný používateľ osobného počítača alebo notebooku je teraz schopný vytvoriť video animáciu alebo animovaný obrázok. V sociálnych sieťach sa takýto zaujímavý vývoj považuje za veľmi populárny, navyše môže umelcovi priniesť celkom dobrý príjem, ak ho použije na reklamu. To je dôvod, prečo veľa ľudí chce zistiť, ako sa vytvára animácia vo Photoshope.

Krok 1: Úprava možností rýchleho zobrazenia animácie

Predtým, ako sa naučíte robiť animáciu vo Photoshope, musíte správne nastaviť grafický program. To vám umožní rýchly prístup k funkciám. Ak chcete otvoriť okno nastavení, musíte stlačiť kombináciu klávesov Alt + Shift + Ctrl + K. Potom uvidíte 2 karty. Prejdite na kartu „Klávesové skratky“. V rozbaľovacom zozname vyberte „Ponuka programu“ a postupujte podľa tejto cesty „Vrstvy“ -\u003e „Vrstvy videa“ a nakonfigurujte si všetky parametre pre seba nastavením pohodlných tlačidiel na vloženie prázdneho rámca, jeho odstránenie, obnovenie, nahradenie a iné funkcie.

Krok 2: Ako otvoriť režim animácie v grafickom programe

Teraz prejdime k podrobnej analýze toho, ako vytvoriť animáciu vo Photoshope. Na paneli s ponukami vyberte položku „Okno“. V rozbaľovacom zozname nájdite položku "Animácia". V novších verziách Photoshopu túto možnosť nenájdete. Preto stlačíme "Okno" -> "Pracovný priestor" -> "Pohyb". Po zaškrtnutí políčka sa v pracovnom priestore grafického programu objaví dočasná čiara, ktorú budeme potrebovať na vytvorenie pohybu obrázka.

Krok 3: Vytvorte novú animáciu

Otvorte nový súbor PSD. Z rozbaľovacieho zoznamu musíte vybrať "Film a video", ako aj rozšírenie, v ktorom bude vaša budúca animácia uložená. Ak chcete zmeniť dĺžku videa a snímkovú frekvenciu, kliknite na ikonu ponuky v okne časovej osi. Nachádza sa v pravom hornom rohu. Potom kliknite na nastavenia dokumentu a nastavte požadované možnosti.

Krok 4: Vytvorte jednoduchý obrázok na testovaciu animáciu

Vytvorenie animácie vo Photoshope vyžaduje objekt, ktorý sa bude pohybovať. Preto je potrebné nakresliť nejaký objekt. Najprv musíte pochopiť základy tvorby animácie vo Photoshope. Najjednoduchší spôsob, ako to urobiť, je na jednoduchej postave, pozostávajúcej z tenkých čiar. Malého človiečika preto nakreslíme v grafickom programe pomocou nástrojov Pero alebo Ceruzka.

Krok 5: Práca s pohybom figúry

Po nakreslení objektu mu môžete začať dávať možnosť pohybu. Ak to chcete urobiť, vytvorte novú vrstvu videa pomocou tlačidla rýchlej úpravy, ktoré ste zadali v nastaveniach programu. Potom vložíme nový prázdny rám a preložíme ich na seba. Schéma animácie je nasledovná: nakreslite figúrku, vytvorte nový rám, prekreslite tú istú figúrku v trochu inej polohe, znova vytvorte nový rám atď.

Krok 6: čo určuje čas kompilácie hotovej animácie

Aby animácia fungovala, je potrebné dať programu nejaký čas na kompiláciu. Dĺžka čakacej doby do značnej miery závisí od zložitosti použitého objektu. V našom prípade bude čas zostavenia veľmi krátky, pretože obrazec pozostáva len z priamych čiar. Aby animácia existovala v reálnom čase, musíte ju nechať posunúť dva-trikrát za sebou, až potom uvidíte, aká je skutočná rýchlosť prehrávania.

Krok 7: Animujte hotovú kostru

Po dokončení predchádzajúcich krokov sa môžete vrátiť na začiatok a prehrať animáciu, aby ste videli výsledok svojej práce. Ako vidíte, animácia vo Photoshope je veľmi jednoduchá, no vytvorenie objektu a jeho následné prekreslenie si vyžaduje čas.

Krok 8: Kreslenie zložitejšieho objektu

Náš animovaný objekt použijeme ako kostru pre nový, zložitejší tvar. Nakreslíme trup, ruky, nohy a hlavu na rovné čiary. Takto získate vo Photoshope komplexnejšiu animáciu. Keď je všetko hotové, môžete využiť možnosť importovať hotový obrázok do iných programov, ako je napríklad After Effects. Jedná sa o profesionálny program na vytváranie flash animácií pomocou rôznych efektov. To môže výrazne zlepšiť vašu prácu. Najprv sa však musíte naučiť, ako uložiť animáciu vo Photoshope. Po overení, že to funguje, stačí stlačiť kombináciu klávesov Ctrl + Shift + S, pomenovať súbor a vybrať požadovaný formát, napríklad gif.

Krok 9: Použitie vrstiev na animáciu objektu

Vytváranie animácií vo Photoshope skúsenejšími používateľmi grafického programu zahŕňa použitie niekoľkých vrstiev. To znamená, že všetky časti tela postavy budú na rôznych vrstvách. Vtedy bude animácia najdôveryhodnejšia.

Možné chyby pri vytváraní zložitej animácie

Počas vytvárania animácie v procese presúvania objektu sa môžu vyskytnúť chyby, ako je nesprávne prekrytie jednej vrstvy druhou, najmä ak je vrchná priehľadná. Aby animácia vo Photoshope vyzerala čo najprirodzenejšie, musíte všetky tieto nedostatky zobraziť na časovej osi a okamžite ich opraviť.

Vďaka modernej technológii môžete vytvárať profesionálne animácie. Na zjednodušenie úlohy sa odporúča použiť niekoľko programov naraz. Môže to byť Photoshop akejkoľvek verzie a na vytváranie rôznych efektov sa môžete obrátiť na také známe programy ako Adobe Flash alebo After Effects, vďaka ktorým si animáciu nielen vylepšíte, ale aj uľahčíte, pretože takýto softvér je špeciálne vytvorený na vytváranie pohyblivých obrázkov. Postupujte podľa pokynov krok za krokom, experimentujte, pridajte trochu kreativity a fantázie a budete úspešní!

Premýšľali ste niekedy nad tým, ako vznikajú animované GIFy? Autor lekcie vám ponúka, aby ste pomocou tejto lekcie zvládli niektoré z tajomstiev animácie za jednu noc. Dozviete sa tiež, ako používať časovú os, ktorá je dostupná vo Photoshope CS6. A 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 poďme k menu 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é sa majú použiť v strede.

Krok 2

Vytvorte novú vrstvu a pomenujte ju hluková vrstva. Vyberte si nástroj vyplniť(Nástroj Paint Bucket Tool) a vytvorenú vrstvu vyplňte tmavou farbou (# 231f20). Nechajte aktívnu vrstvu hluková vrstva a prejdite do menu Filter - Noise - Add Noise(Filter > Noise > Add Noise). V dialógovom okne nastavení filtra nastavte nasledujúce hodnoty: Effect(Suma) 3 %, rozdelenie Uniforma(Uniform) 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 ste dosiahli rovnakú farbu, akú má autor na snímke obrazovky, môžete pri korekcii Hue / Saturation (Hue / Saturation) nastaviť hodnotu Hue na - 140.

Krok 4

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

Poznámka prekladateľa: Na obrazovke autora je text už rastrovaný spolu so štýlom Stroke. Aby to bolo pre vás rovnaké, 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 efekt žiariaceho textu 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 na vypĺňa(Vyplniť) na 0 %.

Krok 7

Duplikujte vrstvu, ktorú ste vytvorili v kroku 5, a vypnite všetky štýly vrstiev tejto kópie. 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 prelínania na Základné osvetlenie(Color Dodge).

Aktivujte nástroj Kefa(Brush Tool), vyberte mäkkú kefu, nastavte Nepriehľadnosť(Nepriehľadnosť) na 95 % a bielou farbou nakreslite cez text škvrny. Každé písmeno má na svojej vrstve samostatný svetelný bod. Nižšie na snímke obrazovky môžete vidieť, ako vyzerajú autorove vrstvy v palete vrstiev.

Krok 10

Teraz poďme k menu 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 svetelných bodov, ktoré sú 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ý rozsah, stlačte tlačidlo Vytvorte časovú os videa(Vytvoriť časovú os videa) a všetky vaše vrstvy sa načítajú do časovej osi. Vyberie sa v ňom 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 škvrnami 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 ukazovateľ aktuálneho času na stupnici 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.

Premýšľali ste niekedy nad tým, ako vznikajú animované GIFy? Autor lekcie vám ponúka, aby ste pomocou tejto lekcie zvládli niektoré z tajomstiev animácie za jednu noc. Dozviete sa tiež, ako používať časovú os, ktorá je dostupná vo Photoshope CS6. A 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 poďme k menu 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é sa majú použiť v strede.

Krok 2

Vytvorte novú vrstvu a pomenujte ju hluková vrstva. Vyberte si nástroj vyplniť(Nástroj Paint Bucket Tool) a vytvorenú vrstvu vyplňte tmavou farbou (# 231f20). Nechajte aktívnu vrstvu hluková vrstva a prejdite do menu Filter - Noise - Add Noise(Filter > Noise > Add Noise). V dialógovom okne nastavení filtra nastavte nasledujúce hodnoty: Effect(Suma) 3 %, rozdelenie Uniforma(Uniform) 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 ste dosiahli rovnakú farbu, akú má autor na snímke obrazovky, môžete pri korekcii Hue / Saturation (Hue / Saturation) nastaviť hodnotu Hue na - 140.

Krok 4

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

Poznámka prekladateľa: Na obrazovke autora je text už rastrovaný spolu so štýlom Stroke. Aby to bolo pre vás rovnaké, 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 efekt žiariaceho textu 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 na vypĺňa(Vyplniť) na 0 %.

Krok 7

Duplikujte vrstvu, ktorú ste vytvorili v kroku 5, a vypnite všetky štýly vrstiev tejto kópie. 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 prelínania na Základné osvetlenie(Color Dodge).

Aktivujte nástroj Kefa(Brush Tool), vyberte mäkkú kefu, nastavte Nepriehľadnosť(Nepriehľadnosť) na 95 % a bielou farbou nakreslite cez text škvrny. Každé písmeno má na svojej vrstve samostatný svetelný bod. Nižšie na snímke obrazovky môžete vidieť, ako vyzerajú autorove vrstvy v palete vrstiev.

Krok 10

Teraz poďme k menu 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 svetelných bodov, ktoré sú 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ý rozsah, stlačte tlačidlo Vytvorte časovú os videa(Vytvoriť časovú os videa) a všetky vaše vrstvy sa načítajú do časovej osi. Vyberie sa v ňom 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 škvrnami 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 ukazovateľ aktuálneho času na stupnici 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.