Урок Photoshop – Ефекти для тексту

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


У цьому уроці немає ніяких початкових кодів!
Повна свобода творчості!


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


За допомогою інструменту Текст (TextTool) Робимо необхідну напис.
Спробуйте почати з одного слова.
Місце розташування і колір – неважливо.
Текст вибирайте пожирніше і побільше.


Потім копіюємо шар з вихідним зображенням 3 рази – за все повинно вийти 5 шарів (див. скріншот)


Потім створюємо виділення тексту.
Для початку потрібно текстовий шар растеризувати: перебуваючи на шарі з текстом клікаєм ПКМ і в випадаючому меню вибираємо Растеризувати шар (RasterizeType). Можна зберегти копію текстового нерастрірованниє шару – раптом знадобиться.
Притискаємо Ctrl та натискаємо ЛФМ на іконці шару з текстом.
З'являється виділення.
Зберігаємо видимість тільки одного шару з чотирьох копій вихідного зображення.


Додаємо  до нього маску шару (Addlayermask) – Кнопка внизу панелі шарів.
Виділення та зображення зникло.
Приховуємо шар з текстом.
Ось, що вийшло.


Теж саме робимо з рештою 2-мя копіями вихідного зображення (Але: залишаємо в недоторканності самий нижній).


"Розчіплювати" шар і маску, натискаючи на замочок у кожному получившимся шарі.
Це потрібно для незалежного руху маски і шару один від одного.


Виділяємо іконку маски (а не іконку шару) на будь-якому з трьох шарів, затискаємо ЛКМ і переміщаємо маску (тобто слово) на вільний простір.
З іншим шаром теж саме.


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


Далі ми будемо рухати тільки МАСКИ! Тому необхідно стежити за їх активністю, а не виділяти іконки шару.
Маску кожного шару зрушуємо вправо (1 на скріншоті).
Пересувати маску краще: або притискаючи ЛКМ і тягнути її (при активному інструменті MoveTool ), Або стрілкою на клавіатурі (але так повільно).
Можна створити напрямні для рівномірного руху.


Ну от, для анімації все готово.


Відкриваємо вікно Вікно-Анімація (Window-Animation) Або переходимо в Image Ready.
Для першого кадру встановлюємо час 0,5 сек (2 на скріншоті)
Робимо копію кадру (3 на скріншоті) – час 0,2 сек.


Тепер ми будемо створювати переміщення слів – рухаючи при цьому маски шарів.


Моя задумка: Спочатку з'являється центральне слово, а потім верхнє і нижнє одночасно.


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


Перебуваючи на кадрі № 2, натискаємо кнопку Створити серію кадрів (Tweensanimationframes) –4 на скріншоті.
У випадаючому вікні я поставила 7 кадрів – це число перехідних кадрів, яке з'явиться між 1-м і 2-м.


Ось так тепер виглядає палітра анімації.
Міняємо значення часу для серії кадрів на 0,2 сек.
Можна натиснути СТАРТ (Plays) І подивитися як все це виглядає ….
На ваш розсуд: змінювати час, кількість кадрів у серії.
Те ж саме з двома іншими словами.


Робимо копію кадру, пересуваємо слова – їх маски (я їх рухала одночасно), створюємо перехідні кадри.
У мене вийшло 17 кадрів.


На ОСТАННЬОМУ – сімнадцятий кадрі перетаскиваем маску шару з центральним словом вправо.
Це потрібно, щоб текст зручніше було читати. Якщо у Вас інша задумка – Творіть))))
І знову копія кадру.
Висуваємо центральне слово на середину документа.
Створюємо серію кадрів (кількість в серії можна зменшити – так як слово проходить тільки половину шляху, я зробила 4).


На ОСТАННЬОМУ кадрі я зрушила вправо маски двох, що залишилися шарів (див. стрілки на скріншоті).
Знову копія і верхній і нижній текст пересуваємо на середину.
Потім серія кадрів (4 кадри).


І знову копія кадру.
Для цього кадру робимо видимим цілий вихідний шар (шари з масками приховуємо).
Далі серія кадрів (у мене з 5).


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


Так ми робимо зникнення картинки, щоб завершити цикл.
Серія кадрів (у мене 5). Для кадрів цієї серії я встановила час – 0,1 сек.


Ось і все!
Зберігаємо документ у форматі . GIF Файл-Зберегти для Web(File-SaveforWeb & Devices).


Замість тексту можна використовувати будь-які фігури, траєкторію їх руху змінювати в залежності від задуму. Все у Ваших руках!


Фантазії на тему …


Творчого натхнення та удачі в реалізації задуманого!
Автор: pirogovadesign


Даний урок підготовлений для Вас командою сайту http://www.photoshop-master.ru


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*