• 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
55) Nonsiie [25. 01. 2014 | 17:57]
Jde udělat i V PF.Ježne když jsem to udělala nebyla kvalitní,na kvalitní prezentaci je třeba kvalitní obrázek
54) Bey [23. 01. 2014 | 14:12]
Udělala by jsi také tutoriál jak na animace z videa?
53) Podky [31. 12. 2013 | 13:47]
Lara: Dle mého názoru animace v PF nebudou tak kvalitní jako v PS. PF mám, ale animace v něm neumím. Můžu se na to někdy ale někdy podívat a zkusit ten tutoriál udělat.
52) Lara [30. 12. 2013 | 19:55]
Ahojte
chcem sa opýtať,či dáte aj návod na animovanú prezku aj pre PF?ja som sa tu naučila robiť prezky,ale chcela by som vedieť aj takéto 
51) guzttt [28. 12. 2013 | 16:05]
Jupí!Už mi to jde,akorát jsme ten postup dlouho zjišťovala,a to mám verzi cs5
50) Irulinka09 [22. 12. 2013 | 11:49]
Wau, moci díky za skvělej návod
49) pirana 58 [08. 12. 2013 | 16:23]
Tak pro ty zvědavce co chtějí photoshop tak já mám starší verzi cs8 a nezabralo mi to moc času ani peněz.
Klíče se dají snadno najít na internetu nebo se stáhnou rovnou s tím. Ale musíte umět trošku hledat. Kdo by chtěl tu starší verzi cs 8 ať mi napíše na Howrse a tam mu dám odkaz na stažení a na klíče.
48) guzttt [08. 12. 2013 | 05:54]
Zelí:je to nyvždy,ale,nevím,kdybych já mêla 14000,radši si koupím koně než program.Jinak mi po vypršeni 30 zkušební verze všechno o Adobe Photoshopu vymažeme a nahrajem to znova
Ten potvora počítač pozná,když je tam jen zmínka o "Adobe"
47) Podky [05. 12. 2013 | 07:08]
zelí: Mám takový dojem, že už je to navždy
46) zelí [04. 12. 2013 | 13:48]
měsí nebo rok?
45) Podky [01. 12. 2013 | 18:41]
Kiku Kiss: V Photoscape to určitě jde, ale nejde do něj vložit tak velké plátno a neanimuje s průhledným pozadím
zelí: Myslím, že okolo 10 000 - 14 000 Kč.
44) zelí [25. 11. 2013 | 17:40]
a když jsem u toho, neví někdo kolik stojí PS6, chci ho k vánocům?
43) zelí [25. 11. 2013 | 17:38]
Jde to v RWP, dělá se to jinak. Dneska jsem to objevila
42) elisek111 [23. 11. 2013 | 20:45]
Jde to udělat i ve Photofiltre 7?
41) Kiku Kiss [09. 11. 2013 | 08:46]
Pre tých, čo si neplatia PhotoShop, dá sa to spraviť aj v PhotoScape v kombinácií s pixlr.com, je to veľmi jednoduché... Nedá sa na tom nič nepochopiť len trochu logiky k tomu treba... A je to na svete 
40) Elle2009 [08. 10. 2013 | 19:36]
Je to určitě moc krásné. Pár takových prezentací jsem již viděla. Kdybych měla photoshop tak to určitě zkusím.
39) Podky [03. 10. 2013 | 15:32]
Wolf. W: Nemáš za co
38) Wolf. W [27. 09. 2013 | 10:38]
je to opravdu super děkuji ti mooooc, tenhle návod jsem hledala opravdu dlouho
37) Podky [26. 09. 2013 | 19:25]
Nejde v PhotoFiltre ani v něčem jiném, toto je návod na Photoshop! A já mám český Photoshop, ale ne každý může mít českou verzi a zadarmo normálně není, ale šikovný človíček to může mít i zadarmo. Jak ale, to říkat nebudu, je to dost složité
56) Jednorožík [26. 01. 2014 | 11:13]
Ahoj Podky
Tutoriál mi pomohl,to víš,od tebe pomůže všechno 
Ale mohu se zeptat..Stáhla jsem si Adobe Photoshop CC, myslíš, že by to šlo i v něm? :/