• Chat s adminkami
• Bleskovky a informace, co na webu nenajdete - sledujte nás na Facebooku!
• Anketa - VIP vs. Pegasus
• Podvodné stránky - nenaleťte!
Howrse
Grafika
Oddechový koutek
Jak na animovanou prezentaci ve Photoshopu
Jistě jste viděli pár lidí, kteří mají animovanou prezentaci. Někteří už určitě zkoušeli její tvorbu, ale asi se nedařilo. V jednoduchém tutoriálu Vám ukážu, jak na takovou prezentaci ve Photoshopu.
Ahoj, připravila jsem si pro Vás jednoduchý tutoriál - jak na animovanou prezentaci. Vše je do podrobna rozepsané, takže byste měli všechno pochopit :). Jde se na věc!
Jako první si otevřeme svůj Photoshop. Já mám novější verzi CS6, ale určitě to jde i v jiných verzích. Na začátku jsem si už předem vyrobila jednotlivé obrázky prezentace. Otevřeme si pomocí Soubor - Otevřít... (1) první obrázek (pozadí celé prezentace). Tím pádem se nám ukáže 1 vrstva (2):
(Kliknutím zvětšíte)
Po vložení prvního obrázku přicházejí na řadu další - tentokrát obrázky animace. Já mám celkem 4 včetně pozadí. Další obrázky si vložíme pomocí Soubor - Umístit... (3) a tímto způsobem umístíme všechny obrázky, které máme! Na obrázku jsou už veškeré obrázky umístěné a překrývají se - proto vidíme pouze vrchní obrázek. Ve vrstvách si ale můžeme všimnout, že tam máme i ostatní obrázky (4):
Při umisťování jste si možná všimli, že když jste vkládaný obrázek odsouhlasili, trochu se Vám posunul. Jenže jak ho přesunout na správné místo, když vidíme jenom ten horní? Vedle miniatury vrstvy vidíte taková očka (5), pokud na očko klikneme, vrstva se zneviditelní, ale pořád tam bude. Takže 1. vrstvu (pozadí prezentace) kontrolovat nemusíme, ta je na 100% správně. Druhou zkontrolujeme tím, že všechny jiné vrstvy zneviditelníme (viz obrázek) a pomocí šipky (6) ho posuneme přesně do krajů. Na obrázku je ukázka, jak posunout 2. obrázek. Tímto způsobem budeme přesouvat i ostaní obrázky.
Na přesouvanou vrstvu klikneme - tím se vrstva označí. Vyhnete se tím posouvání jiné (nežádoucí) vrstvy!
A nyní se jde už na samotnou animaci! Klikneme na Okna - Časová osa (7). Vyjede nám okénko animací (8) (viz obrázek). Tam vidíme jednu vrstvu. Klikneme na šipečku menu (9) a dáme Nový snímek..., to budeme opakovat v mém případě ještě 3x. Prostě abyste tam měli stejný počet vrstev v animaci jako počet obrázků. Klikneme na 1. vrstvu animace a opět pracujeme s očkami (10)! Vždy musí být vidět pouze jedna vrstva - ta, kterou chcete animovat! Na obrázku máte ukázku jak to bude vypadat u 1. vrstvy (10). Je to úplně stejné, jako když jsme posouvali obrázky. Vyskočí nám nějaké nové vrstvy, ale těch si nemusíme všímat ;).
Teď stačí už jen nastavit čas - pomocí šipeček u každé vrstvy animace (11). Můžete dát třeba 2s. Pozor! Čas musíte zadat u každého obrázku zvlášť!
Teď už stěčí jen uložit! Klikněte na Soubor - Uložit pro web.... Vyskočí nám okno - dáme uložit. Obrázek si pojmenujeme a uložíme. Musíme nechat formát GIF, jinak animace nepůjde!
A máme hotovo! Pokod byste čemukoli nerozuměli, napište slušný komentář. Ráda na Vaši otázku odpovím. Doufám, že Vám tutoriál pomohl. Děkuji za přečtení :).
Přidat komentář
Komentáře
95) fibi [27. 05. 2016 | 20:09]
ahoj nemohli by jste dát i nějaké tutoše na dělání grafiky v GIMPu myslím že by to někteří ocenili. Dk moc 
94) Lumina [29. 06. 2015 | 19:16]
A v PhotoFlitre Studio X to ide ???
93) Star [05. 05. 2015 | 19:38]
Tak na druhý pokus to jde,naučit se buttonku,to bude peklo
92) Rozálie Malinková [26. 04. 2015 | 09:59]
Pardón sekl se mi počítač
91) Rozálie Malinková [26. 04. 2015 | 09:58]
Ahoj zkouším to furt ale nejde mi to vložit na mojí stránku na howrse ... 
90) natyyy123 [19. 03. 2015 | 15:45]
Ahoj, zkoušela jsem to asi 20x a furt mi to nejde. Dám čas do časové osy. Je špatně když tam dám jenom 2 vrstvy které se budou " měnit"? A mám tam dávat celé prezentace nebo jenom obrázky? 
89) :( [05. 03. 2015 | 13:12]
Skúšala som asi už 5x stiahnuť photoshop stiahlo sa to... ale vôbec sa to nepodobá na to čo by malo. Kde na akej stránke ho môžem stiahnuť? 
88) Kaisa [07. 02. 2015 | 11:19]
Midroma: Byl problém s uložišti obrázků, nyní by již měli být vidět. 
87) MIDROMA [31. 01. 2015 | 18:44]
Ahoj, nezebrazují se obrázky (vyzkoušela jsem i Explorer a Mozillu).
Nejde s tím něco udělat?
Díky
86) Anonym [24. 01. 2015 | 18:09]
jo a jeste jsem zapomela dodat ze je na porad bez placeni neni jsen na 30 dnu
85) Anonym [24. 01. 2015 | 18:02]
Prosím !!!:já jsem si stáhla photoshop portable cs6 na uloz.to a musí mít cca 150 GB a je bez virů
84) Kaisa [19. 01. 2015 | 18:55]
Prosím!!!: Tvorba prezentace každopádně, stahování Photoshopu na vlastní nebezpečí.
83) Prosím !!!! [01. 01. 2015 | 18:00]
Ahoj je to zdarma a BEZ VIRŮ ??
82) Jana [06. 12. 2014 | 22:30]
WOW-díky za návod
81) ajak [27. 11. 2014 | 15:42]
Ahoj, já jsem vše udělala podle návodu ale dělala jsem avatár jenom se mi tam ukáží obrázky co jsem udělala a už se to pak neopakuje.
80) Darkí [29. 10. 2014 | 14:10]
Super návod, moc pomohl akorát mi u některých věcí chíli trvalo než sem přišla na to co tím básník chtěl říct A taky než sem našla nastavená, aby se ta animace opakovala, ale mám hotovo, takže paráda
79) Wewik [23. 07. 2014 | 09:40]
zelí: áno, je to možné použiť pre všetky verzie, samozrejme, že tam budú drobné zmeny (tlačítko sa nachádza inde, hodnoty nebudú rovnaké,...), ale malo by to ísť.
78) zelí [22. 07. 2014 | 05:35]
Otázka: Je možné všechny návody v PS použít na všechny jeho verze nebo se některé nějak zásadně liší ?
77) AsDeeN [19. 07. 2014 | 19:17]
evicka 1: Staré verze jsou již od Adobe zpřístupněné zdarma. Ty nové v řádech tisíců.
96) Meli [17. 01. 2017 | 16:29]
Ahoj, dá se to použít i na blog?