TUTORIAL - Jak vytvořit animaci v PS + úprava

31. července 2014 v 14:41 | © terush I ARTDESIGNS |  Tutorials

Hodně z vás se mě ptalo, jak udělat animace s úpravou jako mám já a přišlo mi i pár žádostí, jestli bych na ně neudělala tutorial. Sanžila jsem se to všechno docela podrobně sepsat + máte u toho i obrázky...tak snad vše pochopíte. Když tak víte, že mi můžete napsat na ask. :)


Takže úplně prvním krokem bude asi to, že si vybereme video, ze kterého chceme mít animace a stáhneme si ho. (chápu, že většina asi umí stáhnout video z youtube, ale pro jistotu jsem nepřeskočila ani tento krok :D)

Existuje mnoho způsobů, jak stáhnout video z youtube. A ani není nutné stahovat nějaký další program.
1. možnost: na youtube si najdete vybrané video. Nahoře, kde máte napsanou adresu videa, stačí za "www." zadat "ss" a ono vás to odkáže na stránku, ze které si zvolené video stáhnete. Stačí už jen vybrat formát. Doporučuji MP4 720p, ať máte animace pěkně kvalitní.



2. možnost: otevřete si stránku http://www.clipconverter.cc/ze/, vložte odkaz na video, vyberte formát a zvolte "pokračovat". Zde si ještě můžete navolit kvalitu videa. Pak už jen klikntete na tlačítko "začít" a poté "stáhnout".
(asi doporučiji tuto 2. možnost, protože ta první mi občas zlobí:D)


Tak teď už máme video a můžeme se pustit do dělání animací.
1. Otevřete si Photoshop (já mám CS6, ale myslím, že v CS5 je to hodně podobné)

(Já vždy předtím, než začnu vytvářet animace, si ještě projedu video a předběžně si vyberu záběry,
které se mi líbí a chci z nich mít animace.)

2. V PS si musíte nejprve otevřít časovou osu.( Okna > Časová osa )

3. Nyní si otevřeme video (nebo spíš jen určitou část z videa) a PS nám z toho vytvoří několik snímků.
Soubor > Import > Video snímky na vrstvy...

Zobrazí se vám tabulka, zde si označíte, jaká část se má otevřít a utvořit vrstvy.

Pokud jste video "neořízli" přesně vůbec nevadí a snímky, které tam máte navíc jednodušše označíte (klikneme na 1. snímek, podržíme Shift a kliknete až na poslední snímek, kterého se chceme zbavit) a přesunete do koše.

4. Dalším krokem bude změna velikost animace a odříznutí např. těch černých okrajů, které mám u animace já... Zvolte "nástroj oříznutí".
Objeví se vám kolem fotky takový "rámeček" a vy jen ozančíte tu část, která má zůstat, zbytek se odřízne. Já tedy odřízla černé okraje a poté ještě šířku obrázku, protože bych měla animaci až moc širokou.
(Samozřejmě kolikrát nic ořezávat nemusíte,tím lépe. Já se vždy zbavuji akorát černých okrajů, nebo tagu)

(+ Photoshop vám při oříznutí i ukazuje momentální šířku a výšku vašeho obrázku)

5. Teď už jdeme na úpravu. Vždy když anímaci nějak upravujete, klikněte si na časové ose na první snímek a vpravo ve vrstvách zase úplně na poslední.
(je to důležité, aby se vám brushe a další věci dávaly přes všechny snímky)

Asi prvním krokem v úpravě bude, že snímky barevně upravíme, zesvětlíme... (je na vás, jestli jsi úpravu sami vytvoříte a nebo si stánete nějakou psd colorizaci např z tumblr, deviantartu...)

Dále na animci můžeme napsat text, či vložit nějaké brushe. To už je jen na vás. Já si např. na animaci vložím hvězdičkové brushe. :D
V panelu "vrstvy" vytvořím tedy novou vrstvu, u které ještě mohu navolit určitý styl (vnitřní stín,vržený stín...)

Často se mě ptáte, jak jsem udělala animaci tak, že je vlastně v barvě jako mám např. menu. Jednodušše. :D Prostě jen zvolíte "překrytí barvou". Já u své animace dala černou a u vrstvy navolila styl vrstvy na "násobit" a výplň jsem dala kolem 80-90%.

6. Teď když máte úpravu hotovou, už jen nastavíme čas. A to tak, že na časové ose si označíme všechny snímky (klikneme na 1. podržíme Shift a klikneme až na poslední) poté opět klikneme na malý trojúhelníček u času (viz obrázek) a dáte "jiný..." zde si můžete nastavit čas jaký chcete. Já obvykle dávám 0,06s-0,09s. Musíte si to vyzkoušet, prostě si to nastavte tak, aby to vyhovovalo vám. :)


7. V poslední řadě, jestli chcete animaci ještě zmenšit, tak stačí jen Obrázek > Velikost obrázku ,já si dala šířku 400px.

8. Nyní už jen uložit. Soubor > Uložit pro web...opět se vám objeví tabulka, nic moc nastavovat nemusíte, jen si dejte pozor, abyste tu vaši animaci uložili jako gif.

Samozřejmě když pak vytváříte další animace, tak celou úpravu už jen přetáhnete, takže jediné co nastavíte bude opět čas a odříznete např. ty černé okraje/tag prostě to co tam nechcete. Jen si dejte pozor, ať to odříznete stejně jako u předchozí animace.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Doufám, že jsem vám pomohla. Budu moc ráda za vaše komentáře u tohoto článku, ať vím, že jsem to nedělala zbytečně... Pokud byste měli jakýkoli problém, nebo něco nepochopili pište mi na ask!

A tady už jen moje hotová animace s Demi ♥
 


Komentáře

1 Ellie►mkunis-ndobrev.blog.cz Ellie►mkunis-ndobrev.blog.cz | Web | 31. července 2014 v 15:19 | Reagovat

Moc děkuju za návod, určitě ti to muselo dát moc práce :).. Abych řekla pravdu, tak mě to v PS příjde takové složité, ale možná to podle návodu někdy zkusím :)

2 Spencer Spencer | Web | 31. července 2014 v 15:40 | Reagovat

Wooow, to je super návod. :-) A ta animace s Demi je nádherná <3

3 the100-daily the100-daily | Web | 31. července 2014 v 15:53 | Reagovat

Seš opravdu skvělá ! :-) tohle pomůže úplně všem,já se je dokonce asi začnu učit v PS díky tvému tutoriálu :3 ,díky !

4 S. S. | Web | 31. července 2014 v 16:02 | Reagovat

Úžasnej návod, skvěle sepsanej. :) Dá se to lehce pochopit. Rozhodně vyzkouším! :)

5 Nila Nila | Web | 31. července 2014 v 17:04 | Reagovat

Ahoj,mám zájem o spřátelení,tak se dižtak ozvy,protože wanna be,nikde nevidím :D
PS: Je super,že si sem dala návod!

6 Britt. Britt. | Web | 31. července 2014 v 18:41 | Reagovat

wow, super návod, vždycky jsem dělala animace v Photoscape, takže někdy zkusím je vyrobit takhle :)

7 AnneR AnneR | Web | 31. července 2014 v 18:48 | Reagovat

Já jsem animace dělala uplně jinak přes Photoscape a tohle vypadá fakt dobře a rychle děkuju za super návod :)

8 helčíta helčíta | Web | 31. července 2014 v 19:22 | Reagovat

dost dobrý návod, myslím, že mnohým určitě pomůže :)

9 Mindy Mindy | Web | 31. července 2014 v 20:21 | Reagovat

páni je užasný moc mi pomohl moc děkuju! :))

10 Smile Jane | ©chers-brat Smile Jane | ©chers-brat | Web | 31. července 2014 v 22:46 | Reagovat

Super návod, dělám to podobně :) Jen si stahuji videa přes savevid a ubírám pak barvy :))

11 charles charles | Web | 1. srpna 2014 v 12:01 | Reagovat

Děkuju za návod :) Pomohlo mi to :)

12 Cece Cece | Web | 22. září 2014 v 15:56 | Reagovat

Úžasný návod! Jdu vyzkoušet! ^_^

13 Ooomarie ♥ Ooomarie ♥ | E-mail | Web | 29. prosince 2014 v 20:13 | Reagovat

Moc ti děkuju za návod! Já jsem to všude hledala, protože mám taky CS6 a všude byly jen návody CS5 a mě to v CS6 nešlo... Takže ti moc moc děkuju! ♥

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.
 

Aktuální články

Reklama