Napište trojrozměrná zlatá písmena ve Photoshopu. Zlato ve Photoshopu. Jak vyrobit květinu, rám, předmět, dekorativní prvek, osobu nebo cokoliv zlatého

Ahoj přátelé! Jsem znovu s vámi, Vladimíre Savelyeve, a dnes pokračujeme v tématu vytváření bannerů pro web! V první části článku jsem vám řekl o věcech, které vám pomohou realizovat vaše nejdivočejší nápady!

Nyní je čas ukázat vám, jak se bannery vytvářejí ve Photoshopu! Vlastně vás nečeká nic těžkého ani hrozného, ​​jen po mně zopakujte všechny kroky a společně dojdeme do finále, totiž vytvoříme náš první reklamní banner!

No, nebudu kočku tahat za koule moc dlouho, jdeme na to...

Vytvoření banneru v Adobe Photoshop

Před zahájením práce je velmi důležité přesně vymodelovat charakter samotného banneru (jeho velikost, zda bude statický nebo animovaný). Důležité je také se rozhodnout barevné schéma, použití firemní identitu, vymyslete chytlavé titulky a slogany.

Poté můžete spustit Photoshop a vytvořit nový obrázek pomocí průhledné pozadí(Soubor/Nový) velikost, například 468 x 60 pixelů;

Zobrazte panel pro práci s vrstvami „Vrstva“.
Pozadí vytváříme jako samostatnou vrstvu – doporučujeme zde příliš nešetřit a umístit jakýkoli nápadný prvek banneru na samostatná vrstva, a to až k tomu, že pro každé písmeno sloganu vyberete vlastní vrstvu.

Na samostatné vrstvě - reklamní přitažlivost, stejně jako předem ve velikosti připravená fotografie a znak.

Sestavíme všechny prvky banneru a určitě jich vytvoříme několik možné možnosti, kterou neškodí probrat s kolegy.

Všechny možnosti ve vícevrstvé verzi jsou uloženy v samostatné soubory PROTI ve formátu psd(všimněte si, že formát jpg si „nepamatuje“ informace o vrstvách, shromáždí všechny vrstvy do jedné a v budoucnu již rozdělení nebude možné).

Je velmi užitečné prozatím od počítače odejít, odpočinout si od práce a druhý den se k němu vrátit, abyste „na čerstvém oku“ zhodnotili, co se udělalo a vybrali konečnou verzi, která bude opravena a přeloženo do jpg.

Práce je z velké části kreativní povahy na hranici zvládnutí nástrojů programu Photoshop, smyslu pro psychologii, vliv reklamy a jejího předmětu.

Jak udělat banner animovaný ve Photoshopu (soubor GIF)? A náš nativní Photoshop se s tímto úkolem vyrovná s třeskem! Otevřete záložku - okno - Animace.

Dále v tomto okně musíte přidat snímky skrytím a zobrazením vrstev. Určíme také rychlost zobrazení rámečku a jeho smyčkování!

Musíte pochopit, že už vytváříte nějaký druh videa, což znamená, že se neobejdete bez malého „skriptu“. Přinejmenším bude velmi důležité přesně vymodelovat celý charakter animace – část každé „hrdinské vrstvy“.

Zde musíte vše přesně určit:

• časové parametry chování každé vrstvy;
• jeho transparentní chování;
• trajektorii pohybu.

Věc není nijak složitá, ale dá vám pocítit, jak je tato profese scénáristy-režiséra náročná.

Veškerou práci zajišťuje základní myšlenka – vícevrstvé obrázky a možnost pracovat s každou vrstvou zcela nezávisle na sobě.

Toto je banner, který jsem vytvořil za 5 minut! K dokonalosti to má samozřejmě daleko, ale mým cílem bylo ukázat vám možnosti Photoshopu a to se mi podařilo!

Ano, málem jsem vám zapomněl říct o svém nálezu V minulém článku jsem mluvil o tom, jak jsem si koupil video kurzy Sergeje Buibarova, jak vytvářet bannery A vydělat na nich peníze! Po podrobná studie(Strávil jsem celý den sledováním videí Seryozhaových triků a triků) Uvědomil jsem si to tento druh kurzy jsou v RuNet velmi potřebné! Rozhodně doporučuji nákup...

Banner je jednou z mnoha možností, jak propagovat produkt, firmu nebo web. Tento typ reklamy je mezi inzerenty velmi oblíbený. Je umístěn v novinách, na stojanech, jednoduše nalepen na budovách nebo rozdán na ulici.

Člověk, který se tomuto typu reklamy věnuje profesionálně, vydělává velmi slušné peníze. Existuje mnoho společností s velkým počtem zaměstnanců a to je co říct.

Může být různé typy. Statické bannery jsou například obrázek s nápisem, telefonními čísly a podobně. A existují dynamické, které periodicky mění obrazy toho, co je na nich nakresleno. Navíc můžete obrázky měnit pomocí různých krásných efektů.

Možná tomu nebudete věřit, ale obrovská reklama na billboardu, která už zdomácněla, je také banner, jen hodně velký.
Banner lze vytvořit ve Photoshopu, Corelu a mnoha dalších programech. Na internetu je také mnoho služeb, kde si ho můžete jednoduše vyrobit a ozdobit.

Existují čtyři hlavní formáty obrázků:

1. JPG je nejjednodušší vyrobit, je to jen obrázek.
2. GIF Jedná se o formát animovaných obrázků, používá se k uložení „živého“ obrázku, ve kterém se mění scenérie, text atd. Mimochodem, oblíbené emotikony všech jsou uloženy ve stejném formátu.
3. PNG Dobrá věc je, že je snadné upravit, pokud máte uloženou kopii zdroje, ale „váží“ mnohem více než soubor GIF. To může ovlivnit rychlost načítání stránky, pokud má uživatel připojení k internetu nízká rychlost přenos dat.
4. BLIKAT objemově i principem tvorby „nejtěžší“ formát, ale ospravedlňuje se. V programu se vytvoří soubor s touto příponou Adobe Flash a můžete skutečně vytvořit mistrovské dílo, ale je nepravděpodobné, že by v něm mohl pracovat člověk bez zkušeností.

Každý designér a webmaster chápe důležitost a nepostradatelnost tohoto typu reklamy, protože zvýší návštěvnost webu.
V tomto článku se dozvíte, jak snadné je vytvořit banner ve Photoshopu.

Dynamický banner

Takže spusťte program a vytvořte nový dokument velikost, kterou potřebujete (soubor je nový). Okamžitě se zamyslete nad tím, zda to bude průhledné nebo ne, i to lze nastavit v nabídce při vytváření dokumentu. Pozadí lze samozřejmě později vymazat, ale proč to dělat? práce navíc. Pamatujte, že pokud chcete vytvořit banner ve Photoshopu s průhledným pozadím, neukládejte jej formátu jpg, pak bude veškeré vaše úsilí marné. Pro tento účel existuje báječný formát gif, který nejen zachová průhledné pozadí, ale dokonce vám umožní přehrát animaci.

Průhledné pozadí obrázku je zajímavé tím, že jej lze umístit na libovolnou barvu, hlavní je, aby byl banner dobře proveden.

Po vytvoření nového dokumentu ve Photoshopu najděte na internetu vhodný obrázek. Není nutné jej ukládat do počítače, stačí jej zkopírovat (Ctrl+C) a následně vložit do námi vytvořeného dokumentu (Ctrl+V).

Pokud obrázek nemá správnou velikost, můžete jej snadno upravit výběrem „Free Transform“ z nabídky „Edit“ v horní části. Kolem obrázku se objeví rámeček, který pomocí myši nastavíte na požadovanou velikost.

Ve Photoshopu úplně vpravo dole musíte udělat nová vrstva– ukažte na ikony, objeví se nápověda. Nebo použijte klávesovou zkratku (Shift+Ctrl+N) a přetáhněte ji pod auto, aby po vybarvení vrstvy nezmizela.

Nyní tuto vrstvu natřete barvou, kterou chcete, pomocí nástroje Výplň z panelu vlevo, nebo můžete použít nástroj Přechod, bude to krásnější.

Gradient je ve Photoshopu natolik zajímavým nástrojem, že stojí za to zvážit jeho možnosti podrobněji.

20 známek, že jste našli dokonalého chlapa

K čemu je malá kapsička na džínách?

Co vypovídá tvar vašeho nosu o vaší osobnosti?

S jeho použitím můžete udělat hodně krásný banner, protože umožňuje malovat pozadí splývavou barvou. Například jste zvolili červenou jako počáteční a modrou jako konečnou. Poté se červená barva plynule změní na modrou a vytvoří různé odstíny.

Takže banner dostal jinou barvu. Nyní mluvíme o tom, jak to udělat „naživu“ animovaný banner, je to obtížnější než jen nakreslit statický.
Uložte výkres do formátu gif, bude to náš první snímek v animaci.

Jak jste již pravděpodobně pochopili, efektu animace je dosaženo změnou snímků při dané frekvenci. Není těžké vytvořit animaci z několika obrázků, existuje na to mnoho programů, ale lze to udělat i pomocí Photoshopu.

Animace je vytvořena takto. Otevřete v programu několik fotografií připravených pro banner současně. Skončíte s několika otevřenými okny.

Vyberte obrázek, který se zobrazí na samém začátku animace, a umístěte jej do pole vrstev úplně nahoře v seznamu. Poté je pomocí myši přeneste na hlavní obrázek a tak dále. Uvidíte, že náš budoucí banner je plný různé obrázky, každá je viditelná ve vrstvách vpravo dole. Po tom ostatní otevřít obrázky, kromě hlavního, lze zavřít.

V horní části ovládacího panelu programu je položka „Nabídka“. Klikněte na něj a vyberte sekci „Animace“. Objeví se okno s prvním snímkem, ale to je normální. Chcete-li přidat zbytek, musíte kliknout na malé tlačítko v tomto úzkém okně, vypadá to jako tři řádky, poté v rozevírací nabídce vyberte „Vytvořit snímky z vrstev“ a objeví se.

To však není vše. Úplně dole v okně, kde se nacházejí naše rámečky, můžete kliknout na tlačítko přehrávání a podívat se, jak bude náš banner vypadat. Blikají obrázky příliš rychle? Nevadí, klikněte na libovolný snímek a nastavte čas jeho zobrazení.

Zde si vyberete typ zobrazení – smyčkové (stálé opakování), nebo jednorázové. Pokud nastavíte tento příkaz, animace se zastaví na posledním snímku.
Krásný? No kdo by o tom pochyboval. Nyní musíme naše mistrovské dílo řádně uchovat. Chcete-li to provést, klikněte nahoře na „Soubor“ a v podnabídce vyberte „Uložit pro web a zařízení“. Otevře se velké okno, vyberte počet barev a uložte. Původní formát souboru je gif, neměňte jej.

Rada: pamatujte, pokud jste udělali něco špatně nebo udělali chybu při výběru týmu, horní menu„Upravit“ můžete kdykoli vybrat příkaz „Krok zpět“.

Jak vytvořit statický banner?

V programu klikněte na „Soubor“, je zde položka „Vytvořit“ a vyberte velikost a pozadí budoucího banneru. Pro pohodlí můžete šířku a výšku vybrat buď v pixelech nebo centimetrech. Ve výchozím nastavení je nový dokument vytvořen v RGB barva a s rozlišením sedmdesát dva pixelů tyto parametry neměňte, jsou optimální pro zobrazení na internetu. Rozměry volte podle velikosti připraveného obrázku, stačí nastavit o padesát až šedesát pixelů více, kam tlačítko umístíte.

Otevřete připravený výkres a přetáhněte jej myší na nově vytvořený dokument. V případě potřeby můžete změnit velikost fotografie, aktivovat předvolbu a poté vybrat „Velikost obrázku“ v nabídce „Obrázek“. Nyní mu dejte velikost, kterou potřebujete.

Poradenství. Pokud zrušíte zaškrtnutí políčka vedle položky „Zachovat proporce“, můžete obrázek prodloužit nebo zúžit.

Když je vše připraveno a banner se vám líbí, klikněte na „Soubor“ a poté na „Uložit jako“ a uložte obrázek do počítače.
.
V programu můžete dělat spoustu věcí - krásné designy pro fotografie, koláže, prostě kresby. Internet je plný takových fotografií, vše, co potřebujete, je představivost a znalosti o možnostech Photoshopu.

Pokud jste začátečník, můžete to snadno najít online bezplatné programy a ponaučení.

Video lekce

Pokračujeme v lekci o vytváření bannerů. Dnes se podíváme na to, jak si můžete vyrobit animovaný banner pro svůj web.
V předchozí lekci jsme se podívali na hlavní rozdíl mezi animovaným bannerem a animovaným bannerem a poukázali jsme na jeho výhody a nevýhody.
rád bych upozornil vaši pozornost na tom, že ve svých lekcích tvorby bannerů neberu v úvahu samotný skript a vývoj nápadu banneru. To je velmi důležitá a dokonce bych řekl, že hlavní fáze, protože bez toho, abyste přesně věděli, CO přesně chcete svým bannerem říct a JAK si to představujete, nemá začínat dělat banner smysl.

Takže mluvím jen o technickou stránku vytváření bannerů a že pokud máte nápad a scénář, tak si banner může vyrobit každý sám.
Animovaný banner lze vyrobit nejen ve Photoshopu, ale i v jiných programech k tomu speciálně upravených, kterých je velké množství. O nich si také povíme, ale o něco později. Mezitím se pustíme do tvorby banneru v mém oblíbeném Photoshopu.

Jak vytvořit animovaný banner ve Photoshopu.
Možnost 1.
Animovaný banner získaný jednoduchou změnou obrázků (pozadí, reklamy). K tomu potřebujeme provést pouze tři jednoduché kroky:

Krok 1. Přípravný.
vyberte velikost banneru (v našem případě 468x60) a vytvořte prázdný soubor
fotíme předem připravené snímky pro náš banner, které jsou již zobrazeny v správnou velikost banner, zkopírujte je a vložte každý z nich do našeho souboru jako samostatnou vrstvu (otevřete obrázek - vyberte jej - zkopírujte Ctrl + C - přejděte do našeho souboru - vložte Ctrl + V). Pro svůj banner jsem připravil 3 obrázky (obrázek A).

Krok 2. Vytvoření obrysu pro banner:
Vyberte vrstvu 1. Dvakrát klikněte na vrstvě vyvolejte nabídku „Style vrstvy“ a z této nabídky vyberte „Tah“.

Po výběru šířky tahu, jeho polohy a barvy tyto parametry opravíme kliknutím na tlačítko „Použít jako výchozí“. Barva obrysu by měla jasně zvýrazňovat obrysy našeho banneru, což znamená, že by měl být středně jasný a kontrastní ve vztahu k pozadí obrázků i pozadí vašeho webu.
Pojďme k vrstvě 2. Dvakrát na něj klikněte a v okně „Layer Style“ jednoduše vyberte „Stroke“ a klikněte na OK. (nastavení stylu tahu necháme beze změny)
Podobně nastíníme poslední třetí vrstvu-obrázek.

Krok 3. Vytvořte skutečnou animaci pro náš banner.


V horní nabídce Photoshopu vyberte „Okno“ - „Animace“ a vyberte animaci snímek po snímku. Obrázek B podrobně ukazuje, co každé jednotlivé tlačítko na panelu animace znamená (obrázek B)

Vytváříme snímky animace: první snímek se vytvoří, když se postavíme na vrstvu prvního obrázku, pro vytvoření druhého snímku klikneme na tlačítko 7 (obrázek B) a přejdeme do druhé vrstvy, pro vytvoření třetího snímku znovu klikneme na tlačítko 7 (obrázek B) a “ zapněte třetí vrstvu - vrstvu našeho třetího obrázku.
Čas animace určujeme my. Nastavíme čas na každém snímku a stiskneme tlačítko 4, abychom viděli, jak to dopadne. Pokud vám něco nebude vyhovovat, upravíme čas. Pokud vám to vyhovuje a nechceme nic jiného měnit, pak výsledný jednoduchý animovaný banner uložíme.

Zde uvádím pouze popisnou část tento krok, můžete se na to podívat ve videu, které je zveřejněno na konci lekce.

To je vše, nejjednodušší animovaný banner ve Photoshopu je připraven.

Když se na video podíváte, všimnete si, že jeho vytvoření ve skutečnosti trvalo asi 3 minuty.

Možnost 2. Animovaný banner vzniklý překrytím různých pozadí na stejném pozadí textové zprávy(nebo možná nějaké obrázky).

Princip vytvoření takového banneru nebudu popisovat, v zásadě je podobný jako u možnosti 1, rozdíl je pouze ve vytvoření animace snímku:

1 rámeček - pozadí + první text
2. snímek - pozadí + druhý text
3. rámeček - pozadí + třetí text

Na videu můžete vidět vše v reálném provedení.

Animujte text a vytvořte animovaný banner.
A ve videu jsem ukázal, jak udělat animaci textu pro animovaný banner. Je ukázán postupný proces tvorby „reklamního“ textu. Nejprve ukazuje, jak provést pohyb prvního textu zdola nahoru, poté se druhý text přesune zprava doleva, jako by „vyskočil“ a poslední text přidán jednoduše jako rám.

Pokud máte nějaké dotazy, ptejte se, určitě odpovím podrobně.

To je asi pro dnešek vše. Zkuste to, experimentujte! Tady je slíbené video!!!

Obecně platí, že vytváření animovaných bannerů ve Photoshopu je fascinující proces. Ale pokud se nechcete obtěžovat a experimentovat, pak si něco povíme příště speciální programy na vytváření animovaných bannerů, u kterých stačí mít nápad a scénář a všechny animační manipulace se dělají jako mávnutím kouzelného proutku! A také vám řeknu, jak vložit banner na váš web, a dokonce se vám pokusím ukázat, jak vytvořit animovaný a flashový banner.

A ještě něco... Lekce tvorby animovaných bannerů se vám budou hodit nejen pro tvorbu bannerů pro váš web, ale i pro tvorbu jakékoli animace Koneckonců, princip animace zůstane stejný, pouze velikost obrázek se změní!

Pokud vás tedy téma animace zajímá, přihlaste se k odběru aktualizací blogu, aby vám nic neuniklo!

Upoutání pozornosti návštěvníků. Čím je barevnější a zajímavější, tím vyšší je jeho účinnost. Nejčastěji musí bannery umístit ti, kteří provádějí komerční aktivity.

K jeho vytvoření se samozřejmě hledají talentovaní grafici, kteří jsou schopni vytvořit úžasný projekt. Po přečtení několika doporučení, jak vytvořit banner ve Photoshopu, se však můžete naučit, jak vytvořit svůj vlastní zajímavé projekty. Je možné, že později, až vypilujete své dovednosti, budou vaše bannery mnohé zajímat.

Photoshop má obrovské množství funkcí a schopností, včetně vytváření bannerů

Ti, kteří již měli zkušenosti s tvorbou bannerů v Adobe Photoshop CS6 může vyjmenovat několik jejich výhod. Zejména se velmi snadno instalují, zabírají velmi málo místa, což je tak důležité, když je na místě nedostatek volné místo. Je také docela snadné aktualizovat a zobrazit na všech zařízeních.

Postup a pravidla pro vytváření statických bannerů

Aby mohl uživatel vytvořit banner, musí se na to nejprve připravit. Příprava spočívá ve vytvoření předběžného náčrtu uvedeného v čistý břidlice papíru, abychom měli předem představu, co chce autor nebo zákazník nakonec vidět. Poté byste měli vybrat vhodné obrázky a umístit je všechny do samostatné složky.

Když přípravná fáze Po dokončení můžete přejít k hlavní části, která zahrnuje vytvoření samotného banneru. Nejprve se otevře Photoshop a vytvoří se nový dokument.

V této fázi je důležité uvést požadované rozměry v pixelech. Šířka může být libovolná, ale zkušení návrháři doporučují nastavit šířku rovnou šířce postranního panelu. Výška se vypočítá výpočtem výšky použitého obrázku a přidáním dalších 60 pixelů pro umístění tlačítka.

Rozlišení nového dokumentu si také nastavuje uživatel sám, je však důležité vzít v úvahu některá pravidla. Zejména se doporučuje použít rozlišení 72 pixelů, protože pokud se tento indikátor zvýší, hotový banner bude pro web příliš těžký, a pokud se sníží, dojde ke ztrátě kvality. Pozadí banneru se shoduje s pozadím hlavního obrázku.

Připravený obrázek by měl být přesunut do vytvořeného nového dokumentu, poté je pomocí šipek umístěn na správném místě, který byl definován dříve ve skice. Dále se do tohoto dokumentu přesune tlačítko, které lze trochu ozdobit, doprovázené dalším stínem. Chcete-li to provést, stačí na něj dvakrát kliknout a poté zadat příslušné parametry pro nastavení stínu.

Poté je banner považován za připravený, zbývá pouze spojit všechny aplikované vrstvy a poté uložit hotový výsledek ve formátu jpeg, ale nezapomeňte vybrat možnost „Uložit pro web“.

Vytváření animovaných variant

Animovaný banner může efektivněji přitáhnout pozornost návštěvníků webu. Grafik musí samostatně rozhodnout, co by mělo být přímo animováno. Může to být tlačítko nebo obrázek. Animace je dosaženo vytvořením několika vrstev, které se začnou v určité sekvenci měnit a vytvářejí iluzi pohybu.

Postup a pravidla pro tvorbu animovaných bannerů

Poté, co jste se rozhodli vytvořit animovaný banner, měli byste se nejprve naučit, jak vytvářet statické verze, aby se vám dobře dařilo, a poté, po prostudování doporučení, jak vytvořit banner ve Photoshopu cs6, začít realizovat své plány. .

Zpočátku musí uživatel vytvořit jednoduchý statický banner, úspěšně umístit hlavní obrázek, tlačítko na něj a vytvořit nápisy. Chcete-li tlačítko animovat, měli byste vytvořit několik vrstev s takovým tlačítkem, ale nějakým způsobem odlišných.

Pokud chcete, aby tlačítko změnilo barvu, měli byste kliknout na vrstvu s tlačítkem a aktivovat ji, poté přejděte na „Obrázek“, poté na „Oprava“ a poté najděte položku „Sytost barvy pozadí“. Kliknutím na něj se otevře okno, ve kterém je vybráno tónování, umožňující uživateli vybrat požadovaný odstín pohybem posuvníku.

Po dokončení první vrstvy by měla být vytvořena nová vrstva. Chcete-li to provést, přejděte na panel „Vrstvy“ a najděte položku „Vytvořit duplicitní vrstvu“. V nové vrstvě byste opět měli dělat stejné akce s tlačítkem, pouze při výběru barvy zvolit stejnou barvu, ale s jiným odstínem.

Po výběru požadované efekty Jediné, co musíte udělat, je souhlasit kliknutím na „OK“. Dále musíte kliknout pravým tlačítkem myši na vrstvu s těmito efekty, vybrat „Kopírovat styl vrstvy“, poté kliknout na vrstvu bez efektů a vybrat možnost „Vložit styl vrstvy“. V důsledku takových akcí se vytvoří obě vrstvy doprovázené efekty.

Teď už jen zbývá banner uvést do pohybu – vlastně ho animovat. Chcete-li to provést, otevřete možnost „Vytvořit animaci snímku“.

Protože v tuto chvíli jsou ve Photoshopu otevřené dvě vrstvy s různými tlačítky, je důležité ponechat první vrstvu aktivní a druhou vrstvu vypnout. Toto bude považováno za první snímek. Uživatel by si měl vybrat optimální čas jeho zobrazení, které lze později v případě potřeby upravit.

Nakonec zbývá jen zaškrtnout „Play always“ a uložit jej pro web, ale ve formátu gif.

Po přečtení pokynů, jak vytvořit banner ve Photoshopu, můžete začít praktické provedení naplánovat a zajistit vlastní zkušenostže při vytváření statických a animovaných bannerů není nic složitého. Jakmile bude tvorba jednoduchých animovaných možností dovedena k automatizaci, můžete si vyzkoušet tvorbu složitějších projektů, kde se zároveň bude měnit nejen barva tlačítka, ale i obrázek, nápis atd.

Ahoj všichni. V tomto článku vám ukážu, jak můžete vytvořit banner GIF pomocí Photoshopu. Obecně jsem zvyklý dělat bannery a animace v . Photoshop se přirozeně nemůže s tímto balíčkem srovnávat, pokud jde o funkčnost animace. Ve Photoshopu ale stále můžete dělat docela jednoduché a zajímavé bannery, protože v jeho nových verzích, počínaje CS5, pokud vím, bylo možné vytvářet animace průhlednosti, měřítka, perspektivy atd. Podívejme se na proces tvorby banner gif ve Photoshopu na příkladu práce v názvu článku.

Vytvoříme nový dokument velikosti 600 až 200px. Pozadí - #589fff

Nejprve sestavíme banner statická forma. Položme naši hlavní postavu – rybu – na vrstvu, kam se dostaneš volné zdroje pro své práce jsem napsal v článku „“:

Pomocí " Volná postava » umístěte popisek s dialogem na vrstvu.

Dovolte mi připomenout, že můžete upravit postavu ( vektorový objekt) lze provést pomocí nástroje "Výběr uzlu."

To jsem udělal - smazal jsem to nepotřebné prvky ve vrstvě s prvním tvarem a přidal 3 další elipsy, aby to vypadalo, že tento oblak dialogu vychází z tlamy ryby. Stalo se následující.

Nyní umístěme text na vrstvy dokumentu v pořadí, v jakém se objeví. Jelikož se náš text bude objevovat jedna za druhou, je přirozené, že ve statické verzi se budou vrstvy vzájemně překrývat. Všechny vrstvy ukážu s vypnutou poslední vrstvou textu.

A upozorňujeme, že naše textové vrstvy musí být oříznuty na velikost vrstvy s dialogovým tvarem mraku, aby sloužila jako rámeček, kvůli kterému už text nebude vidět.

Takže všechny naše vrstvy jsou připraveny. Uspořádány v pořadí jejich vzhledu (odspodu nahoru). Můžeme spustit animaci.

Vyberte položku Okno – Časová osa. Na panelu, který se zobrazí, vyberte tlačítko Vytvořte časovou osu pro video. V důsledku toho se vytvoří časová osa se všemi našimi vrstvami, které již můžeme přesouvat a animovat.

Vzhledem k tomu, že máme vrstvu Pozadí se zámkem, nebude se zobrazovat na časové ose, bude vždy přítomna beze změny. Pokud chcete pozadí animovat, odemkněte jeho vrstvu dvojitým kliknutím levého tlačítka myši.

Každá vrstva na časové ose má atributy pro animaci. Lze je vidět, pokud rozbalíte seznam nalevo od názvu vrstvy. Můžeme měnit polohu, neprůhlednost, styl.

Pokud také kliknete pravým tlačítkem na samotný název vrstvy na stopě časové osy, otevře se seznam dalších akcí animace.

Vytváření klíčových snímků pro konkrétní stopu s vrstvou můžete aktivovat kliknutím na ikonu hodin vedle názvu atributu animace.

Žlutý diamant (piktogram klíčový rámeček) se objeví tam, kde je na časové ose umístěn ukazatel času. Například na začátku. Můžete změnit hodnotu atributu objektu, jako je poloha, a jeho hodnota bude pro tento klíčový snímek uložena. Poté, chcete-li nastavit novou hodnotu a nový klíčový snímek, musíte přesunout ukazatel času na nové místo. Klikněte na ikonu kosočtverce vedle názvu atributu (na časové ose se objeví nová ikona klíčového snímku) a nastavte novou hodnotu atributu. Například přesuňte objekt na nové místo.

Nyní se pokusme získané poznatky aplikovat. Naše ryba by se měla objevit zleva doprava a její průhlednost by se měla změnit z 0 na 100 %. Takto bude v tomto případě vypadat časové měřítko.

Poté, co se ryba objeví, se po částech objeví dialogový mrak. Nejprve elipsy, pak samotná postava. Stopy každé vrstvy můžeme posouvat na časové ose, takže rozmístíme jejich pozice tak, aby se objevovaly v požadovaném časovém intervalu a animaci nastavíme na parametr Neprůhlednost pro každou vrstvu.

Pro obrázek použijeme stejné kroky.

Nyní vytvoříme animaci pro text pomocí stejného algoritmu. Pouze text bude mít parametr ne Pozice, ale Perspektiva a budeme moci nejen měnit pozici, ale i měnit měřítko z menšího na větší, když se text začne pohybovat. K tomuto účelu se používá standardní nástroj transformace objektu ( Ctrl + T). Protože jsou zpočátku vrstvy s textem oříznuty podle tvaru obrázku, budou viditelné pouze v rámci jeho hranic. Změnil jsem i styl druhého textu. Přidán přechod do možností prolnutí vrstev.

Nyní zarovnáme všechny okraje stop na konci. K tomu je potřeba zatáhnout za pravý okraj každé stopy a vše upravit na stejný čas. Aby všechny předměty najednou nezmizely. U každé stopy můžete nastavit krytí na 0. Přehrajte, co se stalo. Můžete stisknout klávesu plocha.

Photoshop sice není stvořen pro žádnou složitou animaci (a to je rozumné), ale pomocí takových jednoduchých akcí můžete dosáhnout slušného výsledku, když vytvoření gifu prapor. Zvláště pokud se ve Photoshopu cítíte pohodlněji než při práci ve Flashi.

(Navštíveno 2 252 krát, z toho 1 návštěv dnes)