Як створити gif-анімацію в photoshop

GIF-анімація - простий і популярний формат, серйозно вплинув на розвиток Інтернету. Зображення в даному форматі стискаються без втрати якості. GIF набув широкого поширення в Мережі через малого обсягу і великого потенціалу. Мабуть, складно знайти сайт, де зовсім немає GIF-картинок. Абревіатура GIF перекладається як "формат для обміну зображеннями", і це якнайкраще характеризує його, особливо в останні років десять.
W440x0

Відносно недавно, з появою іміджбордах і соцмереж, цей формат береться на озброєння користувачами Інтернету. Гифки перетворюються в новий спосіб графічного спілкування: за допомогою анімаційних картинок висловлюють свої думки, висміюють, ставлять ефектну крапку в дискусії.

Навчитися робити свої гифки нескладно, і в цьому нам допоможе Photoshop. Можна, звичайно, скористатися інтернет-сервісами по створенню GIF-анімації, але залишимо цей варіант іншим. По-перше, доступ в Інтернет є не завжди, по-друге, сервіс, як правило, залишає свої "водяні знаки" на готовому зображенні, по-третє, навички створення GIF-зображень відносяться до розряду базових і ними просто треба володіти.

Є два варіанти створення GIF-анімації: гифки з декількох зображень і з відео. Створити потрібне зображення з відео простіше, ніж з пари картинок. Графічний редактор виконує цю дію автоматично, наша участь в процесі мінімально. Почнемо зі створення гифки з відео.

Відео: Як зробити анімацію / GIF-картинку в Photoshop CS6

GIF-анімація з відеофайлу

Для створення гифки з відео нам потрібен файл-джерело і редактор Photoshop. Ви повинні уявляти, скільки по часу триватиме цикл GIF-зображення, і заздалегідь обрізати відео, щоб дотримати потрібний хронометраж. Найкраще, якщо відео буде в популярному форматі: .avi, .mov, .mp4 і т.п. Далі відкриваємо відеоролик в редакторі. Зверніть увагу, чим більше розмір відео, тим довше Photoshop відкриватиме і оптимізувати його. 

Відео: Як зробити Gif-анімацію за допомогою Photoshop?




gt;

GIF-зображення, 128 кольорів, без дізерінга.

Відео: Створення GIF анімації за допомогою Adobe Photoshop CC 2014




gt; GIF-зображення, 128 кольорів, дизеринг.

GIF-анімація з декількох зображень

Щоб зробити гифку з декількох картинок, потрібно докласти трохи більше зусиль. Для початку вирішіть для себе, що ви хочете отримати. Банер на сайт? Смішну картинку для одного? Якісне циклічне зображення на аватар без слідів склейки? Хоча незалежно від завдання нам потрібні дві речі: відкритий графічний редактор і кілька зображень (від двох до нескінченності).

Відео: Урок 1 - Анімація в фотошоп - Перші кроки

Відзначимо, що деякі гифки цінні тим, що на них непомітний момент склейки між фрагментами. Створюється ефект нескінченного відео, на якому складно побачити сліди монтажу. Хто бачив оскароносний фільм "Бердмен", той мене зрозуміє. Зараз ми спробуємо виконати подібну роботу (я не про "Бердмен", друзі).

Для прикладу я вирішив втілити в GIF заставку, яка з`являється при завантаженні Windows XP. Завдання - скласти з окремих фрагментів циклічну гифку без слідів склейки. Я прикинув, що на створення подібної роботи піде приблизно 20 шматочків, які будуть змінювати один одного в нашій анімації, створюючи ефект нескінченного відео.

gt;


Поділися в соц. мережах:

По темі: