Анимация интерфейсов

Разберемся с более сложной комбинацией, которая состоит из всех знакомых вам базовых анимаций. В этом уроке мы затронем тему создания эффекта имитации клика по картинке с помощью анимации масштабирования и исчезновения круга (инструмент Ellipse Tool). В результате вы изучите последовательность применения различных анимаций, что позволит вам создавать более сложную, впечатляющую анимацию.

Этот урок является циклом, который состоит из 3-х спринтов. Он посвящен альтернативным переходам между сценами. Сначала мы подробнее остановимся на понятии “сцена” и обсудим, какие бывают переходы между сценами. Вы научитесь применять 3 нестандартных варианта смены сцен: смена маской, смена шторкой и смена слайдом. Для создания перехода “смена маской” разберете и научитесь работать с новым параметром Track Matte – Alpha Inverted Matte или Инверсивная альфа-маска. И узнаете, как импортировать видео в композицию анимации.

В этом уроке вы научитесь работать с анимацией цвета и свойством слоя Color. Простая анимация, которая может применяться для демонстрации ховера кнопок или ссылок. Но мы с вами разберем более интересный вариант, как можно красиво презентовать свой проект, используя анимацию изменения цвета.

Вы освоите новый параметр Trim Path, с помощью которого создают очень классные эффекты движения контура, или другими словами можно сказать эффекты обрезки контура. Например, когда хотят показать прелоадер, прогресс-бар в видеоплеере и т.п

В этом уроке вы снова поработаете с комплексной анимацией, закрепите ранее полученные навыки и создадите анимацию шота с новыми эффектами, используя все те же базовые свойства анимации: появление, движение, маска, масштабирование, переход между сценой 1 (смена маской), переход между сценой 2 (смена шторкой).

С этого урока начинается еще один небольшой цикл, состоящий из 3х уроков по декоративной анимации текста. В этом уроке вы изучите, как сделать такой неординарный эффект, как Glitch – эффект “битой” картинки или телевизионных помех. Такой эффект в анимациях выглядит достаточно модно и производит wow-эффект. При этом создается достаточно просто

На этом уроке вы научитесь создавать анимацию, которая имитирует прописной текст. Этот прием часто используют для расставления акцентов на сайте и выглядит он достаточно эстетично. Для такой анимации вы будете использовать новый инструмент Pen Tool. Будьте готовы к кропотливой работе и наберитесь терпения. В результате у вас получится красивая анимация, которую можно использовать для презентации своих проектов.

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

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