Скачать "Motion Design for Beginners | Illustrator & After Effects Animation Tutorial"
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252F3JB5BQfcIQc%252Fmaxresdefault.webp&w=1139&q=75)
Оглавление
Похожие ролики из нашего каталога
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F-CXN1S5sARo%252Fsddefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252F2MYHVr-lzFA%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F4xTUH0edt4o%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FAMFl-oOsW9Y%252Fhqdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FC37c1IqNV9I%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FE4dzk9uFNXA%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FXNhxpOT8FMg%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Fm2kFpkRoLlk%252Fsddefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FnQs_rXwChTo%252Fmaxresdefault.jpg&w=1139&q=75)
Теги видео
Субтитры
Английский
00:00:01
немного движения в свою работу, или,00:00:03
возможно, вы аниматор, который хочет00:00:04
создавать свои собственные дизайны? В00:00:06
любом случае, это короткий курс для00:00:08
вас. Меня зовут Джесс, для envato tuts plus,00:00:10
и я' Я профессиональный графический дизайнер и00:00:12
моушн-дизайнер, моя работа варьируется от00:00:14
создания брендинговых ресурсов для бизнеса00:00:16
до сложного анимационного дизайна00:00:18
и анимации, и в этом курсе00:00:21
я собираюсь показать вам, как я работаю между00:00:22
Adobe Illustrator и After Effects, чтобы00:00:25
воплотить свои воплощайте проекты в жизнь, если вы00:00:27
хотите заняться моушн-дизайном, но00:00:28
не совсем знаете, с чего начать, тогда00:00:30
попробуйте элементы envato,00:00:32
где с помощью простой доступной00:00:34
подписки вы получаете доступ к миллионам00:00:37
цифровых активов, которые вы можете загрузить00:00:39
и использовать в ваших проектах прямо сейчас, и00:00:42
это включает в себя отличные шаблоны видео для00:00:43
After Effects, а также пакеты графического дизайна00:00:45
для иллюстраторов, музыкальные шрифты,00:00:48
видеоматериалы и многое другое, поэтому, чтобы узнать00:00:51
больше о приглашенных элементах, перейдите по00:00:53
ссылке в описании ниже в этом00:00:55
курсе. собираюсь показать вам, как00:00:56
создать и анимировать эту забавную винтажную00:00:58
наклейку с нуля, чтобы использовать ее в качестве00:00:59
отдельного логотипа или украсить ваши00:01:02
брендинговые проекты. Это действительно00:01:04
обычное путешествие для моушн-дизайнера,00:01:05
и я с нетерпением жду возможности приступить00:01:07
и показать вам. Итак, давайте откроем00:01:09
иллюстратор и начнем, хорошо, так что это00:01:12
конечный продукт, который мы собираемся00:01:13
сделать сегодня, у нас есть00:01:16
свежевыжатый милый винтажный логотип, который вы00:01:19
можете использовать в крутом проекте брендинга, который вы00:01:21
можете заменить любыми фруктами, которые вам нравятся.00:01:23
посередине или что-то еще, на самом деле это00:01:26
довольно разнообразный стиль, поэтому я думаю, что прежде чем00:01:28
создавать какие-либо брендинговые проекты, мне всегда00:01:29
нравится вдохновляться, и для чего-то00:01:32
подобного есть несколько замечательных художников,00:01:34
создающих работы в этом стиле. Стив00:01:37
Гаван молодец, что у вас есть Лорен Мартин,00:01:39
которая делает действительно милые вещи, да,00:01:41
да, Велла и Адам, иллюстратор, —00:01:44
замечательные люди, на которых стоит поискать, если вы00:01:46
заинтересованы в создании большего в этом стиле,00:01:48
убедитесь, что вы взяли много ссылок00:01:50
от вас, вы также знаете несколько разных художников,00:01:52
так что ваш работа остается оригинальной, но00:01:54
да, эти ребята великолепны, и я обычно00:01:56
собираю что-то вроде доски настроения, чтобы00:01:58
вдохновить меня, так что это00:02:00
первый шаг, а затем, чтобы создать00:02:03
этот логотип, я выбрал эту цветовую схему, поэтому00:02:06
для этого довольно насыщенные цвета,00:02:08
потому что Я хотел, чтобы оно действительно выделялось,00:02:10
но да, давайте приступим к его созданию, поэтому для00:02:13
начала мы просто00:02:15
создадим наше маленькое оранжевое тельце, и оно00:02:18
действительно простое, это просто круг, и это00:02:21
здорово, поэтому я собираюсь создать круг.00:02:22
а затем выберите цвет нашего оранжевого,00:02:24
потому что это его цвет. Я00:02:28
также собираюсь добавить обводку,00:02:31
и мы собираемся сделать это два один00:02:33
два один два один, это просто хороший00:02:35
серый, а здесь он тоже серый и мы00:02:37
собираемся определить вес для всех наших00:02:39
штрихов в этих пяти пунктах, так что хорошо00:02:43
всегда поддерживать единообразие ваших штрихов. Я00:02:45
думаю, это действительно улучшит окончательный дизайн,00:02:47
если они все одинаковые,00:02:49
так что да, по сути, это наш маленький00:02:51
оранжевый мальчик, тело, это отличное00:02:54
начало, следующее, что мы собираемся сделать,00:02:56
это создать черты его лица, которые00:02:59
снова представляют собой очень простые формы, поэтому мы00:03:01
начнем с00:03:03
вот такого прямоугольника,00:03:06
это будет спина00:03:08
его глаза, а затем, если вы воспользуетесь00:03:12
инструментом прямого выделения, а именно этим,00:03:14
вы можете взять и выбрать фигуру,00:03:17
убедитесь, что вы щелкнули по середине, а не по одному00:03:18
из углов, вы можете затем перетащить эти00:03:21
закругленные точки, чтобы закруглить ее, но00:03:24
затем Один трюк, который я всегда делаю, — это00:03:26
упростить эту фигуру, прежде чем редактировать ее00:03:29
дальше, чтобы у вас было только шесть00:03:31
точек, потому что, если вы этого не сделаете, вы00:03:35
получите две точки в этом верхнем бите,00:03:37
что просто очень раздражает, когда вы мы00:03:39
пытаемся что-нибудь с этим сделать, так что да,00:03:42
всегда, если вы проделывали это с00:03:44
таблетками любой формы, упростите их до шести,00:03:46
и тогда у нас есть один приятный момент,00:03:49
которым мы можем манипулировать так, как нам нравится, так00:03:53
что да, тогда я считаю, что получите красивую00:03:55
форму глаз. Я просто удлиню промежуток00:03:58
между этой верхней частью и этими точками в00:04:00
середине,00:04:01
поэтому я выделю только те, которые имеют прямое00:04:03
выделение, а затем нажмите e, чтобы вызвать00:04:06
инструменты преобразования, или вот вот00:04:09
эта00:04:10
а затем немного уменьшите это,00:04:14
чтобы у вас было немного больше места,00:04:16
а затем, просто чтобы выровнять их,00:04:19
я собираюсь сдвинуть C, что вызовет00:04:23
хм, я не знаю, как они называют этот00:04:24
инструмент опорной точки,00:04:26
и затем просто немного скруглите эти углы, так что,00:04:30
делая это таким образом, вы00:04:32
знаете, что это не идеально, вы не получаете00:04:33
одинаковые точные углы с каждой стороны,00:04:36
потому что вы делаете это как бы вручную,00:04:38
я действительно думаю, что это дает красивый00:04:40
конечный вид, который немного менее00:04:44
идеален, чем если бы вы использовали геометрические00:04:47
фигуры, только круто, так что это основная00:04:50
форма его глаза. Я собираюсь сделать00:04:53
центр этого белого цвета,00:04:55
а затем мы просто продублируем00:04:57
это, чтобы сделайте зрачок так, чтобы команда C00:04:59
команда F вставила вперед,00:05:02
да, и удерживайте клавишу Shift, чтобы уменьшить масштаб,00:05:07
а затем мы просто перенесем00:05:09
цвет в центр, так что теперь у нас00:05:11
есть хороший зрачок, а теперь следующее,00:05:14
что мы мы собираемся создать нашу00:05:16
маленькую звездочку для его глаза, чтобы вы могли просто00:05:19
начать с круга, и00:05:23
я думаю, может быть, для удобства00:05:25
просмотра я просто выключу ее, чтобы у00:05:27
нас был только что обводка, и00:05:29
мы Я только что нарисовал круг, который мы собираемся00:05:31
применить, исказить, трансформировать,00:05:34
сморщить и раздуть, и это00:05:37
действительно простой способ довольно быстро получить звезду,00:05:40
мы собираемся перетащить ее в00:05:41
сторону складки,00:05:43
вероятно, около 60 хорошо 62. выглядит00:05:47
нормально,00:05:48
нажмите ОК, а затем, поскольку нам00:05:52
больше не нужно это настраивать, я вполне00:05:53
доволен этим, я просто собираюсь00:05:56
расширить внешний вид объекта, и тогда у нас будет00:05:58
это как путь, а не эффект, потому что00:06:01
стиль, который мы используем,00:06:03
довольно закругленный и дружелюбный, нам00:06:07
также не нужны эти острые углы, поэтому00:06:10
первое, что я собираюсь сделать, это перейти00:06:11
к панели «Обводка», и давайте покажем00:06:14
все параметры,00:06:16
и мы собираемся заострить углы00:06:19
и убедиться, что конец00:06:22
закруглен, и это касается и всех наших линий,00:06:24
мы сделаем, мы убедимся, что это00:06:25
включено, а затем, я думаю, мы также просто00:06:28
перетащим эти точки00:06:30
немного с помощью нашего инструмента прямого выделения,00:06:32
чтобы он снова стал немного более дружелюбным,00:06:34
поэтому мы просто хотим, чтобы он был белым00:06:37
и без обводки,00:06:39
как есть,00:06:41
поэтому мы перетащим это на верхнюю часть его00:06:43
глазного яблока и удерживаем Shift для масштабирования опустите его вниз,00:06:46
сохраняя при этом пропорции,00:06:50
и это основная основа нашего глаза,00:06:53
но мы также хотим, чтобы у него было небольшое00:06:55
веко, поэтому я собираюсь00:06:59
продублировать этот вариант удержания и сдвинуть, чтобы у00:07:02
нас был базовый слой, а00:07:06
затем Я возьму инструмент «Кисть»00:07:08
и просто нарисую00:07:10
линию,00:07:14
похожую на форму века00:07:17
внизу,00:07:18
а затем мы воспользуемся моим любимым00:07:21
инструментом — инструментом «Создание фигур»,00:07:22
а именно этим. один здесь, и мы собираемся00:07:25
разделить эти фигуры,00:07:27
а затем все, что нам нужно, это00:07:30
наше веко, и мы можем просто надеть его00:07:33
точно поверх, и мы сделаем его таким00:07:35
же оранжевым, как сам наш апельсин, и00:07:40
тогда мы просто собираюсь вынести это на00:07:41
передний план, так что командуйте скобкой Shift или00:07:43
вы можете щелкнуть правой кнопкой мыши, чтобы вызвать00:07:47
эти инструменты, но я бы выучил00:07:48
сочетания клавиш, они очень удобны,00:07:50
круто, хорошо, это в основном наш глаз,00:07:53
поэтому мы просто перенесем это00:07:55
на наш Оранжевый,00:07:58
и мы продублируем его, чтобы сделать00:08:02
второй, и поскольку он немного под00:08:03
углом, я просто смещаю этот00:08:05
другой немного вверх,00:08:08
так что00:08:09
они вроде как будто он под небольшим00:08:12
углом,00:08:13
круто все а что еще00:08:16
у апельсина на лице, наверное, нос, так что это00:08:21
будет довольно легко сделать, мы просто00:08:23
воспользуемся инструментом «Перо» и нарисуем что-то вроде00:08:26
продолговатой формы, только три00:08:30
точки, которые, как вы знаете, должны00:08:31
по сути, сделайте это, это довольно простая форма,00:08:35
может быть, немного больше смелости00:08:37
вверху, потому что мы хотим, чтобы он был немного милым,00:08:40
и еще раз убедитесь, что наши обводки00:08:43
настроены на эти,00:08:46
круто, хорошо, теперь у него есть нос, а00:08:49
затем рот вы можете поэкспериментировать00:08:51
со всевозможными формами рта, потому что я00:08:53
думаю, что рот действительно помогает выразить00:08:55
выражение, но сегодня мы просто00:08:58
сделаем немного сморщенный рот, потому что он00:09:01
свежевыжатый, и мы хотим еще раз передать эту00:09:03
концепцию с помощью ручки00:09:06
инструмент, мы просто нарисуем небольшую00:09:08
линию, подобную этой, нам тоже не нужна заливка для00:09:10
этой линии,00:09:12
а затем мы собираемся нарисовать00:09:15
небольшую00:09:17
улыбку,00:09:18
совсем немного,00:09:20
а затем мы можем использовать эту00:09:22
опцию команды формы, Shift, чтобы перетащить это00:09:25
снова o будет вашим инструментом реверса, который00:09:29
является еще одним очень удобным ярлыком для простого00:09:32
изучения, но он здесь, если он вам нужен,00:09:34
а затем удерживайте клавишу Shift, и вы можете просто00:09:36
перевернуть его,00:09:39
а затем мы, возможно, просто переместим его на00:09:41
место мы сделаем его немного00:09:43
более улыбающимся, если мы вызовем наш00:09:46
инструмент, мы можем преобразовать этот якорь, чтобы он также00:09:49
был изогнутым,00:09:50
а затем отрегулировать их,00:09:53
и это выглядит довольно хорошо, я просто00:09:55
собираюсь сгруппировать это, поэтому команду G ох нет00:09:59
ох00:10:00
что случилось, мы пропустили точку привязки,00:10:02
может быть, мне стоит подойти немного ближе, я00:10:04
ослеп, хорошо,00:10:07
команда G, сгруппируйте это, и теперь у00:10:10
него небольшая улыбка,00:10:13
мило,00:10:15
окей, я думаю, нам тоже нужны веснушки,00:10:19
так что это довольно легко, они00:10:21
просто точки, вы могли бы нарисовать их с помощью00:10:23
инструмента «Кисть», но я думаю, поскольку мы00:10:25
собираемся использовать эффекты, а после эффектов00:10:28
не очень нравятся разные00:10:30
типы обводок, давайте вместо этого нарисуем их с помощью небольшого круга,00:10:34
поэтому мы просто нарисуем тот,00:10:39
который к внутри, чтобы это была просто00:10:42
заливка, нам не нужна обводка,00:10:43
мы снова удерживаем опцию, чтобы продублировать00:10:46
их в симпатичную00:10:48
тройку, а затем также перетаскиваем опцию, чтобы00:10:53
поместить их на другую сторону, так что очень00:10:55
легко вы можете получить несколько милые00:10:57
веснушки на твоем маленьком апельсине, и, возможно,00:11:00
я просто немного испорчу эти, чтобы00:11:02
они не были совсем одинаковыми,00:11:04
потому что мы вроде как стремимся к этому00:11:06
винтажному рисованному стилю, ладно,00:11:08
круто, вот и наше лицо00:11:11
полностью оранжевое. он выглядит довольно хорошо,00:11:13
глаза немного больше, чем у нас,00:11:15
но это нормально,00:11:16
я думаю, что это выглядит хорошо, так что ему еще00:11:19
нужно немного00:11:20
оранжевого, как вы это называете,00:11:23
например,00:11:24
отверстие на стебле, в любом случае, мы все равно хотим00:11:28
нагреть их здесь, и00:11:31
подойдет только инструмент «Перо», и эта форма на самом деле00:11:34
не имеет значения, что это такое, просто она00:11:35
должна выглядеть немного00:11:38
раздутой на его макушке, так что что-то в00:11:42
этом роде мы сделаем просто полностью черный - это00:11:46
нормально, и тогда, возможно, стоит еще00:11:49
раз немного закруглить эти углы, чтобы00:11:52
мы сопоставили этот стиль,00:11:56
хм, так что что-то в этом роде подойдет,00:11:58
и мы также дадим ему листок, потому что00:12:02
он только что закончил дерево,00:12:05
так что еще раз с помощью инструмента «Перо», вы могли бы00:12:09
знать, делайте этот Лист где угодно,00:12:11
но на самом деле это нужно сделать всего в нескольких точках.00:12:14
Обычно я рисовал подобную фигуру,00:12:16
устанавливал ее где-нибудь достаточно близко, а00:12:18
затем возвращался с нашим инструментом изменения угла00:12:21
и просто отрегулируйте эти точки, вы00:12:24
также можете в любой момент вернуться к прямому00:12:27
выбору, чтобы как бы переместить00:12:29
отдельные точки и привязки,00:12:33
так что используйте эти два инструмента, чтобы00:12:36
действительно уточнить это, пока не00:12:44
пойдет, пока это00:12:46
подойдет, но, возможно,00:12:51
я приду вернемся к нему, мы тоже сделаем его зеленым00:12:55
и придадим ему такой же штрих, как и00:12:58
всем остальным.00:13:01
два один и00:13:03
пять00:13:06
круто, я сделаю его немного больше. Хорошо, круто,00:13:09
следующее, что мы собираемся нарисовать, это00:13:11
его рука и его руку, и я открою вам00:13:14
небольшой секрет. Я ужасно00:13:16
рисую руки, это была одна из00:13:18
вещей, которую я никогда не мог00:13:20
разгадать, так что хороший способ00:13:23
обойти это, все так делают, - это найдите00:13:26
хороший референс, поэтому я собираюсь использовать00:13:28
envato, и я буду искать мультяшную00:13:31
руку,00:13:34
и этот, я думаю, вероятно подойдет,00:13:37
поэтому мы собираемся скачать его и00:13:39
перенести в наш проект, и вы00:13:41
могли бы использовать, э-э это как есть, потому что это00:13:43
фантастический вектор, или мы можем00:13:46
использовать его, как я собираюсь, это просто00:13:48
образец рисунка для той руки, которую мы хотим,00:13:50
так что давайте снова и снова добавлять это в00:13:54
иллюстратор, вот и все, у нас есть00:13:55
рука ссылка Я просто переверну00:13:59
это на 180 и буду использовать вот эту руку00:14:02
в качестве эталона, и мы просто00:14:06
заблокируем ее, чтобы команда 2 в иллюстраторе00:14:09
выглядела так, и теперь это никуда не денется00:14:11
' Ладно, я буду уходить с нашего пути,00:14:14
поэтому мы будем использовать эту00:14:15
руку в качестве образца и просто00:14:17
немного ее адаптируем, потому что,00:14:18
очевидно, палец указывает, и00:14:19
мы хотим, чтобы он просто держал большой палец вверх00:14:21
и мы будем иметь в виду, что00:14:24
стиль немного отличается от того, который мы00:14:25
собираемся здесь, мы хотим иметь настоящий00:14:28
мультяшный стиль Микки Мауса в перчатках,00:14:30
поэтому мы собираемся сделать все00:14:31
пальцы довольно выпуклыми, поэтому я Начнем00:14:35
немного шире, но это00:14:37
просто даст вам хорошее представление о пропорциях,00:14:41
используя подобную ссылку,00:14:44
поэтому мы дали хороший большой большой палец,00:14:48
а затем мы собираемся спуститься под00:14:51
небольшим углом здесь.00:14:53
чтобы дать нам00:14:55
палец, просто переместите его00:14:57
еще немного, и вы сможете переключаться между00:15:00
инструментом «Перо», инструментом «Опорная точка»00:15:03
и инструментом «Прямое выделение»,00:15:05
чтобы действительно иметь такой же хороший контроль, как и00:15:09
вы, когда вы рисуете все эти вещи.00:15:11
да, я очень доволен этой нашей00:15:14
рукой в перчатке,00:15:17
я просто войду в группу G, и все это00:15:20
вместе, чтобы у нас была одна красивая форма, и00:15:22
на самом деле убедитесь, что с другой стороны00:15:25
мы воспользуемся прямым выделением, чтобы просто00:15:28
прорезать эту группу, но это00:15:30
теперь также заполнен белым, так что, если мы перетащим это, у нас00:15:34
будет хорошая рука в перчатке,00:15:37
так что мы сделаем ее00:15:39
примерно такого же размера, я думаю,00:15:43
а для руки это очень легко, так что00:15:46
мы просто собираемся чтобы запустить его или00:15:48
начать, я не знаю насчет этого, и просто00:15:51
одним большим мазком вы можете сделать00:15:54
обе стороны, но я думаю, что это довольно00:15:56
просто, отключите заливку, а затем мы00:15:58
сделаем это примерно так, ну, может быть, около00:16:01
40 .. может быть немного больше,00:16:04
может быть, давайте попробуем 60.00:16:09
круто, да, мне кажется, это довольно хорошо,00:16:12
или, может быть, даже немного больше,00:16:14
это все в деталях,00:16:17
гм, мы перетащим это вперед, так что00:16:19
снова подайте команду Shift00:16:21
и просто расположите это до тех пор, пока00:16:25
это выглядит примерно правильно, я примерно00:16:27
так и считаю, а потом мне обычно нравится сохранять00:16:31
копию этого на тот случай, если я решу, что00:16:33
хочу изменить форму руки позже,00:16:35
потому что это гораздо проще сделать, когда00:16:36
она находится в форме штриха, но я просто00:16:39
уберите это с дороги, а затем мы00:16:40
перейдем к объекту, разверните00:16:44
Фила и обводку,00:16:45
и тогда у нас будет красивая сплошная фигура,00:16:49
которая теперь не является обводкой, и я просто хочу, чтобы00:16:51
цвет был точно таким же, как у00:16:53
остальную часть его тела, поэтому я собираюсь просто00:16:56
выбрать цвет с помощью этого инструмента «Пипетка»,00:16:58
который даст нам и обводку, и00:17:00
заливку, что очень удобно в этом00:17:03
случае, особенно также просто, нам00:17:06
не нужна эта линия здесь, поэтому, если вы00:17:07
щелкните инструмент прямого выделения, а00:17:09
затем выберите эту конкретную линию и нажмите «00:17:12
Удалить», она исчезнет, и это тоже00:17:14
здорово, мы вставим это в наши красивые00:17:18
закругленные углы,00:17:20
и все это выглядит довольно хорошо, а00:17:23
теперь мы просто собираемся сделать несколько очень хороших00:17:25
быстрые блики и тени, просто я00:17:29
не знаю, придайте этому немного больше глубины, поэтому00:17:32
я сделаю это с помощью инструмента «Кисть»,00:17:35
поэтому начну здесь, потому что он00:17:38
апельсин, и вы знаете, они немного00:17:39
комковатые, и потому что мы Что касается свежего00:17:42
сжатия, я собираюсь придать ему00:17:44
немного волнистого блика здесь,00:17:48
так что просто нарисуйте что-то вроде этого,00:17:51
и самое замечательное в инструменте «Кисть» заключается в том, что00:17:52
если вам нравится рисовать эту линию, а00:17:55
затем вы решаете, о, это на самом деле не00:17:57
совсем верно, я действительно хочу, чтобы вы знали,00:17:59
может быть, на одну волну меньше, вы можете просто выбрать00:18:03
путь, а затем просто пройти по нему снова,00:18:05
и пока вы начинаете и00:18:06
заканчиваете путь, который вы уже00:18:08
нарисовали, это просто исправит его поднимите и сфотографируйте его00:18:11
таким, каким он был, и это здорово,00:18:14
так что да, я думаю, что-то в этом роде, может быть,00:18:16
может быть, мы просто00:18:18
сделаем это немного более привлекательным, например, что-то в00:18:21
этом роде,00:18:23
мы хотим, чтобы это было графично, но также00:18:26
немного иллюстративно подойдет что-то00:18:28
вроде этого, и я просто00:18:30
немного отодвигаю его, отлично,00:18:32
это хорошая форма, теперь мы00:18:35
снова заполним ее этим оранжевым цветом, но00:18:39
здесь нам не нужна обводка хороший00:18:40
цвет для выделения, я думаю, всегда00:18:42
начинается с базового цвета, который у вас00:18:43
есть, но мы просто00:18:45
полностью удалим из него черный цвет, поэтому в столбце B00:18:48
вытащите его, а в насыщенности вы00:18:50
можете немного усилить его.00:18:52
немного цвета все еще есть, но вы знаете, что это00:18:55
более светлый оттенок того, что у нас есть, а00:18:58
затем мы собираемся также сделать это00:18:59
наложение, чтобы оно было немного люминесцентным,00:19:03
и это, вероятно, мы могли бы00:19:06
захотеть сделать это что-то вроде I думаю, я хочу, чтобы00:19:08
он располагался немного сверху,00:19:10
немного больше, поэтому я просто00:19:12
поверну его, используя центр оранжевого цвета00:19:14
в качестве точки вращения, поэтому, если вы нажмете00:19:18
r, это вызовет ваше вращение, и вот00:19:20
этот маленький якорь откуда он00:19:22
будет вращаться, сейчас он00:19:24
здесь,00:19:25
но мы хотим, чтобы он находился примерно в центре,00:19:27
поэтому я просто щелкну, и это00:19:29
изменится, а затем вы можете щелкнуть00:19:32
и перетащить, чтобы повернуть созданную вами фигуру00:19:34
так что00:19:36
это, наверное, хорошо, и тогда мы,00:19:38
очевидно, хотим обрезать это по00:19:40
форме его основания, поэтому я собираюсь дать00:19:43
команду C, чтобы скопировать, и команду F, чтобы вставить00:19:47
вперед, а затем команду Shift,00:19:49
э-э, Открытая скобка, чтобы выдвинуть вперед,00:19:52
и мы Я собираюсь использовать00:19:55
инструмент Pathfinder, чтобы сделать это, так что это действительно00:19:58
мощный инструмент, иногда он может оказаться00:20:00
здесь, но если вы его не видите, перейдите в00:20:02
окно Pathfinder,00:20:05
и вы также можете вызвать его в этом00:20:07
небольшом диалоговом окне.00:20:10
Здесь вы можете сделать множество опций, чтобы вы знали, как00:20:12
создавать фигуры, объединять фигуры00:20:15
и строить новые фигуры. Это действительно хорошо, поэтому00:20:17
мы выберем оба наших объекта,00:20:19
убедившись, что круг находится впереди, и00:20:23
тогда мы пойдем чтобы00:20:24
сегодня нажать на фигуру пересечения, которая даст нам00:20:27
форму выделения и классику, это происходит00:20:29
каждый раз, и я забываю об этом, но00:20:32
заливка и обводка будут взяты из00:20:36
этого верхнего объекта, поэтому нам просто нужно00:20:38
изменить это снова, поэтому просто вернитесь и сделайте что-то00:20:41
вроде того, что мы делали раньше,00:20:44
и наложите это, чтобы получить ту же00:20:48
обработку,00:20:50
а затем мы поместим лист00:20:53
сверху, и мы также собираемся00:20:55
сделать тень под его мышкой, вот так вот00:20:58
это это будет очень важно,00:21:00
потому что эта рука будет двигаться вот00:21:03
так, он поднимет большой палец вверх, поэтому00:21:06
тень, которую мы создаем, также должна двигаться00:21:08
вместе с этим и выглядеть естественно, когда он00:21:11
двигает рукой, поэтому, возможно,00:21:14
самое простое это чтобы переместить его в положение,00:21:16
где вы могли бы видеть большую часть этой тени,00:21:18
а затем мы собираемся использовать это в качестве00:21:21
базовой формы для этой тени, поэтому просто перетащите его, удерживая клавишу Alt,00:21:23
чтобы дублировать его руку, мы собираемся00:21:27
щелкнуть цветом, а затем поместить это позади00:21:31
этого, используйте скобку, чтобы переместить ее00:21:33
назад,00:21:34
а затем я просто немного подкорректирую ее,00:21:36
возьму эту особую точку00:21:41
и перетащу ее к ней,00:21:44
чтобы она исходила из руки Эндрю, а00:21:46
затем мы просто собираемся выровнять ее.00:21:48
слегка воспользовавшись этими ручками,00:21:52
чтобы она как бы стала немного00:21:54
прямее вниз от его руки, а затем00:21:56
эти будут упсы,00:21:59
эти в тени00:22:02
поднимутся, просто чтобы00:22:04
показать, где заканчивается тень, так что выглядит00:22:07
нормально, давайте просто повернём его руку назад,00:22:09
чтобы вы можно изменить эту опорную точку, если00:22:12
мы посмотрим раньше,00:22:14
а затем в After Effects мы собираемся00:22:17
скрыть это с помощью простого коврика, повторяющего форму его тела,00:22:22
поэтому, если вы хотите закончить свою00:22:25
иллюстрацию, вы знаете, в соответствии с этим стандартом,00:22:27
вы можете сделать тот же процесс, что и я.00:22:29
перед тем, как вы его обрежете, но я думаю,00:22:31
поскольку сейчас мы занимаемся анимацией,00:22:33
мы оставим это и сделаем маску00:22:36
в After Effects, отлично, хорошо, я просто00:22:38
собираюсь быстро выделить несколько бликов на00:22:40
этом листе, чтобы мы сделайте00:22:43
здесь еще одну выпуклую форму и тот же00:22:48
самый процесс, что и раньше,00:22:51
просто сделайте ее такой же зеленой,00:22:54
убрав из нее черный цвет00:22:56
и убедившись, что он00:23:00
слишком яркий,00:23:02
а затем вы знаете, что можете прийти и00:23:04
немного уточнить, чтобы убедиться, что он00:23:07
попадает в эту линию, но поскольку он находится на00:23:10
наложении, вы не можете сказать, что No One's00:23:12
Gonna00:23:15
все в порядке,00:23:18
вроде бы хотелось, чтобы он соответствовал листу,00:23:22
круто, и мы просто добавим ему немного00:23:25
тени на этой дальней стороне, так что я Я00:23:29
просто собираюсь снова использовать инструмент «Кисть»,00:23:32
и что-то в этом роде может быть хорошим00:23:34
началом,00:23:36
выберите этот цвет, потому что мы хотим, чтобы это00:23:38
было именно так, а затем мы собираемся00:23:40
перенести00:23:42
эти фигуры на передний план, так что вот и все,00:23:44
это просто тонкий вид немного00:23:47
дополнительной толщины, действительно, эта линия00:23:50
плавно переходит в линию, которая у нас есть,00:23:56
все в порядке, вот и наш персонаж00:23:58
почти готов, да, это выглядит довольно00:24:02
хорошо, круто, вот наш00:24:04
персонаж,00:24:05
я очень рад с этим, так что мы,00:24:07
вероятно, можем просто попрощаться с этим, теперь00:24:09
мы собираемся сделать остальную часть наклейки00:24:12
вокруг него, поэтому нарисуйте еще один круг,00:24:16
который больше его, и мы00:24:18
сделаем его такого красивого фиолетового цвета, и00:24:22
просто для легко сгруппировать его всех00:24:24
вместе,00:24:25
команда G, а затем я перетащу его00:24:28
наверх, чтобы у нас была еще одна версия,00:24:31
команда Shift, чтобы вывести его вперед,00:24:35
круто, и мы, вероятно, да, мы,00:24:38
вероятно, хотим примерно столько же места, и00:24:40
теперь мы собираемся использовать некоторые шрифты, поэтому00:24:44
сначала мы собираемся выполнить команду00:24:46
C, команду V, этот круг, и просто чтобы мы00:24:50
могли его легко увидеть, я00:24:53
сделаю его красной линией, и мы собираемся00:24:57
отцентрировать его по этому адресу. кружок, пока мы не00:25:01
доберемся до такого большого размера,00:25:03
и мы собираемся использовать наш тип на00:25:05
инструменте пути, который находится здесь, если вы удерживаете00:25:07
нажатой, вы можете выбрать этот один тип на00:25:10
пути, а затем вы переходите к своему пути,00:25:12
и когда он выделит синий цвет, вы можете00:25:14
щелкнуть, и он поместит текст вокруг00:25:16
этого круга для вас, так что у нас будет00:25:18
одно00:25:20
свежее свежее слово00:25:22
Ли — первое слово, которое мы собираемся сделать,00:25:26
поэтому мы выберем его, или вы можете просто00:25:28
скомандовать выбор со всем этим все в порядке,00:25:31
поэтому я собираюсь использовать шрифт под названием Standy00:25:34
Sandy Bald, который вы можете найти на envato,00:25:38
и в00:25:39
описании ниже будет ссылка, где вы можете00:25:42
найти этот шрифт, но вы знаете много шрифтов, которые00:25:44
вам нужны. можно использовать для этого, просто попробуйте найти00:25:46
что-нибудь красивое и винтажное,00:25:49
хм, это хороший способ, так что вот00:25:51
наш шрифт, я просто собираюсь также00:25:53
дать ему около00:25:55
70 за кернинг, просто чтобы вы знали, что с00:26:00
этими жирными шрифтами это немного немного00:26:01
легче читать, особенно на таком00:26:04
круге, и я также просто буду00:26:06
вращать его вверх, пока он не будет выглядеть нормально,00:26:10
а затем нам также понадобится сжатие, так что00:26:14
alt я просто вытащу этот alt Shift, чтобы00:26:17
перетащить и скопировать, и мы напишем здесь «упс»,00:26:24
но, как вы можете видеть, это не00:26:26
сработает, потому что оно будет00:26:28
перевернуто, что очень раздражает,00:26:31
поэтому, переворачивая его, вы00:26:35
получаете инструмент прямого выбора и00:26:37
находите этот так что это ваши,00:26:40
упс, вы как бы разбираетесь в вещах, поэтому, если00:26:43
вы хотите добавить еще один круг, вы00:26:46
можете щелкнуть по ним, но на самом деле, как правило,00:26:48
они бесполезны, поэтому00:26:51
нам нужен этот, и вы можете просто00:26:52
перевернуть его. снова00:26:54
и затем это перенесет ваш текст00:26:56
внутрь, и если вы перенесете его00:26:58
сейчас и выберете наш свежий, а затем00:27:02
дважды выберете его, чтобы он стал00:27:04
привязкой нашего героя, и тогда вы сможете как бы00:27:08
убедиться, что они выровнены таким образом,00:27:10
это все же немного,00:27:13
радиус этого слишком мал, потому что он удаляет его с00:27:16
этого, поэтому обычно я00:27:18
просто проверяю, что все выровнено по центру,00:27:22
а затем масштабирую его, удерживая Alt и сдвиг,00:27:26
пока синяя линия не достигнет верха00:27:29
текста, который вы хотите сопоставить, а00:27:31
затем мы просто выберем этот текст еще раз,00:27:34
чтобы убедиться, что он правильного размера,00:27:36
а затем вы можете просто повернуть его, пока он не будет00:27:39
выглядеть по центру,00:27:41
все в порядке, и у нас есть текст, я просто00:27:43
собираюсь сделать это немного больше,00:27:45
может быть,00:27:47
это хорошо, а затем00:27:50
просто повернуть их00:27:53
на место,00:27:56
и вообще-то, я думаю, вы знаете немного больше,00:27:59
динамическая наклейка, давайте сместим00:28:02
их вращение по центру, чтобы00:28:05
это выглядело довольно круто, я собираюсь00:28:07
сделать их тоже белыми,00:28:12
мило,00:28:14
окей, я просто разгруппирую нашего маленького00:28:16
оранжевого, потому что теперь он в нужном00:28:18
месте, и поставлю его00:28:21
перед текстом, так что просто00:28:24
снова выделю все это в скобках командного сдвига,00:28:26
и да, мы по сути, мы00:28:28
собираемся очень быстро сделать наши00:28:30
маленькие боковые апельсины,00:28:33
и это действительно простая и простая00:28:36
иллюстрация, потому что это всего лишь00:28:39
базовые формы, поэтому мы собираемся снова начать00:28:41
с нашего оранжевого круга,00:28:45
а затем выбрать просто вот эту точку00:28:49
с помощью нашего инструмента прямого выделения и00:28:51
удалите ее, потому что нам просто нужен00:28:53
полукруг, а затем мы собираемся закрыть00:28:55
эту фигуру, поэтому, если вы наведете курсор на00:28:58
инструмент «Перо» и увидите эту маленькую разделительную00:29:01
линию, тогда он будет знать, что вы мы говорим00:29:02
об этой опорной точке, и вы хотите00:29:04
ее замкнуть, а кружок означает, что фигура00:29:07
будет замкнута, что мы только что и00:29:10
сделали, а затем мы собираемся немного закруглить эти00:29:11
углы, чтобы они00:29:13
также соответствовали нашему стилю,00:29:15
так что это наша базовая форма среза, затем00:29:18
мы собираемся подойти к объекту и перейти к пути00:29:23
смещения пути - это то, что мы хотим, что00:29:25
даст нам тот же путь снова,00:29:27
просто увеличенный, так что иногда00:29:30
это немного лучше, чем масштабирование, потому что00:29:32
это мы сохраним такие же пропорции по00:29:34
углам, а не масштабирование, это будет как бы00:29:36
искажать его, поэтому иногда это лучший00:29:39
способ разрезать вещи на части, круто, поэтому00:29:42
смещение 10, которое выглядит нормально,00:29:44
нажмите ОК, и тогда эта средняя форма00:29:47
будет нашей внутренней частью кусочки клиньев, поэтому я00:29:51
просто выберу тот же00:29:53
цвет, что и здесь,00:29:55
чтобы он соответствовал нашим бликам, а00:29:57
затем, чтобы получить наши маленькие клинья, я собираюсь00:30:00
использовать инструмент «Перо» и просто нарисую00:30:02
прямую линию вверх по центру00:30:05
фигуры. и я просто сделаю это чем-то00:30:07
видимым,00:30:09
и это не совсем по центру, поэтому просто выберите00:30:12
оба из них и дважды выберите задний, чтобы00:30:17
отцентрировать его,00:30:19
а затем мы просто собираемся повернуть это00:30:22
из этой нижней точки, поэтому снова нажмите R00:30:24
для выбора поворота нижний якорь с00:30:27
вашим вращением, так что ваши якоря там,00:30:29
а затем мы собираемся удерживать alt Shift,00:30:31
и00:30:33
я просто собираюсь сделать это на глаз,00:30:35
и если вы держите ой,00:30:38
а затем, если мы вернемся сюда00:30:41
и удержим Alt,00:30:44
пока мы не познакомим вас с некоторыми красивыми четвертинками00:30:47
в наших клиньях,00:30:50
а затем мы выберем все это00:30:53
и снова воспользуемся нашим инструментом «Создание фигур», чтобы00:30:57
отделить эти фигуры,00:31:01
а затем удалим00:31:04
эти части, они нам не нужны.00:31:08
и теперь, о да, классика, мы00:31:12
забыли, что она меняет наши00:31:15
цвета, поэтому мы просто изменим это00:31:16
обратно,00:31:17
а затем снова проделаем тот же00:31:19
путь смещения, чтобы дать00:31:22
им немного больше места, чтобы сместить путь к объекту.00:31:26
путь, и на этот раз мы хотим стать00:31:29
отрицательным, потому что мы хотим, чтобы они вошли,00:31:31
поэтому мы сделаем отрицательный, может быть, три, и если00:31:35
вы нажмете «выключить», он покажет вам, как это00:31:36
выглядит, так что это выглядит довольно хорошо для00:31:38
меня,00:31:39
нажмите «ОК», а затем мы можно просто удалить00:31:41
их00:31:44
немного задом наперед [Аплодисменты]00:31:46
так что дайте команду G, чтобы сгруппировать их все вместе,00:31:50
а затем мы сможем перенести их00:31:52
и, возможно, поместить под небольшим00:31:55
углом00:31:57
и скопировать сюда,00:32:00
хорошо,00:32:03
как это выглядит может быть, немного больше,00:32:05
хорошо, я собираюсь перетащить это с00:32:07
артборда, чтобы мы могли00:32:09
лучше видеть здесь, но мы также собираемся просто00:32:12
придать этому контур, снова используя ту же самую00:32:14
технику смещения пути, я имею в виду, что есть00:32:18
много способов, которыми вы могли бы это сделать. это,00:32:19
но я думаю, что проход со смещением иногда бывает00:32:22
самым простым, потому что тогда это все равно00:32:25
форма, а не просто штрих, поэтому00:32:28
есть наша маленькая внешняя линия, которую00:32:30
я только что сделал белой, чтобы она была краем00:32:32
нашей наклейки,00:32:33
и теперь мы Мы собираемся придать ему00:32:35
текстуру, которая является нашим последним00:32:37
шагом в дизайне, поэтому я получил эту текстуру от00:32:40
envato, которая представляет собой просто00:32:42
текстуру для плаката, и я просто собираюсь перетащить00:32:45
alt и перетащить основу, самую основу нашей00:32:48
наклейки сверху. из этого,00:32:51
и мы просто собираемся создать обтравочную00:32:52
маску, поэтому, если вы выберете обе, вы можете сделать это00:32:55
здесь, под обтравочной маской объекта, make00:32:58
или командой 7, что является еще одним очень удобным00:33:01
ярлыком, а затем мы просто00:33:04
поместим его поверх так что вы можете выбрать это00:33:06
назад, дважды выбрать его снова00:33:09
и отцентрировать, а затем переместить на00:33:12
передний план с помощью скобки командного сдвига, и00:33:14
мы собираемся00:33:16
умножить это,00:33:19
и вот наша наклейка готова, и00:33:22
мы готовы перенести это в After00:33:24
Effects, и обычно я бы использовал этот00:33:26
замечательный плагин под названием Overlord, который вы00:33:28
можете проверить, он делает этот процесс00:33:30
намного проще, но я собираюсь показать вам,00:33:32
как мы можем сделать это без каких-либо плагинов, поэтому00:33:35
самое главное, что мы00:33:37
разделите эту иллюстрацию на несколько00:33:39
разных слоев, и для простоты00:33:42
мы собираемся использовать00:33:44
здесь этот артборд, поэтому, если вы хотите00:33:49
создать новый артборд, вы можете перейти к00:33:50
настройке документа, отредактировать артборды и выбрать00:33:54
этот, и мы просто нажмем alt Shift.00:33:57
скопировать и этот артборд, чтобы его размер был00:34:00
ровно 1080 на 1080, что является00:34:03
хорошим размером для Instagram00:34:05
и будет точно таким же размером артборда,00:34:07
который мы делаем в After Effects, чтобы00:34:09
все располагалось в нужном месте,00:34:11
мы просто убедимся, что это так. тот же00:34:13
артборд,00:34:15
все в порядке, вот наша новая наклейка,00:34:17
и мы сначала сделаем этот00:34:21
эффект умножения,00:34:23
мы могли бы просто переделать это в After00:34:24
Effects, я думаю, но мы все равно поместим его на00:34:26
другой слой и назовем его00:34:28
бумагой текстура, затем текст, я думаю, мы00:34:33
можем обрисовать это в общих чертах, потому что я очень00:34:35
доволен этим, нам не нужно редактировать его,00:34:36
когда мы работаем в After Effects, и есть00:34:39
совершенно другой способ, которым вам, возможно,00:34:40
придется заставить этот текст00:34:42
появиться. в круге в After Effects, о котором00:34:44
я не хочу беспокоиться00:34:45
сегодня, поэтому я собираюсь расширить это, или вы00:34:49
можете пойти, это на самом деле тип объекта, создайте00:34:52
контуры или команду Shift o, а00:34:56
теперь это просто необработанные фигуры, что00:34:58
потрясающе, поэтому я00:35:00
перенесу это на другой слой00:35:02
и назову этот тип,00:35:06
а затем мы возьмем наши маленькие00:35:09
дольки апельсина и назовем их этими00:35:12
апельсинами,00:35:14
хорошо, давайте назовем их ломтиком апельсина,00:35:18
тогда мы хотим, чтобы его рука была одним слоем, чтобы00:35:21
это можно было перейдите на новый слой,00:35:24
и мы назовем его хм,00:35:27
а затем мы сможем поместить его00:35:31
веснушки, рот и нос00:35:35
на00:35:38
новый слой, и мы назовем это лицо00:35:44
и голову листа00:35:49
хм, поэтому лист, который мы наложили другой00:35:50
слой, потому что я считаю, что было бы мило, если бы00:35:53
он, ну, вы знаете, его маленький поворот00:35:56
его очевидного Листа, был там, так что это должно00:35:58
быть на отдельном слое, лицо, которое я на00:36:01
самом деле не планирую перемещать, так что они есть00:36:03
они' нам хорошо вместе, но руку, которую мы00:36:05
определенно хотим пошевелить, и глаза, я00:36:07
думаю, мы собираемся00:36:08
немного повернуть, и его00:36:11
веки как бы приподнимутся, поэтому мы хотим, чтобы они00:36:15
были отдельно от остального его тела.00:36:17
Я также собираюсь поместить его тело00:36:22
на новый слой, и00:36:25
на этом слое, я думаю, мы также можем сделать00:36:27
это, которое, вероятно, просто будет00:36:29
перемещаться вместе с его основой, поэтому я помещу это00:36:32
туда, и подсветка сохранится. на00:36:35
новом слое, потому что мы можем захотеть, чтобы он00:36:37
вращался, но угол света00:36:40
не изменится, если он повернется, поэтому00:36:42
это тоже должно быть на отдельном слое,00:36:44
поэтому00:36:46
давайте просто вернем это обратно, так что это00:36:48
оранжевая основа,00:36:51
а это с подсветкой00:36:54
все в порядке, а затем нам просто нужно схватить00:36:56
его глаза, так что позвольте мне отключить это,00:36:58
и на самом деле я просто удалю00:37:01
весь второй глаз, потому что00:37:02
мы собираемся сделать это с предварительной композицией00:37:04
в After Effects, и это Будет намного00:37:07
проще просто дублировать глаз после00:37:09
его анимации, поэтому мы просто перетащим00:37:12
элементы глаза на новый слой, но на00:37:16
самом деле мы хотим разбить его00:37:17
на большее количество частей, поэтому я собираюсь поместить00:37:20
зрачок на отдельный слой.00:37:24
все, что вы хотите00:37:26
переместить, должно быть на отдельном слое, а затем00:37:29
мы поместим00:37:30
это веко,00:37:34
а это заднюю часть глаза,00:37:37
а затем где-то сзади глаза00:37:40
будет наш00:37:42
белый цвет, что затрудняет00:37:43
Смотрите, но наша звезда,00:37:47
итак, у нас есть начало, у нас есть зрачок, у нас00:37:50
есть веко,00:37:53
и у нас есть задний глаз, поэтому мы сделаем00:37:56
для этого очень простую установку для глаз, когда00:37:58
перейдем к эффектам After Effects использую этот кусок,00:38:01
и все в порядке, и единственное, что я00:38:05
хочу сделать, вероятно, это перевернуть00:38:08
руку поверх этого типа, и, о,00:38:11
еще последнее, на самом деле нет, это00:38:13
не последнее, что делает тень,00:38:16
поэтому я просто положу ее на нее также собственный слой,00:38:24
окей, и последнее, что нам нужно сделать, это00:38:27
просто убедиться, что это единственный артборд00:38:29
в композиции, поэтому я просто00:38:31
пройдусь и удалю00:38:33
этот артборд и этот артборд, и это00:38:37
не должно иметь большого значения, но Я просто00:38:38
собираюсь удалить все это,00:38:40
просто чтобы00:38:41
это было красиво и чисто, все в порядке, поэтому мы00:38:44
сохранили,00:38:45
мы сохранили это, и сейчас мы собираемся00:38:47
перейти к After Effects00:38:53
[Музыка]00:38:57
шесть, моя любимая программа, так что мы мы собираемся00:38:59
создать новую композицию, которая будет соответствовать00:39:01
нашей артборду в Illustrator, так что00:39:05
давайте просто назовем это свежевыжатой версией00:39:12
v0100:39:14
крутой, поэтому мы просто адаптируем ее00:39:16
к разрешению 1080 на 1080, чтобы он соответствовал00:39:19
размеру артборда 25 кадров в секунду это нормально00:39:21
для того, что мы делаем сегодня, и около00:39:23
пяти секунд тоже хорошо, так что вы просто00:39:26
выбираете их и нажимаете «ОК», и у нас есть00:39:28
артборд, так что, чтобы импортировать наш файл, мы00:39:32
можем просто перейти к файлу импорта файла00:39:34
или вы можете просто перетащить и перетащите его00:39:36
туда, где вы сохранили свой файл, вот00:39:39
он, с которым вам на самом деле не нужно00:39:41
играть,00:39:43
сейчас, когда я нажимаю «Открыть», появится еще одно диалоговое окно, в котором я00:39:47
обычно меняю настройки при импорте00:39:49
и в качестве композиции это хорошо, потому что нам00:39:52
нужны все наши слои, если мы импортируем их00:39:54
как видеоряд, они будут импортированы как один00:39:56
плоский объект, что не очень полезно,00:39:59
и все это затенено, так что это нормально.00:40:01
Размер слоя размеров вполне00:40:03
подходит, потому что размер нашего документа и слоя соответствует размеру слоя. то00:40:06
же самое, потому что мы сделали все это00:40:08
1080. так что все в порядке, так вот,00:40:12
это на самом деле сделало нас совершенно новым00:40:15
компьютером, и это нормально, потому что он00:40:18
принес компьютер, и это именно те00:40:20
размеры, которые нам нужны, мы на самом деле не00:40:21
делаем Мне нужна другая композиция, которую мы сделали00:40:22
раньше, но вы знаете, как ее сделать, если00:40:25
вы это сделаете, давайте просто удалим эту композицию00:40:28
и просто поработаем с той, которая у00:40:29
нас уже есть, так что наша00:40:31
текстура бумаги, как вы можете видеть, в маске, это00:40:35
здорово, но у него нет00:40:37
эффекта умножения, который нам больше нужен, поэтому его00:40:39
довольно легко воспроизвести в After Effects,00:40:41
если вы перейдете в режим, у вас есть все00:40:43
режимы смешивания цветов, которые00:40:45
обычно есть в любой другой программе. и00:40:47
это здорово, поэтому мы просто добавим это обратно00:40:50
для умножения, поэтому первое, что мы00:40:53
собираемся сделать, это создать родительские элементы00:40:54
вместе, поэтому нам придется меньше анимировать,00:40:59
поэтому наша рука, еще одна вещь, которую мы, вероятно,00:41:01
захотим сделать, будучи родительскими, это убедитесь,00:41:03
что наши опорные точки находятся в правильном00:41:05
месте, потому что сейчас, если вы знаете,00:41:08
вы можете нажать,00:41:09
если мы выпадем из этого меню и поднимем00:41:12
наши инструменты, мы вращаемся от середины00:41:14
его руки, а это не то место, откуда руки00:41:16
вращаются, поэтому мы просто собираемся использовать00:41:18
этот инструмент, который называется «Панорамирование позади» или «00:41:21
Опорная точка», и мы просто00:41:23
перетащим эту точку туда, откуда мы00:41:26
хотим, чтобы она вращалась, и теперь она будет масштабироваться,00:41:29
перемещаться и все остальное из этого00:41:31
положения. это не просто поворот, так00:41:33
что это в нужном месте, а затем00:41:36
мы собираемся связать руку с00:41:39
оранжевым основанием, которое является его телом, поэтому, если мы00:41:43
переместим это вокруг, это его тело,00:41:45
следующее, что мы собираемся сделать, это родить00:41:47
шрифт на обратной стороне этой00:41:50
наклейки, потому что мы собираемся добавить00:41:52
немного вращения к апельсину и00:41:55
к тексту, а00:41:57
также к этим долькам апельсина, просто чтобы придать ему немного00:42:00
динамического замедления, вы знаете, так00:42:03
что На самом деле шрифт и00:42:04
дольки апельсина могут быть связаны с00:42:08
фоном наклейки, так что теперь, если мы нажмем r на00:42:10
клавиатуре, чтобы вызвать вращение, все00:42:12
будет хорошо двигаться вместе,00:42:15
следующее, что у нас здесь есть, - это лицо, так что00:42:17
это можно просто соедините с оранжевым основанием,00:42:19
которое является его телом,00:42:21
лист такой же, но мы собираемся сделать то же самое00:42:25
с листом, мы хотим, чтобы он тоже вращался,00:42:27
и поэтому мы собираемся использовать тот же00:42:30
инструмент панорамирования позади, чтобы отрегулировать его так, где00:42:32
будет лист. вероятно, поворот от00:42:34
которого вот здесь,00:42:36
наш свет также потерял00:42:39
режим наложения, поэтому мы просто собираемся сделать это00:42:41
наложение таким, как оно было в иллюстраторе, и00:42:44
это сделано, и это хорошо, и мы00:42:47
также создадим его родительским элементом для00:42:50
оранжевой основы, например Итак,00:42:53
хорошо, тогда то, что мы собираемся делать00:42:55
с глазом, немного отличается.00:42:56
Мы собираемся предварительно скомпоновать глаз и00:42:58
сделать нашу анимацию в отдельной00:43:00
композиции, чтобы вы могли думать о композициях как о00:43:03
артбордах, это хороший способ00:43:05
их разделения и сохранения00:43:08
аккуратности набора слоев, чтобы вы могли сосредоточиться00:43:10
именно на том, что вы пытаетесь00:43:11
анимировать, поэтому, если мы выделим все части00:43:14
его глаза, звезду, веко,00:43:17
зрачок и заднюю часть глаза, и щелкните правой кнопкой мыши,00:43:20
чтобы предварительно создать, мы00:43:24
получим это маленькое диалоговое окно, которое мы и00:43:27
назовем его. Вы просто00:43:29
оставите его как эти настройки. Я думаю, что в00:43:32
данном случае это довольно просто, так что00:43:35
теперь наш взгляд все вместе на этом одном00:43:37
слое, и если мы дважды щелкнем по нему, мы00:43:40
получим только глаз, а это00:43:42
именно то, что нам нужно,00:43:43
поэтому для этого00:43:45
фрагмента анимации мы заставим00:43:47
его глаз вращаться, эта маленькая звездочка, и00:43:50
мы собираемся пусть он поднимет взгляд и00:43:54
поднимет веко, чтобы получить00:43:56
небольшую анимацию персонажа,00:43:59
так что звезду будет очень легко, если вы нажмете00:44:01
r на клавиатуре, чтобы вызвать вращение,00:44:03
мы просто придадим этому крошечное00:44:05
выражение это очень удобно, поэтому,00:44:07
если вы нажмете alt и нажмете на00:44:11
секундомер вращения, вы откроете00:44:13
панель выражений, и все, что будет, это00:44:17
звездочки времени, может быть, около 100,00:44:21
и если мы поиграем, это будет00:44:23
продолжаться сто раз. Я не00:44:27
совсем понимаю, что здесь за математика, но она00:44:29
работает,00:44:31
и чем больше число, тем быстрее оно00:44:35
будет вращаться, чем меньшее число, тем медленнее00:44:38
оно будет вращаться, так что, возможно, 200, вероятно,00:44:42
здесь хорошо,00:44:44
так что вот и все, и тогда нам не00:44:46
придется беспокойтесь о настройке каких-либо ключевых кадров, он00:44:47
просто это сделает, и теперь мы00:44:49
хотим, чтобы его веко поднялось, чтобы оно00:44:55
как бы щурилось, когда00:44:58
начинается анимация, поэтому мы собираемся сделать это с00:45:00
позициями, поэтому нажмите p на клавиатуре, чтобы00:45:02
поднимите позицию,00:45:03
и мы собираемся установить ключевой кадр, поэтому, если00:45:06
вы просто щелкните секундомер, не00:45:08
нажимая ничего больше, вы установите00:45:10
здесь ключевой кадр, который вы можете увеличить00:45:13
здесь и увидеть, над какими именно кадрами00:45:15
мы работаем00:45:16
да, я думаю, что примерно через 15 кадров00:45:21
мы можем установить еще один ключевой кадр, и00:45:24
это будет наше последнее место отдыха,00:45:27
а затем, если мы вернемся к началу и00:45:30
затем перетащим его вниз, или вы можете просто00:45:33
перетащить его туда, куда захотите, вот это,00:45:34
вероятно, о том,00:45:37
где мы хотим, чтобы это было подальше от его глаз, так что00:45:39
это, вероятно, все в порядке, но, может быть, это00:45:42
немного медленно и немного00:45:45
плоско, поэтому00:45:47
сделайте это немного быстрее, а затем мы также00:45:49
собираемся добавить немного замедления к этим00:45:51
ключевым кадрам, чтобы облегчить в основном меняет00:45:54
скорость, с которой, как вы00:45:58
знаете, движется анимация, поэтому мы собираемся00:46:01
просто щелкнуть правой кнопкой мыши и перейти к помощнику по ключевым кадрам00:46:03
Easy Ease, который превратит оба00:46:06
этих кадра в ключевые кадры Easy Ease, и если00:46:09
мы посмотрим на это на графике, который находится00:46:11
здесь вы можете видеть, как это выглядит,00:46:13
теперь у вас есть красивая кривая00:46:16
в начале и в конце, поэтому она медленно00:46:18
начинается, а затем медленно заканчивается, в отличие от того, что у00:46:20
нас было раньше, это была прямая00:46:23
линия, как вы можете видеть, так что давайте просто00:46:26
сделаем опять же, легкие уши, вы также можете сделать00:46:28
это здесь, в графическом редакторе, чтобы у00:46:30
нас был медленный старт и медленный конец,00:46:33
который, возможно, все еще мог бы быть немного быстрее,00:46:36
так что я могу сделать, чтобы мы могли00:46:40
немного проще настроить этот график это отдельные00:46:42
размеры,00:46:44
поэтому вы можете щелкнуть правой кнопкой мыши по отдельным00:46:46
размерам здесь, позиция x такая,00:46:49
которую мы сейчас не анимируем, поэтому она00:46:51
нам не нужна. Я просто00:46:53
щелкну ее, но почему теперь у нас есть00:46:56
ручки здесь мы можем использовать, чтобы отрегулировать00:46:59
плавность этого конкретного00:47:02
движения, и поскольку нам на самом деле не00:47:04
нужен медленный старт, нам просто00:47:06
нужно замедление. Я собираюсь00:47:08
сделать это действительно крутой кривой,00:47:12
чтобы она вначале оно немного быстрее,00:47:15
а затем замедляется,00:47:17
так что что-то в этом роде, может быть, снова00:47:19
немного быстрее, потому что моргание происходит00:47:21
довольно быстро, но, конечно,00:47:24
что хорошего в веке, если оно находится на00:47:26
внешней стороне вашего глаза, так что нам нужно совместить00:47:29
это, чтобы с задней частью этого слоя с глазом и00:47:33
слоями иллюстратора иногда бывает немного00:47:35
сложно работать, поэтому мы собираемся создать00:47:37
слои-фигуры и из этого глаза, поэтому,00:47:40
если вы щелкните правой кнопкой мыши, а затем перейдете к созданию00:47:44
фигур из векторного слоя, это даст нам00:47:47
точно такая же форма, которую теперь можно редактировать в00:47:49
After Effects, что действительно удобно00:47:52
по множеству других причин, а также помимо00:47:54
этого конкретного сценария, и00:47:57
мы также собираемся сделать это с глазом00:47:59
назад, вот и00:48:02
все, и тогда мы сможем просто удалите00:48:04
эти слои, они нам больше не нужны,00:48:06
хорошо, тогда вы перейдете на00:48:08
панель эффектов, которая находится здесь, или,00:48:11
если вы не можете ее найти, это будет в окнах00:48:13
эффектов и пресетов, чтобы вызвать ее и00:48:16
введите set matte,00:48:19
это эффект, который мы собираемся применить, затем00:48:20
перетащите его на веко, а затем, по сути,00:48:24
это скажет нам из другого00:48:27
слоя в нашей композиции, когда вы хотите00:48:30
видеть этот слой, а когда нет, поэтому00:48:32
мы Мы собираемся подняться сюда и выбрать наш00:48:35
матовый слой в качестве задней части глаза, который00:48:39
затем, как вы можете видеть, легко скроется и00:48:43
покажет, что когда он перекрывается со00:48:45
слоем задней части глаза, это действительно хорошо,00:48:47
но, как вы можете видеть, это похоже на то, что на самом деле это не так.00:48:49
обводку с ним, поэтому мы00:48:52
просто продублируем контуры задней части глаза00:48:54
и перетащим его наверх нашей00:48:57
стопки, а затем просто удалим его заливку, поэтому,00:49:00
если вы подниметесь сюда и нажмете синюю00:49:02
заливку, вы получите все различные00:49:04
варианты заливки Итак, градиентные цвета и тому подобное,00:49:07
но нам ничего не нужно, поэтому мы00:49:08
просто нажмем «нет» и ударим,00:49:11
и теперь у нас есть красивый коврик, и наш00:49:13
глаз работает довольно хорошо, я думаю, для00:49:17
реализма, когда вы знаете, когда вы00:49:19
щурите глаз, ваш зрачок00:49:21
тоже будет двигаться, поэтому мы просто сделаем простую00:49:24
анимацию того же положения для зрачка 2,00:49:27
где это будет наше конечное состояние в00:49:30
начале,00:49:31
мы просто собираемся сделать это, вы знаете,00:49:33
немного ниже,00:49:35
вот так,00:49:36
и тогда замедление просто сделает это таким00:49:40
же,00:49:41
как и другое, поэтому00:49:44
разделите размеры00:49:48
X и Y,00:49:51
есть еще один замечательный плагин, который я00:49:53
часто использую, который называется легкость копирования, который позволяет00:49:56
копировать точно такую же легкость. значения,00:49:59
мы идем,00:50:01
и, наконец, мы собираемся00:50:04
также сделать звезду родительской для зрачка, чтобы00:50:07
положение звезды тоже следовало за00:50:09
зрачком,00:50:12
хорошо, как это для глаза,00:50:16
вернитесь к нашей анимации,00:50:19
круто, хорошо, давайте продублируем это00:50:22
глаз, у нас их два,00:50:23
как у всех апельсинов, и лицо00:50:28
впереди, так что это хорошо, потому что мы не00:50:29
хотим, чтобы его маленький, может быть, немного больше перекрывался00:50:32
с носом, выглядело хорошо, и, возможно, это00:50:34
сблизило бы это немного,00:50:36
милые все а как это выглядит довольно00:50:39
хорошо,00:50:41
круто,00:50:42
а теперь давайте добавим немного поворота00:50:45
для, вы знаете, своего рода анимации в00:50:49
этой наклейке, так что мы просто собираемся00:50:51
получить наклейку, э-э, землю, которая является00:50:54
фоновым слоем00:50:56
и является родительской для этого, помните, это наша00:50:58
напечатайте и наши маленькие дольки апельсина, и00:51:02
мы сделаем это как отрицательный,00:51:05
может быть, отрицательный 30, я думаю, но это не00:51:09
имеет большого значения, анимация - это все,00:51:10
что вы чувствуете, а затем примерно через 10 кадров00:51:13
мы собираемся сделать этот ноль, так что это00:51:15
вернуться в нормальное состояние,00:51:17
а затем облегчить, если мы перейдем к графическому00:51:20
редактору, добавим к этому несколько букв E. Я думаю, так же,00:51:23
как и наши глаза, мы хотим быстрого входа и медленной00:51:27
остановки,00:51:29
да, так что это что-то вроде того, что00:51:32
мы хотим, чтобы движение было быстрым, а затем мы мы00:51:35
возьмем оранжевую основу, которая является00:51:37
нашим оранжевым парнем, и мы также будем вращать00:51:40
его, может быть, о, мы забыли создать00:51:44
родительские элементы для глаз, потому что мы00:51:47
только что сделали их родительскими для00:51:49
вашей оранжевой основы, да, это выглядит,00:51:51
выглядит нормально, я объясню эту беспорядочную00:51:54
тень через секунду, хорошо, может быть,00:51:57
немного меньше, поэтому отрицательный 20 - это хорошо,00:52:00
потому что мы хотим, чтобы он двигался немного00:52:02
меньше, чем снаружи, и мы также дадим ему такое00:52:04
же смягчение, а также00:52:07
что-то подобное00:52:13
круто,00:52:14
я думаю, на самом деле этот задний может быть00:52:17
больше, может, давайте сделаем отрицательные 50, чтобы00:52:20
было больше00:52:22
несоответствий, и вы также можете00:52:25
увеличить длину на пару кадров00:52:28
оранжевого,00:52:30
чтобы он приземлился немного позже,00:52:33
может быть, немного меньше, может быть, я слишком сошел с00:52:36
ума,00:52:37
да00:52:39
это здорово,00:52:42
круто, теперь эта тень руки,00:52:46
давайте разберемся с этим, я думаю, мы будем00:52:49
родительскими для руки, потому что, когда он00:52:52
двигает рукой, мы хотим, чтобы тень тоже как бы00:52:54
двигалась вместе с ним, но,00:52:56
очевидно, мы хотим, чтобы она застряла позади00:53:00
этот круг, так что мы, я думаю, здесь,00:53:04
давайте используем карту треков только для чего-то00:53:06
другого, поэтому мы собираемся продублировать эту00:53:09
оранжевую основу, нажав команду D, чтобы у00:53:12
вас была точно такая же задняя часть, которую мы00:53:14
хотим, чтобы он был замаскирован, хорошо с это00:53:16
новое обновление After Effects,00:53:19
хм, теперь мы можем иметь дорожку где угодно,00:53:21
так что вы можете использовать его очень00:53:23
похоже на родительский контроль, когда вы00:53:25
выбираете этот выбор «Кнут», и00:53:29
хм, о, это наоборот, не правда ли,00:53:30
нам нужна тень чтобы трек был связан с00:53:34
нашей базой, которая только что произошла там, и вы00:53:37
можете перевернуть ее, чтобы инвертировать или не00:53:39
инвертировать, с помощью этих маленьких переключателей, что00:53:42
очень удобно, если вы используете старую00:53:45
версию артефактов, это просто должен быть00:53:46
слой сверху и тогда вы знаете, что00:53:49
здесь используется та же система, так что это очень00:53:52
здорово, если это не отображается, просто00:53:55
щелкните правой кнопкой мыши по этой верхней панели, и00:53:58
вы получите эти столбцы и можете00:53:59
включить их, это режимы, один из которых00:54:03
вы ищем там00:54:04
милую, хорошо, так что у нас есть00:54:07
немного вращения, у нас есть00:54:09
спутанная тень, я думаю, все, что ему сейчас нужно, это, может быть,00:54:12
немного больше вращения на руке, чтобы00:54:15
показать большой палец вверх и, возможно, его00:54:17
маленький лист, поэтому мы переместили опорную00:54:19
точку для нашей руки, чтобы она была готова к00:54:21
анимации,00:54:22
и мы собираемся анимировать как00:54:25
вращение, так и положение, чтобы R и P на00:54:28
вашей клавиатуре,00:54:30
и я мог бы перетащить эти ключевые кадры на00:54:33
передний план. где вращение00:54:36
закончится, и мы пойдем, да, может быть,00:54:39
еще пять или около того кадров, мы собираемся00:54:43
повернуть его,00:54:44
гм, когда вы, когда вы показываете большой палец вверх,00:54:46
вы как бы выходите, затем поднимаетесь, а затем снова00:54:49
садитесь, так что нам нужно в основном00:54:51
три, может быть, четыре ключевых кадра, давайте посмотрим, поэтому00:54:54
мы сначала спустимся вниз, скажем, на00:54:57
10.00:54:58
а затем еще пять ключевых кадров, давайте00:55:02
поднимемся до,00:55:03
я не знаю, да, отрицательного00:55:05
13.00:55:07
а затем снова вниз до нуля, а00:55:11
затем приятно иметь смещение двух00:55:15
факторов, таких как позиция и вращение, которые часто00:55:17
очень хорошо работают вместе, поэтому,00:55:19
когда он идет вниз, мы можем заставить00:55:22
руку слегка опуститься вниз и, возможно,00:55:25
немного вправо, а затем, когда он поднимется,00:55:29
мы поднимите руку, а затем вернитесь00:55:33
к тому же ключевому кадру, который у нас был00:55:34
изначально, чтобы вы могли просто скопировать и00:55:36
вставить его в ключевой кадр, а затем00:55:39
мы выберем все это,00:55:41
выберите их в графическом редакторе и легко00:55:43
облегчите их,00:55:45
и давайте просто посмотрим как это выглядит00:55:46
вау,00:55:49
круто, да, оно куда-то смотрит, я00:55:52
думаю, у него, вероятно, просто слишком00:55:53
много соуса здесь, в этой ротации,00:55:58
так что уменьшите это, может быть, это больше похоже на00:56:00
минус00:56:01
семь, и еще одна вещь, которую мы собираемся00:56:04
сделать, это просто компенсировать эти позиционируют00:56:05
ключевые кадры, поэтому, если вы выберете их все и00:56:08
сможете нажать клавиши Alt и клавиши со стрелками на00:56:11
клавиатуре, чтобы сделать это очень быстро, или вы00:56:12
можете просто перетащить их, но примерно на другой кадр, это00:56:17
просто придаст этой анимации немного00:56:20
больше характера, я думаю, вот в чем дело это00:56:25
да,00:56:26
круто, так что он отлично справляется,00:56:30
ладно, давай просто поработаем00:56:33
немного с листом, мы, вероятно, хотим, чтобы он00:56:35
был00:56:36
таким, как он входит, он может успокоиться, поэтому он00:56:41
вращается в этом направлении, поэтому мы, вероятно, хотим, чтобы это00:56:43
началось здесь с вращением00:56:46
на отрицательном уровне, так что, может быть, он здесь,00:56:50
давайте сделаем отрицательный 15.00:56:53
а затем, когда он приземлится, мы хотим, чтобы он00:56:55
опустился немного ниже нуля, так что,00:56:57
может быть, девять, а затем он стабилизируется00:57:00
на нуле,00:57:03
так что00:57:05
снова с некоторым приятным смягчением,00:57:09
давайте просто посмотрим, что это похоже на00:57:11
простое ухаживание,00:57:13
я думаю, это, вероятно, могло бы быть немного00:57:15
жестче,00:57:17
может быть, этот финальный отдых довольно медленный,00:57:20
и мы можем вернуть00:57:23
ключевой кадр немного больше, просто чтобы он00:57:26
соответствовал легкости вращения, потому что00:57:28
он,00:57:31
вероятно, тоже довольно медленный если вы хотите изменить00:57:33
значение чего-либо, вы можете перемещать их вверх00:57:36
и вниз по графику, так что,00:57:38
очевидно, это будет поворот на 10-10 градусов, но00:57:41
если мы хотим, чтобы оно было больше похоже на пять, просто00:57:43
переместите это вниз,00:57:45
я мог бы переместить это вверх, так что это просто немного00:57:47
тоньше, мы00:57:49
не так уж сходим с ума от переворота, все в порядке,00:57:53
поэтому обычно на этом этапе я провожу много00:57:55
времени, просматривая это снова и снова и00:57:58
снова, пока я не буду доволен этим, и00:58:01
я внесу очень небольшие изменения в00:58:03
анимация, потому что на самом деле речь идет о00:58:06
просмотре ее снова и снова и снова,00:58:07
иногда, чтобы получить все правильно, поэтому00:58:10
я просто немного подправил ее,00:58:13
в основном просто уменьшив количество00:58:15
анимации на его руке. Думаю, я всегда00:58:17
переусердствую с анимацией, а затем я мне нужно вернуться00:58:18
назад, а затем последнее, что мы00:58:21
хотим сделать, прежде чем мы сделаем небольшую классную00:58:23
анимацию наклейки, - это просто привязать эту00:58:25
текстуру бумаги, которая у нас есть сверху, к нашей00:58:29
земле для наклеек, которая является нашим основным00:58:31
вращением,00:58:33
так что теперь она будет перемещаться вместе с нашей наклейкой.00:58:37
круто, хорошо, теперь мы просто00:58:39
сделаем последнюю анимацию отслаивания, которая00:58:42
очень проста и имеет только один эффект, но00:58:46
нам нужно заранее скомпоновать все эти элементы,00:58:48
чтобы вы могли сделать то, что00:58:50
мы делали раньше, и выбрать щелкните их все00:58:52
правой кнопкой мыши и предварительно скомпонуйте и00:58:54
все такое, или вы можете просто взять00:58:56
здесь свою композицию, которую хотите00:58:58
предварительно скомпоновать, если вы используете все00:59:00
слои, и просто перетащить ее на эту00:59:03
кнопку композиции здесь, и тогда у вас будет та00:59:05
самая композиция, которая у вас есть со всеми00:59:08
вашими слоями, но в предварительной композиции00:59:11
единственное, чего мы не хотим в этой предварительной композиции,00:59:13
на самом деле, это фон, поэтому я просто00:59:15
прикажу X вырезать его, и я00:59:18
собираюсь поместить его00:59:20
сюда, вставьте его туда, так что теперь у нас00:59:22
есть фон и00:59:25
свежевыжатая наклейка сама по себе,00:59:28
окей, мы обнаружили переворот страниц на00:59:30
панели эффектов и собираемся переместить00:59:32
это на нашу основная композиция здесь00:59:35
любым удобным для вас способом, вы можете переместить ее00:59:37
туда, вы можете переместить ее сюда, множество00:59:38
вариантов, а затем, как вы можете видеть, у нас00:59:41
есть много вещей, с которыми можно поиграть,00:59:43
здесь у нас есть позиция сгиба, так что если00:59:45
вы, если вы не можете его найти, вы можете нажать00:59:47
на это, но здесь также есть эта маленькая точка,00:59:50
и вы можете потянуть ее, чтобы00:59:52
показать вам, где она будет складываться,00:59:54
вы можете изменить, из какого угла вы хотите, чтобы она00:59:57
складывалась, чтобы вы знали верх слева или вверху01:00:01
справа. Я думаю, что большую часть времени я предпочитаю верхний правый угол,01:00:03
поэтому вы можете изменить01:00:06
радиус сгиба, который определяет, насколько круглым01:00:09
или плоским он выглядит, но я01:00:13
думаю, что большинство этих настроек в01:00:15
порядке, мне бы просто хотелось чтобы дать ему обратную01:00:17
страницу, чтобы мы не видели наклейку с01:00:19
обеих сторон, потому что на данный момент01:00:21
передняя и задняя страницы отображаются как01:00:24
один и тот же слой, а это не то, что нам нужно, поэтому01:00:27
я просто сделаю01:00:30
круг, позволяющий я просто сбросил настройки, чтобы он стал01:00:33
плоским. Нарисуйте круг с помощью инструмента «Форма»01:00:36
здесь. Убедитесь, что вы отменили выделение01:00:39
всех остальных слоев, чтобы он01:00:41
рисовал фигуру, и мы хотим, чтобы она была01:00:43
примерно такого же размера, как наша наклейка здесь,01:00:46
поэтому это выглядит довольно хорошо, и я просто01:00:50
назову эту наклейку обратной стороной, упс, как01:00:53
следует, наклейкой,01:00:57
и я просто скрою ее, потому что на01:00:59
самом деле нам не нужно ее видеть, нам просто01:01:00
нужно, чтобы она была, поэтому выберите обратно на наш01:01:03
слой и позвольте мне просто переместить это, чтобы мы01:01:06
могли увидеть, перейдете ли вы сюда на слой задней страницы01:01:09
и щелкните наклейку назад, теперь у нас01:01:11
есть белый цвет, и это01:01:13
здорово, но мы хотим, чтобы непрозрачность01:01:15
была 100 вместо 80, потому что01:01:18
мы здесь мы имеем дело с непрозрачной наклейкой, это01:01:22
круто, это наша наклейка,01:01:24
давайте добавим ей немного анимации01:01:26
в этом положении сгиба, чтобы вы могли нажать01:01:28
секундомер, чтобы включить его здесь, а01:01:31
затем на клавиатуре вы откроете все01:01:34
активные ключевые кадры, которые очень, очень01:01:37
удобный ярлык, вы снова закроете его,01:01:40
так что это полезно знать, так что давайте,01:01:42
может быть, около 10 кадров, как только01:01:46
он приземлится, я думаю, это когда мы хотим, чтобы01:01:48
кожура завершилась двумя, поэтому мы выберем это01:01:50
как наше конечное состояние Вернемся к первому01:01:53
и давай сразу его выполним,01:01:56
а затем01:01:58
мы снова облегчим это, эй, это01:02:01
довольно быстро, может быть, мы01:02:04
немного замедлим это,01:02:06
круто, я думаю, я бы тоже сделал масштаб,01:02:09
так что мы начнем01:02:12
немного больше, чем закончим, и мы дадим01:02:16
это01:02:20
быстро,01:02:22
медленно, хорошо, это выглядит довольно01:02:25
хорошо, но я думаю, что нам не хватает довольно01:02:29
много той классной анимации, которую мы сделали01:02:30
в начале, очевидно, так что давайте просто сделайте01:02:33
быстрое перераспределение времени на этом предварительном01:02:36
слое,01:02:37
поэтому мы собираемся щелкнуть его правой кнопкой мыши и01:02:39
включить перераспределение времени, а затем01:02:42
мы просто сдвинем это на01:02:46
несколько кадров вперед и наши ключевые кадры назад, а01:02:48
затем перетащим это начало слой вверх,01:02:50
потому что, по сути, если я отключу01:02:52
этот01:02:53
эффект перелистывания страниц, он просто все еще ждет01:02:56
попадания этого ключевого кадра, а затем01:02:58
воспроизводит анимацию, которая у нас есть из01:03:00
этого первого кадра, так что это хороший способ, если01:03:03
вам просто нужно его расширить вместо того, чтобы01:03:05
входить, вы можете просто01:03:07
переместить их все поперек и сделать это таким образом,01:03:09
но иногда перераспределение времени является удобным01:03:12
маленьким трюком, чтобы сделать это немного быстрее,01:03:14
поэтому давайте снова включим нашу страницу01:03:18
и посмотрим, как это выглядит как сейчас, о01:03:21
да,01:03:24
круто, я просто хочу, чтобы ты знал, что мы любим01:03:27
смещение, давайте сместим масштаб, немного01:03:30
довольны этим, а потом, поскольку это01:03:33
винтажный логотип, и вы знаете, что нам нравятся01:03:37
винтажные эффекты, давайте добавим корректирующий01:03:40
слой сверху всего этого, и01:03:43
мы собираемся поместить поверх этого постеризованное время,01:03:48
которое позволит нам01:03:51
отдельно контролировать частоту кадров, так что01:03:52
вы знаете, что в этом проекте вы, вероятно,01:03:54
могли бы просто установить частоту кадров этой01:03:57
композиции на 12,5, но вы вроде как получите немного01:04:00
больше контроля над временем постеризации, и01:04:02
вы все равно сможете экспортировать эту композицию со скоростью01:04:05
25 кадров в секунду для Instagram или что-01:04:07
то в этом роде, так что да,01:04:09
время постеризации сохраняет это как эффект,01:04:11
а не фактическую частоту кадров, поэтому01:04:14
давайте сделаем это 1201:04:16
0.5,01:04:18
и теперь01:04:19
мы видим только каждые 12 с01:04:22
половиной кадров, а не полные 25,01:04:24
что придает нам такой приятный01:04:26
винтажный вид,01:04:29
и все, вот и01:04:31
все, мы только что увидели, как01:04:33
легко мы можем создать наклейку в01:04:35
иллюстратор убедился, что мы01:04:36
думаем о том, как мы накладываем наш дизайн,01:04:38
зная, что мы собираемся анимировать01:04:40
его в дальнейшем, а затем мы увидели, насколько01:04:42
просто перенести его в After01:04:44
Effects, чтобы придать ему настоящую изюминку, я надеюсь01:04:46
вам понравился этот курс, дайте мне знать в01:04:48
комментариях, какую работу вы01:04:49
выполняете, и если у вас есть какие-либо советы или рекомендации,01:04:52
как пройти путь от01:04:54
иллюстратора до After Effects, я хотел бы01:04:56
услышать о том, над чем вы работаете. до01:04:58
следующего раза оставайся свежим01:05:02
[Музыка]01:05:07
зарубежная01:05:12
[Музыка]Описание:
Learn how to animate in Illustrator and After Effects in this motion design course for beginners. Find all the Envato Elements trending fonts and assets used in this video here: https://elements.envato.com/collections/XC3NK6RB9Z Are you a graphic designer looking to add a little motion to your characters? Or maybe you're an animator who wants to learn how to create your own designs in Illustrator. Either way, this course has something for you. Join professional graphic designer and animator Jess Riley as she takes you through her round trip from creating a custom graphic design in Adobe Illustrator to animating it with some cute movement in After Effects—and we're doing this without any plugins! 00:00:00 Intro 00:01:11 Getting started: design inspiration 00:02:02 Creating your character in Illustrator 00:03:01 Drawing eyes: creating layers for animation 00:08:18 Drawing facial features 00:13:08 Drawing hands: quick tips and shortcuts! 00:17:23 Creating highlights and shadows 00:24:09 Creating the rest of the sticker: type on a path tool 00:32:33 Giving the sticker some texture! 00:33:22 Getting our layers ready for After Effects 00:38:55 Moving over from Illustrator to After Effects 00:39:30 Importing your Illustrator file into After Effects 00:40:25 Fixing any small issue on your layers 00:40:51 Parenting layers 00:43:01 Animating the eyes 00:50:30 Animating the sticker background and text layers 00:51:33 Animating the thumbs up! 00:59:10 Creating the sticker peel animation 01:03:30 Using posterize time to create old school animated motion ► Download unlimited photos, fonts, and templates with Envato Elements: https://elements.envato.com/ Learn more about After Effects animation in our free course: https://www.youtube.com/watch?v=XNhxpOT8FMg Read free motion design tutorials on Envato Tuts+: https://tutsplus.com/tutorials/search/motion+design - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts+ Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/ Envato Elements All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/ ► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus ► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus ► Follow Envato Tuts+ on Facebook: https://www.facebook.com/unsupportedbrowser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Готовим варианты загрузки
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах
Вопросы о скачивании видео
Как можно скачать видео "Motion Design for Beginners | Illustrator & After Effects Animation Tutorial"?
Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.
Какой формат видео "Motion Design for Beginners | Illustrator & After Effects Animation Tutorial" выбрать?
Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.
Почему компьютер зависает при загрузке видео "Motion Design for Beginners | Illustrator & After Effects Animation Tutorial"?
Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.
Как скачать видео "Motion Design for Beginners | Illustrator & After Effects Animation Tutorial" на телефон?
Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.
Как скачать аудиодорожку (музыку) в MP3 "Motion Design for Beginners | Illustrator & After Effects Animation Tutorial"?
Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.
Как сохранить кадр из видео "Motion Design for Beginners | Illustrator & After Effects Animation Tutorial"?
Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.
Сколько это всё стоит?
Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.