У Adobe Photoshop, починаючи з версії CS3 Extended, доступна робота з анімацією. Gif-малюнки створюються з набору кадрів або безпосередньо з відеороликів. Так ви самостійно змайструєте динамічну картинку для сайту, аватарки, презентації? вітальної листівки. Подібну графіку можна використовувати в інших проектах або при монтажі. Дізнайтеся, як зробити анімацію в Фотошопі, щоб вільно працювати з таким видом зображень.
Adobe Photoshop володіє безліччю можливостей, серед яких і створення анімацій
Для цього не потрібно бути художником або дизайнером. Всі функції зрозумілі навіть новачкові. Необхідний лише початковий набір кадрів, з якого буде створений gif-файл.
Анімація з відео
Найпростіший спосіб - конвертація відео в анімацію. Не треба нічого налаштовувати. Досить просто відкрити ролик в Photoshop. Утиліта сприймає формати avi, mov, mp4, mpg, mpeg, m4v. Для їх коректного запуску необхідний встановлений QuickTime. Доданий таким чином мультимедійний не можна відредагувати або обрізати. Тільки перетворити в графіку.
Але є й інший метод. Ось як в Фотошопі зробити gif з кіно:
- Перейдіть в Файл - Імпортувати.
- Натисніть "Кадри з відео в шари".
- Відкриється меню з деякими настройками. Справа буде міні-плеєр для попереднього перегляду.
- В поле "Діапазон" відзначте один з параметрів: "Від початку до кінця" або "Тільки виділений". У другому випадку буде вставлена обрана вами частина відео. Щоб вирізати потрібний фрагмент, пересуньте чорні маркери під плеєром. У проект додасться шматок, який знаходиться між ними.
- У Photoshop можна завантажити максимум 500 кадрів. Якщо робочий матеріал більше цієї величини, його доведеться різати або додавати по частинах в різні документи.
- Відзначте галочкою пункт "Створити покадровую анімацію". Так до відео автоматично будуть застосовані всі необхідні настройки. Без цього динаміку доведеться задавати вручну.
- Параметр "Залишити кожен [число]" дозволить імпортувати не всі слайди, а, скажімо, кожен третій. Підсумкова GIF вийде переривчастою.
- Підтвердіть дію і дочекайтеся, поки утиліта обробить ролик.
- Перейдіть в "Вікно - Робоче середовище" і виберіть пункт "Рух". Цей набір установок найкраще підходить для створення анімованих картинок.
- Внизу буде якийсь аналог медіа-програвач. У ньому вказана частота кадрів. Є кнопка "Play", перемотування, масштаб відеодоріжки. Відображені всі знімки по черзі.
- Вони також будуть розподілені по верствам, список яких знаходиться справа знизу вікна Photoshop. Натисніть на один з них, щоб попрацювати з окремим слайдом.
- Можна видалити деякі кадри або відредагувати їх.
- Всі знімки будуть знаходитися в одній області. Це не дуже зручно. Щоб відключити видимість шару, клікніть на піктограму у вигляді ока поруч з ним. Слайд залишиться в документі і, якщо треба, з'явиться в gif-анімації. Щоб він знову відображався, натисніть на місце, на якому був "око".
- Якщо хочете спробувати інший тип візуалізації (під акварель, олівці, неонові вогні), натисніть на "Фільтри" в рядку меню.
- Для додавання ефектів Photoshop (світіння, тінь, градієнт, візерунок), клацніть правою кнопкою миші на шар і виберіть "Параметри накладання".
- Щоб поміняти місцями слайди, перетягніть їх курсором.
- Для вибору часу показу (або затримки) кадру клікніть на маленький чорний трикутник під ним.
Анімація з картинок
Ось як створити анімацію в Фотошопі, використовуючи картинки:
- Вставте потрібні зображення. Кожне з них додайте на свій шар (шар під назвою "Фон" видаліть).
- Зазвичай малюнки відкриваються у вікнах або вкладках (залежить від налаштувань інтерфейсу Photoshop). Щоб поєднати їх в одній робочій області, скопіюйте їх туди або перемістіть. Вони автоматично відправляться на нові шари.
- Перейдіть в Вікно - Робочі середовища - Рух.Активується панель "Анімація" з програвачем.
- Виберіть шар, який повинен стати першим кадром у вашій GIF.
- Зробіть інші листи невидимими, натиснувши на іконку у вигляді ока поруч з ними.
- На панелі з програвачем клікніть на кнопку "Перетворити в анімацію" справа внизу. Вона схожа на прямокутник, розділений на три частини.
- Там буде один кадр з обраним вами шаром. Продублюйте його. Для цього клацніть на маленьку кнопку "Створення копії".
- Зробіть потрібну вам кількість слайдів.
- Вийшла gif-анімація з однієї картинки. Щоб це виправити, натисніть на другий кадр і зробіть видимим другий шар, прибравши "око" з першого. З'явиться потрібний об'єкт.
- Отже по черзі "заповнюйте" слайди.
Якщо ви створюєте великий макет, цей спосіб займе багато часу. В цьому випадку можна зробити наступне:
- На інструменті "Анімація" у верхньому правому куті (на самій панелі, а не на вікні Photoshop) є кнопка, схожа на список зі стрілками. Натисніть на неї.
- В меню оберіть "Створити кадри з шарів".
З зображеннями доступні ті ж дії, що і з слайдами з відео.
Збереження gif-анімації
Важливо ще розібратися, як зберегти анімацію в Фотошопі.Якщо її оформити як psd-файл або "статичну" картинку з розширенням jpg, bmp, png, толку ніякого не буде. Замість руху, трансформації або миготіння вийде один застиглий кадр. Щоб зробити набір змінюваних малюнків, треба перетворити документ в формат GIF.
- Коли закінчите роботу в Photoshop, не поспішайте його закривати і перетворювати в psd-проект.
- Перейдіть в Файл - Зберегти як. Або натисніть клавіші Shift + Ctrl + S.
- Задайте ім'я свого творіння і вкажіть папку, в яку хочете його помістити.
- У випадаючому списку "Тип" виберіть "CompuServe GIF".
- Підтвердіть дію.
Досить просто розібратися в додатку Photoshop, як зробити анімацію. Навіть якщо ви не професійний веб-дизайнер, ви зможете створити подібне зображення. У вас з'явиться унікальний арт, зібраний своїми руками.
