Покадрова анімація у фотошопі. Анімована кнопка у Photoshop CS6 Створити анімацію у фотошопі cs6

Доброго вечора, дорогі передплатники та просто читачі мого блогу! Чи готові Ви дізнатися про те, як "оживити" свою картинку? І не за допомогою магії, а за допомогою всього нашого улюбленого фотошопу! Як довго я відкладав цей урок, сам не розуміючи чому. Адже це основи фотошопу! Але тепер я наважився виправитися.

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

Я довго не писав уроки з фотошопу, і в мене були на те причини. Адже я закінчував свою розповідь “ ”. Прошу прочитати його, і висловити свою думку прямо в коментарях!

А зараз перейдемо безпосередньо до уроку. На відео, яке буде нижче, я розповім як робити текст, що додається поступово, але в текстовому уроці завдання буде трохи складніше.

У нас є Чіполліно, і нам потрібно зробити так, щоб він махав нам ручкою.

Крок 1.Для початку потрібно "включити" анімацію у фотошопі. Для цього заходимо "Вікно"->"Анімація". Може ще бути написано "Шкала часу".

Крок 2Для того, щоб рука ворушилася, нам потрібно вирізати її і ставити в різні положення. Для вирізання руки я особисто використовую "Магнітне ласо". Робимо копію основного ( Ctrl+J) та працюємо з копією. Оригінал не чіпаємо.

Виділяємо акуратно руку та вирізаємо її!

Крок 3А тепер вставляємо нашу руку, як би це не звучало, і ставимо її в різні положення. Вставлятиметься рука в нові шари, нам це навіть на руку.

Крок 4.Цей крок необов'язковий, але краще використовуючи інструмент "Ластик" трохи підправити руку, зробивши її природнішою. Важко це пояснити, звичайно, на словах. Якщо зрозуміли для чого ми використовуємо гумку, то виконуйте цей крок, якщо все ж таки не зрозумієте, можете пропустити. Це не важливо, тому що нам найголовніше навчитися створювати просту анімацію!

Крок 5.Тепер працюємо із кадрами. У кожному кадрі включаємо лише ті шари, які нам потрібні. Наприклад, у 1 кадрі нам потрібен наш оригінал, а у нашому випадку "Шар 0".

Тепер створюємо новий кадр:

І вже до нового кадру включаємо інші верстви. Тобто наш "Шар 0 копія"і "Шар 1"тобто інше положення руки. Сподіваюся, алгоритм зрозумілий Вам, дорогі читачі.

Крок 6Виставляємо затримку кадру. Тобто через який проміжок часу буде показаний наступний кадр.

Крок 7.Зберігаємо нашу. Не дарма я включив цей крок до свого уроку, оскільки збереження гіф-анімації відбувається трохи інакше, ніж просто зображення.

Вибираємо формат (по дефолту стоїть GIF) та зберігаємо.

У цій статті я розповім про те, що таке анімація у фотошопі. Ми з вами подивимося, як працює анімація у фотошопі на прикладі створення новорічного банера.

Я працюватиму в Adobe Photoshop CS6. Інтерфейс у мене російська, оскільки я пишу з роботи.

Вдома у мене стоїть англійська версія, і вам раджу вчитися на англійській версії, ось чому:

• Ви легко зможете орієнтуватися в програмі будь-якою мовою (після англійської російською ви легко зможете знаходити інструменти, адже це ваша рідна мова, а після російської можуть виникнути проблеми з адаптацією).
• Більшість хороших уроків написані саме англійською.
• Локалізації програми часто відрізняються одна від одної, якість перекладу інтерфейсу іноді залишає бажати кращого. Некоректний переклад інструментів може заплутати початківця вивчати програму людини.

Приступаємо до створення анімації у фотошопі CS6

Запускаємо фотошоп.

Створюємо новий документ File-New (Ctrl+N).

У вікні задаємо розміри банера: 600 х 120, назвемо його «Новорічний банер» -> «Ок».

Створюємо тло

Я заздалегідь підбираю матеріали, які використовуватиму в роботі (фони, шрифти тощо).

Відкриваємо підготовлену текстуру: Ctrl+O. Завантажити текстуру, що використовується мною, ви можете.

Відкриваємо палітру шарів "Layers" - F7.

Виділяємо вікно з текстурою, перетягуємо шар із палітри шарів на шар із банером.

Якщо текстура виявилася надто маленькою або дуже великою, ніж банер, відкоригуйте її розмір за допомогою трансформації «Ctrl+T».

У куточках зображення з'являться маленькі маркери. Затисніть Shift, щоб зберегти пропорції сторін при зміні розміру, потягніть за кутовий маркер діагоналі, зменшуючи або збільшуючи розмір зображення, доки фоном не буде заповнена вся поверхня банера.

Після того, як підігнали текстуру за розміром банера, переходимо до її корекції кольору.

Заходимо в меню "Image" - "Adjustsments" - "Hue/Saturation" (Зображення - Корекція - Колірний тон/Насиченість).

Я виставила такі налаштування, щоб досягти яскравого, насиченого кольору:

Пишемо текст

Створюємо новий шар (Ctrl + Shift + N) або клацаємо по іконці нового шару на панелі шарів.

Вибираємо інструмент "Horizontal Type Tool" (T).

Вибираємо пензель із будь-якою зіркою, малювати буде білим кольором #ffffff. Щоб вибрати колір, клацніть на маленькому квадратику внизу в лівій панелі.

На новому шарі малюємо зірочки у довільних місцях. Щоб зірки вийшли яскравіше, клацаємо по кілька разів в одному місці. Ось що вийшло у мене:

Робимо дублікат шару (Ctrl+J). Клацаємо на іконку ока на панелі шарів, щоб приховати видимість попереднього шару.

Виділіть верхній шар із копією зірок. На панелі ліворуч виберіть інструмент Lasso Tool(L).

Виділяємо кожну зірку по черзі, натискаємо «V»(інструмент Move Tool) та переносимо на будь-яке інше місце, таким чином у нас у різних кадрах зірочки будуть на різних місцях, завдяки чому створиться ефект мерехтіння.

Після того, як пересунете всі зірки на інше місце, створіть дублікат шару, на якому працювали (Ctrl+J), сховайте попередній шар на панелі шарів, клацнувши на очко, і знову повторіть операцію по переміщенню зірок на нові місця, ви також можете домалювати кілька нових зірок.

Таким чином, у нас вийде 3 шари із зірками, у кожному з яких зірки будуть на різних позиціях.

Все готово.

Переходимо до створення анімації у фотошопі

Відкриваємо тимчасову шкалу. Заходимо в меню "Window" - "Timeline" (Вікно - Шкала часу).

У панелі шкала часу, що з'явилася, знаходимо кнопку посередині «Create Video Timeline» (Створити тимчасову шкалу для відео).

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

У нас відкрилася панель покадрової анімації. Зараз у ній лише один кадр, в якому показані всі видимі шари (зміст виділеного кадру показується в основному вікні на моніторі).

Переходимо на палітру шарів - F7. Нам необхідно зараз відключити два верхні шари із зірками (клацніть по оку), залишивши видимим лише один. Це буде першим кадром.

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

Знову клацаємо на значок нового кадру. Вимикаємо другий шар із зірками, включаємо третій.

Зверніть увагу на якийсь час під кожним кадром, це тривалість показу кадру. 5 сек, які стоять за умовчанням, для нас дуже багато - анімація буде гальмувати, клацніть на стрілочку і встановимо тривалість кожного кадру по 0,1 сек.

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

У вікні вказуємо скільки проміжних кадрів ми хочемо створити. Я поставлю 2. Для всіх кадрів крім останнього ставимо «Наступний кадр».

Між першим та другим ключовими кадрами у вас з'явилося 2 проміжні.

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

Виділяємо останній кадр у шкалі часу. Натискаємо на кружки. У вікні, у рядку «Проміжні кадри» вибираємо «Перший кадр», кадрів додаємо так само 2.

Тепер під кадрами знизу зліва вказуємо кількість повторів відтворення анімації «Постійно».

Виділяємо перший кадр, натискаємо трикутничок праворуч «Play», щоб подивитися що вийшло.

Вибираємо формат файлу для збереження GIF, натискаємо «Зберегти…», вибираємо директорію, куди будемо зберігати, тиснемо знову «Зберегти».

Отже, у цьому уроці ми подивилися як зробити анімацію у фотошопі CS6.

Сподіваюся, ви дізналися щось нове та корисне з цього уроку.

Щоб зробити анімацію, не обов'язково мати якісь феноменальні знання, потрібно просто обзавестися відповідним інструментом і правильно його використовувати. Таких рішень є досить багато, але найвідомішим з них є Adobe Photoshop. У цій статті буде показано, як швидко створити в ньому анімацію.

Якщо Фотошоп відсутній на вашому ПК, завантажуємо його за посиланням вище, після чого встановлюємо, дотримуючись інструкцій цієї статті, і запускаємо.

Етап 1: Підготовка полотна та шарів

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

Етап 2: Робота з часовою шкалою

Всі! Анімація готова. Ви можете переглянути результат, натиснувши кнопку "Запуск відтворення анімації". А після цього можете зберегти її у форматі GIF.

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

Важлива примітка.Якщо вам потрібно швидко створити найпростішу Анімаціюз кількох кадрів у Фотошопі, перейдіть на урок - .

Я досить давно цікавлюся покадровій анімацією, хоча й вивчила мало матеріалів. Усі книги, які я починала читати, досить довгі, важкі та «сухі».

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

Багато хто радив мені переходити на інші програми (наприклад, TVP Animation Pro), але я, не бажаючи підлаштовуватися під нові інтерфейси інших програм, вирішила робити все у Фотошопі.

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

Я торкнуся двох тем: короткі анімації і довгі. Не варто перегортати нецікавий вам тип анімацій: там може бути інформація, яка стане вам у нагоді для анімацій потрібного вам типу.

Короткі анімації- це анімовані аватарки, смайлики і т.д.

Довгі анімації– це мультфільми, відео тощо.

Спочатку я розповім теорію, а потім ми створимо анімацію на практиці.

Важливе доповнення

Багато хто запитує: «Чому моя анімація така смикана, мій персонаж/об'єкт швидко/повільно рухається?»
Відповідаю: ваш персонаж/об'єкт рухається швидко, тому що ви намалювали малокадрів.

Ваш персонаж/об'єкт рухається повільно, тому що ви намалювали багатокадрів.

Ваш персонаж/об'єкт сіпається, тому що ви не простежили за попереднім рухом і намалювали наступне, яке не узгоджено з попереднім.

Запам'ятайте: за одну секунду 24 кадру!

Тому, коли ви маєте намір створювати свою анімацію, пам'ятайте: 24 кадру = 1 секунда, 24 кадру = 1 секунду. Ніколи не забувайте про цю дуже важливу деталь.

Короткі анімації

Я думаю, що ви часто стикалися з анімаціями на аватарках, з анімованими смайликами.
Деякі смайли зроблені в Flash'e, але свої я малюю у Фотошопі. Не варто думати, що такі короткі анімації легко робити. З одного боку - так, вони невеликі за розміром, але з іншого - поки малюєш ці 15 -30 кадрів, замаєшся (а уявіть, якщо ви хочете створити трихвилинний кліп, то вам доведеться робити 4320 кадрів!).

Що ви повинні пам'ятати та знати?

Припустимо, ви захотіли намалювати собі на аватарку дівчину з волоссям, що розвівається від вітру. Значить:

По-перше, волосся це вам не картон - під впливом вітру середньої сили вони будуть поперечними хвилями.

Приблизно так це показано на схемі:

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

І, нарешті, слабкий вітерець акуратно піднімає та опускає волосся.

Слабкий вітер:

Середній вітер:

Сильний вітер:

Все те ж саме стосується тканини та одягу - вони будуть поводитися приблизно так само, як і волосся.

А тепер, наприклад, ви захотіли намалювати анімацію з рухом свого персонажа об'єкта. значить:

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

Таких прикладів можна навести величезну купу, але краще подивитися:

Щоб не потрапити в халепу з цими рухами перед діями(ДПД), частіше аналізуйте та спостерігайте за рухами людей або тварин.

Невелике доповнення

Загалом, ніколи не забувайте про фізику. Вага об'єктів, матеріали, з яких вони виготовлені (еластичність, м'якість, жорсткість і т.п.), все це необхідно.

Зрозумійте, що без цього ваша анімація буде мертвою, жахливою та негарною!

Краще попрацюйте над нею та ніколи не поспішайте.

Довгі анімації

Ооо, ось тут і починається все найцікавіше!

Чи часто ви, дивлячись мультики чи аніме, захоплювалися анімацією і заздрили тим, хто вміє їх робити? Всі ці прекрасні сцени, пластика рухів та багато інших. ін? Я чесно зізнаюся - так. Щоразу, коли я щось дивлюся, я намагаюся зрозуміти, як же аніматори з цим працювали? Як вони це все створювали?

Але через те, що я не знаю, в яких вони працюють програмах, я намагаюся зрозуміти весь процес, використовуючи механізми Photoshop-a.

І знаєте, адже я знаходжу відповіді на всі свої запитання!

Але давайте розбиратимемо все по порядку.

Процес створення довгої анімації

1. Спочатку нам потрібна ІДЕЯ

Наприклад, ви вирішили зробити невеликий кліп, у якому танцюватимуть кілька дівчат.

Якщо ви материй художник-аніматор, ви можете у своєму кліпі «змусити танцювати» від 3 та більше дівчат.

Але на початку свого шляху аніматора краще обмежитися однією-двома.

2. Тепер вам необхідно скласти розкадрування по сценах (РПС)

Що це таке і з чим її їдять?

Уявіть собі фільм. Тепер уявіть кількість різних видів з різних камер. Крупним планом, краєвид, камера, що йде за персонажем.

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

У ньому вони зображують сцени.

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

Дуже зручно і те, що можна робити збоку опису, а то, буває, намалюєш, потім через деякий час подивишся, і не зрозумієш – що це я тут зобразила?

Тож беремо собі на замітку таке розкадрування по сценах і користуємося такими книжечками.
Можна навіть не робити книжку, а просто створити великий файл у Фотошопі і там усі сцени малювати.

3. Тепер вам потрібно придумати фон, концепт персонажів та рухи

Рухи малюємо у книжечці РПС.

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

Потім ви продумуєте зовнішній вигляд вашого персонажа та починаєте створювати анімацію.

Від теорії переходимо до практики

Давайте з цього моменту ви трохи подумаєте над ІДЕЄЮ і, взагалі, над пунктом «Процес створення анімації». Навіщо це я? До того, що зараз вам буде потрібен піддослідний кролик, якого ви змушуватимете рухатися. Ми не робитимемо кліп, в якому 4320 кадрів. Найкраще і найлегше буде зрозуміти, як створити покадрову анімацію по 24 -72 кадрової анімації.

Що ж, почнемо!

1. Створюємо новий документ. Для своєї анімації я взяла невеликий розмір. 400 x 500 px.

2. Тепер, якщо у вас немає внизу зліва вікна Анімація», дивимося нагору, відкриваємо вкладку « Вікно» - « Анімація».*

* - У прикладах використовується русифікована версія Photoshop CS2.

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

Завжди/одного разу- Вибравши «Завжди» ви зациклите анімацію. Якщо ви оберете "Одного разу", анімація програватиметься лише один раз. (Обидва варіанти анімацій на моєму уроці є: зациклена - де показаний принцип ДПД, яка відтворюється один раз - де показана зміна сцен).

Виберіть перший кадр- Повертає нас до самого початку.

Обирає попередній кадр- Не зватимемо Кепа. (=

Грає анімацію/Зупиняє анімацію- Play/Stop.

Вибирає такі кадри- Наступний кадр. Ваш Кеп!

Tweens кадри анімації- За допомогою цієї кнопки ми можемо додати плавні переходи між двома кадрами за допомогою додавання нових.

Дублює вибрані кадри- не зовсім вірна назва... Краще було б «Додавання нового кадру».

Видаляє вибрані кадри- Кошик.

3. Тепер ми можемо починати малювати. для цього створений раніше вами фон поставте на Background(задній план / фон).

4. Потім створіть новий шар (Ctrl+Shift+Alt+N) та намалюйте на ньому свого персонажа.

4. Тепер починається найважче: нам потрібно намалювати багато разів поспіль одного і того ж персонажа в різних позах.

Створюємо новий кадр, і... Тут є два варіанти:

а)Або ви починаєте щоразу малювати свого персонажа заново, або.

Б)Копіюєте попередній шар і змінюєте його (малюєте-праєте, а не користуєтеся трансформацією! Такий інструмент вам буде потрібен рідко, потім напишу, коли).

Натаскавшись в анімації, ви зможете безболісно користуватися обома варіантами. (Можете спробувати кожен із них в окремому документі).

Варіант А:

1. Ми намалювали наш перший кадр.

2. Щоб бачити, як змінювати наступний, ми зменшуємо прозорість шару приблизно до 30% та створюємо новий шар, на якому вже малюємо кролика для другого кадру.

3. Домальовуємо другий кадр і відключаємо видимість у попереднього першого шару.

Варіант Б:

1. Створюємо кадр із персонажем і робимо цей шар невидимим.

2. Потім дублюємо його (Ctrl+J), перетягнувши шар на кнопочку «Створити новий шар» лівіше за кошик.

3. Тепер робимо другий шар видимим та починаємо його змінювати.

Таким чином, дублюючи попередні шар, ви створюєте нові кадри і змінюєте саме їх, а не один і той самий.

5. Сидимо, малюємо кадрів 10 -15 ...

6. І дивимося, що вийшло.

Вийшов кролик, що біжить.

Причому жодну його частину не скопійовано: кожен кадр намальовано заново.

Дивіться самі:

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

Майже кінець

Вище я обмовилася про інструмент ().
Користуватися ним варто тоді, коли ви, наприклад, хочете віддалити камеру, наблизити її, повернути і т.д. (Якщо вам потрібно лише перемістити фон, скористайтеся відеоредакторами, вам буде легше). Не варто скористатися спотворенням, нахилом та іншими інструментами трансформації без потреби.

І, після того, як ми зберегли нашу gif-анімацію як відео файл формату .avi, наприклад, можна сміливо йти в Кіностудію Windows Live.
Там уже робіть з вашим кліпом все, що душа забажає.

А потім ви можете завантажити свій кліп на youtube.com і насолоджуватися виконаною роботою.

Всім ВЕЛИКИЙ ДЯКУЮ за увагу, з вами була Lero-art. Вибачте мене за недорікуватість, дивність викладів та інші огріхи в уроці, якщо такі є. Усі вони від того, що думки плутаються, а слова не складаються у речення...

Але, сподіваюся, ви почерпнули для себе щось нове та цікаве!

Чи думали ви, як створюються анімовані GIF-файли? Автор уроку пропонує вам за одну ніч опанувати деякі секрети анімації за допомогою цього уроку. Також ви навчитеся використовувати Шкалу часу (Timeline), яка доступна у версії Photoshop CS6. А тепер почнемо!

Результат уроку.

Крок 1

Створіть новий документ ( Ctrl+N) з розмірами файлу 800 x 500 пікселів. Залийте фон будь-яким кольором, який ви бажаєте. Тепер йдемо в меню Шари- Стильшару- Накладенняградієнта(Layer> Layer Styles> Gradient Overlay). Виконайте такі настройки: Стиль Радіальний(Radial), кольори від чорного (#000000) до синього (#54799b), який буде використовуватись у центрі.

Крок 2

Створіть новий шар та назвіть його Noise Layer. Виберіть інструмент Заливання(Paint Bucket Tool) і залийте створений шар темним кольором (# 231f20). Залишіть активним шар Noise Layerта йдіть у меню Фільтр - Шум - Додати шум(Filter> Noise> Add Noise). У діалоговому вікні параметрів фільтра поставте такі значення: Ефект(Amount) 3%, розподіл Рівномірне(Uniform) та натисніть OK.

Крок 3

Натисніть комбінацію клавіш (Ctrl+U)і в діалоговому вікні налаштувань корекції введіть значення Насиченості(Saturation) 100%: Змініть цей шар режиму накладання на М'яке світло(Soft Light).

Примітка перекладача: Для того щоб досягти такого кольору як у автора на скріншоті, можна при корекції колірний тон / насиченість (Hue/Saturation) значення колірного тону (Hue) поставити на - 140.

Крок 4

Додати будь-який текст, який ви хочете. Тут ми використовуватимемо текст логотипу сайту 123RF. У стилях шару використовуйте Обведення(Stroke). Значення розміру обведення виберіть за своїми перевагами.

Примітка перекладача: На скрині автора вже є растрований текст разом зі стилем Обведення. Щоб у вас вийшло так само, після того, як застосували обведення, приберіть Заливку (Fill) шару з текстом на 0%, перетворіть цей шар на смарт об'єкт, а потім розтрируйте його.

Крок 5

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

Тиснення(Bevel & Emboss)

Внутрішня тінь(Inner Shadow)

Внутрішнє свічення(Inner Glow)

Накладання кольору(Color Overlay)

Зовнішнє світіння(Outer Glow)

Тінь(Drop Shadow)

Крок 6

Як тільки ви закінчите створювати світлові ефекти за допомогою стилів шару, перейдіть в палітру шарів і зменшіть цей шар Заливання(Fill) – на 0%.

Крок 7

Дублюйте шар, який ви створили в кроці 5 і вимкніть цю копію всі стилі шару. Налаштуйте тепер стилі так:

Внутрішня тінь(Inner Shadow)

Внутрішнє свічення(Inner Glow)

Крок 8

Нижче результат після того, як ви застосували стилі шару.

Крок 9

Тепер ми створимо світлові цятки, що рухаються. Створіть 5 шарів поверх існуючих і перейменуйте їх як 1,2,3, R і F. Якщо у вас свій текст створіть шари відповідно до ваших літер. Згрупуйте ці шари в папку, якою дайте назву Light Spotsта змініть режим накладання на Освітлення основи(Color Dodge).

Активуйте інструмент Пензлик(Brush Tool), виберіть м'який пензлик, встановіть Непрозорість(Opacity) на 95% і білим кольором намалюйте цятки поверх тексту. Для кожної літери окрема світлова пляма на своєму шарі. Нижче на скріншоті ви можете розглянути, як шари виглядають у автора на панелі шарів.

Крок 10

Тепер йдемо в меню Вікно - Шкала часу(Window > Timeline). Ви помітите, що ваші шари вже побудовані в цій палітрі в її лівій частині. Виділіть кожен із п'яти шарів зі світловими плямами, які знаходяться в групі Light Spotsі переконайтеся, що індикатор поточного часу (блакитний слайдер) стоїть на нульовому кадрі. Тепер на кожному шарі в групі, за його активності, натисніть на опцію Позиція(Position), щоб створити ключовий кадр.

Примітка перекладача: Щоб активувати шкалу часу, натисніть кнопку Створити тимчасову шкалу для відео(Create Video Timeline) та всі ваші шари завантажаться у шкалу часу. Виділено у ній буде той самий шар чи група, що у палітрі шарів.

Крок 11

Встановіть індикатор поточного часу (блакитний слайдер) на позначці 01:00 Fі перемістіть шари зі світловими плямами траєкторією їх руху щодо контуру літери.

Крок 12

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