Урок 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>

*

*