• 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
75) bloom 255 [10. 07. 2014 | 19:11]
Zoey: já taky ne
74) Zoey [07. 07. 2014 | 18:44]
SuperKočka: Ahoj,
návod na prezentaci přece najdeš v sekci: Kurz grafiky a kódování .
Jinak, super návod, až na to, že nemám PS, tudíž mi je zřejmě k ničemu 
. Nevadí 
73) SuperKočka [26. 06. 2014 | 16:04]
Mohla bych poprosit o návod na samotnou prezentaci ?
Mám také PhotoShop CS6 ,ale nevím jak prezentace udělat.
72) Podky [03. 06. 2014 | 16:53]
Mamka..: Tento program ke stažení nenajdeš, pouze na 30 dní a to na stránkách Adobe.
71) Mamka.. [02. 06. 2014 | 19:37]
Kde najdu ten program?Nemůžu to najít 
Pošleš prosím odkaz na stažení?
70) Leila [19. 05. 2014 | 22:13]
Ahoj, mím to, mám takový problém, stejně jako ty mám u té mé prezentace průhledné okraje, když ale pak udělám tu animaci, uložím ji a když ji nahraji na howrse místo průhledných okrajů jsou bílé okraje,jak to mám udělat aby byly průhledný? Díky za odpověd
69) Johynka [23. 04. 2014 | 13:04]
amackap: Ale ten je za peníze, ne???
68) amackap [22. 04. 2014 | 19:55]
Kôli tomuto sa oplatí sťahovať PS! 
67) adlasekvlasek [27. 03. 2014 | 19:58]
Moc hezké!
66) Mall [27. 03. 2014 | 12:21]
Ahoj,prosím kde jsi našla takový podklad toho dřeva?Já to nikde nemůžu najít 
65) Mamka.. [20. 03. 2014 | 13:33]
Ahoj,
pošleš mi prosím odkaz na stáhnutí programu?
Díky Mamka..
64) evicka 1 [16. 03. 2014 | 15:25]
já mám gimp 2 de to i tam ?
Děkuju evicka 1
63) nikolkaniki066 [16. 03. 2014 | 15:21]
Kde nájdem PS zadarmo?
62) hoho [11. 03. 2014 | 08:03]
jak najít Photoshop
61) Laura [04. 03. 2014 | 18:13]
ahojte prosím vie niekto normálny odkaz na PS? snažím sa ho nájsť ale stále musím bud platiť alebo mi to nejde vôbec prosím poradte
60) Terezka10 [02. 03. 2014 | 14:57]
Nevie niekto či to ide aj v photo filter studio X?
Prepáčte za slovenčinu
59) Daisuke [13. 02. 2014 | 19:55]
Je to skvělé ale mám dotaz 
Bude se ta animace opakovat?
58) Luciik97 [04. 02. 2014 | 22:12]
Děkuji, moc mi to pomohlo ! :3
57) MartinaMartafon1 [27. 01. 2014 | 16:12]
Jde to udělat i v photofiltru ?
76) evicka 1 [19. 07. 2014 | 17:26]
Ahoj nevíte za kolik Kč se dá sehnat photoshop?
Děkuji evicka 1