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

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

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

Для изменения внешнего вида шейпов и улучшения анимации мы будем широко использовать различные эффекты и переходы. Конечно же весь стек панели Effects & Presets мы рассматривать не станем, а затронем только самые классные эффекты, которые наиболее часто используются в работе и дают
потрясающий результат.

Анимация в шейповой графике играет ключевую роль. Ни один шейповый ролик не обходится без анимации. Именно здесь мы остановимся поподробней и рассмотрим в этом уроке теоретический материал, который поможет расставить все по своим местам. Итак, мы разберем 12 принципов анимации, сформулированные работниками Walt Disney. Также рассмотрим работу с графиками при анимации свойств и познакомимся с различными типами ключевых кадров.

Переходим к практике. В этом уроке мы подробно разберем простой на первый взгляд пример, в котором закрепим знания, полученные в предыдущем уроке. Мы рассмотрим на практике знакомые вам понятия Timing, Spacing, ожидание, сжатие и растяжение. Также вы получите свое первое домашнее задание для самостоятельной работы.

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

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

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

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

Мы начнем с довольно простых выражений для зацикливания анимации. Их действие легко объяснимо, а сами они не требуют написания большого кода. На примерах мы рассмотрим несколько самых популярных выражений. Все они чем-то похожи, но действуют по-разному. С их помощью вы легко окунетесь в мир выражений
в After Effects!

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

Теперь, имея четкое понятие о выражениях, можно перейти к детальному их рассмотрению. В этом уроке мы научимся понимать язык выражений. Мы рассмотрим как при помощи выражения обращаться к любому свойству слоя в любой композиции. Вы узнаете, что совершенно разные, на первый взгляд, команды могут приводить к одному результату, а также, как заменить большой код выражения на переменную. Это даст вам огромные преимущества в анимации и не только!

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

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

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

В этом уроке мы создадим несколько вариаций самого распространенного перехода. Но несмотря на его простоту, он смотрится весьма эффектно. Для создания такого перехода мы воспользуемся несколькими шейповыми слоями и анимируем всего лишь один параметр.

В этом уроке мы вновь создадим несколько версий интересного перехода. Он чем-то похож на предыдущий переход, но выглядит более комплексным. Для создания такого рода переходов мы будем использовать эффект из группы Transition - Linear Whipe. Этот эффект зачастую используется для создания простых переходов, но мы придумаем кое-что интересное!

Продолжаем создавать переходы, и в этом уроке нас ждет еще один забавный вид переходов. Мы будем экспериментировать с барами в виде прямоугольников, и, запуская их со смещением во времени, получим весьма неплохой переход. Так же вы узнаете, как можно всего в пару кликов распределить слои на одинаковом расстоянии, используя панельку Align.

В этом уроке нас ждет еще один интересный переход. При помощи шейпов мы создадим Х-образный переход, который будет смотреться очень эффектно, несмотря на простоту его создания. Так же в этом уроке мы поработаем над вторым переходом, который будет проявляться при помощи шестиугольников. Здесь уже нам потребуется больше времени на выравнивание и стыковку всей сетки полигонов.

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

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

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

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

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

Еще один полезный пресет в ваш арсенал по работе с текстом, который сэкономит вам кучу времени - Amortype 2. Мы рассмотрим процесс установки данного пресета и все основные моменты его использования.

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

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

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

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

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

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

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

Подготовив иллюстрацию, мы экспортируем ее в After Effects. В этом уроке рассматриваются способы и параметры импорта. Так же мы обратим внимание на проблемы, с которыми можно столкнуться при работе с файлами, созданными в Illustrator. После чего можно переходить к риггингу. Риггинг персонажа ключевой момент в подготовке к анимации. Мы познакомимся с данным понятием, узнаем для чего это нужно и какие способы риггинга доступны в After Effects.

Приступаем непосредственно к риггингу! В этом уроке вас ждет много работы по риггингу персонажа. Работа эта не сложная, но требует особой концентрации. Мы будем работать с большим количеством слоев, большинство из которых Null Object. В итоге мы получим персонажа со связанными друг с другом частями тела!

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

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

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

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

В этом уроке мы проработаем самую большую часть первого слайда - компьютер. Мы анимируем его появление, конечно же отточим нашу анимацию до нужного состояния, чтобы она выглядела идеально. При помощи всего лишь свойств трансформации мы анимируем появление экрана монитора, а так же вас ждет интересный способ использования эффекта Grid Wipe.

Следующая часть первого слайда - клавиатура с мышкой и руки, которые управляют этими девайсами. Мы анимируем появление клавиатуры и каждой ее кнопки так, чтобы это выглядело в стиле нашей композиции. Так же мы вспомним риггинг и при помощи скрипта Duik создадим риг для наших рук. Их мы анимируем при помощи ключей и выражений так, что они будут создавать эффект работы за компьютером.

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

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

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

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

Вот мы и подобрались к заключительному слайду нашего ролика, на котором мы анимируем появление маффина и сделаем его фотографию на телефон. В кадре вновь будут участвовать руки, поэтому мы обратимся за помощью к скрипту Duik, создадим кости нашего рига и все это анимируем. По завершении данного урока вас ждет готовый ролик: полноценный, профессиональный, с корпоративной графикой!

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