Анимация иконок с помощью Adobe Illustrator и After Effects

Введение

Добро пожаловать на курс «Анимация значков с помощью Adobe Illustrator и After Effects», где вы узнаете, как создавать значки для использования на вашем собственном веб-сайте, в пользовательском интерфейсе или в проектах видеоигр. В этом видео вы получите краткое введение и краткое изложение, чтобы показать вам, чего вы можете ожидать в следующих уроках.

Дизайн иконок

Настройка Illustrator

В этом уроке мы рассмотрим мою настройку и краткое объяснение инструментов, которые вам понадобятся для прохождения курса. Инструменты, которые мы будем использовать, включают инструмент «Перо» Adobe Illustrator, инструмент «Добавить точку привязки» и инструмент «Выравнивание».

Разработка иконок

В этом уроке вы узнаете, как создавать основные фигуры для наших иконок в Adobe Illustrator. Я также объясню мыслительные процессы за анимацией и как это повлияет на наши векторные файлы.

Анимировать кнопки

Импорт в After Effects

На этом уроке вы узнаете, как импортировать файлы Illustrator в After Effects. Мы также кратко расскажем о моей настройке в Adobe After Effects и инструментах, которые вам понадобятся для прохождения курса.

Анимировать значок Почта

В этом уроке вы узнаете, как анимировать значок почты в Adobe After Effects. В некоторых темах этого видео будет рассказано, как использовать инструмент «Обрезать контуры» и как использовать ключевые кадры.

Анимировать значок замка

В этом уроке вы узнаете, как анимировать значок блокировки в Adobe After Effects. Опять же, мы будем использовать инструмент Trim Paths Tool и ключевые кадры.

Анимируйте иконку магазина

Наконец, в этом уроке вы узнаете, как анимировать значок магазина в Adobe After Effects. Процесс будет очень похож на предыдущие две иконки, поэтому мы будем опираться на навыки, которые вы уже практиковали.

Экспорт кнопок