Як робити GIF анімацію в фотошопі
Анімовані GIF-файли дають можливість дизайнерові додати динаміки в графічне оформлення сайту або "оживити" аватарку. Використовуючи Photoshop ви можете створювати і редагувати відео-ролики, а також конвертувати їх в анімовані GIF-файли без будь-яких проблем! Ми покажемо вам, як це зробити в останній версії Photoshop і більш ранніх версіях Photoshop CS. Просто почніть з першого кроку або знайдіть розділ, у якому йдеться про вашу версії.
Кроки
Метод 1 з 3: Використовуючи CS6
1
Запустіть Photoshop. Щоб створити анімацію в Photoshop, у вас повинна бути версія не нижче Photoshop CS3 Extended. Всі версії Photoshop вище CS6 включають можливості анімації.
2
Відкрийте відео. В меню "Файл", виберіть "Імпортувати" -> "Кадри відео в шари".- Виберіть відео файл. Майте на увазі, що Photoshop зможе імпортувати максимум 500 кадрів. Якщо вибраний вами файл перевищує зазначене обмеження, то вам слід розбити його на декілька.
3
Налаштуйте властивості імпорту. У вікні "Імпортувати відео в шари" зробіть необхідні правки. Налаштування під "Імпортувати діапазон" є найважливішим, на що варто звернути увагу.- "Від початку до кінця" - найпростіший. Photoshop буде імпортувати кожен кадр ролика. Якщо там буде більше 500 кадрів, то ролик перерветься в тому місці.
- "Тільки виділений діапазон" дозволить вам вибрати точки початку і кінця, використовуючи керування в нижній частині вікна. Використовуйте повзунок, щоб побіжно переглянути ролик, і встановіть точки відліку, щоб вибрати діапазон кадрів для імпорту.
- "Залишити кожен [n] кадри" знизить частоту кадрів як мінімум в половину, за рахунок більш переривчастою анімації.
- "Створити покадровую анімацію" дозволяє, як конвертувати ролик в шари, так і шари в анімацію. Якщо не відзначити цей пункт, ролик все одно імпортується в шари, але потім не створить анімацію. Для цього прикладу ми залишимо його зазначеним.
- Після налаштування клікніть "ОК", щоб імпортувати ролик. Це займе пару секунд, потім ви побачите кожен окремий кадр в меню Шари, і кожен окремий кадр на шкалі часу.
4
Відкоригуйте зображення. Ви можете використовувати корекцію шарів Photoshop щоб додати ефекти, корекцію, яскравість, контраст і багато іншого. Корекція шарів за замовчуванням застосовується до всіх верств під коректованим шаром.- Ви можете застосувати широкий спектр вбудованих налаштувань. Ви також можете додати новий шар, використовуючи накладення, щоб поміняти стиль відео або новий базовий шар, щоб створити фон.
- Наприклад, у вас може бути коротке відео з персонажем, який просто стоїть і кудись дивиться. На самий нижній шар помістіть картинку міста або країни, помістивши персонажа в певний оточення. Потім ви можете застосувати до самого верхнього шару властивості сепії. Ви навіть можете відтворити ефект анимированной газети з фільму "Гаррі Потер".
5
Редагування окремого шару. Клікніть на кадрі у вікні Шкала часу, і знайдіть зазначений шар. За замовчуванням, номер кадру буде таким же, як номер шару, тобто, кадр 18 ви знайдете на шарі 18.- Ви можете змінити кожен шар окремо, додаючи ефекти, видаляючи перешкоди або іншим чином проявити вашу фантазію. Якщо ви зробите це з кількома кадрами, то зможете навіть анімувати ваші ефекти.
- Наприклад, якщо ви додасте відблиск на одному кадрі, на наступному кадрі ви можете натиснути на клавіатурі Control + Alt + F, що б застосувати той же фільтр. Зменшіть ефект на 10%, потім приступайте до наступного кадру і повторіть процес. Продовжуйте, поки не зменшите ефект до 0, і це буде виглядати, ніби відблиск анімований.
6
Збережіть вашу анімовану GIF-ку. В меню "Файл" виберіть "Зберегти для Web ...". Це дозволить вам вибрати розмір і встановити настройки опції GIF.
Метод 2 з 3: Використовуючи CS3, 4, 5 Extended
1
Створіть документ. Завантажте кожен кадр анімації в окремий шар.- Інший спосіб, це відкрити вже існуюче відео. В меню "Файл" виберіть "Імпортувати" -> "Кадри відео в шари ..."
2
Виділіть шари. Виділіть у вікні шарів ті верстви, які будете використовувати для анімації. Щоб вибрати групу шарів, виділіть перший шар. Потім, натиснувши кнопку SHIFT, клікайте на інші шари. Так кольором буде відзначений кожен виділений шар.
3
Відкрийте вікно Анімація. У меню "Вікно" виберіть "Анімація". Коли вікно "Анімація" відкриється, воно буде виглядати як скріншот нижче. Якщо воно виглядає інакше, значить, воно запустилося у вигляді Шкали часу.
4
Змініть на покадрова анімація. Клікніть на меню, що випадає у верхньому правому куті вікна Анімація і виберіть "Створити кадри з шарів".
5
Створіть кадри для кожного окремого шару. Клікніть на меню, що випадає вікна "Анімація" і виберіть "Створити кадри з шарів".- Не обов`язково вибирати всі шари. Щоб вибрати кілька шарів, використовуйте кнопку "Створити дублікат шару" у нижньому правому куті анімаційної палітри, щоб додати шари.
6
Змініть кожен шар на ваш розсуд. Виберіть кадр у вікні Анімація і змініть його в головному вікні Photoshop.- Щоб додати або видалити графіком з іншого шару на будь-який кадр, виділіть кадр і його шар. Клікніть на "оці", щоб включити або виключити його зображення.
7
Відображення меню часу. Клікніть на стрілочці під кожним шаром, щоб відобразити меню часу. Встановіть час відображення для кожного кадру.
8
Збережіть ваш GIF-файл. В меню "Файл" виберіть "Зберегти для Web і пристроїв" і в випадаючому меню виберіть GIF.- Щоб зберегти як відео, виберіть "Експорт" -> "Перегляд відео» з меню «Файл» щоб експортувати як відео.
Метод 3 з 3: Використовуючи CS2
1
Роздобудьте хороші скріншоти. Вам знадобиться набір скріншотів хорошої якості. Вони повинні йти підряд близько один одному, бути з якісного та чіткого відео джерела.- Якщо ви назвете їх по порядку, то полегшите собі роботу. Зберігаючи оригінали скріншотів називайте їх 1,2,3 і т.д.
- Якщо ви не знаєте, як зробити скріншот, дивіться цю статтю на wikiHow або аналогічну для вашої ОС. Зазвичай, використовується кнопка Print Screen, а потім скопійоване зображення вставляється потім в графічний редактор.
2
Перетягніть кадри на різні верстви. Починаючи з першої картинки як шар 1 в новому файлі Photoshop, перетягніть кожен вдалий малюнок на новий шар в цьому ж файлі. Переконайтеся, що зберегли вірний порядок.- Вам потрібно буде відкрити кожен файл в Photoshop по порядку, щоб перетягнути в основний файл. Якщо перетягування не працює, просто використовуйте команди скопіювати і вставити, упевнившись, що малюнки розташовуються на нових шарах.
- Переконайтеся, що картинки збудовані як треба.
3
Приховайте верхній шар. Клікніть на око навпроти кожного шару у вікні шарів, крім одного, який буде першою картинкою, по відношенню до прихованих верствам.
4
Відкрийте вікно Анімація. Клікніть Вікно на верхній панелі і відкрийте вікно Анімація.
5
Відкрийте шари. Клікніть на кнопці "Створити новий шар" (виглядає як загнутий листок паперу) у вікні Анімація і потім клацніть на глазик на наступному шарі. Перемикайтеся між Новим шаром і бачимо шару, щоб створити з кожного шару кадр анімації.
6
Ображати зображення. Якщо у вас є ділянки, які ви хочете обрізати з вашого скриншота, як наприклад, частина вашого екрану - використовуйте інструмент "Рамка", щоб зробити ваш малюнок потрібного розміру. Стандартні розміри GIF-файлів можна швидко знайти в мережі. Задайте в налаштуваннях у верхньому меню, щоб встановити конкретний розмір, не вручну обрізати зображення або використовувати звичну установку "Розмір полотна".
7
Встановіть проміжні кадри. Якщо анімація рухається занадто швидко, ви можете створити проміжні кадри. Кнопка, яка відкриє потрібне меню, знаходиться навпроти кнопки "Створити новий шар" в меню анімації. Пограйте з настройками, поки анімація не стане виглядати так, як вам потрібно.- Вам слід встановити прозорість в 79% для кожного проміжного кадру, який ви створили.
8
Збережіть файл. Клікніть "Зберегти для Web ..." у верхньому меню Файл. У меню, яке відкриється, вам треба переконатися, що встановлений тип файлу GIF, а кількість квітів встановлені 256. Вам також слід встановити дифузію і згладжування на 100%. Тепер налаштування правильні. Натисніть на кнопку зберегти.
9
Готово! Насолоджуйтесь своїм GIF-файлом!
Поради
- Відзначте: щоб зробити анімацію безперервної по колу, виберіть «Збережіть для Web і пристроїв» під опцією Зберегти. У Параметрах повторів виберіть «Постійно» і збережіть анімацію. Ви також можете вибрати «Інше» і вибрати ту кількість разів, яке ви хочете, щоб анімація повторювалася.
- Оскільки Adobe ImageReady більш не випускається, більшість можливостей ImageReady доступні в Photoshop CS3. А ті, яких немає, будуть доступні в Adobe Fireworks
- Якщо ви збережете анімаційний GIF-файл з Photoshop CS3, то кадри анімації пропадуть. Щоб вирішити цю проблему, відкрийте анімований GIF-файл в Adobe Fireworks, що забезпечить редагування шарів і шкали часу для GIF-файлів.
Застереження
- Зберігайте вашу роботу частіше, це дозволить вам не втратити багато годин витрачених зусиль, якщо ви допустите помилку.
