Як створити анімацію в фотошопі. Трохи практики. Початок.

Виконую дане в попередньому уроці обіцянку. Але для того, щоб детально розповісти, як створити анімацію в фотошопі, необхідно багато часу. Тому будемо цей процес вивчати поступово.

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

Головне – зрозуміти принцип того чи іншого виду анімації, а далі – все залежить від вашої фантазії та схильності до експериментів і імпровізації!

Позначення елементів у вікні «Анімація» розшифровано в уроці по створенню анімаційного банера, тому в даному уроці до цього питання ми повертатися не будемо. Приступимо безпосередньо до самого опису процесів анімації. І почнемо з двох найпростіших анімацій.

Створення gif анімації за допомогою меню Зображення – Корекція

Такого виду анімації вважаються в принципі найпростішими, тому що вони припускають просту зміну у кожному наступному кадрі одного певної якості зображення в одній і тій же вкладці меню.

У меню Зображення для анімації я використовую підменю Корекція, в якому є теж безліч різноманітних підменю, за допомогою яких можна створити такі анімації.

меню фотошопа Изображение

Але оскільки їх принцип один і той же, то я обмежуся описом створення одного виду анімації, а ви, використовуючи даний урок і розібравшись з ним, зможете без проблем випробувати всі інші підміню меню Зображення та створити свої неповторні шедеври!

Отже, я для створення анімації в даному уроці скористаюся таким ланцюжком: Зображення – Корекція – Яскравість / Контрастність.

• Відкриваємо зображення в фотошопі та створюємо два дублікати першого шару.
• Для створення першого кадру, відключаємо «оченята» на другому і третьому шарі, переходимо на перший шар, і далі за вказаним вище маршрутом: Зображення – Корекція – Яскравість / Контрастність. У контекстному меню Яскравість / Контрастність вибираємо потрібні параметри та натискаємо кнопочку OK.

анимация при помощи меню изображение

• Аналогично создаем второй и третий слой, отключая соответственно первый и третий или первый и второй слои и подбирая для открытого слоя свои параметры.

анимация при помощи меню изображение 2
анимация при помощи меню изображение 3

• Аналогічно створюємо другий і третій шар, відключаючи відповідно перший і третій або перший і другий шари та підбираючи для відкритого шару свої параметри.

анимация сердечка 01

• Виставляємо час анімації, перевіряємо на працездатність. Якщо все влаштовує, зберігаємо роботу в форматі gif. От і все!

Я зазвичай другий шар залишаю як є. Але ви можете змінювати і його. Крім того, можна створювати тільки два шари, зробивши анімацію двох кадрову. У деяких випадках, змінюючи, наприклад, тільки яскравість або тільки контрастність зображення, можна отримати гарну анімацію!
Так що не бійтеся експериментувати! Я поекспериментувала на швидку руку та отримала ось такі анімації: перша створена за допомогою підміню Корекція — Тон / Насиченість, друга Корекція – Карта градієнта.

анимация сердечка -02 анимация сердечка 03

А тепер перейдемо до більш складної анімації.

Створення в фотошопі анімації Поступове появлення.

Для створення даної анімації використовуємо стандартні інструменти фотошопу: меню «Виділення» і інструмент «Прямокутна область».
• Відкриваємо наше зображення в фотошопі.
• Ділимо його направляють на кілька частин. У нашому випадку — на шість частин (фрагменти 1-6).
• Створюємо додатково 5 дублікатів першого шару, отримавши таким чином 6 шарів для анімації (кількість шарів відповідає кількості частин, на які ми ділимо наш об’єкт анімації).

создание gif анимации-01

• Переходимо у вікно анімації. Перший кадр — порожній. При цьому всі шари закриті.
• Для створення другого кадру анімації відкриваємо «око» на шарі 1 і за допомогою інструменту «Прямокутна область» виділяємо рамкою перший фрагмент між напрямними. Натискаємо правою кнопкою миші по виділеній області та вибираємо з контекстного меню «Інверсія виділеної області». Після цього натискаємо кнопку Delete на клавіатурі. Залишається тільки зображення в виділеної рамці. Все інше зображення зникає.

создание анимации-01

Після цього знімаємо виділення: Виділення / Скасувати виділення
• Для створення третього кадру закриваємо шар 1 і переходимо на шар 1 копія 1 і тепер виділяємо перші два фрагменти (фрагмент 1 + фрагмент 2) інструментом «Прямокутна область». Далі — все за попереднім сценарієм: клік правою кнопкою миші – «Інверсія виділеної області — клавіша Delete. Тепер у нас залишається тільки перші два фрагменти нашого сердечка, інша частина — видалена.
• Кадр 4 … 6 створюються аналогічно, тільки виділяються відповідно фрагменти 1-3, 1-4,1-5.
Увага! Щоб виділити інструментом «Прямокутна область» з 1 по 4 і з 1 по 5 фрагменти, необхідно діяти наступним чином: виділяємо перші три фрагменти, а для того, щоб додати до виділення 4-й (4 і 5-й) фрагмент, утримуємо клавішу Shift на клавіатурі та виділяємо відповідну область, яка після того, як ми відпустимо клавішу Shift, додасться до області перших трьох фрагментів.
• Кадр 7 – повна картинка сердечка без зміни.
• Ось що у нас виходить покадрово.

создание анимации-02

• Тепер виділяємо перші 5 кадрів анімації та ставимо для них час анімації, наприклад, 0,2 с, а для останнього кадра — 0,5 с, щоб картинка як би завмирала.
• Налаштування часу вибирайте так, щоб анімація виглядала більш-менш плавно і водночас, щоб «в очах не мерехтіли». Останній кадр краще зробити з затримкою більш тривалої в порівнянні з попередніми, щоб ваша картинка на ньому в усій красі була чітко видна. Не бійтеся експериментувати!

animaciya-serdechka-05

А тепер для закріплення матеріалу подивіться відеоурок і спробуйте створити в фотошопі свою анімацію Поступове появлення.

Закінчення цього уроку буде в наступній статті.

До нових зустрічей.

Text.ru - 100.00%

  Мітки:

Ваш коментар

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

  Відправляючи коментар, ви погоджуєтеся з політикою конфіденційності цього сайту *

© 2021 Погляд на світ ·    
Всі права захищені. При копіюванні матеріалів з сайту обов'язково ставте активне посилання на першоджерело.
Поважайте, будь ласка, авторські права і чужу працю.