Kwik 2 Path Animation для видеоклипа или спрайта

• May 21, 2024

Теперь мы можем создать анимацию пути. Разница между линейной и траекторией анимации - это линия. В обеих анимациях объект движется по обозначенной линии. Как мы обнаружили с анимацией переворота страницы, линейная анимация перемещает объект по прямой линии. В этой анимации пути мы нарисуем путь вдоль кривой линии для объекта, которому нужно следовать. Наш первый шаг - нарисовать путь с помощью инструмента Photoshop Pen.

1. С выделенным слоем, содержащим объект (фрагмент ролика с мухой), нажмите кнопку «Муху» с помощью инструмента «Перо». Мы разместим вторую точку для пути примерно на 3 длины выше верхней части страницы. Нажмите на эту вторую точку и перетащите мышь вверх и вправо, чтобы сделать изогнутую линию.
   
   
2. На панели «Пути» (сгруппированной с панелью «Слои») переименуйте рабочий путь в «flypath1».
   
   Теперь мы можем сказать Kwik использовать этот путь для нашей анимации пути.
   
   
3. С выбранным слоем fly_pg8 нажмите на Значок анимации на панели категорий.
   
   
4. Нажать на Значок анимации пути, чтобы открыть диалоговое окно.
   
   
5. Назовите эту анимацию "fly1Ani".
   
   
6. Эта анимация будет для слоя fly_pg8.
   
   
7. Путь: выберите путь flypath1 из раскрывающегося списка.
   
   Поскольку муха движется по кривой, мы хотим, чтобы он слегка вращался, чтобы его голова продолжала указывать в направлении пути.
   
   
8. Установите флажок для автоматического поворота и установите значение угла поворота всего -10 градусов.
   
   
9. Мухи двигаются быстро. Давайте установим продолжительность на 1 или 0,5 секунды.
   
   
10. Мы хотим, чтобы муха оставалась вне страницы после анимации. Установите флажок «Пауза после завершения» и установите цикл в 1 раз. Оставьте Реверс в конце снимите флажок.
    
    
11. Давайте добавим немного реализма, заставляя муху колебаться при нажатии, а затем улетать. Мы можем сделать это, установив Easing в inOutExpo.
    
    
12. Установите опорную точку на TopCenter, чтобы его тело вращалось больше, чем его голова.
    
    
13. Мы не хотим, чтобы муха двигалась, пока кнопка не нажата. Установите запрос ожидания.
    
    
14. Оставьте флажок «Возврат в исходное положение» не отмеченным.
    
    
15. Нажмите Создать.
    
    

Теперь мы можем добавить кнопку. Все еще на слое fly_pg8.

1. Нажмите на Значок взаимодействия на панели категорий.
   
   
2. Нажмите на Добавить значок кнопки, чтобы открыть диалоговое окно.
   
   
3. Назовите кнопку «fly1btn».
   
   
4. Нам нужен слой fly_pg8 как для кнопок по умолчанию, так и для кнопок Over.
   
   
5. В разделе «Взаимодействия» разверните раздел «Анимация».
   
   
6. Выберите Play Animation. Выберите fly1Ani из выпадающего списка.
   
   
7. Разверните раздел Аудио.
   
   Выберите «Остановить звук» и выберите первый звук в раскрывающемся списке.
   
   В разделе «Аудио» выберите «Воспроизвести аудио» и выберите второй аудиофайл из раскрывающегося списка.
   
   
8. Нажмите Создать.
   
   

Теперь мы можем проверить нашу интерактивную последовательность. Когда страница загружается, муха должна хлопать крыльями на странице, а фоновый звук мухи воспроизводится непрерывно. Когда мы нажимаем на страницу, мы должны слышать более громкий звук, и он уходит со страницы.

Сохраните изменения на стр. 8.

Нажать на Значок «Экспортировать только текущую страницу» и кнопку «Опубликовать» для проверки анимации.

Перейдите в папку LearnKwik и создайте резервную копию папки проекта Template. Переименуйте папку резервного копирования, добавив текущую дату в конец. (TemplateMM-DD-YY).

← Назад

Эти учебные пособия предназначены для более старой версии Kwik 2 и могут не сильно помочь при использовании Kwik 3 и выше. Если у вас возникли проблемы, пожалуйста, используйте форум Kwik.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.
Продукты Kwik, логотип Kwik и Kwiksher являются собственностью Kwiksher.com - Copyright 2011. Снимки экрана, используемые с разрешения.

Видео инструкция: Homeopathy Explained – Gentle Healing or Reckless Fraud? (May 2024).