Създаване и работа с Hype lynda.com

• Април 19, 2024

В този видео курс за обучение от lynda.com със заглавие Настройка и работа с Hype, инструкторът Джейк Строх, обхваща основите на Hype. След като завършите този 1 час и 37 минути курс, ще имате основата за създаване на проста анимация в Hype.

Stroh започва с бърза обиколка на потребителския интерфейс Hype, от лентата с инструменти до времевата линия. След това той демонстрира как да създадете първата си анимация, която е да преместите правоъгълник върху екрана с ефект на избледняване, като използвате функцията Запис. Той ви превежда през процеса на задаване на стойностите на свойствата на позиция и непрозрачност за началните и крайните ключови рамки.

Въз основа на този прост пример, Stroh след това обсъжда какви типове изображения могат да бъдат анимирани в Hype и как да ги импортирате чрез менюто Elements. Импортираното примерно изображение е самолет и той демонстрира как да създадете анимационен път, за да може самолетът да прелети по екрана и как да го преобразува в път за движение. Той завършва втория пример, като добавя текст към сцената, стилизира текста и създава кадър с ефект на избледняване.

В следващия раздел Stroh започва задълбочена дискусия за това как анимациите html5 и css3 се създават от аниматора, използвайки функцията Timeline, Keyframes и Record. Той обхваща няколко примера за прилагане на ключови рамки към свойствата на елементите. Той също така обсъжда как да използвате някои от контролите на времевата линия, за да направите фини корекции на вашата анимация.

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

Следващият раздел представя интерактивността. Stroh започва с обсъждане на видовете вградени бутони и как да добавите действия към техните етапи. След това той описва как да добавяте действия към изображения, за да работите като бутони на екрана. Той бързо преминава към контролиране на анимации с множество времеви линии и как да добавя бутони към основната времева линия, за да контролира допълнителни времеви линии. Той също така демонстрира как да създадете циклична времева линия.

За да създаде по-сложни анимации, Строх обсъжда как да работите с относителни срокове и вериги за действие. В следващите няколко примера той демонстрира как да работи с аудио файлове и да контролира възпроизвеждането с действия на бутона. Той също така демонстрира разликите между използването на множество времеви линии и само основната времева линия за контрол на слайдшоуто на интерактивната галерия с изображения.

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

Сега сте готови да пуснете проекта си в интернет. Stroh демонстрира как да експортирате и вградите вашия Hype проект и различните опции за самостоятелен уебсайт или добавяне на проекта в съществуващ уебсайт.

Това не е задълбочен курс на обучение за Hype. Този курс обаче ще ви даде представа за видовете анимация, които могат да бъдат създадени с помощта на софтуера Hype. Ако сте запознати с филмовите клипове в Adobe^R флаш^R, ще оцените дискусията на Строх относно сроковете за гнездене, относителните срокове и веригите за действие.

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

Разкриване: Не получих финансова компенсация за тази статия. Мненията са напълно мои на базата на моя опит.

Инструкции Видео: The Cold War - OverSimplified (Part 1) (Април 2024).