Створення анімації в фотошопі інструментом Освітлювач

Сьогодні представляю вам урок по анімації, отриманої за допомогою інструменту «Освітлювач» програми PhotoShop.

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

За допомогою цієї техніки можна зробити анімацію будь-якої картинки, але особливо ефектно виглядають зображення, що знаходяться як би в тіні:
– будь-які фотографії на темному або затемненому фоні,
— місячна доріжка на темній гладі води,
— зірки на нічному небі,
— вогонь, багаття
— світло ліхтаря,
— відблиски на фоні боке,
— іграшки на новорічній ялинці
й так далі.
Хоча, повторюся, за допомогою інструменту Освітлювач можна створити будь-яку анімацію за вашим бажанням. При цьому ефект виходить завжди різним і неповторним.

Інтенсивність відблисків залежить від параметрів кисті, за допомогою якої ви висвітлюєте ті чи інші ділянки зображення. І на різних зображеннях ефект з одними й тими ж параметрами буде виглядати по-різному.
Тому, щоб відчути всю красу роботи над такого роду анімацією, треба зробити кілька анімованих зображень поспіль, спробувавши різні кисті, різну інтенсивність та площу освітлення, застосувавши ефект освітлення до абсолютно різних зображень.
Повірте, це захопливе заняття!

А зараз безпосередньо сам урок.

Крок 1. (фото 1)
Для цього уроку я вибрала картинку, отриману зі звичайної фотографії троянди, попередньо обробленої за допомогою спеціального фільтра для фотошопу Redfield/ Fractalius.
Про фільтр ми поговоримо трохи пізніше, в наступних уроках, а поки просто беремо картинку й завантажуємо її в фотошоп.

Крок 2. (фото 2)
Створюємо два дублікати зображення. Нагадаю, якщо хто не знає або призабув, що це можна зробити двома способами: вибравши з контекстного меню пункт «Створити дублікат шару» або просто перетягуючи мишкою виділений шар на кнопочку-конвертик знизу, який я спеціально для вас виділила зеленим контуром.

Крок 3. (фото 3)
Налаштовуємо параметри інструменту Освітлювач. Для цього натискаємо на панелі інструментів на однойменний значок, клацаємо правою кнопкою миші на зображенні та в табличці, яка відкривається, вибираємо необхідний пензлик.

Пензлик може бути будь-яким, на ваш розсуд, в залежності від картинки та результату, який ви хочете отримати. Якщо ви візьмете м’який пензлик, то «відблиски» на анімації будуть м’якшими, ніжними, а якщо жорсткий — то більш яскраво вираженими. Кожен пензлик привнесе в вашу анімацію свій неповторний ефект. Я вибрала круглий м’який пензлик.

Далі підбираємо розмір пензлика. Якщо вам потрібно буде обводити тільки контури картинки, то вибирайте пензлик більш маленького розміру, а якщо ви захочете «освітлювати» досить великі ділянки картинки, то підбирайте і розмір відповідний. Головне, щоб, малюючи пензлем ви не отримали щось аморфне і схоже на плями на листі паперу. Не поспішайте, намагайтеся робити все акуратно!

Крок 4 (фото 4)
Вибираємо в основному меню програми Вікно / Робоче середовище / Рух. При відкритті панелі анімації вибираємо Створити анімацію кадру. Отримуємо перший кадр нашої анімації. Дивіться панель анімації внизу фото 4.

Вибираємо шар 1. Решту шарів закриваємо (прибираємо з них «око»). І акуратно інструментом “Освітлювач” проходимося (як би малюємо) по кількох крайкам та місцям зображення троянди. Для наочності я обвела ділянки, на яких я попрацювала.
Тут головне — зрозуміти принцип.

УВАГА!
Місця, які освітлюються на одному шарі, не повинні збігатися з місцями освітлення для інших двох шарів! Тому що для отримання гарної анімації «відблиски» повинні з’являтися в різних місцях картинки.

Крок 5. (фото 5)
Створюємо другий кадр анімації. Для цього натискаємо кнопочку на панелі анімації «Створити новий кадр» (квадратик з загнутим кутом). З’являється другий кадр.
Включаємо шар 1 копія, вимикаємо шар 1.
І далі продовжуємо працювати аналогічно кроку 4, тобто інструментом «освітлювач» обробляємо інші місця на зображенні. Я їх теж обвела для наочності.

Крок 6. (фото 6)
Створюємо третій кадр анімації. Тільки тепер вимкнені два нижніх шари та включений шар 1 копія 2. Місця для «обробки» знову ж показала на зображенні.

Будьте уважні при включенні і відключенні шарів.
Перший кадр – «око» включене тільки на шарі 1, другий кадр — «око» включене тільки на шарі 1 копія, третій — «око» включене тільки на шарі 1 копія 2.

Після перевірки відповідності шарів кадрам анімації, вибираємо час анімації, клацнувши правою кнопкою мишки внизу кадру анімації (з написом 0 сек.) та з асортименту налаштувань вибираємо потрібну тривалість кадру. Я вибрала 0,2 с. Але в різних випадках, час вибирається різним. Причому можна встановити не тільки час зі списку, а й свій, який вам потрібно, а також можна встановити різний час для кожного кадру.

Натисніть на кнопочку «пуск анімації», це трикутничок, звичайний символ для пуску на всіх відеопристроях (Фото 6-1).
Картинка ожила.

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

УВАГА!
Для того, щоб анімація була безперервною, треба вибрати в нижньому меню віконця анімації режим «постійно». Якщо ж хочете, щоб анімація повторювалася певну кількість разів, а потім зупинилася, то вибирайте «одноразово» або «інше» – вибравши потрібну кількість повторень! (Фото 6-2)

Крок 7. (фото 7)
Зберігаємо нашу анімацію: Файл — Зберегти для WEB і пристроїв

Виставляємо такі параметри, як у мене на скрині та не забуваємо уточнити розміри зображення, привівши їх до стандартних (якщо потрібно). Зберігаємо.

Анімація картинки інструментом Освітлювач програми фотошоп готова!(Фото 8)

І до неї ще парочка моїх анімацій (фото 9-10), створених із застосуванням інструменту “Освітлювач”. Щоб побачити оригінальне зображення, клацніть по обраній картинці.

При створенні двокадрової анімації (фото 11-12) можна отримати ефект «включено-вимкнено» (буває що потрібен саме такий ефект).
Тоді на другому кроці створюємо не два, а всього один шар дублікат. Перший шар автоматично стає першим кадром анімації, а на другому кадрі освітлюється вибрані місця зображення інструментом Освітлювач.

Таким чином можна зробити анімацію, наприклад, ока світлофора або напис, або картинку (стрілочку, логотип, фавікон на банері або кнопці), або будь-яку маленьку картинку або символ на загальному фоні.

светофор с мигающим глазиком стрелочка анимированная

Сподіваюся, урок надихне вас на анімаційні подвиги! Будуть питання – запитуйте, відповім.
До нової зустрічі! І творчих вам успіхів!

Text.ru - 100.00%

  Мітки:

Ваш коментар

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

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

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