Уроки анімації для початківців, як зробити анімацію, уроки по створенню анімованих аватар.
урок 9
Ефект блискучого (або «біжить»?) Тексту прекрасно підійде для створення банерів, анімованих аватарок або Userbars для форумів . Урок насправді простий, так що проблем у Вас з ним не буде.
інструментарій
- Adobe Photoshop CS2;
- Adobe ImageReady CS2.
Відкриваємо Photoshop, створюємо новий файл потрібного розміру (в прикладі 200 × 50 пікселів). Тепер створюємо напис, взявши інструмент Текст - Рис.1. Я напишу Arcanum (Рис.1). Шрифт в даному випадку обраний фірмовий арканумовскій Morpheus (можна завантажити на складі Таранта ).
Вирівнюємо напис по вертикалі і горизонталі. Для цього вибираємо інструмент Переміщення (Рис.1) і тиснемо Ctrl + A на клавіатурі, щоб виділити все зображення (Рис.2) або робимо виділення через вкладку меню Виділення -> Виділити все, результат той же. Клікнувши по зазначеним на Рис.2 іконка на верхній панелі (Вирівнювання), вирівнюємо текст по вертикалі і горизонталі (Рис.3). Напис по центру Рис.3.
За бажанням додаємо в текст ефектів (опускаємо подробиці цього процесу, це окрема тема). В даному випадку зроблені Тінь і Тиснення (Рис.4). Титр готовий для подальших ефектів.
У вікні шарів створюємо новий шар натиснувши Shift + Ctrl + N (або натиснувши іконку Рис.5). Беремо інструмент Олівець (або будь-яким аналогічним способом) і малюємо пряму вертикальну лінію блакитного кольору (наприклад, колір може бути будь-яким). Вона повинна розташовуватися до напису (Рис.7). Можна додати лінії різних ефектів, але не обов'язково. Тепер переходимо в Adobe Image Ready натиснувши Shift + Ctr + M або іконку програми. Перед початком роботи в цій програмі рекомендуємо зберегти Вашу роботу в форматі * .psd, у Image Ready іноді трапляються «заскоки».
Встановлюємо відразу тривалість кадру 0,1 сек і створюємо дублікат шару вікні анімації см. Рис.8.
Дублікат кадру створено: см. Рис.9. Переконуємося, що НОВИЙ СЛОЙ (на якому знаходиться лінія) активний.
Переносимо нашу лінію в кінець тексту Рис.10 і заходимо в Шар -> Створити обтравочную маску (Рис.11), після чого наша лінія пропаде (Рис.12).
У вікні анімації натиснемо іконку Створити проміжні кадри (див. Рис.13). У вікні меню ставимо 20 кадрів натискаємо OK (Рис.14).
Між першим і останнім кадром з'явилося 20 проміжних кадрів (Рис.15), і програма сама зробить плавний перехід між ними. Чим більше кадрів, тим плавніше / якісніше перехід, але тим більше розмір файлу. Необхідно вибирати між «вагою» і якістю.
Залишилося зберегти готовий проект: Файл -> Оптимізований як ... * .gif. Вийде якось схоже на Рис.16. Ефект має масу варіантів, тут розглянуто лише приклад. Творіть і пробуйте, вдалою анімації.
Питання (якщо виникнуть) - можна задати на нашому форумі аватар . Матеріал відредагував і підготував до публікації san_san на основі уроку ReaLKoT з нашого Форуму.
Або «біжить»?
