Я люблю иконки!

блог Кондратьевой Анны

Разработка сайта — htmlman

Motion-дизайн для новичка: с чего начинать

Чаще всего сделать первый шаг, написать первый пост, заявить «Я вернулась!» не сложно вот ни капельки. Куда сложнее продолжить начатое вторым шагом. Оказывается, это куда сложнее — и чем торжественнее было возвращение, тем выше хочется поднять планку. Поэтому я так долго маялась с написанием этого второго поста, поэтому я решила, что все-таки лучшее — враг хорошего и есть смысл рассказать о том, что пригодится хотя бы паре человек — хотя я допускаю, что для многих это будет наивный пост из оперы «Как вскипятить воду».

В общем, я решила рассказать про After Effects и некоторые мелочи, которые могут помочь человеку немного освоиться в моушн-дизайне. Отдельно оговорю — это лишь попытка бегло рассказать, какие сферы и направления охватывает работа в АЕ (причем довольно сумбурная попытка), поэтому я прошусь отнестись к этим советам снисходительно — как к тем, что первоклашке даёт второклашка. Ни в коем случае не учитель или хотя бы выпускник:)
Если что-то из ниже перечисленного вас заинтересует, дальше рыть придется самим)
Погнали?:)


1. В первую очередь я хотела бы порекомендовать вам очень понятный и хороший курс по After Effects от Академия дизайна (Iliada)

Клик по картинке переведет на страницу вКонтакте со всеми видео курса.

В нём простым и доступным языком рассказаны все-все мелочи, возможности, нюансы программы, хоткеи… Количество информации очень концентрированное, без «воды» — зачастую мне приходилось переоткрывать те или иные видео, чтобы освежить в памяти какой-то приём: сразу всего не упомнишь.
Отдельно хочу отметить, что у диктора очень красивая и чистая речь, его приятно слушать.

2. Еще есть в ае такая магия, как плагины (After Effects plugin).
Это область спецэффектов: их обычно пишут независимые студии (не Adobe) и эти плагины продаются за отдельную плату. Будучи коммерческим продуктом, они могут быть ориентированы на самые разные задачи в видео-дизайне, но общая суть одна: они помогают сделать такие эффекты и таким образом, реализация которых в самостоятельном режиме стали бы очень долгим процессом (и вообще не всегда возможным). Пожалуй, аналогичным направлением в фотошопе можно назвать фильтры и actions.

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


Там же, на youtube, можно найти обзоры разной степени автортетности «10 самых must have плагинов для After Effects» — мне кажется, что при некоторой доле скептичности из них тоже можно подчерпнуть.

Лично я работала только с Trapcode Particular, плагином студии Red Giant. Он заточен на работу с частицами и благодаря множеству изменяемых настроек способен дать невероятно разные результаты. Снег, дым, облака, пламя, шлейфы из волшебных частиц, взрывающиеся логотипы и испраяющийся паром текст — это все про партикулар.

by Stefan Holzheu


by Stefan Holzheu


by Brandon Weis

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

Опять-таки, их существует космическое множество, при желании вы можете придумывать и свои самостоятельно. Но можно воспользоваться уже существующими, сохранив себе куда-то часть необходмых именно вам — и просто копипастить их в нужный момент. Несложное знакомство с выражениями расписано на videosmile.ru.

А одно из самых моих любимых вот это: оно добавляет объекту пружинистости.

amp = .1;//Чем больше значение, тем больше амблитуда
freq = 3;//Чем больше значение, тем больше частота
decay = 3;//Чем больше значение, тем меньше задержка

n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}
}
if (n == 0){
t = 0;
}else{
t = time - key(n).time;
}

if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{
value;
}

Его можно скопировать в линию Position — и тогда движущийся объект будет пружинить при остановке. В линии Score увеличивающийся объект тоже увеличится сначала несколько больше, чем нужно, и только потом вернётся в необходимый размер. Первые три строчки выращения настраиваемые — подобрав необходимые вам цифровые значения, можно по-разному настроить анимацию. Единственный минус выражений — они будут действовать на протяжении всей анимации объекта: то есть если вы планируете менять параметр объекта, содержащий выражение, то он будет «пружинить» все видео.

4. Огромную часть зрелищности в AE лежит на Houdini. Это 3D-редактор, и с его помощью можно анимировать воду, взрывы… Нет, не так. Это как если бы я сейчас сказала, что фотошоп — программа, в которой можно нарисовать воду. На самом деле в Худини вы, как и в любой другой программе, ограничены только собственной фантазией и знанием софта. В последнем незаменимы могут вам быть вот этот цикл уроков от Станислава Демченко, где он на чистом и доступном языке знакомит зрителя с этой, такой страшной на первый взгляд, программой.
Так же я находила ссылку на курс от Rohan Dalvi, однако не успела его прослушать и не могу прокомментировать его. Но то, что его рекомендуют CG Ninjas, внушает большое доверие.

А пока для воодушевления покажу видео демо-рила от Brett Angelillis, где возможности софта в умелых руках показаны во всей красе:

5. Также я хотела порекомендовать вам несколько ресурсов. Это мизер, конечно, и я не настаиваю на том, что это список «лучшего из лучшего». Но я люблю эти ресурсы, доверяю информации в них и для меня они — то, что я бы рекомендовала другу.

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

Вот вам для затравки только одна из множества потрясающих его статей:

Еще не могу не упомянуть канал youtube VideoSmile, который по-прежнему симпатичен мне не сложными к повторению уроками, хорошими голосами дикторов и недолгим уроками, которые не успевают вас вымотать. А еще у них 29-го как раз начинается курс «Супер Моушн», о котором я совершенно ничего не знаю, но промо-видео для него красивое:)

А вот на этом канале человек не сколько даёт уроки, сколько показывает возможности AE и того, для чего их можно применить. Я вышла на этот канал с этого видео, а пламенной любовью полюбила после этого:

И в заключение я хотела бы рассказать об одном из самых многочисленных сообществ вконтакте, посвященных After Effects, must see для любого интересующегося видео-дизайном.

Огромное количество бесценной информации, подгрупп по определённым категориям (гифки, выражения, и даже нечто вроде фрилансерской площадки — весь список можно посмотреть тут), примеров красивого видео и новостей — качество и количество контента поражает. Тут и движуха — флэшмобы, домашки, конкурсы с возможностью получить админку на день. Это помогает не только не лениться и прокачиваться, но и сдружился в процессе с множеством народу, влиться в тусовку.

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

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

Надеюсь, все те явки и пароли, которые я тут постаралась систематизировать, смогут быть вам полезны, если вы решите познакомиться с motion-дизайном.
Искренне желаю вам удачи в его покорении!:)

6 комментариев

  1. Иван:

    Я обожаю твой блог))

    Ответить
    • Шама:

      Спасибо тебе! Всего 4 слова и пара скобочек, а какой заряд радости для меня)

      Ответить
  2. frauyatak:

    Спасибо! Большая часть ссылок не работает уже ((
    Но я в саАамом начале пути мне было полезно.

    Ответить
    • Шама:

      Спасибо! Сейчас пробегусь по всем ссылкам, попробую восстановить по-максимуму.

      Ответить
  3. Ruslan:

    премного благодарен за информацию, Анна
    нашел ваш блог вчера и до сих пор читаю, очень много полезного =)

    Ответить
    • Шама:

      Спасибо, легкого освоения!

      Ответить

Добавить комментарий для Шама Отменить ответ