У цьому уроці ми навчимося створювати анімашки з з'являтимуться і зникаючим текстом.
1. Відкриваємо Adobe Photoshop і створюємо новий документ ось з такими параметрами:
Має вийти ось таке зображення:
Сітка сіро-білого кольору на даному зображенні позначає прозорість фону.
2. Виберемо вже знайомий нам інструмент Horizontal Type Text і напишемо текст:
3. Мда ... Текст как-будто розмазаний, та й взагалі не вражає, скажете Ви. Саме тому в Фотошопі існує така чудова річ, як стилі! Подивимося в панель Color і зауважимо вкладку праворуч, що називається Styles (на малюнку виділено червоним):
4. Натиснемо на цю вкладку, і нам відкриється панель з різноманітними стилями, позначеними маленькими квадратами. Тепер натиснемо на кнопку, виділену на малюнку червоним кольором:
У нижній частині меню представлені окремі групи різноманітних стилів (на малюнку вони відзначені червоними крапками):
5. Виберемо, наприклад, групу Text Effects. В панелі Styles висвітиться інша група стилів:
Я вибрала найперший стиль, Ви можете вибрати на свій смак будь-який стиль з будь-якої групи. Отримуємо ось таке зображення:
6. Тепер зберігаємо наше зображення у форматі Photoshop:
7. Запускаємо Adobe ImageReady (В Photoshop CS3 і вище Image Ready немає. Віконце анімації відкривається через меню Window - Animation) і відкриваємо наш збережений файл. У вікні Animation - 1 кадр:
8. У панелі Layers приберемо видимість останнього (і єдиного) шару:
9. У панелі Animation (а також в самому документі) залишиться порожнє зображення. Створимо новий кадр, натиснувши кнопку, виділену червоним:
10.Далее переходимо в панель шарів Layers і робимо видимим наш шар:
11. Тепер приступимо до самої відповідальної частини нашої роботи. Звернемо увагу на кнопку Tween, виділену червоним. Це кнопка створює проміжні кадри, таким чином, дуже сильно полегшуючи роботу аніматора. Натискаємо цю кнопку:
На екрані з'являється вікно з настройками проміжних кадрів.
Tween with - команда, за допомогою якої можна вибрати, між якими кадрами ми хочемо зробити проміжні (з попереднім кадром або ж з першим);
Frames to Add - скільки проміжних кадрів ми хочемо вставити;
Layers - всі верстви або тільки виділені;
Parameters - за якими параметрами повинні змінюватися проміжні кадри (позиція, прозорість, ефекти)
12. Вибираємо настройки, зазначені на малюнку:
13. Натискаємо ОК і отримуємо 7 кадрів. Далі створюємо новий, восьмий, кадр:
14. Прибираємо видимість нашого шару:
15. Знову переходимо до створення проміжних кадрів за допомогою кнопки Tween:
Тепер ми маємо 13 кадрів в панелі Animation:
16. Перейдемо до кадру під номером один. Затиснувши Shift, виділимо перші шість кадрів, як показано на малюнку:
17. Тепер змінимо час показу цих кадрів на 0,1 секунди, натиснувши на будь-якому з них:
Далі виставимо час показу інших кадрів: 7 кадр - 1 секунда, 8 - 12 кадри - 0,1 секунди, 13 кадр - 1 секунда.
18. Тепер виберемо інструмент Crop Tool і обрізаємо нашу напис. Виділимо нашу напис і поза виділеної зони (на малюнку показано стрілкою) натиснемо 2 рази лівою кнопкою миші:
19. Натискаємо кнопку Play в панелі Animation, насолоджуємося результатом і зберігаємо нашу анимашку: