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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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