Експорт анімації Photoshop в послідовність PNG

• Може 13, 2024

Поки ми створили дуже простий Photoshop^R анімація лише 6 кадрів. Коли ми граємо в анімацію, ми бачимо, що кулька рухається вгору до верхньої частини вікна зображення, а потім раптово опускається вниз. Перш ніж ми експортуємо рамки анімації як послідовність PNG, нам потрібно зробити пристойний м'яч трохи більш гладким. Наша анімація буде виглядати реалістичніше, якщо ми додамо більше кадрів до падіння кулі. Ми зробимо це, скориставшись декількома кадрами та відтворивши їх у зворотному напрямку.

1. Виберіть кадри 2 - 5 на панелі «Анімація» та оберіть «Копіювати кадри» у меню панелі (значок у верхньому правому куті).
   
   
2. Виберіть кадр 6 та оберіть Вставити рамки з меню панелі. У діалоговому вікні "Вставити кадр" виберіть "Вставити після вибору".
   
   
3. Вставлені кадри повинні з’явитися після кадру 6 і повинні залишатися обраними. У меню панелі оберіть Зворотні кадри.
   
   

Тепер у нас є 10 кадрів для нашої анімації. Грайте в анімацію, і м'яч повинен рухатися вгору, а потім назад вниз з тією ж швидкістю.

Збережіть файл анімації у форматі Photoshop за замовчуванням як ball.psd.

Наступне наше завдання - експортувати кадри анімації як окремі PNG послідовно. Хоча частота кадрів .2 кадрів в секунду була хорошою для оригінальної анімації, нам потрібно змінити це на 1 кадр в секунду для процесу експорту.

1. На Панелі анімації змініть .2 сек на 1 сек у кожному з 10 кадрів.
   
   
2. Виберіть кадр 1 на панелі анімації та натисніть Файл - Експорт - Візуалізація відео.
   
   
3. У розділі Місцезнаходження діалогового вікна Візуалізація відео виберіть папку призначення для зображень PNG. Ви можете автоматично розмістити PNG у підпапці, якщо захочете.
   
   
4. У розділі Параметри файлів виберіть послідовність зображень та встановіть тип PNG. Тримайте за замовчуванням Початковий номер 0 і встановіть цифри на 1. Це призведе до того, що вихідні PNG будуть названі ball0.png через ball9.png (без провідних нулів).
   
   
5. Тримайте за замовчуванням розмір, встановлений на Розмір документа. Це має бути 256 x 256, як ми встановили на початку уроку.
   
   
6. У розділі Діапазон виберіть Усі кадри, щоб експортувати всі кадри з анімації.
   
   
7. У розділі «Параметри візуалізації» утримуйте параметр «Альфа-канал» у значення «Немає» та встановіть частоту кадрів на 1 кадр / с.
   
   
8. Клацніть кнопку «Візуалізація», і у вашій папці виводу з’явиться 10 png.
   
   

Тепер у нас є послідовність PNG для імпорту в TexturePacker.

← Назад | Далі →

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe передруковані з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (іми) Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: Покадровая анимация в Krita экспорт png gif (Може 2024).