Картинки-анімації можуть виступати не тільки прикрасою сторінки або поста, але і нести корисну інформацію. Такого роду картинки швидше привертають увагу, а також забезпечують більш продуктивну взаємодію користувача з інтерфейсом. Як створити анімовані зображення за допомогою ресурсів Photoshop - читайте в даній статті.
Алгоритм створення GIF-анімації в Photoshop
GIF-анімація або покадрова анімація представляє собою послідовну зміну заданих вами зображень. Запустивши графічний редактор Photoshop, завантажуєте серію підготовлених заздалегідь картинок. Саме вони і будуть утворювати вашу анімацію.
- Переходьте у вкладку "File" і серед пунктів випав переліку вибираєте сценарії ( "Scripts").
- Далі звертаєтеся до опції завантаження файлів в стек ( "Load Files into Stack").
- Вибір необхідних картинок для створення анімації відбувається через клавішу "Обзор". Т. к., Ви можете завантажити серію зображень, затискаєте клавішу Shift і вибираєте необхідні файли. Тиснете "Ок". В результаті все зображення буде завантажено в один файл, який об'єднує кілька шарів. Шари, розташовані в правій половині робочого поля і будуть кадрами вашої GIF-картинки.
- Наступний крок - перехід до шкали часу. Працюючи з англомовною версією редактора, користувачеві необхідно перейти у вкладку "Window" (вікно), а після вибрати пункт "Timeline" - власне шкала часу.
- У центральній частині панелі, що з'явилася в нижній частині вікна Photoshop, після натискання стрілки вибираєте опцію створення анімації кадру - "Create Frame Animation". Виконуєте цю команду, натиснувши по цій центральній клавіші.
- Далі приступаєте до перетворення завантажених на початковому етапі шарів в анімаційні кадри. Для цього натискаєте одноразово по кнопці меню шкали часу (розташована в правому верхньому кутку центрального блоку шкали часу) і вибираєте варіант створення кадрів з шарів - "Make Frames From Layers". Якщо ви хочете бачити зміну шарів-кадрів в зворотному порядку, вибираєте варіант "Reverse Frames".
- Результат вашої роботи можна побачити після натискання клавіші пробілу або кнопки відтворення на шкалі часу.
- Заключний крок створення GIF-анімації - зациклення, т. Е. Безперервний повтор змінюваних за один цикл кадрів. Для цього в лівій нижній частині панелі шкали часу клацаєте по невеликій стрілочки і вибираєте варіант постійної зміни кадрів - "Forever". Швидкість зміни картинок встановлюється для кожного кадру одним помахом стрілочки під ним - вибираєте відповідне значення або встановлюєте власний варіант.
Для збереження отриманої анімації знову переходите до розділу "File".
- Імені команди збереження для Web ( "Save for Web"). Цей рядок може бути винесена окремо, а може бути "захована" в експорті ( "Export").
- Заповнюєте такі поля:
- Поле набору ( "Preset") - GIF 128 Dithered.
- У графі квітів ( "Colors") - 266.
- В поле параметрів повтору ( "Looping Options") вибираєте варіант постійної зміни ( "Forever").
- При необхідності коригуєте розміри файлу (в нижньому лівому кутку "Image size").
- Клікнувши клавішу "Save", зберігаєте файл і вказуєте його місце зберігання.
Алгоритм створення анімації в Photoshop з відео
Перший етап передбачає перетворення кадрів відео в окремі шари для створення покадрової анімації.
- Запускаєте редактор Photoshop і переходите до розділу "File".
- Завантажуєте фрагменти відео в шари - перейшовши до пункту імпортування ( "Import"), вибираєте рядок "Video Frames to Layers".
- Далі, вибравши відео файл, клікаєте кнопку "Відкрити".
- Для завершення перетворення фрагментів відео в багатошаровий файл тиснете "Ок".
Подальші дії повторюють алгоритм для створення антімаціі з серії картинок (описаний вище).
Використовуючи алгоритм створення покадрової анімації, можна працювати не тільки з уже готовими зображеннями або сюжетами відео, але і з самостійно створеними наборами картинок. Озброївшись олівцем ( "Pencil Tool"), наприклад, можна створити для початку серію картинок-малюнків в стилі піксель-арт, які потім також об'єднати в анімований сюжет.
0
2305
