- ГЛАВА 1. ОСНОВЫ ШЕЙПОВОЙ АНИМАЦИИ В AFTER EFFECTS
В этой главе мы впервые окунемся в мир шейповой графики! Вас ждет увлекательное путешествие, в котором вы встретитесь с различными методами создания шейпов, модификаторами и эффектами. Мы разберем основы шейповой анимации, на которых будет основываться каждый ваш проект. Используя эти принципы, вы сделаете вашу анимацию намного лучше и реалистичнее. Ну а закончим главу, конечно же, созданием первого шейпового ролика, который поможет закрепить все полученные знания.
- Урок 1. Знакомство с шейповой графикой
В первом уроке вас ждет много нового! Мы рассмотрим различные способы создания шейпов, а также инструменты для работы с ними. Вы будете приятно удивлены, когда узнаете сколько всего интересного можно создать при помощи ограниченного количества типов шейпов и различных комбинаций их параметров. Помимо этого, мы познакомимся с модификаторами и посмотрим, какое влияние они оказывают на шейпы.
- Урок 2. Основные модификаторы
В этом уроке мы рассмотрим возможности большинства модификаторов. Вы сможете комбинировать их в любой последовательности, при этом получая абсолютно разные результаты. Также мы создадим несколько интересных анимированных элементов, часто используемых в шейповой графике.
- Урок 3. Модификаторы Wiggle и Repeater
Осталось рассмотреть еще два интересных модификатора Wiggle и Repeater, чему, собственно, и будет посвящен данный урок. Вас также ждет множество примеров с анимацией и использованием графиков, чтобы вы уверенно смогли использовать эти модификаторы, не путаясь в их параметрах.
- Урок 4. Эффекты и переходы
Для изменения внешнего вида шейпов и улучшения анимации мы будем широко использовать различные эффекты и переходы. Конечно же весь стек панели Effects & Presets мы рассматривать не станем, а затронем только самые классные эффекты, которые наиболее часто используются в работе и дают
потрясающий результат.
- Урок 5. Принципы отличной анимации
Анимация в шейповой графике играет ключевую роль. Ни один шейповый ролик не обходится без анимации. Именно здесь мы остановимся поподробней и рассмотрим в этом уроке теоретический материал, который поможет расставить все по своим местам. Итак, мы разберем 12 принципов анимации, сформулированные работниками Walt Disney. Также рассмотрим работу с графиками при анимации свойств и познакомимся с различными типами ключевых кадров.
- Урок 6. Использование принципов анимации на практике
Переходим к практике. В этом уроке мы подробно разберем простой на первый взгляд пример, в котором закрепим знания, полученные в предыдущем уроке. Мы рассмотрим на практике знакомые вам понятия Timing, Spacing, ожидание, сжатие и растяжение. Также вы получите свое первое домашнее задание для самостоятельной работы.
- Урок 7. Пример композиции с приемом Overshooting
В этом уроке мы рассмотрим композицию, в которой подробно разберем такой прием анимации как Overshooting. Этот прием часто используется в персонажной анимации. Здесь же вам впервые предстоит столкнуться с занимательным выражением гармонических колебаний. Ну а в конце, мы подведем итоги по двум урокам, касающихся принципов анимации и их использования.
- Урок 8. Первое практическое занятие.
Создание перехода с шейповым взрывом
Наконец-то! Практика! Вас ждет увлекательный процесс создания вашего первого шейпового ролика! На протяжении этого занятия мы повторим и проработаем знания, полученные в предыдущих уроках. Помимо использования шейпов, модификаторов и анимации свойств, мы также затронем и другие возможности After Effects, например, маски, режимы наложения и вложенные композиции.
- Урок 9. Второе практическое занятие.
Работа над основным элементом композиции
Продолжаем работу над нашим роликом. Во втором уроке мы создадим самый эффектный и классный элемент нашей композиции. Нас ждет много захватывающей работы с ключевыми кадрами и графиками, чтобы достичь плавной анимации, которая бы нас полностью устроила. По ходу мы будем разбираться с непредсказуемыми обстоятельствами, которые могут возникнуть в любом проекте, благодаря чему вы получите бесценный опыт.
- Урок 10. Третье практическое занятие.
Цветокоррекция и стилизация финального видео
В этом уроке мы закончим работу над нашей композицией и сможем посмотреть полностью готовый шейповый ролик, созданный вами! Все что нам осталось сделать, это придать нашему ролику дополнительный шарм при помощи различных частичек, шумов, эффектов искажения, наложения текстур и многого другого. Ну и конечно же нас ждет интересная работа по цветокоррекции нашей композиции, которая придаст нашему ролику особой атмосферности.
- ГЛАВА 2. ПОЛЕЗНЫЕ ВЫРАЖЕНИЯ
В этой главе мы рассмотрим такую большую тему в After Effects как выражения! Они способны сэкономить вам уйму времени и в разы облегчить работу над проектом. Сначала мы пройдемся по самым используемым выражениям для зацикливания анимации. Эти выражения довольно просты как для понимания, так и в использовании. Так же мы рассмотрим, как строится иерархия слоя при написании выражения для обращения к любому свойству слоя. И разберем как можно использовать управляющие слои в комбинации с выражениями.
- Урок 1. Знакомство с основными выражениями
Мы начнем с довольно простых выражений для зацикливания анимации. Их действие легко объяснимо, а сами они не требуют написания большого кода. На примерах мы рассмотрим несколько самых популярных выражений. Все они чем-то похожи, но действуют по-разному. С их помощью вы легко окунетесь в мир выражений
в After Effects!
С помощью управляющих слоев и выражений можно связывать несколько свойств разных слоев и таким образом контролировать их при помощи одного значения. В этом уроке мы рассмотрим два примера привязки параметров к управляющим слоям. В первом будет использоваться выражение гармонического колебания, которое довольно-таки интересное, и мы будем им легко оперировать. Второй пример будет посвящен объединению цветов разных элементов проекта и привязыванию их к одному слою. Вы увидите насколько просто становится управлять проектом и корректировать значения параметров!
- Урок 3. Модификаторы Wiggle и Repeater
Теперь, имея четкое понятие о выражениях, можно перейти к детальному их рассмотрению. В этом уроке мы научимся понимать язык выражений. Мы рассмотрим как при помощи выражения обращаться к любому свойству слоя в любой композиции. Вы узнаете, что совершенно разные, на первый взгляд, команды могут приводить к одному результату, а также, как заменить большой код выражения на переменную. Это даст вам огромные преимущества в анимации и не только!
В этом уроке мы познакомимся с очень мощным выражением индекса слоя. С его помощью можно создавать удивительные анимации всего за пару действий. Здесь же мы рассмотрим несколько функций, подробно разобрав их по составляющим на практических примерах.
- Урок 5. Потрясающий Dock-эффект при помощи выражений
В этом уроке мы, используя все знания, полученные ранее, создадим поразительный Dock-эффект, который работает интерактивно во вьюпорте. Пройдя этот интересный и очень увлекательный путь, вы будете удивлены силой выражений и уже никогда не сможете отказаться от их использования!
- Урок 6. Знакомство с полезными скриптами
Возможности After Effects поистине безграничны, и мы можем их дополнительно расширить при помощи скриптов и плагинов. В этом уроке мы познакомимся с основными скриптами, которые значительно облегчат вам жизнь и сэкономят кучу времени. Все скрипты, рассмотренные в этом уроке, бесплатные, поэтому вы сможете сразу себе их установить и испытать в деле.
- ГЛАВА 3. ЭФФЕКТНЫЕ ШЕЙПОВЫЕ ПЕРЕХОДЫ
Переходы один из ключевых моментов в шейповой графике. При отсутствии хороших переходов мы не смогли бы добиться плавной смены одной иллюстрации на другую, а значит и не было бы целостности картинки. В этой главе вы научитесь создавать переходы абсолютно разного характера. И на основе полученных знаний сможете придумывать свои шейповые переходы.
- Урок 1. Переход по масштабу
В этом уроке мы создадим несколько вариаций самого распространенного перехода. Но несмотря на его простоту, он смотрится весьма эффектно. Для создания такого перехода мы воспользуемся несколькими шейповыми слоями и анимируем всего лишь один параметр.
- Урок 2. Переходы Linear Wipe
В этом уроке мы вновь создадим несколько версий интересного перехода. Он чем-то похож на предыдущий переход, но выглядит более комплексным. Для создания такого рода переходов мы будем использовать эффект из группы Transition - Linear Whipe. Этот эффект зачастую используется для создания простых переходов, но мы придумаем кое-что интересное!
- Урок 3. Переход с прямоугольниками
Продолжаем создавать переходы, и в этом уроке нас ждет еще один забавный вид переходов. Мы будем экспериментировать с барами в виде прямоугольников, и, запуская их со смещением во времени, получим весьма неплохой переход. Так же вы узнаете, как можно всего в пару кликов распределить слои на одинаковом расстоянии, используя панельку Align.
- Урок 4. Х-образный переход и переход с шестиугольниками
В этом уроке нас ждет еще один интересный переход. При помощи шейпов мы создадим Х-образный переход, который будет смотреться очень эффектно, несмотря на простоту его создания. Так же в этом уроке мы поработаем над вторым переходом, который будет проявляться при помощи шестиугольников. Здесь уже нам потребуется больше времени на выравнивание и стыковку всей сетки полигонов.
- Урок 5. Переход с искаженным
прямоугольником и переход лесенкой
Еще один интересный переход с весьма оригинальной техникой. Здесь мы будем использовать ровные прямоугольники и будем проявлять их при помощи искажения, создавая эффект поворота в трехмерном пространстве. Второй переход в этом уроке очень часто используется множеством моушн-дизайнеров, и он так же попадет в ваш арсенал. Переход будет создан проявлением множества полос лесенкой, как всегда просто и со вкусом!
- Урок 6. Переходы с кругами
В заключительном уроке вы познакомитесь с двумя типами переходов с модификациями. Первый будет создан при помощи эффекта Radial Whipe и смещения нескольких слоев. Второй переход весьма несложный, но используется он достаточно часто. Мы анимируем появление круга и на его основе создадим несколько переходов. Также в заключение вас ждут советы по использованию переходов и созданию своих версий переходов.
Анимация текста интересует многих начинающих моушн-дизайнеров. В этой главе мы решим этот вопрос, и у вас появится множество идей по тому, как лучше анимировать ваш текст. Мы рассмотрим все основные аспекты текстовой анимации, соберем готовую композицию, сделав ее максимально удобной для изменений и правок. Так же мы рассмотрим все необходимые скрипты для создания эффектных текстовых анимаций.
- Урок 1. Текстовая композиция
В первом уроке мы создадим текстовую композицию, анимировав несколько текстовых слоев различными способами. Мы познакомимся со скриптом Decompose Text. Рассмотрим нюансы, с которыми можно столкнуться при работе с данным скриптом.
- Урок 2. Волнистая анимация текста
Волнистая анимация пожалуй всегда будет в тренде, поэтому мы не можем упустить ее из нашего внимания и в данном уроке рассмотрим принципы подобной анимации. Мы будем использовать выражение затухающих гармонических колебаний и, совмещая его с анимацией различных параметров, будем достигать нужного результата.
- Урок 3. Изучение текстового слоя. Текстовые аниматоры
Продолжаем эксперименты с текстом. В данном уроке мы рассмотрим, как устроен текстовый слой в After Effects изнутри. Мы будем работать с аниматорами текстовых слоев. Рассмотрев основные моменты при работе с аниматорами, вы поймете смысл их использования и сможете без проблем с ними экспериментировать. Так же вы узнаете, как создается анимация текста во всех футуристичных фильмах и роликах и конечно же сможете без проблем создать такую анимацию сами.
- Урок 4. Пресет Amortype 2
Еще один полезный пресет в ваш арсенал по работе с текстом, который сэкономит вам кучу времени - Amortype 2. Мы рассмотрим процесс установки данного пресета и все основные моменты его использования.
- Урок 5. Анимированный алфавит
В этом уроке мы поговорим об анимации текста, где каждая буква анимируется особым способом. Способов, которыми могут быть анимированы буквы, бесконечное множество, поэтому в данном уроке мы рассмотрим основные принципы при такой работе. Так же мы рассмотрим возможные ошибки, возможные артефакты и нюансы, не видные на первый взгляд, чтобы вы не повторяли подобных в собственных проектах.
- ГЛАВА 5. АНИМИРОВАННЫЕ HUD/UI-ИНТЕРФЕЙСЫ
Любой современный фильм про супергероев и научную фантастику не обходится без компьютерных интерфейсов. Создать его с нуля не так-то просто. Там множество различных элементов и большинство из них анимировано. Смотрятся они всегда эффектно. В этой главе мы создадим один из вариантов UI или HUD-интерфейса. Мы разберем каждую деталь, определимся с тем, как лучше его анимировать, и в конце главы получим готовый вариант анимированного интерфейса. Вы поймете, как создаются все эти элементы и конечно же сможете создать их самостоятельно.
- Урок 1. Эффектные анимированные бары
В первом уроке мы будем анимировать появление и движение дополнительных баров. Все элементы достаточно просты и прорисовать их не составит никакого труда даже новичку. Но вся работа заключается в анимации, именно этим мы и займемся. Мы будем не просто анимировать появление и позицию элементов, но и добавим некоторые дефекты нашим элементам для реалистичности.
- Урок 2. Добавляем композиции рандомности
В компьютерных интерфейсах никак не обойтись без индикаторов, каких-то показателей или просто числовых значений. Эти значения зачастую изменяются в случайном порядке. В этом уроке мы создадим выражение для подобной анимации чисел. Мы поэтапно будем переходить от простого выражения к сложному, так что у вас не останется никаких вопросов!
- Урок 3. Создание текстовых элементов
Еще одна важная часть интерфейса - текстовые элементы. Текст может быть анимирован множеством вариантов и придаст нашему интерфейсу особенный колорит. В этом уроке мы создадим несколько текстовых элементов, анимируем их появление, а заодно анимируем селект-бар для придания видимости компьютерных действий.
- Урок 4. Создание центрального элемента
В центре внимания HUD-интерфейсов всегда стоит какой-то основной элемент имитирующий действие компьютера. В нашем случае это будет круг с множеством деталей. Все элементы круга будут анимированы, каждый по-своему, создавая общую комплексность элемента. Как всегда мы будем использовать лишь ключевые кадры и выражения, и результат будет весьма эффектным!
- Урок 5. Дополнительные элементы круга
В этом заключительном уроке мы разберем два способа анимации дополнительных элементов. В первом случае все будет быстро, но не интересно. Такой способ анимации приемлем лишь в отсутствии времени. Второй способ посложнее, и для его создания мы будем использовать выражения. В итоге мы получим легко изменяемый элемент, который можно быстро анимировать.
- ГЛАВА 6. ПЕРСОНАЖНАЯ АНИМАЦИЯ
Персонажная анимация - это один из самых захватывающих примеров работы анимирования в двухмерной графике, поэтому именно здесь будут проверяться все ваши навыки создания анимации. В этой главе мы будем создавать анимацию персонажа с нуля! То есть сначала займемся подготовкой готового персонажа в программе Adobe Illustrator, затем перейдем к риггингу при помощи скрипта для After Effects - Duik, ну и закончим уже настройкой самой анимации через ключевые кадры и графики. Важность данной главы очень высока, и результатом работы станет великолепно анимированный персонаж!
- Урок 1. Подготовка иллюстраций персонажа
В первом уроке мы будем работать в программе Adobe Illustrator с готовым персонажем. Мы подготовим его для экспорта в After Effects. Мы разберем несколько подводных камней, с которыми вы можете столкнуться, ведь прорисованный персонаж для анимации должен иметь ряд ключевых особенностей. В конце урока мы получим слои, готовые для экспорта в After Effects.
- Урок 2. Риггинг - что это такое?
Подготовив иллюстрацию, мы экспортируем ее в After Effects. В этом уроке рассматриваются способы и параметры импорта. Так же мы обратим внимание на проблемы, с которыми можно столкнуться при работе с файлами, созданными в Illustrator. После чего можно переходить к риггингу. Риггинг персонажа ключевой момент в подготовке к анимации. Мы познакомимся с данным понятием, узнаем для чего это нужно и какие способы риггинга доступны в After Effects.
- Урок 3. Основы риггинга персонажа
Приступаем непосредственно к риггингу! В этом уроке вас ждет много работы по риггингу персонажа. Работа эта не сложная, но требует особой концентрации. Мы будем работать с большим количеством слоев, большинство из которых Null Object. В итоге мы получим персонажа со связанными друг с другом частями тела!
- Урок 4. Анимация персонажа
Закончив риггинг персонажа, мы переходим к анимации недавно созданных точек изгиба тела. В конце урока мы получим полноценный цикл анимации шага персонажа. В этом уроке нам предстоит создать первичную анимацию ключевых кадров. Настроить несколько основных фаз шага и несколько промежуточных.
- Урок 5. Доработка и улучшение анимации
Заключительная стадия работы над нашим персонажем - доработка анимации. Конечно же мы не могли оставить линейные ключи, поэтому в данном уроке мы доведем нашу анимацию до желаемого вида. Нам предстоит изменить скорость между ключевыми кадрами, мы много будем работать с графиками и дорисуем некоторые детали нашей композиции. В конце урока вас ждет готовая анимация!
- ГЛАВА 7. ПОТРЯСАЮЩАЯ КОРПОРАТИВНАЯ ГРАФИКА
В этой главе мы переходим к основному проекту данного курса, где будут использованы все знания, полученные ранее. Здесь мы будем работать над созданием ролика в духе корпоративной графики. Ни одна студия 2D моушн-дизайна не обходится без подобных роликов, и поэтому наша основная задача разобрать любые подводные камни при создании именно таких проектов. Итак, нас вновь ждет увлекательный проект, много всевозможных вкусностей, фишек и приемчиков! После прохождения этой главы вы будете обращаться с шейпами на "ты"!
- Урок 1. Создание первой сцены с книгами и фото
Первое, что нам предстоит сделать - организовать наш проект, мы импортируем файлы и распределим их по папкам так, чтобы в любой момент можно было быстро добраться до нужной композиции или файла. Также в этом уроке мы анимируем первый слайд. В основном это будет простая работа со свойствами трансформации, таким образом мы будем тренироваться в анимации. Мы будем много работать с ключевыми кадрами и их графиками.
- Урок 2. Создание полки и падающих книг
Продолжаем работу с первым слайдом. Здесь мы доделаем еще одну полку с книгами и конечно же анимируем появление этих книг. Как и в первом случае мы будем делать это со вкусом, используя все законы физики столкновения. Так же мы доработаем задний фон, добавив ему тень, и начнем организацию первого слайда в одной композиции.
- Урок 3. Анимация компьютера
В этом уроке мы проработаем самую большую часть первого слайда - компьютер. Мы анимируем его появление, конечно же отточим нашу анимацию до нужного состояния, чтобы она выглядела идеально. При помощи всего лишь свойств трансформации мы анимируем появление экрана монитора, а так же вас ждет интересный способ использования эффекта Grid Wipe.
- Урок 4. Анимация клавиатуры и рук
Следующая часть первого слайда - клавиатура с мышкой и руки, которые управляют этими девайсами. Мы анимируем появление клавиатуры и каждой ее кнопки так, чтобы это выглядело в стиле нашей композиции. Так же мы вспомним риггинг и при помощи скрипта Duik создадим риг для наших рук. Их мы анимируем при помощи ключей и выражений так, что они будут создавать эффект работы за компьютером.
- Урок 5. Создание и анимация дока
Расположив все основные элементы первого слайда, мы переходим к доку. Это составляющая часть монитора, и она займет довольно много времени для проработки. Нам предстоит анимировать десять иконок, и каждая из них будет иметь оригинальную анимацию. Вы узнаете большое количество способов анимирования отдельных элементов иллюстрации.
- Урок 6. Анимация экрана компьютера
Анимировав док, нам нужно разобраться с остальными составляющими рабочего стола, а именно рабочими окнами. Мы конечно же анимируем их появление, для этого как всегда будем использовать различные способы анимации, графики и выражения. И начнем создавать переход от первого слайда ко второму.
- Урок 7. Создание эффектного перехода
Настало время второго слайда. Но сначала нам нужно создать переход для него, и сделать это нужно как всегда интересно! После перехода мы анимируем еще две иллюстрации со второго слайда. Вновь в нашей анимации будут участвовать руки, поэтому мы будем анимировать их при помощи рига, созданного средствами Duik.
- Урок 8. Анимация интерфейса
Продолжаем анимировать наш планшет, мы будем создавать несколько переходов от одного интерфейса планшета к другому. Мы полностью реализуем действие планшета, как это выглядело бы на самом деле, если бы мы хотели совершить покупку в нашем импровизированном приложении.
- Урок 9. Создание заключительной сцены
Вот мы и подобрались к заключительному слайду нашего ролика, на котором мы анимируем появление маффина и сделаем его фотографию на телефон. В кадре вновь будут участвовать руки, поэтому мы обратимся за помощью к скрипту Duik, создадим кости нашего рига и все это анимируем. По завершении данного урока вас ждет готовый ролик: полноценный, профессиональный, с корпоративной графикой!
Урок 1. Заключительный урок. Наставления от автора курса
В заключении курса вас ждут напутствующие слова, которые помогут вам определиться с дальнейшим курсом развития собственных навыков. Мы поговорим о самых информативных сайтах по обучению моушн-дизайну и работе в After Effects. Так же мы поговорим о ресурсах, где можно черпать вдохновение для своих проектов, рассмотрим еще несколько скриптов для After Effects и разберем такой важный элемент работы как раскадровки.
