Motion Tween у Photoshop Advertising Blinkie

• Може 17, 2024

У цьому підручнику Photoshop CS3 ми закінчимо рекламне blinkie, перемістивши текст та сонечко від blinkie, залишивши його порожнім, щоб знову запустити анімацію. В останньому підручнику ми закінчили перетворення тексту на кадрі 74.

Тепер ми почнемо рухати червону сонечку з-під камеї та до тексту (J 3 Designs). Давайте дамо сонечко 15 кадрів, щоб дійти до правого краю тексту. З цього моменту ми перемістимо і текст, і сонечко разом на 60 кадрів, поки вони не зникнуть із блимке. Далі ми перемістимо золоту сонечко від нижнього лівого кута до верхнього правого кута та від білого кольору. Давайте дамо цій корівці 20 кадрів для цього завдання.

У цей момент миготіння буде порожнім. Давайте дамо глядачам невеликий період спокою в 5 кадрів, перш ніж перенести золоту сонечко назад у її початкове положення у нижньому лівому куті бликітки. Це завершить всю анімацію, яка буде повторюватися, поки світ не закінчиться.

Відкрийте файл проекту blinkie2.psd у Photoshop^R і почнемо.

1. Наш перший крок - перемістити червону сонечку до тексту. Додайте кадр 75 і встановіть тривалість назад до 0,1 секунди. Додайте Frame 76 та натисніть на шар Red Ladybug в палітрі шарів. Тепер натисніть на інструмент «Перемістити» та скористайтеся ним для переміщення сонечко на місце в правому кінці тексту. Ви також можете використовувати стрілки напрямку на клавіатурі для розташування сонечко.
   
   
2. Виберіть і Frame 75, і 76 та створіть Motion Tween тривалістю 15 кадрів. Тепер у вас має бути 91 кадр.
   
   
3. Тепер ми будемо використовувати Motion Tween з 60 кадрів, щоб перемістити помилку і текст з поля зору. На кадрі 91 виберіть шари Red Ladybug та J 3 Designs у палітрі шарів. Додайте новий кадр 92 та перетягніть помилку та текст ліворуч та з екрана. Виберіть як Frames 91, так і 92 та додайте Tween з 60 кадрів. У вас повинно бути 152 кадри.
   
   Зараз би вдалий час для тестування анімації.
   
   
4. Настав час розбудити цю золоту сонечко і привести її до роботи. Додайте новий кадр 153 та виберіть шар "Золота корівка" в палітрі шарів. Додайте ще один кадр 154 і перетягніть золоту сонечку вгорі праворуч і з блимків. Виберіть обидві Рамки 153 та 154 та додайте 20 кадрів. У вас повинно бути 174 кадри.
   
   
5. Ми хочемо, щоб бликітка була порожньою довжиною п'яти кадрів .l sec. Тож давайте змінимо тривалість кадру 174 на .5 сек.
   
   Нарешті, нам потрібно перенести золоту сонечку назад у її вихідне положення.
   
   
6. Поверніться до Кадру 1 та натисніть Скопіювати кадр у спливаючому меню палітри анімації. Виберіть останній кадр (174) та натисніть кнопку Вставити кадр. У діалоговому вікні «Вставити кадри» виберіть «Вставити після вибору» та натисніть «ОК». Це додасть кадр 175.
   
   
7. Додайте новий кадр 176 для дублювання кадру 175. Поверніться до рамки 175 і, із шаром Золотої корівки, який все ще вибраний у палітрі шарів, перетягніть сонечко вниз і вниз від блимівки.
   
   
8. Виберіть обидві Рамки 175 та 176 та додайте 10 кадрів. У вас повинно бути 186 кадрів.
   
   
9. Переконайтеся, що для параметрів циклу встановлено значення Назавжди (внизу палітри анімації), і збережіть ваш бликіток як AdvBlinkie.psd. Поверніться до кадру 1 і випробуйте готовий бликітка. Також ви захочете скористатися параметром «Зберегти для Інтернету та пристроїв» у меню «Файл», щоб зберегти ваші бликітки у форматі gif для Інтернету.
   
   

Авторські права 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 у США та / або інших країнах.

Відео Інструкція: Flash animated banners, Chicago marketing and advertising agency (Може 2024).