Web Motion для начинающих. Обзор от Tom Green

• May 6, 2024

В этом lynda.com серии курсов на основе проектов под названием Web Motion для начинающихТом Грин обучает веб-движению от начала до конца. В ходе всего процесса вы построите пять проектов.

обзор

Грин начинает обзор важных соображений для успешного проекта.

Во-первых, Грин обсуждает цель анимации и то, как она достигается. Используя пример перехода от одного экрана к другому на планшетном устройстве, он деконструирует анимацию по отдельным параметрам, которые управляются аниматором.

Грин обсуждает, как анимация - это просто способ повествования движущихся объектов, и два самых важных вопроса, на которые вы должны ответить, чтобы создать успешный проект. Он демонстрирует использование раскадровок, чтобы помочь в этом процессе.

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

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

Грин также обсуждает некоторые из наиболее распространенных ошибок при планировании проекта, такие как совместимость браузера и многоразового использования контента. Он также представляет программное обеспечение, которое он хранит в своем «Web Motion Toolbox».

После этого краткого обзора вы готовы начать любой из пяти видеоуроков на основе проектов.

Создать эффект параллакса - Создавайте глубину и движение с помощью эффекта параллакса с помощью Google Web Designer^р, Flash CC^р и Edge Animate^р.

Анимировать лист спрайта CSS - Спрайт листы являются одним из способов оптимизированной анимации для веб-устройств и планшетов.

Создать Preloader - Создайте предварительно загруженный, используя After Effects^рФотошоп^р или фейерверк^р и Edge Animate.

Создать анимированный баннер - Создайте веб-баннер с движением и интерактивностью.

Последний проект - Этот финальный проект сочетает в себе все методы, изученные в предыдущих проектах при создании рекламного баннера с помощью Illustrator.^р, Photoshop и Edge Animate.

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

Другие видеоуроки Тома Грина на lynda.com включают И видео с HTML5, Создание интерактивных проектов с Edge Animate, Фейерверк CS6 Мастерская и Фейерверк CS3 Essential Training.

//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html

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

Видео инструкция: Bathroom Buddy - My Talking Tom 2 - Official Trailer #3 (May 2024).