Rámová animácia vo Photoshope. Animované tlačidlo vo Photoshope CS6 Vytvorte animáciu vo Photoshope CS6

Dobrý večer, milí odberatelia a len čitatelia môjho blogu! Ste pripravení naučiť sa oživiť svoj obrázok? A nie pomocou mágie, ale pomocou všetkého z nášho milovaného Photoshopu! Ako dlho som túto lekciu odkladal bez toho, aby som pochopil 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 dostane aj ten váš video lekciu, ako na to vytvoriť animáciu vo Photoshope.

Už 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!

Teraz prejdime k lekcii. Vo videu nižšie vám poviem, ako vytvoriť postupne pridávaný text, ale v textovej lekcii bude úloha trochu komplikovanejšia.

Máme Cipollina a musíme ho prinútiť, aby nám mávol rukou.

Krok 1. Najprv musíte „zapnúť“ animáciu vo Photoshope. Pre toto ideme "Okno"->"Animácia". Môže byť ešte napísané "Časová os".

Krok 2. Aby sa ruka mohla pohybovať, musíme ju vystrihnúť a dať do rôznych polôh. Na vystrihnutie ruky osobne používam “Magnetické laso”. Vytvorte kópiu hlavnej ( Ctrl+J) a pracujte s kópiou. Originálu sa nedotýkame.

Opatrne vyberte ruku a vystrihnite ju!

Krok 3. Teraz vložíme ruku, nech to znie akokoľvek hrozne, a položíme ju do rôznych polôh. Ruka bude vložená do nových vrstiev, to je dokonca v našej výhode.

Krok 4. Tento krok je voliteľný, ale je lepšie použiť nástroj Guma na miernu korekciu ruky, vďaka čomu je prirodzenejšie. Je ťažké to vysvetliť, samozrejme, slovami. Ak rozumiete, preč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 zapneme len tie vrstvy, ktoré potrebujeme. Napríklad v rámci 1 potrebujeme náš originál av našom prípade "Vrstva 0".

Teraz vytvoríme nový rám:

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

Krok 6. Nastavte oneskorenie snímky. To znamená, po akom časovom období sa zobrazí ďalší snímok.

Krok 7 Zachráňme naše. Existuje dôvod, prečo som tento krok zahrnul do svojho tutoriálu, pretože ukladanie GIF je trochu iné ako len obrázok.

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

V tomto článku budem hovoriť o tom, čo je animácia vo Photoshope. Na príklade vytvorenia novoročného bannera uvidíme, ako funguje animácia vo Photoshope.

Budem pracovať v programe Adobe Photoshop CS6. Moje rozhranie je ruské, keďže píšem z práce.

Mám doma anglickú verziu a odporúčam vám študovať s anglickou verziou, tu je dôvod:

• V programe sa môžete ľahko pohybovať v akomkoľvek jazyku (po angličtine v ruštine ľahko nájdete nástroje, pretože je to váš rodný jazyk a po ruštine môžete mať problémy s prispôsobením).
• Väčšina dobrých lekcií je napísaná v angličtine.
• Lokalizácie programov sa často navzájom líšia a kvalita prekladu rozhrania niekedy zanecháva veľa požiadaviek. Nesprávny preklad nástrojov môže zmiasť osobu, ktorá sa začína učiť program.

Začnime vytvárať animáciu vo Photoshope CS6

Spustíme Photoshop.

Vytvorte nový dokument Súbor -Nový (Ctrl+N).

V okne, ktoré sa otvorí, nastavte rozmery bannera: 600 x 120, nazvime ho „Novoročný banner“ -> „Ok“.

Vytvorenie pozadia

Vopred vyberám materiály, ktoré použijem pri svojej práci (pozadie, fonty atď.).

Otvorte pripravenú textúru: Ctrl+O. Môžete si stiahnuť textúru, ktorú používam.

Otvorte paletu vrstiev "Vrstvy" - F7.

Vyberte okno s textúrou, presuňte vrstvu z palety vrstiev na vrstvu s bannerom.

Ak je textúra v porovnaní s bannerom príliš malá alebo príliš veľká, upravte jej veľkosť pomocou transformácie „Ctrl+T“.

V rohoch obrázka sa objavia malé štvorcové značky. Podržte Shift, aby ste pri zmene veľkosti zachovali pomer strán, a diagonálnym ťahaním rohovej rukoväte zmenšite alebo zväčšite veľkosť obrázka, kým pozadie nevyplní celý povrch bannera.

Potom, čo sme textúru prispôsobili veľkosti banneru, prejdeme k jeho farebnej korekcii.

Prejdite do ponuky „Obrázok“ - „Úpravy“ - „Odtieň / Sýtosť“ (Obrázok - Korekcia - Odtieň / Sýtosť).

Na dosiahnutie jasných a nasýtených farieb som nastavil nasledujúce nastavenia:

Píšeme text

Vytvorte novú vrstvu (Ctrl+Shift+N) alebo kliknite na ikonu novej vrstvy v palete vrstiev.

Vyberte nástroj Horizontal Type Tool (T).

Vyberte štetec s akoukoľvek hviezdou, namaľte bielou farbou #ffffff. Ak chcete vybrať farbu, kliknite na malý štvorec v spodnej časti ľavého panela.

V novej vrstve nakreslite hviezdy na náhodných miestach. Ak chcete, aby boli hviezdy jasnejšie, kliknite niekoľkokrát na jedno miesto. Tu je to, čo som dostal:

Vytvorte duplikát vrstvy (Ctrl+J). Kliknutím na ikonu oka v palete vrstiev skryjete viditeľnosť predchádzajúcej vrstvy.

Vyberte hornú vrstvu s kópiou hviezd. Na ľavom paneli vyberte nástroj Lasso (L).

Postupne vyberte každú hviezdu, stlačte „V“ (Nástroj pre presun) a presuňte ju na akékoľvek iné miesto, týmto spôsobom budeme mať hviezdy na rôznych miestach v rôznych rámoch, čo vytvorí efekt blikania.

Keď presuniete všetky hviezdy na iné miesto, vytvorte duplikát vrstvy, na ktorej ste pracovali (Ctrl+J), kliknutím na oko skryte predchádzajúcu vrstvu v palete vrstiev a znova zopakujte operáciu presunu hviezd na novú miest, môžete tiež dokončiť kreslenie niekoľkých nových hviezd.

Takto budeme mať 3 vrstvy s hviezdami, v každej z nich budú hviezdy v rôznych polohách.

Všetko je pripravené.

Prejdime k vytváraniu animácií vo Photoshope

Otvorte časovú os. Prejdite do ponuky „Okno“ - „Časová os“ (Okno - Časová os).

Na paneli časovej osi, ktorý sa zobrazí, nájdeme uprostred tlačidlo „Vytvoriť časovú os videa“ (Vytvoriť časovú os pre video).

Potom váha zmení vzhľad. Teraz kliknite na ikonu s tromi štvorčekmi v ľavom dolnom rohu okna a vytvorte animáciu po jednotlivých snímkach.

Otvoril sa panel animácií po jednotlivých snímkach. Teraz existuje len jeden rám, v ktorom sú zobrazené všetky viditeľné vrstvy (obsah vybraného rámca sa zobrazuje v hlavnom okne na monitore).

Prejdite na paletu vrstiev - F7. Teraz musíme vypnúť horné dve hviezdne vrstvy (kliknite na oko), pričom zostane viditeľná iba jedna. Toto bude prvý snímok.

Prejdite na paletu vrstiev. Vypnite prvú vrstvu s hviezdičkami, zapnite druhú. V druhom rámci teda ukážeme hviezdy na iných miestach.

Znova kliknite na ikonu nového rámu. Vypnite druhú vrstvu s hviezdičkami, zapnite tretiu.

Venujte pozornosť času pod každým rámcom, toto je trvanie rámca. 5 sekúnd, ktoré sú predvolené, je pre nás priveľa – animácia sa spomalí, kliknite na šípku a nastavte trvanie každej snímky na 0,1 sekundy.

Aby sa snímky plynulo menili, musíme medzi kľúčovými snímkami vytvoriť medzirámce. Ak to chcete urobiť, na prvom snímku kliknite na ikonu s niekoľkými kruhmi v spodnej časti dočasného panela.

V zobrazenom okne uveďte, koľko medzirámcov chceme vytvoriť. Nastavím ho na 2. Pre všetky snímky okrem posledného nastavte na „Ďalší rámec“.

Medzi prvou a druhou kľúčovou snímkou ​​máte teraz 2 stredné snímky.

Teraz stojíme na 2. kľúčovom snímku (teraz je to 4. v rade), opäť klikneme na ikonu s krúžkami a vytvoríme ďalšie 2 medzirámce. Teraz už len musíme zavrieť posledný a prvý snímok, aby sme dosiahli plynulú animáciu.

Vyberte poslednú snímku na časovej osi. Kliknite na kruhy. V okne, ktoré sa zobrazí, v riadku „Prechodné snímky“ vyberte „Prvý rámec“ a pridajte rovnaké 2 snímky.

Teraz pod rámčekmi vľavo dole uvádzame počet opakovaní animácie „Neustále“.

Vyberte prvú snímku, stlačte trojuholník vpravo „Prehrať“, aby ste videli, čo sa stalo.

Vyberte formát súboru na uloženie GIF, kliknite na „Uložiť...“, vyberte adresár, do ktorého budeme ukladať, znova kliknite na „Uložiť“.

Takže v tejto lekcii sme sa pozreli na to, ako vytvoriť animáciu vo Photoshope CS6.

Dúfam, že ste sa z tohto návodu naučili niečo nové a užitočné.

Ak chcete vytvoriť animáciu, nemusíte mať žiadne fenomenálne znalosti, stačí získať správny nástroj a správne ho používať. Takýchto riešení je pomerne veľa, no najznámejším z nich je Adobe Photoshop. Tento článok vám ukáže, ako v ňom môžete rýchlo vytvoriť animáciu.

Ak Photoshop nemáte vo svojom počítači, stiahnite si ho z vyššie uvedeného odkazu, potom ho nainštalujte podľa pokynov v tomto článku a spustite ho.

Fáza 1: Príprava plátna a vrstiev

Teraz na ne môžete nakresliť to, čo sa zobrazí v animácii. V našom jednoduchom príklade to bude pohyblivý štvorec. Na každej vrstve sa posunie o niekoľko pixelov doprava.

Krok 2: Práca s časovou osou

Všetky! Animácia je pripravená. Výsledok si môžete pozrieť kliknutím na tlačidlo "Spustiť prehrávanie animácie". A potom ho môžete uložiť vo formáte GIF.

Týmto jednoduchým, ale osvedčeným spôsobom sa nám podarilo urobiť animáciu GIF vo Photoshope. Dá sa to samozrejme výrazne vylepšiť skrátením frame time, pridaním ďalších snímok a samozrejme namiesto čierneho štvorca vytvoríte niečo originálnejšie a kvalitatívne lepšie. Ale to závisí od vašich preferencií, túžob a zručností.

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

O stop-motion animáciu sa zaujímam pomerne dlho, aj keď som študoval málo materiálu. Všetky knihy, ktoré som začal čítať, boli 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.

Veľa ľudí mi odporúčalo 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?

Dotknem sa dvoch tém: krátkych animácií a dlhých. Nemali by ste listovať typmi animácií, ktoré pre vás nie sú zaujímavé: môžu tam byť informácie, ktoré sa vám budú hodiť pri animáciách typu, ktorý potrebujete.

Krátke animácie– ide o animované avatary, emotikony atď.

Dlhé animácie– ide o karikatúry, videá atď.

Najprv vám poviem 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á, prečo sa moja postava/objekt pohybuje rýchlo/pomaly?“
Odpoveď znie: 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 trhá, 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!

Keď sa teda pripravíte na vytvorenie animácie, 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 ste sa často stretávali s animáciami na avataroch, 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 robia ľahko. Na jednej strane áno, sú malé, ale na druhej strane, keď ich kreslíte 15 -30 snímky, budete mať čo robiť (predstavte si, že ak chcete vytvoriť trojminútový klip, budete musieť urobiť 4320 rámy!).

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

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

Po prvé, vlasy nie sú lepenka - pod vplyvom mierneho vetra vytvoria priečne vlny.

Zhruba takto je to znázornené na diagrame:

Pod vplyvom silného vetra budú vlasy takmer rovné, ale vaša postava bude musieť pevne zavrieť oči a chytiť sa niečoho, aby ju neodfúklo, pretože v skutočnosti takému vetru vydrží len 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 vaše vlasy.

Ľahký vietor:

Stredný vietor:

Silný vietor:

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

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

Po druhé, každá akcia niekde začína. Všimli ste si niekedy, že napríklad pri vstávaní zo stoličky ňou najprv trochu pohnete a predkloníte a až potom vstanete? alebo ze ked chces dat ranu raketou tak ju najprv odsunies a otocis s nou telom a az potom urobis ranu?

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

Aby ste sa nedostali do problémov s týmito pohyby pred akciami(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é (elasticita, mäkkosť, tvrdosť atď.), To všetko je potrebné.

Uvedomte si, ž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 ste pri pozeraní kreslených filmov alebo anime obdivovali animáciu a závideli tým, ktorí ich vedia robiť? Všetky tieto nádherné scény, plastické pohyby a oveľa viac. atď.? Úprimne priznávam – áno. Vždy, keď niečo pozerám, snažím sa pochopiť, ako s tým pracovali animátori? 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

Rozhodli ste sa napríklad natočiť krátke video, v ktorom bude tancovať niekoľko dievčat.

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

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

2. Teraz musíte vytvoriť scénu po scéne (RPS)

Č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...

Je to v poriadku, keď ich nie je toľko. Ale keď urobíme celý klip, môže ich byť viac 30 veci!
Preto chytrí animátori používajú takú úžasnú vec, ktorá vyzerá ako linajková kniha.

V ňom zobrazujú výjavy.

Iba 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 jasne nevysvetlil).

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

Takže berieme na vedomie tento storyboard pre scény a používame tieto knihy.
Nemusíte ani vytvárať knihu, ale jednoducho vytvorte veľký súbor vo Photoshope a nakreslite tam všetky scény.

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

Pohyby kreslíme do knihy RPS.

Ak máte vo videu viac ako jednu scénu, budete musieť nakresliť niekoľko rôznych pozadí. Nakreslite ich do samostatných súborov.
A pamätajte na jednu vec - pozadie sa neobjaví zo vzduchu. Ak teda chcete, aby sa kamera posunula do strany, malo by tam byť aj pozadie. tie. budete musieť nakresliť pozadie na dĺžku (alebo šírku, alebo možno oboje) viac.

Potom navrhnete vzhľad 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 bodom „Proces tvorby animácie“. o čom to hovorím? Navyše teraz budete potrebovať morča, ktorého prinútite pohybovať sa. Nebudeme robiť video, v ktorom 4320 rámy. Najlepší a najjednoduchší spôsob, ako to pochopiť, je vytvoriť animáciu po jednotlivých snímkach pomocou 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“ sa bude animácia opakovať. Ak vyberiete Raz, animácia sa prehrá iba raz. (V mojej lekcii sú obe verzie animácií: zacyklená - kde je zobrazený princíp DPD, reprodukovaná raz - kde je zobrazená zmena scény).

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

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

Prehrá animáciu/Zastaví animáciu- Prehrať/Zastaviť.

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

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

Duplikuje vybraté snímky- nie celkom správny názov... Lepšie by bolo povedať „Pridanie nového rámca“.

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

3. Teraz môžeme začať kresliť. Ak to chcete urobiť, umiestnite 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 prichádza ťažšia časť: musíme nakresliť rovnakú postavu mnohokrát za sebou v rôznych pózach.

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

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

B) Skopírujte predchádzajúcu vrstvu a zmeňte ju (dokončíte kreslenie a mazanie, namiesto použitia transformácie! Takýto nástroj budete potrebovať len zriedka, napíšem neskôr).

Akonáhle sa dostanete do animácie, môžete bezbolestne používať 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 kreslenie druhého rámu 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) pretiahnutím vrstvy na tlačidlo „Vytvoriť novú vrstvu“ naľavo od koša.

3. Teraz zviditeľníme druhú vrstvu a začneme ju meniť.

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 ide o bežiaceho králika.

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

Presvedčte sa sami:

Pri vytváraní animácie by ste mali pamätať na to, že prepínanie medzi stovkami vrstiev je dosť ťažké, 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 oddialiť, 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 nástroje na skreslenie, naklonenie alebo 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 Film Studio.
Odtiaľ robte s klipom čokoľvek, po čom vaše srdce túži.

A potom môžete nahrať svoj klip na youtube.com a užívať si prácu, ktorú ste urobili.

ĎAKUJEM VEĽMI PEKNE za pozornosť, Lero-art bol s vami. Ospravedlňujem sa za jazykoznalosť, zvláštnu prezentáciu a iné nedostatky v lekcii, ak nejaké existujú. Všetky sú spôsobené tým, že myšlienky sú zmätené a slová netvoria vety...

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

Premýšľali ste niekedy nad tým, ako vznikajú animované GIFy? Autor lekcie vás pozýva zvládnuť niektoré tajomstvá animácie za jednu noc pomocou tejto lekcie. 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 rozmermi 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á 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: 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 ako autor na snímke obrazovky, pri úprave odtieňa/sýtosti môžete hodnotu odtieňa nastaviť na -140.

Krok 4

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

Poznámka prekladateľa: Na screenshote 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) z 0 % textovej vrstvy, 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. Dvakrát kliknite na vrstvu, aby sa zobrazilo okno Možnosti štýlu. Ak chcete prispôsobiť štýly vrstiev, použite nižšie uvedené snímky obrazovky.

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 Vrstvy a znížte hodnotu tejto vrstvy Výplne(Vyplniť) 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 % a nakreslite škvrny na vrch textu bielou farbou. Pre každé písmeno je na vlastnej 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 zvýraznenia, 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, kliknite na tlačidlo Vytvorte časovú os pre video(Vytvoriť časovú os videa) a všetky vaše vrstvy sa načítajú do časovej osi. Vyberie sa 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 pozdĺž trajektórie ich pohybu vzhľadom na obrys písmena.

Krok 12

Takto bude vyzerať počiatočná poloha svetelného bodu na písmenách. Posúvajte ukazovateľ aktuálneho času pozdĺž stupnice a posúvajte vrstvy so svetlými bodmi, čím vytvárate 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.