Як робити в photoshop анімацію (анімована напис)

Ви навчитеся створювати gif анімацію в Photoshop (створювати текст, фарбувати його в райдужні кольори, робити напис анімованої).

Створення заготовки «веселка»

Створіть ще один новий документ «Ctrl + N» такого ж розміру, як і перший. Виберіть інструмент «Градієнт». В меню для «Градієнта» треба натиснути на другу кнопку зліва. У вас відкриється палітра з різними варіантами градієнтної заливки. Натисніть мишкою на потрібний варіант веселки і на кнопку «Так». Тепер затисніть клавішу «Shift» і проведіть на чистому документі рису зверху вниз. На аркуші з'явиться суцільна заливка вигляді веселки.

Тепер цей шар треба продублювати (натисніть на документ, і натисніть клавіші «Ctrl + J»). Тепер зробіть другу веселку і розташуйте її над першою. Для цього відкрийте меню «Зображення» і виберіть пункт «Розмір полотна». У вікні є квадрат зі стрілками. Натисніть мишкою на середній квадрат знизу, центр нашого зображення перемістився. Для довжини і ширини документа вкажіть розмір в 200 пікселів. Натисніть «Так». Тепер натисніть мишкою на райдужну заливку, затисніть клавішу «Shift» і перетягніть «веселку» в верхню частину документа. У підсумку документ набув квадратну форму і подвійну райдужну заливку.

«Веселка» у нас розташована на двох різних шарах, ці шари треба з'єднати (затисніть «Shift», натисніть на другий шар і натисніть «Ctrl + E»).

З'єднання написи і «веселки»

Розмістіть вікна з написом і «веселкою» так, щоб они були видні обидва. Натисніть мишкою на «веселку», не відпускаючи кнопки миші, перетягніть «веселку» на напис. «Веселка» повинна закрити напис повністю. Розмістіть шар з «веселкою» таким чином, щоб і вгорі і внизу документа розташовувалася смуга червоного кольору.

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

Щоб напис не зливалася з фоном, буквах треба зробити контур. Зробіть подвійне клацання мишкою по шару з текстом в палітрі шарів. У меню поставте галочку в останньому пункті ( «Обведення»). У правій частині екрана натисніть на кольоровий прямокутник, з'явиться вікно з палітрою, натисніть мишкою на будь-яку точку палітри, наприклад, на темно-синю область. Це буде колір нашого контуру для напису. Товщину контуру поставте в 1 піксель, натисніть «Так».

Як анімувати напис?

Відкрийте меню «Вікно», натисніть на пункт «Анімація». З'явиться меню для створення анімації. Наша картинка з райдужної написом буде першим кадром анімованого зображення. Натисніть на кнопку «Останній кадр». У смузі розкадровки тепер два абсолютно однакових кадру. Перейдіть на шар з «веселкою», затисніть «Shift» і мишкою «перейдіть» заливку вниз, щоб всі кольори пройшли через напис (угорі знову буде бузковий колір, а внизу жовтий). Перейдіть у вікно «Анімація» і виділіть обидва кадру. Натисніть на кнопку «Додати кадри» в цьому вікні. Кількість кадрів вкажіть «10», натисніть «Так». У смузі прокрутки з'явилося 12 кадрів.

Для перевірки отриманого ефекту натисніть кнопку «Відтворення» у вікні «Анімація». Напис буде міняти колір. Зупиніть відтворення анімації. Зайдіть в меню «Файл», натисніть «Зберегти для WEB». У вікні збереження натисніть «Зберегти», дайте файлу назву, вкажіть місце для його зберігання, натисніть «Зберегти».

У наступному уроці ми продовжимо вивчати тему «Photoshop анімація» і розповімо про те, як робити анімацію з фотографій.