Dnes vám ukážu, jak vytvořit skvělou animaci vlastní fotografie ve Photoshopu pro zveřejnění na Instagramu. Pro tento tutoriál použiji materiály převzaté z internetu, například fotku modelky, ale samozřejmě můžete místo modelky použít vlastní fotku. Zdrojové materiály. a také si můžete stáhnout hotový soubor PSD, vytvořený podle této lekce, z odkazu ve spodní části stránky, pro pohodlí jsou spojeny do archivu.

Takže, tady je to, co dostáváme:

Instagramová animace

A takhle vypadá původní fotka:

Originální fotka.

Začněme.Otevřete původní obrázek modelu ve Photoshopu a okamžitě vytvořte novou vrstvu na pozadí. Vezměte nástroj Brush Tool a natřete model přes horní část košile. Barva stínování je brána jako kontrastní, tzn. ty odstíny, které nejsou na fotce. Vezmu si jedovatou zelenožlutou (d5fe56). Zde jde především o to, aby stínování zcela zakrývalo modelčinu košili:

Natřete vrstvu tak, aby barva zcela pokryla oblast budoucí animace.

Snižte krytí vrstvy asi na šedesát procent a přidejte k ní masku vrstvy. Při aktivaci masky vrstvy se barva štětce automaticky zčernala, tvrdost se nastavila na zhruba devadesát procent a podle potřeby zvolila velikost tisku. Odstraňte přebytek tak, aby stínování přesně odpovídalo oblasti budoucí animace. Pokud je přebytek odstraněn. přepněte barvu štětce na bílou (bílá je nyní barva pozadí v paletě barev štětce) a malujte přes tuto oblast.Je vhodné přepínat barvy z popředí na pozadí stisknutím klávesy X:

Odstranění přebytků podél modelčiny košile.

V oblastech, kde jsou stíny (např. pod vlasy) použijte měkčí okraje štětce.

Začněme přidávat obrázky pro animaci. V archivu, který si můžete stáhnout z odkazu ve spodní části stránky, jsou kromě obrázku samotného modelu ještě čtyři obrázky:tech.png.webp, night_sky.png.webp, leaves.png.webpaflowers .png.webp V animaci budou tyto čtyři obrázky překryty na košili modelu.

Otevřete soubor obrázku ve Photoshoputech.png.webpPomocí nástroje pro přesun přetáhněte tento obrázek do pracovního dokumentu s modelem. Stisknutím Ctrl+T zapněte nástroj volná transformace a umístěte/změňte velikost obrázku tak, aby zcela pokrýval oblast animace. Pokud chcete, aby byly proporce obrázku zachovány během změny měřítka, podržte před změnou měřítka stisknutou klávesu Shift:

Umístění obrázku vzhledem k zóně animace.

Po nastavení pozice a velikosti obrázku dejte této vrstvě ořezovou masku, pro kterou stiskněte kombinaci kláves Ctrl+Alt+G. V panelu vrstev nalevo od miniatury vrstvy se objeví šipka a obrázek se ořízne podél okrajů trička, respektive vrstvy, kterou jsme tričku upravili, konkrétně pro mě je tolayer1:

Vrstva oříznutí s ořezovou maskou.

Přidejte další tři obrázky stejným způsobem a každému dejte ořezovou masku. Vypněte viditelnost horních tří vrstev, vrstva pozadí s modelem, vrstva s maskou a vrstva s obrázkem by měly zůstat viditelnétech.png.webp:

Panel Vrstvy s viditelnými vrstvami.

Nyní přejdeme přímo k animaci. Otevřete panel animace, v nejnovějších verzích Photoshopu se nazývá "Timeline" (Timeline), v rozevíracím seznamu přepněte na "Create Frame Animation" kliknutím na tento řádek přepněte panel do režimu animace snímku:

Přepnutí panelu časové osy do režimu animace snímku

Panel by měl vypadat jako na obrázku níže. Vezměte prosím na vědomí, že první a zatím jediný snímek animace je zobrazen na levé straně panelu:

Časová osa s prvním snímkem animace.

Vytvořte druhý snímek. Klikněte na tlačítko pro vytvoření nového rámce a vytvoří se kopie předchozího. Poté v panelu Vrstvy zapněte viditelnost vrstvy nahoře. Změní se miniatura druhého snímku na časové ose a samozřejmě se změní i pohled na pracovní dokument. Takto by nyní měla vypadat časová osa a panel vrstev:

Vlevo je červeně zakroužkováno tlačítko pro vytvoření nového snímku (vytvoření kopie vybraných snímků), čímž se zapíná viditelnost vrstvy.

Opakujte tento krok se dvěma zbývajícími vrstvami.

Takže nyní máme časovou osu se čtyřmi animačními snímky pro Instagram. Chcete-li jej přehrát, stačí kliknout na tlačítko "Spustit přehrávání" . Zde je návod, jak vypadá pracovní dokument a časová osa při přehrávání animace:

Nyní nastavte dobu snímku animace na 0,3 sekundy, jak je znázorněno na obrázku níže. Klikněte na rámeček úplně vlevo, podržte Shift a kliknutím na rámeček úplně vpravo vyberte všechny rámečky, poté klikněte na ikonu v pravém dolním rohu libovolné miniatury, v rozevíracím seznamu řádek „Jiné“, V okně která se objeví, zadejte dobu trvání v sekundách:

Změňte čas snímku.

Ve skutečnosti je animace hotová. Teď to zbývá zachránit. Zde jsou dvě možnosti. Můžete jej uložit jako soubor GIF nebo jako video (mp4). Chcete-li uložit GIF, stiskněte kombinaci kláves Ctrl+Alt+Shift+S, v okně, které se otevře, vyberte typ souboru pro uložení GIF a znovu klikněte na „Uložit“. Faktem však je, že služba Instagram nepodporuje animované soubory GIF, soubor se načte, ale na stránce se zobrazí statický obrázek. Takže budete muset stahovat ne přímo, ale pomocí speciálních služeb.

A druhá možnost je uložit animaci jako mp4 video a stáhnout jako video přímo. Pro uložení videa klikněte na záložku hlavního menu Soubor ->Export ->Exportovat video , vyberte složku pro uložení, zbytek nastavení ponechte jako výchozí a kliknutím na tlačítko "Vykreslit" uložte soubor videa.

Stáhnout zdrojové materiály:Stáhnout z disku Yandex

Kategorie: