Скачать "Create Bar Infographics with Controls | After Effects Motion Graphic Tutorial"

Обложка аудиозаписи

Подождите немного, мы готовим ссылки для удобного просмотра видео без рекламы и его скачивания.

Предыдущее видео: Trafikte 'ara gaz' veren gençler, sivil polise yakalandı.Следующее видео: Top 10 Useful & Creative Effects in After Effects

0:00

Intro

0:30

Sponsor

0:57

Tutorial

5:01

Animation

6:18

Outro

Top 10 Useful & Creative Effects in After Effects

Top 10 Useful & Creative Effects in After Effects

Канал: SonduckFilm

Trafikte 'ara gaz' veren gençler, sivil polise yakalandı.

Trafikte 'ara gaz' veren gençler, sivil polise yakalandı.

Канал: Ekran Haber

Tutorial

After Effects Tutorial

After Effects

Infographics

Infographics After Effects

Infographic motion graphics

Motion Graphics Tutorial

Motion Graphics

After Effects Motion Graphics

SonduckFilm Tutorial

Bar Infographics

MOGRAPH Tutorial

Bar Infographics with Controls

Infographics After Effects Motion Graphics Tutorial

aftereffects

sonduckfilm

motiongraphics

00:00:01

premiumbeat.com.

00:00:03

В этом уроке по быстрой анимационной графике

00:00:04

мы поговорим о создании

00:00:05

анимированной инфографики.

00:00:11

Эй, что происходит в Интернете? Это

00:00:13

Джош Ноэль из фильма «Сандэнс», и добро пожаловать

00:00:14

на наш канал, если вы здесь новичок.

00:00:16

обязательно нажмите кнопку подписки, так что

00:00:19

здесь есть несколько разных методов, поэтому, очевидно, мы собираемся

00:00:20

поговорить о разработке красивой инфографики,

00:00:22

а затем, во-вторых, мы поговорим

00:00:23

о том, как связать ваши важные

00:00:25

точки данных с нулевым объектом, чтобы вы вы можете

00:00:27

легко обновлять информацию по

00:00:29

мере необходимости,

00:00:30

поэтому в этом видео есть много интересных приемов,

00:00:31

и прежде чем мы перейдем к нему, я

00:00:33

хочу поблагодарить premiumbeat за

00:00:35

спонсирование этого видео. premiumbeat — это

00:00:37

бесплатный поставщик музыки для вашего

00:00:39

творческого видео и проекты анимационной графики,

00:00:41

у них чрезвычайно популярная

00:00:43

библиотека с тысячами песен на

00:00:45

выбор, а также очень простая

00:00:47

система углубленного поиска и фильтров меню,

00:00:49

которая позволяет вам быстро находить лучшие

00:00:51

песни для вашего видео, так что для вашего следующего

00:00:53

видеопроекта обязательно загляните на сайт

00:00:54

premiumbeat.com, чтобы получить бесплатную

00:00:57

музыку, и все в порядке, итак, мы здесь,

00:00:58

внутри After Effects, и давайте

00:01:00

начнем, поэтому первое, что нам нужно сделать,

00:01:01

это спроектировать элементы и ввести некоторые

00:01:03

данные, так что давайте продолжим и сделайте это, чтобы

00:01:05

первое, что мы сделаем, это возьмем

00:01:06

инструмент «Перо» здесь, вверху,

00:01:07

нажмите на заливку слов, убедитесь, что для нее

00:01:08

установлено значение «нет», нажмите «ОК», и щелкните «

00:01:10

Обводка слова», установите сплошной цвет, нажмите «ОК»,

00:01:12

и я просто пойду использовать

00:01:14

для этого белый цвет, и мы сделаем обводку

00:01:16

примерно на пять,

00:01:17

и мы просто щелкнем точку,

00:01:19

удерживая клавишу Shift,

00:01:20

щелкните точку и стрелу, теперь у нас есть такая

00:01:22

прямая линия,

00:01:24

мы можем подойти сюда и взять инструмент для текстиля

00:01:25

и введите некоторые данные, чтобы они были такими,

00:01:28

какими вы хотите, и мы добавим

00:01:30

туда, что мы можем продублировать этот слой

00:01:32

и сделать что-то вроде средней отметки.

00:01:34

Когда вы это делаете, также разумно

00:01:36

иметь известное вам выравнивание абзаца

00:01:38

в выгодную сторону. так что вам не нужно

00:01:40

перемещать его после изменения текста,

00:01:42

так что просто имейте это в виду

00:01:44

и

00:01:45

бум,

00:01:46

все в порядке, у нас

00:01:47

здесь есть немного информации, и теперь мы

00:01:49

не сможем создавать гистограмму

00:01:51

поэтому, чтобы создать эту гистограмму,

00:01:52

вместо использования инструмента «Прямоугольник»

00:01:54

для ее создания, потому что нам нужно

00:01:56

их анимировать, давайте просто

00:01:57

возьмем первый слой с фигурой и продублируем

00:01:59

его, потому что здесь мы используем инструмент «Перо», чтобы

00:02:00

создать прямоугольник и все, что мы можем

00:02:03

здесь сделать, это увеличить ширину обводки, и

00:02:04

теперь у вас есть прямоугольник, и мы получаем p

00:02:06

и клавиатуру для позиции, перемещаем этот

00:02:07

прямоугольник

00:02:09

и красиво, и мы нажимаем tr клавиатуру для

00:02:11

непрозрачности, и мы можем снизить непрозрачность

00:02:13

этого примерно до 15 или около того процентов,

00:02:16

и мы можем переименовать это в фон первой полосы,

00:02:20

и я помещу этот слой сверху,

00:02:22

хорошо, а затем мы можем сделать здесь

00:02:23

дублирование формы, подойдя к редактированию

00:02:25

дубликата и переименовав это в просто полосу

00:02:30

один отлично, тогда мы нажмем на клавиатуру,

00:02:32

чтобы изменить непрозрачность, и увеличим

00:02:33

непрозрачность до 100,

00:02:35

а затем перейдем к

00:02:36

содержимому, и мы пойдем, и мы

00:02:39

добавим, и мы добавим пути обрезки

00:02:41

и мы откроемся от прошлого, и

00:02:42

в зависимости от того, как вы введете свою первую

00:02:44

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

00:02:47

увидите, что все идет не так,

00:02:49

поэтому, если у вас это происходит в неправильное

00:02:51

направление, просто перейдите к первой форме, и вы

00:02:53

можете просто перенаправить то, где путь

00:02:55

начинается, так что теперь мы возвращаемся к 100 в

00:02:58

конце, вы можете видеть, что он начинается внизу,

00:03:00

так что это круто,

00:03:02

а затем мы можем перейти к слою с

00:03:04

новым нулем объект

00:03:07

потрясающий, мы переименуем его в элемент управления,

00:03:10

и мы перейдем к

00:03:12

элементам управления выражением эффекта, и мы возьмем элемент

00:03:14

управления ползунком,

00:03:15

и мы можем переименовать этот эффект в панель,

00:03:19

красиво,

00:03:20

затем мы вернемся к содержимому,

00:03:22

вернемся в путь обрезки, и вы увидите

00:03:24

здесь конец. Я нажму секундомер на n

00:03:26

процентов

00:03:27

и

00:03:28

удостоверюсь, что здесь есть нулевые объекты и элементы

00:03:29

управления эффектами, и просто привязываю

00:03:31

это к ползунку,

00:03:33

так что теперь ползунок

00:03:35

управляет фактическими, которые

00:03:37

вы знаете, путями обрезки и теперь у нас есть

00:03:40

контур гистограммы, поэтому теперь мы можем

00:03:43

дублировать этот эффект в нашем элементе управления

00:03:45

несколько раз в зависимости от того, сколько

00:03:47

графиков мы хотим иметь,

00:03:49

а затем мы просто продолжим и

00:03:50

продублируем каждую из наших полосок,

00:03:52

а затем мы сможем переместить их

00:03:54

в второй столбец

00:03:56

и перейдите к выражениям, и

00:03:58

где находится этот первый столбец, просто измените его на

00:04:00

обновленное число, и теперь мы возвращаемся к

00:04:02

нашему элементу управления, перейдите ко второму столбцу и посмотрите на

00:04:04

этот независимый столбец, чтобы вы могли дублировать

00:04:06

его столько раз, сколько вам нужно, поэтому, когда у

00:04:08

вас настроены все ваши графики, и вы

00:04:10

можете видеть, что я только что добавил еще несколько элементов

00:04:11

к этому, вы можете видеть, что у нас

00:04:13

довольно простой текст, и мы переходим к нашему

00:04:15

контролю, и мы можем использовать эти

00:04:17

выражения для анимации всего, и

00:04:20

что мы можем сделать вот набор наших

00:04:21

чисел на ползунке, вы знаете, вы видите, что

00:04:23

все контролируется, мы можем добавить

00:04:25

ключевой кадр для всех наших ползунков, нажмите на

00:04:26

клавиатуру, поднимите ключевые кадры, переместите их,

00:04:29

возможно, назад во времени, а затем установите все

00:04:31

эти ползунки на ноль,

00:04:34

так что теперь бум у нас есть эта хорошая анимация,

00:04:36

и мы упростим ее использование ключевых кадров,

00:04:38

нажав f9 на клавиатуре, и мы можем

00:04:40

сместить их, очевидно, просто для того, чтобы создать

00:04:42

небольшую анимацию наложения,

00:04:45

поэтому теперь они появляются в разное время,

00:04:47

и, как вы можете видеть, мы

00:04:48

здесь в начале есть немного секунды, чтобы мы

00:04:51

могли анимировать этот график,

00:04:52

что мы должны были сделать в первую очередь,

00:04:54

и вы видите, что здесь у нас есть около секунды

00:04:56

времени, чтобы мы могли анимировать

00:04:57

этот график, поэтому у меня есть он

00:04:59

пошатнулся вот так через секунду,

00:05:01

поэтому у нас есть много вариантов

00:05:03

анимации, поэтому мы можем взять, скажем,

00:05:05

один набор, вы знаете, все элементы с

00:05:07

одной стороны, вы знаете, нажмите p на клавиатуре фортепиано,

00:05:09

чтобы выбрать позицию, вы знаете, мы можем анимировать

00:05:11

это добавив ключевой кадр позиции и

00:05:13

переместив его так, как

00:05:15

мне нравится, следующие данные, а затем

00:05:17

мы получим здесь клавиатуру для непрозрачности, добавьте

00:05:18

ключевой кадр для непрозрачности,

00:05:20

и мы продвинемся немного вперед

00:05:21

и установим непрозрачность до нуля процентов,

00:05:23

а затем мы вы можете использовать один и тот же

00:05:24

стиль анимации, чтобы показать каждое масло

00:05:26

отдельно друг от друга, примите это

00:05:28

любым удобным для вас способом, но вместо того, чтобы просто использовать

00:05:30

анимацию по отдельности,

00:05:31

я просто хочу продемонстрировать отличное

00:05:33

расширение для эффектов After Effects, называемое

00:05:34

композитором анимации, которое позволяет вам

00:05:36

просто примените настройки анимации

00:05:38

автоматически, и я могу просто ввести

00:05:40

конечные точки, чтобы мы знали, где

00:05:42

анимация закончится, затем я приду

00:05:43

сюда к композитору анимации и скажу, что

00:05:46

положение затухания предварительно просмотрит потенциальную

00:05:48

анимацию и применит ее как в,

00:05:50

и я могу также примените его как выходной, а затем

00:05:53

перемещайте каждый из этих слоев во времени касанием,

00:05:55

так что это просто очень быстрый инструмент, который

00:05:57

поможет вам анимировать вещи, когда у вас

00:05:59

много слоев, с которыми вы работаете, и

00:06:00

вы как бы делаете это, возможно, не по порядку, поэтому

00:06:02

просто поможет вам сэкономить много времени, поэтому, если

00:06:04

вы хотите больше о композиторе анимации, я

00:06:05

оставлю эту ссылку в описании,

00:06:07

но просто, когда все будет сказано и сделано, вот

00:06:09

как мы можем настроить

00:06:11

гистограмму инфографики и иметь возможность

00:06:14

анимировать ее с помощью элемента управления и простого

00:06:16

ввода любых данных, которые мы хотим

00:06:18

сделать, чтобы завершить наше видео о

00:06:20

создании анимированной инфографики, мне пора

00:06:22

подстричься, но если вам

00:06:23

понравилось это видео, обязательно нажмите

00:06:25

кнопку подписки, потому что мы публикуем

00:06:26

несколько подобных уроков по постобработке

00:06:28

каждую неделю прямо здесь, на

00:06:29

канале. Вы также можете связаться со мной в моих

00:06:30

социальных сетях. Эти ссылки находятся в

00:06:32

описании видео, и я всегда

00:06:34

создаю

00:06:37

[Музыку]

Описание:

In this After Effects Tutorial, learn how to setup by bar chart infographics with controllable data adjustments. This After Effects tutorial covers how to design and animate your infographic with ease! ► Check out the 750+ Motion Graphics Advanced Pack: https://bit.ly/750GFXPack Over 750+ elements for After Effects from titles, backgrounds, motion graphics, promos, effects, and transitions! Save time on every project and produce professional work! Download Free Template Packs from us for AE & Premiere here: ► 50+ New After Effects Free Pack: https://bit.ly/Free50AfterEffectsPack ► 50 Template Premiere Pro Free Pack: https://bit.ly/Free50PremiereProPack ► 42 Template After Effects Free Pack: https://bit.ly/FreeAE42Pack ► Music From PremiumBeat, get your soundtracks here: https://www.premiumbeat.com/ ► Social Media: Hit me up on Instagram: https://www.facebook.com/unsupportedbrowser Drop a like on Facebook: https://www.facebook.com/unsupportedbrowser Follow me on Twitter: https://twitter.com/SonduckFilm Connect with me on Linkedin: https://www.linkedin.com/in/joshnoel

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "Create Bar Infographics with Controls | After Effects Motion Graphic Tutorial"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "Create Bar Infographics with Controls | After Effects Motion Graphic Tutorial" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "Create Bar Infographics with Controls | After Effects Motion Graphic Tutorial"?

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

Как скачать видео "Create Bar Infographics with Controls | After Effects Motion Graphic Tutorial" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "Create Bar Infographics with Controls | After Effects Motion Graphic Tutorial"?

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

Как сохранить кадр из видео "Create Bar Infographics with Controls | After Effects Motion Graphic Tutorial"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

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