И работа с Hype lynda.com

• May 1, 2024

В этом видео учебный курс от lynda.com под названием И работает с HypeИнструктор Джейк Стро рассказывает об основах Hype. Когда вы закончите этот 1-часовой и 37-минутный курс, у вас будет основа для создания простой анимации в Hype.

Stroh начинается с быстрого обзора пользовательского интерфейса Hype, от панели инструментов до временной шкалы. Затем он демонстрирует, как создать вашу первую анимацию, которая заключается в перемещении прямоугольника на экран с эффектом затухания с помощью функции «Запись». Он проведет вас через процесс установки значений свойств позиции и непрозрачности для начального и конечного ключевых кадров.

Основываясь на этом простом примере, Stroh затем обсуждает, какие типы изображений можно анимировать в Hype и как их импортировать через меню Elements. Импортированный образец изображения представляет собой самолет, и он демонстрирует, как создать путь анимации для самолета, летящего по экрану, и как преобразовать его в траекторию движения. Он заканчивает второй пример, добавляя текст к сцене, стилизуя текст и создавая ключевые кадры для эффекта затухания.

В следующем разделе Stroh начинает углубленное обсуждение того, как анимация html5 и css3 создается аниматором с использованием временной шкалы, ключевых кадров и функции записи. Он охватывает несколько примеров применения ключевых кадров к свойствам элемента. Он также обсуждает, как использовать некоторые элементы управления на временной шкале для точной настройки анимации.

Следующая тема - смягчение и как использовать шесть типов замедления, чтобы добавить физическую физику к вашей анимации. Пример, который он обсуждает, состоит в том, как добиться анимации прыгающего мяча, комбинируя несколько эффектов замедления. В следующих нескольких примерах Stroh демонстрирует, как создавать анимацию преобразования и как использовать инструмент Capo для улучшения анимации последовательности элементов на временной шкале. Он также обсуждает, как повторно использовать анимации в одной и той же сцене и как обойти ограничение, заключающееся в том, что Hype не имеет инструмента для опорных точек для анимации вращения. Наконец, он обсуждает использование маскировки, обрезки и CSS-фильтров в вашей анимации.

Следующий раздел представляет интерактивность. Stroh начинается с обсуждения типов встроенных кнопок и того, как добавить действия к их этапам. Далее он рассказывает, как добавить действия к изображениям, чтобы они работали в качестве кнопок на экране. Он быстро переходит к управлению анимацией с несколькими временными шкалами и способам добавления кнопок к основной временной шкале для управления дополнительными временными шкалами. Он также демонстрирует, как создать циклическую временную шкалу.

Чтобы создавать более сложные анимации, Стро обсуждает, как работать с относительными временными рамками и цепочкой действий. В следующих нескольких примерах он демонстрирует, как работать с аудиофайлами и управлять воспроизведением с помощью кнопок. Он также демонстрирует различия между использованием нескольких временных шкал и только основной временной шкалы для управления слайд-шоу интерактивной галереи изображений.

Следующим примером проекта является галерея продуктов. Стро обсуждает плюсы и минусы двух вариантов, нескольких временных шкал или сцен, для построения этого в Hype.

Теперь вы готовы разместить свой проект в Интернете. Stroh демонстрирует, как экспортировать и встраивать ваш проект Hype, а также различные варианты для автономного веб-сайта или добавления проекта на существующий веб-сайт.

Это не углубленный учебный курс для Hype. Тем не менее, этот курс даст вам представление о типах анимации, которые можно создавать с помощью программного обеспечения Hype. Если вы знакомы с видеоклипами в Adobe^р вспышка^р, вы по достоинству оцените обсуждение Строем сроков вложения, относительных сроков и цепочки действий.

//www.lynda.com/Hype-tutorials/Up-Running-Hype/135360-2.html

Раскрытие: я не получил финансовую компенсацию за эту статью. Мнения полностью мои, основанные на моем опыте.

Видео инструкция: РАБОТА БЛОГЕРА: ДОХОДЫ, ФОРС-МАЖОРЫ, О КРИТИКЕ И ДРУГОЕ! (May 2024).