Як зробити анімацію в Фотошопі

1. Анімація з відео
2. Анімація з картинок
3. Збереження gif-анімації

У Adobe Photoshop , Починаючи з версії CS3 Extended, доступна робота з анімацією. Gif-малюнки створюються з набору кадрів або безпосередньо з відеороликів. Так ви самостійно змайструєте динамічну картинку для сайту, аватарки, презентації? вітальної листівки. Подібну графіку можна використовувати в інших проектах або при монтажі. Дізнайтеся, як зробити анімацію в Фотошопі, щоб вільно працювати з таким видом зображень.

Adobe Photoshop володіє безліччю можливостей, серед яких і створення анімацій

Для цього не потрібно бути художником або дизайнером. Всі функції зрозумілі навіть новачкові. Необхідний лише початковий набір кадрів, з якого буде створений gif-файл.

Анімація з відео

Найпростіший спосіб - конвертація відео в анімацію. Не треба нічого налаштовувати. Досить просто відкрити ролик в Photoshop . Утиліта сприймає формати avi, mov, mp4, mpg, mpeg, m4v. Для їх коректного запуску необхідний встановлений QuickTime. Доданий таким чином мультимедійний не можна відредагувати або обрізати. Тільки перетворити в графіку.

Але є й інший метод. Ось як в Фотошопі зробити gif з кіно:

1. Перейдіть в Файл - Імпортувати.
2. Натисніть «Кадри з відео в шари».
3. Відкриється меню з деякими настройками. Справа буде міні-плеєр для попереднього перегляду.
4. В поле «Діапазон» відзначте один з параметрів: «Від початку до кінця» або «Тільки виділений». У другому випадку буде вставлена ​​обрана вами частина відео. Щоб вирізати потрібний фрагмент, пересуньте чорні маркери під плеєром. У проект додасться шматок, який знаходиться між ними.
5. У Photoshop можна завантажити максимум 500 кадрів. Якщо робочий матеріал більше цієї величини, його доведеться різати або додавати по частинах в різні документи.
6. Відзначте галочкою пункт «Створити покадровую анімацію». Так до відео автоматично будуть застосовані всі необхідні настройки. Без цього динаміку доведеться задавати вручну.
7. Параметр «Залишити кожен [число]» дозволить імпортувати не всі слайди, а, скажімо, кожен третій. Підсумкова GIF вийде переривчастою.
8. Підтвердіть дію і дочекайтеся, поки утиліта обробить ролик.
9. Перейдіть в «Вікно - Робоче середовище» і виберіть пункт «Рух». Цей набір установок найкраще підходить для створення анімованих картинок.
10. Внизу буде якийсь аналог медіа-програвач. У ньому вказана частота кадрів. Є кнопка «Play», перемотування, масштаб відеодоріжки. Відображені всі знімки по черзі.
11. Вони також будуть розподілені по верствам, список яких знаходиться справа знизу вікна Photoshop. Натисніть на один з них, щоб попрацювати з окремим слайдом.
12. Можна видалити деякі кадри або відредагувати їх.
13. Всі знімки будуть знаходитися в одній області. Це не дуже зручно. Щоб відключити видимість шару, клікніть на піктограму у вигляді ока поруч з ним. Слайд залишиться в документі і, якщо треба, з'явиться в gif-анімації. Щоб він знову відображався, натисніть на місце, на якому був «очей».
14. Якщо хочете спробувати інший тип візуалізації (під акварель, олівці, неонові вогні), натисніть на «Фільтри» в рядку меню.
15. Для додавання ефектів Photoshop (світіння, тінь, градієнт, візерунок), клацніть правою кнопкою миші на шар і виберіть «Параметри накладання».
16. Щоб поміняти місцями слайди, перетягніть їх курсором.
17. Для вибору часу показу (або затримки) кадру клікніть на маленький чорний трикутник під ним.

Анімація з картинок

Ось як створити анімацію в Фотошопі, використовуючи картинки:

1. Вставте потрібні зображення. Кожне з них додайте на свій шар (шар під назвою «Фон» видаліть).
2. Зазвичай малюнки відкриваються у вікнах або вкладках (залежить від налаштувань інтерфейсу Photoshop). Щоб поєднати їх в одній робочій області, скопіюйте їх туди або перемістіть. Вони автоматично відправляться на нові шари.
3. Перейдіть в Вікно - Робочі середовища - Рух. Активується панель «Анімація» з програвачем.
4. Виберіть шар, який повинен стати першим кадром у вашій GIF .
5. Зробіть інші листи невидимими, натиснувши на іконку у вигляді ока поруч з ними.
6. На панелі з програвачем клікніть на кнопку «Перетворити в анімацію» справа внизу. Вона схожа на прямокутник, розділений на три частини.
7. Там буде один кадр з обраним вами шаром. Продублюйте його. Для цього клацніть на маленьку кнопку «Створення копії».
8. Зробіть потрібну вам кількість слайдів.
9. Вийшла gif-анімація з однієї картинки. Щоб це виправити, натисніть на другий кадр і зробіть видимим другий шар, прибравши «очей» з першого. З'явиться потрібний об'єкт.
10. Отже по черзі «заповнюйте» слайди.

Якщо ви створюєте великий макет, цей спосіб займе багато часу. В цьому випадку можна зробити наступне:

1. На інструменті «Анімація» у верхньому правому куті (на самій панелі, а не на вікні Photoshop) є кнопка, схожа на список зі стрілками. Натисніть на неї.
2. В меню оберіть «Створити кадри з шарів».

З зображеннями доступні ті ж дії, що і з слайдами з відео.

Збереження gif-анімації

Важливо ще розібратися, як зберегти анімацію в Фотошопі. Якщо її оформити як psd-файл або «статичну» картинку з розширенням jpg, bmp, png, толку ніякого не буде. Замість руху, трансформації або миготіння вийде один застиглий кадр. Щоб зробити набір змінюваних малюнків, треба перетворити документ в формат GIF.

1. Коли закінчите роботу в Photoshop, не поспішайте його закривати і перетворювати в psd-проект.
2. Перейдіть в Файл - Зберегти як. Або натисніть клавіші Shift + Ctrl + S.
3. Задайте ім'я свого творіння і вкажіть папку, в яку хочете його помістити.
4. У випадаючому списку «Тип» виберіть «CompuServe GIF».
5. Підтвердіть дію.

Досить просто розібратися в додатку Photoshop, як зробити анімацію. Навіть якщо ви не професійний веб-дизайнер, ви зможете створити подібне зображення. У вас з'явиться унікальний арт, зібраний своїми руками.