Скачать "Learn the basics of After Effects in 35 minutes. Mini course for beginners"
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F3gNNravWkr4%252Fmaxresdefault.jpg&w=1139&q=75)
Подождите немного, мы готовим ссылки для удобного просмотра видео без рекламы и его скачивания.
Оглавление
Похожие ролики из нашего каталога
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FIo09gOPFh5I%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FLazG51oJ0E0%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FPPcqKMhHNuw%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FRB1iAaT1OMw%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FfOlUInKgDk4%252Fmaxresdefault.webp&w=1139&q=75)
![[3/5] Коллажирование в AE [Базовый After Effects С НУЛЯ]](/_next/image?url=https%3A%2F%2Funidownloader.com%2FcontentImages%2F5SoooT8URsW2jfOmV0SWMQyVlEs%3D%2Ffilters%3Aquality(80)%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fgm3nQmP-UtE%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FjCsT9mWT63g%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FsVdH9cjWHJ8%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fw5uWcDnGTYI%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fx2GCs2U6n-g%252Fmaxresdefault.webp&w=1139&q=75)
Теги видео
Субтитры
Английский
00:00:03
функции такой программы как adobe after effects
мы начнем знакомство с основными ее функциями и 00:00:11
я вам расскажу немножко про интерфейс как это
все работает а дальше вы уже можете изучать по 00:00:17
конкретным темам что вам видите что вас интересует
какие функции вы хотите изучить уже копать как бы 00:00:24
самостоятельно дальше кроме того это видео будет
полезно веб-дизайнером и и дизайнерам потому что 00:00:31
я в своей работе сегодня будут ссылаться на такие
программы как figma и photoshop я буду находить 00:00:38
какие-то закономерности и похожести функции
чтобы вам было просто более понятно и более легко 00:00:44
воспринимать информацию все о чем я сегодня буду
рассказывать актуальна для всех версий adobe after 00:00:50
effects потому что логика и структура практически
одинаково с каждой версия добавлять какие то новые 00:00:55
функции фишки но они нам вообще сейчас не нужны
потому что мы разбираем самую самую основу поехали00:01:07
и так вот мы открываем after effects и что мы
перед собой видим в начале у нас есть такое 00:01:13
окно домой она новка есть сейчас не нужна не
нужна давайте его закроем давайте разберем три 00:01:18
самых главных панелей в after effects первое
это project понял вот оно это грубо говоря наш 00:01:26
склад сюда будут попадать все файлы с которыми
будем работать по типу картинки видео музыка 00:01:33
каким будет там иконки еще что-нибудь всё что мы
захотим добавить в наш проект будет добавлять сюда 00:01:39
поэтому я рекомендую сразу вам использовать папки
и группировки для того чтобы все ваши файлы имели 00:01:46
какую-то структуру и вы не запутались в наличии
огромного количества видео картинок и так далее 00:01:53
следующая панель на 20 онлайн здесь будет
происходить вся магия анимации именно здесь 00:02:00
мы будем добавлять keyframe и все анимировать
двигать и так далее в принципе timeline чем-то 00:02:06
похож на меню layer в фотошопе за исключением
того что здесь есть еще и движение по времени 00:02:13
хотя фотошопе там он тоже есть и следующий
по важности окно это композицию веор здесь 00:02:19
мы сможем просматривать все что происходит
на нашем тайма не то есть грубо говоря в 00:02:23
этом центральном окне мы будем видеть все то
что мы будем экспортировать в итоге финальное 00:02:29
видео но дальше вы поймете что это означает и
так для того чтобы начать любую работу в after 00:02:35
effects нам нужно создать композицию композиция
это что-то по типу arbor до в фильме или скетчи 00:02:42
для того чтобы создать композицию вот у нас есть
такая небольшая конка здесь карет new композиций 00:02:48
нажимаем на нее и здесь у нас задаются настройки
самой композиции все эти настройки можно поменять 00:02:55
и позже но лучше сразу задавать правильные
параметры значит давайте name назовем туториал и00:03:01
дальше у нас во вкладке basic мы рассмотрим
только basic вкладку остальное но вообще не 00:03:10
надо мы указываем параметры ночь при сайт тут
есть готовые пресеты они все связаны в принципе 00:03:17
с видео поэтому иногда проще вручную вать я
предлагаю оставить все по дефолту 1920 на 1080 00:03:25
это горизонтальное видео дальше нам нужно указать
фреймрейт фреймрейт и предлагаю оставить 24 ну а 00:03:34
если у вас будут видеофайлы в проекте вам нужно
уже ориентироваться на сами на фреймрейт самих 00:03:40
видео файлов и последний параметры которые
мы тут задаем это длина композиции здесь у 00:03:47
нас сейчас отображается в секундах вот давайте
сделаем 10 секунд вот так нажимаем ok вся наша 00:03:57
композиция готова и сейчас вы видите у нас уже
активен timeline то есть мы можем перемещаться 00:04:02
по таймлайну у нас добавился в тот же кт payne
наша композиция вот она с названием туториал и 00:04:10
мы видим что ничего сейчас наша композиции нету в
композицию very ok давайте начнём с чего-то самого 00:04:21
простого и зададим background да мы должны всегда
быть в активной композиции внизу стэна тайманим 00:04:28
идем в player new солод солод это простой слой
у которого можно задать параметры то есть ширина 00:04:41
высота или же просто майком says и у нас все
параметры подгоняться под размер нашей композиции 00:04:47
нажимаем ok вот у нас есть белый фон solid это
очень простой фон с заливкой но в сочетании с 00:04:56
масками и разными эффектами он ходить нереальные
штуки после того как мы создали наш фонд следующий 00:05:02
элемент который мы изучим сегодня это шейперс это
одна из самых крутых штук в автор эффекты шейпы вы 00:05:09
наверняка слышали о шипах и в фотошопе и в фильме
и в скетче и везде есть шэйпом как создать шайб у 00:05:17
нас здесь вверху есть панель с инструментами и
мы можем выбрать вот у нас есть прямоугольник 00:05:23
и мы можем выбрать одну из простых фигур для
создания шейпы давайте возьмем прямоугольник00:05:32
и нарисуем такой прямоугольник когда вы рисуете
шипами будьте внимательны чтобы у вас не были 00:05:38
выделены другие слои на таймлайне это очень важный
у всех слоев которые есть в нашем time они есть в 00:05:45
настройки чтобы их посмотреть и вот мы возьмем
например наши бэкграунд solid здесь мы нажимаем 00:05:53
на такую птичку и раскрываем transform настройки и
здесь мы можем менять размер прозрачность крутить 00:06:04
то есть мы можем задавать кучу параметров я
верну все как есть нам в принципе час ничего 00:06:09
здесь не надо но если мы откроем то же самое ушей
по мы увидим что у нас есть еще вкладка контент 00:06:16
которая уже регулирует настройки самого шейку и
здесь мы видим у нас в контенте есть rectangle 00:06:24
то есть наш прямоугольник мы раскрываем его и
мы видим у нас есть еще кучу параметров у нас 00:06:30
есть обводка заливка трансформация самого
шейпы transform настроек всего слой у нас 00:06:38
есть настройка именно этого прямоугольника
и если мы раскроем вот rectangle ps здесь 00:06:45
мы можем настраивать сам наш прямоугольник
его размер делать его больше меньше давайте 00:06:53
создадим что-то наподобие кнопки угоне по размеру
сделаем 500 на сто пикселей то есть грубо говоря 00:07:04
у нас есть такая кнопка мы можем выделить на
шее и перемещать его по экрану куда нам нужно 00:07:13
давайте вы поставите это по центру также если мы
выделим шейп на сверху есть 2 важных настройки и 00:07:22
to feel strong здесь мы можем задавать и убирать
настройки заливки и обводки если мы нажмём на 00:07:30
примерно фил общин вот сюда на эту кнопочку мы
можем убрать заливку а если мы нажмём на строк 00:07:38
мы можем задать заливку и здесь мы можем указать
толщину нашей водки давайте сделаем 10 вот у нас 00:07:54
есть уже что-то похожее на кнопку я сейчас не
буду проходиться по всем параметрам шейпов и 00:08:01
всяких дополнительных штук просто знаете
что все контролируется здесь на таймлайну00:08:11
мы переименовать шейд нам достаточно выделить
и нажать enter и мы можем вписать название 00:08:17
батон окей скрываемся параметры чтобы у нас было
чистенько здесь у нас есть контур кнопки давайте 00:08:27
теперь добавим текст к ней выбираем тексту в
панель инструментов все работает тоже самое 00:08:34
как и в фильме фотошопе просто нажимаем здесь
и пишем например батон выделяем selection tool00:08:49
его можно пировать наш текст давайте
сделаем его чуть чуть меньше настройки 00:08:55
текста у нас происходит справа вот
у нас появилась панелька характер 00:09:00
и здесь мы можем задавать параметры нашему
скрипту все как фотошопе давайте сделаем 5500:09:09
и свет давайте сделаем такой же как кнопки отлично
давайте мы откроем свойства текстового слоя на 00:09:19
таймлайне и мы видим что у нас transform
а transform есть во всех слоях добавился 00:09:26
еще параметр текст если мы нажмем на этот
прямоугольник у возле анимейт мы увидим параметры 00:09:32
которые мы можем анимировать у текста я сейчас не
буду проходить по всем параметрам и рассказывать 00:09:37
как это работает потому что это очень долго и
это дополнительной функции когда вам сейчас в 00:09:42
принципе не нужно просто так навскидку что вы
знали что анимация текста проходит происходит 00:09:49
таким вот образом окей у нас есть кнопка
которая у нас просто обводка у нас есть 00:09:56
тексты юности задний фон и мы переходим к самому
наверное увлекательному процессу и так анимация 00:10:02
возможно которое чего вы смотрите это видео и
так для того чтобы нам про анимировать какой-то 00:10:07
объект нам нужно найти свойство когда мы хотим
про анимировать у этого объекта в этом случае 00:10:13
давайте мы возьмем батон нашу кнопку раскроем ее
свойства и я про анимирую параметры transform то 00:10:23
есть параметр всего слоем давайте сделаем самую
простую анимацию анимацию на увеличение то есть 00:10:30
чтобы наша кнопка как бы увеличилась от 0 до 100
для того чтобы это сделать нам нужно сместиться 00:10:37
вперед где у нас будет конечная точка где у нас
анимация появится на сто процентов и возле каждого 00:10:45
параметра у нас есть такие как часы и мы нажимаем
на часы возле параметра скейл и как видите у нас 00:10:53
задался первый ключевой кадр и теперь мы смещаемся
назад и мы можем эти параметры менять например 00:11:01
давайте сделаем 0 и теперь вы видите у нас есть
два кадры первый и последний все супер просто то 00:11:13
же самое мы можем сделать и с другими параметрами
давайте еще про анимируем opacity давайте сделать 00:11:19
так чтобы нас на шестом кадре прозрачность было
сто процентов а на нулевом самом начале 0 и таким 00:11:28
образом у нас получается вот такая вот анимация
кроме того мы можем про анимируете позициям и 00:11:36
все остальные параметры таким образом вы можете
про анимировать практически все параметры в автор 00:11:41
эффекте его эффектов ему слоев и у текстов и так
далее то есть это основа то есть просто поймите 00:11:49
как работает keyframe и выезды вам нужно задать
два параметра начальной анимация и конечно кроме 00:11:56
того этих к и фреймов может быть множество
мы можем перемещаться вперед увеличивать еще 00:12:02
перемещаться уменьшать например если вот у нас это
все за анимировано я удалю два последних сейчас мы 00:12:11
столкнулись 1 проблемкой мы не можем так просто
взять и уменьшить например наш слой потому что 00:12:17
у нас поставится новый ключевой кадр для того
чтобы это исправить я удаляю этот ключевой кадр 00:12:22
нам нужно переместиться на финальную точку нашу то
есть на 2 к и фрейм и здесь уже задавать параметры 00:12:29
flyer 80 все наша анимация готова следующий важный
момент это плавность нашей анимации для того чтобы 00:12:39
задать сделать анимацию плавным и выделяем наши
key free мы можем сразу все можем по одному каком 00:12:46
больше нравится нажимаем правой кнопкой мыши
вот у нас есть keyframe ассистент и вот easy 00:12:54
из или горячих клавиш f9 всегда когда вы делать
анимацию используйте easy ice если мы просмотрим 00:13:03
наша анимация стала намного плавнее сейчас я
отменю и сравним вот такая стопорная анимация и 00:13:11
применяем еще раз визе из ведь и она стала чуть
мягче мягче полип появляется и мягче затухает00:13:26
я надеюсь анимация стала как то более менее
понятно но мы еще будем к этому возвращаться 00:13:31
на протяжении этого видео просто что хочу чтобы
вы поняли основной принцип как работает cry 00:13:36
фреймы окей теперь давайте мы рассмотрим такой
параметр как маски маски в after effect и немного 00:13:44
отличается от масок в фильме или фотошопе они
здесь намного круче и так есть два типа масок 00:13:51
первая маска например мы выделяем наш задний фон
мы выбираем пинту или же какую-нибудь из простых 00:14:02
форм но в данном случае возьму понту и нарисую
вот такую простую маску это называется маска мы 00:14:10
вырезали объект мы можем делать ее более сложным
и можем вырезать картинки можем вырезать лица в 00:14:18
общем можем делать все что угодно с этими масками
и здесь в параметры слоев у нас появилась появился 00:14:24
новый раздел маска здесь мы можем ее редактировать
то есть мы можем расширять ее сужать и добавлять 00:14:34
мягкости второй тип масок нам уже более привычен
по photoshop или фильме когда мы используем 00:14:42
какой-нибудь объект как маску давайте для примера
я сделаю прямоугольник в районе нашей кнопки вот 00:14:53
так и уберу у него водку и добавлю заливку заливку
можно делать здесь в принципе любым цветом как вам 00:15:02
удобно давайте раскроем весь функционал нашего
таймлайна здесь мы можем переключаться между 00:15:06
разными настройками вот угол switch и mode либо
же мы можем их все вывести сразу давайте сделаем 00:15:18
вот так чтобы нам было более понятно вот нас
включены две функции давайте сделаем так что 00:15:24
мы будем использовать вот эту вот область как
маску я этого мы выбираем наш батон текстовый 00:15:33
слой и здесь у нас параметр трек made и то есть
маски и здесь мы можем задать параметры либо мы 00:15:42
используем по альфе то есть по прозрачности все
что непрозрачным данном случае вот наша кнопка 00:15:49
она здесь у нас из заливка все что за рамками
этой заливки прозрачным и соответственно если 00:15:55
мы подвигаем наш слой видите он нас обрезается
потому что мы используем параметр альфа кроме 00:16:06
того мы можем использовать люмо или ума inverted
и альфа invert этот сериал inverted включу то 00:16:13
есть вы видите все что за рамками наши нашего
шейха она будет видно а все что выше и пятом 00:16:21
где но заливка будет не видно мы используем альфа
обычно обычную альфу нума нума made это когда мы 00:16:31
используем черно-белое изображение все что черное
прозрачная все что белое это наша как маска муки 00:16:38
и давайте теперь мы сделаем простую анимацию
нашего текстового слоя идем на двадцатом кадре 00:16:47
раскрываем свойства слоя данном случае я буду
анимировать тоже transform и ставим наш первый 00:16:55
к и фрейм по позицию смещаемся назад например на
пятый кадр и анимируем параметр y то есть высоту 00:17:05
мы опускаемся вниз как видите у нас есть 2 cre
фрейма давайте сделаем их из из f9 я расширю 00:17:13
чуть превью эре и нажимаем пробел и смотрим у
нас получается вот такая простая не масса мы 00:17:21
использовали в данном случае маску как место где у
нас будет виден текст и про анимировали сам текст 00:17:32
то есть наш слой двигается окей я надеюсь
этим более-менее понятны тему масок может 00:17:38
быть достаточно сложное для понимания поэтому
возможно вам нужно будет еще раз пересмотреть 00:17:42
именно этот эпизод давайте импортируем картинку в
наш проект для того чтобы импортировать картинку 00:17:48
мы просто находим подходящие изображения и просто
перетаскиваем в наш проект можно либо на timeline 00:17:54
либо можно в project python я обычно перетаскивал
project пену и уже тудова носом timeline вот как 00:18:03
видите наша картинка намного больше чем наш
наша композиция мы можем уменьшить вот эти 00:18:08
все ползунки все как фотошопе то же самое
зажимаем shift и уменьшаем пропорционально 00:18:15
нашу картинку ну вот мы можем подогнать ее под
размеры нашей композиции я надеюсь этим понятно 00:18:21
вот таким образом импортируем все элементы в наш
проект и музыку и видео и все остальное просто 00:18:28
перетаскиваете и автор эффект все делать за вас
и дальше уже размещайте по композиции следующие 00:18:34
функции которые сами сегодня разберу это эффекты
это конечно бесконечное множество вариантов что 00:18:40
с этим можно делать просто я покажу вам какие-то
самые простые эффекты как их применять в на ваши 00:18:47
слои и так давайте сделаем легкую цветокоррекцию
этого изображение для того чтобы это сделать мы 00:18:56
выбираем наш слой на таймлайне кликаем на него и
идем во вкладку эффект и здесь мы видим множество 00:19:04
эффектов и все эти эффекты есть и буры и какие-то
distortion и и в общем кучу всего чем-то похоже на 00:19:15
photoshop я рекомендую вам отдельно изучить какие
эффекта есть в автор эффекте посмотреть отдельное 00:19:23
видео или же просто почитать гайд как работает
эффекта в after effect в нашем случае мы идем в 00:19:29
color correction и давайте добавим параметр коров
просто кривые и чуть-чуть мы откорректируем наше 00:19:38
изображение сделал вот чуть-чуть по контрастные
ну что-то типа такого вот здесь мы можем включать 00:19:49
выключать эффект и мы видим что наш эффект
отлично применил второй способ применить эффект 00:19:56
то же самое выделяем наш слой у нас есть справа
вкладка эффект и пресеты здесь мы можем вписать 00:20:02
название эффекта которая нам нужен например tint
мы сделаем наше изображение черно-белым или же 00:20:13
мы можем редактировать и сделать его красную
делаем с мы редактируем два параметра давайте 00:20:20
еще раз вспомним что у нас есть два типа масок
и используем первый тип который я показал маска 00:20:28
по слою и вырежем наших героев из изображения
я пойду на ус корку чтобы не терять ваше время 00:20:36
я сейчас делаю это все очень быстро и поверхностно
просто чтобы показать принцип как это все работает 00:20:42
то есть принципе все то же самое что если вы
пользовались фотошопом все работает точно также 00:20:49
и давайте закроем нашу маску и вот как вы видите
мы вырезали наш объект то есть мы сейчас применили 00:20:58
маску к этому слою и вырезали объект мы можем
добавить ещё одну маску для таких деталей вот 00:21:09
и здесь мы открываем маски мы видим что у нас
есть сейчас две маски наружная и внутренняя и 00:21:18
здесь мы можем менять параметры нашей маске этом
случае мы делаем суп тракт то есть мы вырезаем 00:21:24
нашу внутреннюю часть я сейчас не буду слишком
сильно акцентировать на этом внимание вы можете 00:21:29
самостоятельным поэкспериментировать с масками
это будет полезно для вас и теперь мы переходим 00:21:33
к последней части о чем я сегодня хочу вам
рассказать это использование 3d в after effects 00:21:40
давайте сначала немножечко наведем порядок в нашей
композиции и по перемещаем наши объекты значит мы 00:21:47
берем смещаем наших героев влево и теперь выделяем
нашу кнопку кнопку текст и маску и смещаем вправо 00:21:59
и у нас случается проблем к из-за того что наш
текстовый слой уже был про анимирован и у него 00:22:05
есть keyframe и при перемещении этого слоя у нас
добавлять новые какие фреймы то есть мы грубо 00:22:11
говоря еще раз его не мир и я делаю контур z и для
того чтобы этого избежать у нас есть такая штука 00:22:19
как при кампус для того чтобы сделать при кампус
мы выделяем наши слои то есть кнопка маска и текст 00:22:29
видео онлайн при кампус и здесь мы будем делать
группировку этого элемента назовем его батон 00:22:36
нажимаем ok теперь у нас как видите добавилось
композиция в наш наш timeline то есть наши слои 00:22:46
стали композиции если мы два раза кликнем попадаем
новую композицию где происходит вся наша анимация 00:22:53
а в нашей основной композиции tutorial есть кнопка
которую мы можем легко двигать без каких-либо 00:23:01
последствий и так же вы можете увидеть что слева
в панели project у нас добавилась та же композиция 00:23:07
кнопка батон ok давайте мы переместим нашу кнопку
куда-нибудь по композиции вот так например на 00:23:16
центр умею и давайте добавим для красоты этой
композиции еще несколько несколько простых шейпов 00:23:25
добавим несколько круглых шейпов я зажимая shift
чтобы у нас был ровный так добавляю еще 1 есть 00:23:35
давайте за этими ребятами один добавим давайте его
сделаем синим чтобы он хорошо контрастировал здесь 00:23:46
та же логика что их фотошопе иерархия слоев то
что выше он перекрывает те что ниже поэтому мы наш 00:23:53
круг опускаем вниз так cups и смещаем наш круг и
давайте добавим еще один для уравновешенные нашей 00:24:09
композиции все вот у нас есть три наших sheypa
картинка и кнопка итак давайте мы все параметры 00:24:22
скроем чтобы нам ничего не мешало один важный
момент я у себя уже давно настроил этого авторы 00:24:27
секте но я хочу на этом сакцентировать внимание
потому что у вас может чуть-чуть отличаться в 00:24:33
процессе работы то как выглядит интер point и
что это вообще такое вот у нас есть например 00:24:38
это круглый шейп нашим крипой находится не по
центру в каком-то нижнем правом углу чтобы это 00:24:46
исправить мы переходим мы открываем свойства слоя
переходим в transform и у нас есть анкер пойнт под 00:24:55
нас анкер пойнт и вы смещая таким образом центр
нашего объекта и следующий способ как это все 00:25:04
быстро исправлять и чтобы каждый раз не заходить
в свойства трансформа это использовать анкер пойнт 00:25:11
ул то есть хоткей это y выделяем этот инструмент и
таким образом мы можем перемещать наш анкер пойнт 00:25:22
по объекту если вы будете зажимать control он
вас будет автоматически стремится к центру или 00:25:29
к плоскостям вправо влево вниз вверх и давайте
изучим последний на сегодня такой мощный параметр 00:25:38
который называется 3d итак для того чтобы сделать
3d у нас есть такая функция в параметре слоев как 00:25:48
превращение нашего слоя в 3d слой этого мы можем
выделить все наши слои и нажать на вот эту вот 00:25:58
секцию 3d и наши слои как видите стали трехмерными
теперь мы можем их двигать по оси z например мы 00:26:07
можем этот круг чтобы он был впереди смешным
двигаем его по оси z и давайте сделаем очередь 00:26:17
поменьше и сместим по композиции то же самое мы
сделаем и с этим поменьше тоже а чуть чуть вперед 00:26:27
уменьшаем и размещаем по композиции и давайте слое
которые за ребятами находится наш круглый мы его 00:26:37
сместим по z наоборот в глубину вдаль но у нас
появилась проблема у нас он конфликтует с нашим 00:26:44
бэкграундом то есть наш background ему мешает
наш бы ground его закрывает для того чтобы это 00:26:51
исправить давайте мы уберем у нашего бэкграунда
трехмерность чтобы он был двухмерный все равно 00:26:58
он плоский и нам это не надо здесь и теперь наших
ребят тоже сместим чуть-чуть вперед по оси z это 00:27:07
же 4x компонуемы окей у нас есть глубина но
у нас нету основного нас нету камеры которая 00:27:15
будет проходить через эти объекты и создавать этот
объем в анимации давайте то быстренько исправим 00:27:22
для того чтобы создать камеру мы идем в ер new
camera здесь конечно же множество настроек я вам 00:27:31
рекомендую поначалу использовать присед например
24 миллиметра без enable depth of field у нас не 00:27:40
будет такого что объекты которые находятся ближе
будут размыты и так далее без глубины оно нам 00:27:48
сейчас не нужно нажимаем ok и как вы видите наша
композиция немножечко сменилось потому что у нас 00:27:56
некоторые кадры вышли заведем область камеры что
с этим делать давайте мы откроем мои параметры 00:28:05
камеры нас есть как видите камера общем то нам
нужен transform мы будем анимировать transform и 00:28:13
вот у нас есть позиция и все что нас интересует в
данном случае это позиция по x по глубине то есть 00:28:21
по оси z и если мы будем двигать этот параметр
и увидите что наша композиция сейчас похоже на 00:28:26
parallax effect мы двигаемся у нас проявлять наши
объекты давайте найдем конечную точку например вот 00:28:35
это будет наша конечная точка и по этой точке мы
сейчас выровняем все слои снова мы берем наш шейп 00:28:47
круглые по уменьшаем и и располагаем по композиции
то же самое с этим шэйпом всем достаточно большой 00:29:01
мы уменьшаем смещаем вот так и давайте задней шейп
как же за этими ребятами находится моего увеличим 00:29:12
примерно вот так и вот у нас есть такая композиция
итак наша композиция готова и все что нам осталось 00:29:21
сейчас делать это только за анимировать нашу
камеру для того чтобы про анимировать нашу 00:29:27
камеру давайте мы откроем ее свойства на таймлайне
и у нас есть вкладка transform она отличается от 00:29:36
всех остальных слоев потому что эта камера и так
здесь нас интересует позиция то есть мы сейчас 00:29:45
будем анимировать параметр позициями для начала
давайте найдем финальную точку где у нас лучше 00:29:54
всего видно нашу композицию там вот например
здесь минус 1500 давайте сделаем круглую цифру00:30:02
так отлично теперь смещаемся например на одну
секунду вот мы видим на нашем таймлайне одна 00:30:10
секунда ставим 1 кайф фрейм по позицию смещаемся
назад и делаем движение вперед например вот так 00:30:22
и давайте просмотрим нашу анимацию пробелом
вот как видите сейчас все как бы заканчивается 00:30:33
очень стопор на поэтому мы выделяем два три
фрейма и нажимаем f9 easy из применяем или же 00:30:41
как вы помните выделяем два cave фрейма рефрейм
assistance из ес и теперь нас все выглядит мягче00:30:49
вот наша анимация можем сделать еще плавнее за
счет того что мы сдвинем наши ключевые кадры у 00:30:59
нас будет более мягкое появление как сейчас вот
есть ещё вариант работы с графиками но графике я 00:31:06
буду показывать уже в отдельном видеоуроке поэтому
подписывайтесь чтобы ничего не пропустить но пока 00:31:13
выглядит все достаточно неплохо единственное
у нас есть проблемка нас наш шейп круглый он 00:31:22
заграждает нам экран наша композиция начинается
не с чисто белого листа с какой то непонятные 00:31:29
штуки поэтому мы можем еще про анимировать и
позиция вот этого шейп а вот давайте мы выйдем 00:31:39
на позицию нашивок рефрейма 2 чтобы нам просто
визуально было более удобно работать вот здесь 00:31:45
она заканчивается анимация давайте выделим нашей
найдем его всегда рекомендую правильно называть 00:31:52
слои потому что сейчас у нас house нашей 263
sheep1 и мы реально путаемся в этом поэтому 00:32:01
просто выделяем кликаем и называемого a circle 01
я обычно называю как-то так сейчас мы находимся 00:32:12
на тайване и в финальной точки нашей анимации
поэтому переходим свойсва transform нашего слоя 00:32:19
нашего шейха и давайте пронумеруем позицию ставим
первый клип здесь смещаемся и давайте сдвинем его 00:32:31
по оси x то есть это первое как видите вот x y z
вот и можем немножко опустить вниз опять выделяем 00:32:43
наши ключи и нажимаем f9 для смягчения и вот как
у нас это все выглядит очень даже неплохо теперь 00:32:53
например мы захотим поменять нашу кнопку цвет
потому что выглядит она достаточно бледно я этого 00:32:59
мы два раза кликаем на композицию батон и здесь мы
можем уже проводить все настройки с нашей кнопкой00:33:07
выделяем обводку и давайте
поменяем цвет на какой-нибудь00:33:15
синий вот такой и то же самое сделаем с
текстом выделяем текст во вкладке характер 00:33:24
мы выбираем пипетку и копируем цвет тоже
синий не вот наша кнопка так и еще покажу 00:33:34
вам одну штуку класс ну здесь у нас есть
такой вот прямоугольничек из здесь у нас 00:33:40
всплывающем меню есть разные настройки 100
ма га ющие сетки сейфзоны и так далее сейчас 00:33:47
я выберу to tell action сейф и мы видим
где находится центр наших композиции вот 00:33:56
этого не будет видно в рендере это чисто нам
визуально чтобы было более понятно также здесь 00:34:02
есть гриц также можем использовать гайды как
фотошопе вот на длина центр их вытащить сверху 00:34:15
снизу как вам удобно вы можете уже компании
ровать вот мы выделяем нашу кнопку и смещаем 00:34:21
его вот так но видите за счет того что у нас
здесь разные архи я этих шейпов у нас центр 00:34:33
визуальной чуть-чуть сместился поэтому
мы смещаем его чуть-чуть и на вот так00:34:41
и по готова еще один очень важный момент
это сохранить проект сохраняется проект 00:34:47
супер просто файл сейф с sfs и указывал вниз
куда мы сохраняем все как фотошопе или любом 00:34:55
другом графическом редакторе вот в принципе все
что касается 3d и надеюсь вам понятно на этом 00:35:02
все если вы досмотрели до этого момента то вы
большие молодцы и я прям горжусь вами круто это 00:35:09
лишь малая часть того что есть в after effect
но этого уже достаточно для того чтобы начать 00:35:14
анимировать и работать с программой поэтому для
дальнейшего изучения я рекомендую вам еще раз 00:35:19
просматривать это видео я специально я поставлю
тайм-коды чтобы вы могли быстрее оперировать и 00:35:25
находить нужные моменты которые вам интересны
если это видео для вас и для тебя лично было 00:35:31
полезным это для себя что то новое узнал не
пожалей лайк и комментарий а мне будет очень 00:35:37
приятно узнать стоит ли вообще продолжать снимать
такие видео насколько мой преподавательский опыт и 00:35:42
мой способ преподавания вам подходит и если
все круто я буду продолжать дальше снимать 00:35:49
такие видео и затрагивать уже более сложные
темы спасибо за просмотр и до скорых встречОписание:
In this video, I walk you through the most basic features of Adobe After Effects and in 35 minutes provide a foundation to explore further. This video will be useful for web designers and those who have worked in various graphics programs. In the examples I will refer to Photoshop, Figma, Sketch to make it clearer what works and how. ____________________ Timecodes: 00:00 - Start. After Effects from scratch 01:07 - Interface: 3 main panels in After Effects 02:33 - What is Composition 04:17 - How to Create Solid in After Effects 04:59 - What are Shapes. Working with shapes 07:17 - How to change the fill and contour of Shapes 08:23 - Working with Text 09:57 - Animation. How to work with keyframes 12:34 - How to make animation smooth 13:41 - Masks. Chat 1 17:43 - Import of media files 18:32 - How to add Effects 20:19 - Masks. The second type of masks 21:39 - What is Precompose 24:23 - How to work with Anchor Point 25:33 - How to work with 3D in After Effects 27:21 - Camera in After Effects 27:38 - What is Depth of Field 29:16 Animation of 3D objects 31:49 - How to rename a layer 34:39 - Save project 34:59 - The final part ____________________ My social networks: https://www.facebook.com/unsupportedbrowser https://www.facebook.com/unsupportedbrowser
Готовим варианты загрузки
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах
Вопросы о скачивании видео
Как можно скачать видео "Learn the basics of After Effects in 35 minutes. Mini course for beginners"?
Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.
Какой формат видео "Learn the basics of After Effects in 35 minutes. Mini course for beginners" выбрать?
Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.
Почему компьютер зависает при загрузке видео "Learn the basics of After Effects in 35 minutes. Mini course for beginners"?
Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.
Как скачать видео "Learn the basics of After Effects in 35 minutes. Mini course for beginners" на телефон?
Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.
Как скачать аудиодорожку (музыку) в MP3 "Learn the basics of After Effects in 35 minutes. Mini course for beginners"?
Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.
Как сохранить кадр из видео "Learn the basics of After Effects in 35 minutes. Mini course for beginners"?
Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.
Сколько это всё стоит?
Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.