Текст морфінгу в анімації Photoshop

• Може 15, 2024

Поки що в цьому постійному Photoshop^R анімаційний проект, ми створили ефект зникання тексту та просту анімацію тексту на основі кадрів для blinkie. У нас в анімації 47 кадрів. Тепер ми будемо переносити текст на шарі дизайну J3 (назва веб-сайту), використовуючи функцію Photoshop's Warped Text та палітру анімації.

1. Щоб підготуватися до переліку імені веб-сайту, нам потрібно додати новий кадр (кадр 48) і встановити тривалість назад до .1 сек. Нам також потрібно буде вимкнути видимість для Дизайнер і для шарами. Потім увімкніть видимість J3 Конструкції (назва веб-сайту) в палітрі шарів.
   
   
2. Тепер ми можемо почати морф. Додайте новий кадр (кадр 49) до палітри анімації. Поверніться до blinkie та виберіть текст "J3 Designs" за допомогою інструменту Text. Це дозволить вам використовувати кнопку Warp Text. Натисніть на кнопку, щоб відкрити діалогове вікно Warp Text. Встановіть у спадному списку "Стиль" рибу, перемикач - "Горизонтальний", а повзунки встановіть на 0. Закрийте діалогове вікно.
   
   
3. Щоб встановити кінцевий кадр для першої половини анімації морфа, додайте новий кадр (Frame 50). Виберіть текст ще раз і відкрийте діалогове вікно Warp Text. Перемістіть повзунок Згин на 100 та закрийте діалогове вікно.
   
   
4. Щоб створити анімацію морфа, виберіть Frames 49 and 50. У меню палітри виберіть Tween. Встановіть кількість кадрів на 5 і натисніть кнопку ОК. Photoshop додасть рамки між твінь. У вас буде 55 кадрів в анімації.
   
   
5. Тепер повернемося в інший бік із морфом. Додайте новий кадр (Frame 56). Виберіть текст і відкрийте діалогове вікно "Warp Text". Поверніть повзунок Згин назад на 0 та закрийте діалогове вікно. Виберіть Кадри 55 та 56 та створіть інший Tween із 5-ти кадровою тривалістю. Photoshop додасть рамки між кольорами, і вам слід мати 61 кадр у палітрі «Анімація».
   
   Тепер ми повторимо останні два кроки, але цього разу встановимо повзунок Bend на -100 замість 100.
   
   
6. Додайте новий кадр (Frame 62). Виберіть текст і відкрийте діалогове вікно Текст бородавки. Встановіть повзунок Згин на -100. Виберіть Кадри 61 і 62 та створіть інший Tween із 5-ти кадровою тривалістю. Photoshop додасть рамки між кольорами, і у вас повинно бути 67 кадрів.
   
   
7. Додайте новий кадр знову (Frame 68) і встановіть повзунок Bend назад на 0. Виберіть Frame 67 і 68 та створіть останній Tween. Тепер у вас повинно бути 73 кадри.
   
   
8. Нарешті, ми хочемо, щоб анімація протягом 2 секунд відображала назву веб-сайту (J3 Designs). Додайте новий кадр (кадр 74) і встановіть тривалість 2 секунди.
   
   

Виберіть кадр 1 в палітрі «Анімація» і відтворіть свою анімацію. Збережіть проект як blinkie2.psd. У наступному посібнику ми почнемо переміщувати помилки та закінчуємо анімацію.

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe передруковані з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (іми) Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: Анимация неонового интро. Photoshop + After Effects. Туториал. (Може 2024).