Веб-рух для початківців Огляд Тома Гріна

• Може 1, 2024

У цій серії lynda.com курси на основі проекту під назвою Веб-рух для початківців, Том Грін викладає веб-графіку руху від початку до кінця. Під час процесу ви будете будувати п'ять проектів.

Огляд

Зелений починає огляд важливих міркувань для успішного проекту.

По-перше, Грін обговорює мету анімації та те, як вона досягається. Використовуючи приклад переходу з одного екрана на інший на планшетному пристрої, він деконструює анімацію під окремі параметри, якими керує аніматор.

Грін обговорює, як анімація - це лише спосіб розповіді за допомогою переміщення об’єктів і два найважливіші питання, на які ви повинні відповісти, щоб створити успішний проект. Він демонструє використання розповідей, щоб допомогти в цьому процесі.

Далі, Green обговорює процес планування та робочий процес для анімаційного проекту. Він вказує на всі етапи робочого процесу та про те, як керівник проекту повинен бюджетувати як час, так і долари для кожного етапу, щоб досягти завершеного проекту у встановлений термін.

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

Грін також обговорює деякі найпоширеніші підводні камені при плануванні такого проекту, як сумісність браузера та вміст для багаторазового використання. Він також представляє програмне забезпечення, яке він зберігає у своєму "Інструменті веб-руху".

Після цього короткого огляду ви готові розпочати будь-який із п’яти відеоуроків на основі проекту.

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

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

Створіть попередній завантажувач - Створіть попередньо завантажений за допомогою After Effects^R, Photoshop^R або феєрверки^R та Edge Animate.

Створіть анімоване банерне оголошення - Створіть веб-банер з рухом та інтерактивністю.

Заключний проект - Цей фінальний проект поєднує всі методи, вивчені в попередніх проектах під час створення банерної реклами за допомогою Illustrator^R, Photoshop та Edge Animate.

Закінчивши цю серію коротких курсів, ви будете краще розуміти процес створення графіки веб-руху від планування до завершення.

Інші відеоуроки Тома Гріна на lynda.com включають Вгору та запуск з HTML5 відео, Створення інтерактивних проектів з Edge Angete, Майстерня феєрверків CS6 і Основна підготовка феєрверків CS3.

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

Розкриття інформації: Ця стаття мені не отримала фінансової компенсації. Думки цілком власні на основі мого досвіду.

Відео Інструкція: How to escape education's death valley | Sir Ken Robinson (Може 2024).