Photoshop – Efektní animace ve statickém snímku – Cinemagraf

Také jste už na internetu narazili na fotografie, kde část byla animovaná a zbytek fotky byl zcela statický? Pokud vás napadlo, jak je tento efekt vlastně vytvořený, ukážeme vám celkem snadný postup, jak tyto efektní snímky vytvářet ve Photoshopu.

Já jsem si těchto fotek začal více všímat při posílání dat přes Wetransfer.com. Tyto fotky působí neuvěřitelně dynamicky a snímky takto vytvořené se nazývají Cinemagrafy. Vznikají vrstvením statické fotografie a videa. Cinemagraf nebo kinemagraf, kinemagrafie (anglicky cinemagraph) je fotografie, na které probíhá v určité části menší a opakovaný pohyb.

Cinemagrafy nám vyvolávají iluzi, že se koukáme na video. Nejčastějším formátem pro export do cinemagrafu je animovaný soubor GIF, právě pro svoji univerzálnost a záruku zobrazení skoro na všech dostupných zařízení (pro kvalitnější zpracování se využívá sekvence PNG obrázků či videa umístěná a přehrávaná ve smyčce pomocí CSS, HTML 5 a jQuery).  Poprvé se tyto snímky objevily v roce 2011 a od té doby se staly velmi zajímavým prvkem nejen pro design webových stránek.

Dnes na kanálu dtpko YouTube vyšel tutoriál, (možnost shlédnout zde, nebo na konci článku), kde si ukážeme jak tyto Cinemagraf animace vytvořit celkem snadno i ve Photoshopu. Animovat budeme malý vodopád u bazénu a výsledek je vidět na ukázce 03 níže, nebo přímo v GIF animaci zde.

– Stáhněte si kompletní tutoriály kanálu dtpko.cz bez reklam –

Stačit nám bude nějaké zajímavé video ať už vlastní, nebo třeba stažené z volně dostupné videobanky jako je třeba www.coverr.co.

Ukázka Cinemagraf 01

Ukázka Cinemagraf 02

Ukázka Cinemagraf 03

Ukázka Cinemagraf 04

Ukázka Cinemagraf 05