• 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
15) Tereza [14. 09. 2013 | 20:41]
pardon Malina
14) Tereza [14. 09. 2013 | 20:41]
Zaara<A je to na adobe.com placené?
13) Malina [14. 09. 2013 | 18:11]
Sísinka> photoshop najdeš třeba na slunečnice.cz, stahuj.cz nebo na oficiálních stránkách adobe(adobe.com) 
12) Sísinka [14. 09. 2013 | 14:24]
ahoj máte hezký návod jen se chci zeptat kde stáhnu photoshop? napíšete mi to prosím na howrse jmenuji se tam Sísinka doufám že budete hodní a pomužete mi a díky Sísinka
11) Podky [14. 09. 2013 | 13:54]
Díky holky Jinak je pravda, že toto jde použít POUZE NA PHOTOSHOP! Nevím, jestli to jde i někde jinde, já dělala tutoriál pouze na Photoshop! Prosím, respektujte to, že Vám vážně neřeknu, jestli to jde i někde jinde 
PS: Byla bych opravdu moc ráda, kdyby se někdo vyjádřil k mému tutoriálu...
10) Zaara [13. 09. 2013 | 21:44]
Pokud používáte program, který podporuje animace, tak by to jít mělo. Musíte vyzkoušet . Pokud Váš program animovat neumí, tak lze využít trochu složitější cestu - vytvořit si animaci zvlášť v jiném programu (GIF Animator apod.) a následně ji do prezentace přidat pomocí HTML kódu. K tomu je ale třeba vyznat se trochu více v kódování.
9) Malina [13. 09. 2013 | 20:00]
lolinet00> to už si musíš zjistit, tady je návod pouze na PS
Mia> normální je prostě s obrázkem, animovaná je s gifem/animací(hýbacím obrázkem)viz. Prezentace na profil od Černá podkova.
Podky> tak abys neřekla tak chválím, pěkný návod
8) Mia [13. 09. 2013 | 19:24]
Aký je rozdiel medzi normálnou a animovanou????
7) lolinet00 [12. 09. 2013 | 16:42]
Jde to aji v jiných programech např.photofilitre???
6) Nayira [12. 09. 2013 | 15:32]
Jediný způsob je vytvořit takovouto animaci v PhotoShopu, bohužel v Realu (RWP) to nejde 
Ve PhotoFiltru by to možná i šlo, ale zřejmě by nebyla tak dobrá kvalita animace. Samozřejmě jsou i programy, které se specializují právě na vkládání animací a rozpohybování samotného obrázku
5) zelí [11. 09. 2013 | 21:39]
škoda , že nemůžu mít PS
.
Jde udělat animovanou prezentaci tak ,že si v PF udělám G. šablony a pak z nich v Gif aditoru udělám animaci(gif)?
4) Malina [11. 09. 2013 | 20:36]
Zuzuazuzu> RWP mám dlouho a nikdy jsem neviděla že by to tam někdo takto vložil. Na tot jsem nepřišla ani já asi ani nikdo jiný. Myslím, že v tomto programu neco takového neuděláš
3) Podky [10. 09. 2013 | 21:23]
Nemáte zač Jinak co se týče RWP, tak ten nemám a nejsem si jistá, zda to v něm vůbec jde
2) BlackTea° [10. 09. 2013 | 21:10]
No tak v PS je to dobré, ale chtělo by to třeba v Rwp, když v něm teď hodně lidí dělá prezentace. 
Vím,že jsem moje požadavky nesplnitelné, ale já jsem prostě taková. Stejně ale děkuji za návod, snad v budoucnu využiju!!
1) Dadak98 [10. 09. 2013 | 21:04]
Díky za návod. PS bohužel nemám a nemůžu sehnat (o koupi za ty prachy ani nemluvím), takže animace dosazuji později pomocí HTML 
16) Podky [14. 09. 2013 | 20:53]