0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Руководства</a></p>
1
<p><a>#Руководства</a></p>
2
<ul><li>12 авг 2019</li>
2
<ul><li>12 авг 2019</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Камеры в After Effects упрощают процесс создания сложных сцен. Рассказываем, как настроить камеру и какие параметры у нее есть.</p>
4
</ul><p>Камеры в After Effects упрощают процесс создания сложных сцен. Рассказываем, как настроить камеру и какие параметры у нее есть.</p>
5
<p> vlada_maestro / shutterstock</p>
5
<p> vlada_maestro / shutterstock</p>
6
<p>Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.</p>
6
<p>Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.</p>
7
<p>Камера в <a>After Effects</a> - инструмент, который позволяет перемещать 2D-объекты в 3D-пространстве. Камерой можно облетать вокруг сцены, двигать ее по нужной траектории, создавать более сложные эффекты. Разберем, как это все работает.</p>
7
<p>Камера в <a>After Effects</a> - инструмент, который позволяет перемещать 2D-объекты в 3D-пространстве. Камерой можно облетать вокруг сцены, двигать ее по нужной траектории, создавать более сложные эффекты. Разберем, как это все работает.</p>
8
<p>У камер в After Effects, как и у реальных камер, есть понятия диафрагмы, фокусного расстояния, глубины резкости и других параметров. Когда вы создадите камеру, эти характеристики будут доступны в настройках. В дальнейшем в любой момент вы можете изменять значения этих настроек.</p>
8
<p>У камер в After Effects, как и у реальных камер, есть понятия диафрагмы, фокусного расстояния, глубины резкости и других параметров. Когда вы создадите камеру, эти характеристики будут доступны в настройках. В дальнейшем в любой момент вы можете изменять значения этих настроек.</p>
9
<p>Создадим новую камеру в After Effects. Для начала нужно сделать новую композицию:<em>File - New Project - New Composition</em>.</p>
9
<p>Создадим новую камеру в After Effects. Для начала нужно сделать новую композицию:<em>File - New Project - New Composition</em>.</p>
10
<p>Затем в меню выбрать<em>Layer - New - Camera</em>. Либо можно воспользоваться сочетанием клавиш<em>Ctrl+Alt+Shift+C.</em></p>
10
<p>Затем в меню выбрать<em>Layer - New - Camera</em>. Либо можно воспользоваться сочетанием клавиш<em>Ctrl+Alt+Shift+C.</em></p>
11
<p>Открылось окно настроек камеры со множеством опций. Давайте разберем, что здесь можно сделать.</p>
11
<p>Открылось окно настроек камеры со множеством опций. Давайте разберем, что здесь можно сделать.</p>
12
<p>По умолчанию в окне настроек тип камеры указан<em>Two-Node Camera</em>(двухузловая камера), а в поле<em>Preset</em>выставлено значение 50 mm.</p>
12
<p>По умолчанию в окне настроек тип камеры указан<em>Two-Node Camera</em>(двухузловая камера), а в поле<em>Preset</em>выставлено значение 50 mm.</p>
13
<p>В After Effects есть два типа камер:<em>One-Node Camera</em>(камера с одним узлом) и <em>Two-Node Camera</em>(двухузловая камера).</p>
13
<p>В After Effects есть два типа камер:<em>One-Node Camera</em>(камера с одним узлом) и <em>Two-Node Camera</em>(двухузловая камера).</p>
14
<p>One-Node Camera (камера с одним узлом)</p>
14
<p>One-Node Camera (камера с одним узлом)</p>
15
<p>Если вы новичок в After Effects, то лучше начать именно с этой камеры. Она проще в управлении и понимании.<em>One-Node Camera</em>очень похожа на камеру в реальной жизни: гибкие настройки позволяют работать с масштабом, наклоном, фокусным расстоянием и диафрагмой. В отличие от двухузловой камеры, она не имеет точки привязки.</p>
15
<p>Если вы новичок в After Effects, то лучше начать именно с этой камеры. Она проще в управлении и понимании.<em>One-Node Camera</em>очень похожа на камеру в реальной жизни: гибкие настройки позволяют работать с масштабом, наклоном, фокусным расстоянием и диафрагмой. В отличие от двухузловой камеры, она не имеет точки привязки.</p>
16
Поворот камеры с одним узлом относительно своей оси XПоворот камеры с одним узлом относительно своей оси YПоворот камеры с одним узлом относительно своей оси Z<p>Для большего контроля над камерой можно создать привязку к Null Object: тогда камера сможет вращаться вокруг объекта.</p>
16
Поворот камеры с одним узлом относительно своей оси XПоворот камеры с одним узлом относительно своей оси YПоворот камеры с одним узлом относительно своей оси Z<p>Для большего контроля над камерой можно создать привязку к Null Object: тогда камера сможет вращаться вокруг объекта.</p>
17
<p>Чаще всего эту камеру используют для имитации реалистичного движения камеры.</p>
17
<p>Чаще всего эту камеру используют для имитации реалистичного движения камеры.</p>
18
<p>Two-Node Camera (двухузловая камера)</p>
18
<p>Two-Node Camera (двухузловая камера)</p>
19
<p>Основное отличие от One-Node - в том, что камера с двумя узлами может изменять положение не только вокруг своей оси, но и вокруг точки привязки (она же - точка интереса) в трехмерном пространстве -<em>Point of Interest</em>. Привязать точку интереса можно к любому объекту, с которым мы работаем и вокруг которого будем вращать камеру.</p>
19
<p>Основное отличие от One-Node - в том, что камера с двумя узлами может изменять положение не только вокруг своей оси, но и вокруг точки привязки (она же - точка интереса) в трехмерном пространстве -<em>Point of Interest</em>. Привязать точку интереса можно к любому объекту, с которым мы работаем и вокруг которого будем вращать камеру.</p>
20
<p>Эта камера отличается от камер в реальной жизни и предназначена для создания сложных движений по орбитам и созданным дугам. Перемещать можно как саму камеру, так и <em>Point of Interest</em>.</p>
20
<p>Эта камера отличается от камер в реальной жизни и предназначена для создания сложных движений по орбитам и созданным дугам. Перемещать можно как саму камеру, так и <em>Point of Interest</em>.</p>
21
<p>В окне настроек также можно выбрать и установить угол обзора камеры, фокусное расстояние, глубину резкости, зум.</p>
21
<p>В окне настроек также можно выбрать и установить угол обзора камеры, фокусное расстояние, глубину резкости, зум.</p>
22
<p>Чтобы понять, какие настройки нужны в вашем проекте, сравните фокусное расстояние реального объектива с предустановленными параметрами в поле<em>Presets</em>и выберите наиболее подходящее.</p>
22
<p>Чтобы понять, какие настройки нужны в вашем проекте, сравните фокусное расстояние реального объектива с предустановленными параметрами в поле<em>Presets</em>и выберите наиболее подходящее.</p>
23
<p>Например, чтобы получить качественный портрет с разблюренным задним фоном в реальных условиях, нужно взять объектив с фокусным расстоянием 50 мм или 80 мм. А для фотографии Луны такой объектив не подойдет, нужен как минимум 200 мм. Исходя из сравнения таких примеров, можно подобрать пресет в After Effects для своего проекта.</p>
23
<p>Например, чтобы получить качественный портрет с разблюренным задним фоном в реальных условиях, нужно взять объектив с фокусным расстоянием 50 мм или 80 мм. А для фотографии Луны такой объектив не подойдет, нужен как минимум 200 мм. Исходя из сравнения таких примеров, можно подобрать пресет в After Effects для своего проекта.</p>
24
<p>Preset (предустановленные настройки)</p>
24
<p>Preset (предустановленные настройки)</p>
25
<p>Пресеты - это сохраненный набор настроек. В окне настроек камеры можно выбрать предустановленную настройку фокусного расстояния объектива, и автоматически зум и угол обзора будут изменены относительно этого параметра. </p>
25
<p>Пресеты - это сохраненный набор настроек. В окне настроек камеры можно выбрать предустановленную настройку фокусного расстояния объектива, и автоматически зум и угол обзора будут изменены относительно этого параметра. </p>
26
<p>Например, значение<em>15 mm</em>имеет широкий угол обзора с коротким фокусным расстоянием.</p>
26
<p>Например, значение<em>15 mm</em>имеет широкий угол обзора с коротким фокусным расстоянием.</p>
27
<p>Пресет<em>80 mm</em>или<em> 200 mm</em>имеет узкий угол обзора и длинное фокусное расстояние, также меняется значение зума и угол обзора.</p>
27
<p>Пресет<em>80 mm</em>или<em> 200 mm</em>имеет узкий угол обзора и длинное фокусное расстояние, также меняется значение зума и угол обзора.</p>
28
<p>Для лучшего взаимодействия с камерой в рабочей области предусмотрены поля выбора вида камеры -<em>3D View Popup</em>и<em>Select view layout.</em></p>
28
<p>Для лучшего взаимодействия с камерой в рабочей области предусмотрены поля выбора вида камеры -<em>3D View Popup</em>и<em>Select view layout.</em></p>
29
<p>Чтобы выбрать вид макета, перейдите в рабочую область проекта и внизу нажмите на выпадающий список<em>Select view layout</em>. Здесь мы выбираем вид макета.</p>
29
<p>Чтобы выбрать вид макета, перейдите в рабочую область проекта и внизу нажмите на выпадающий список<em>Select view layout</em>. Здесь мы выбираем вид макета.</p>
30
1 Views2 Views - Horisontal2 Views - Vertical4 Views4 Views - Left4 Views - Right4 Views - Top4 Views - Bottom<p>Для точного выбора вида камеры есть выпадающий список<em>3D View Popup,</em> в котором можно выбрать любую проекцию камеры и перспективу.</p>
30
1 Views2 Views - Horisontal2 Views - Vertical4 Views4 Views - Left4 Views - Right4 Views - Top4 Views - Bottom<p>Для точного выбора вида камеры есть выпадающий список<em>3D View Popup,</em> в котором можно выбрать любую проекцию камеры и перспективу.</p>
31
<p>Для управления камерой перейдите к инструменту<em>Unified Camera Tool</em>. Вы можете использовать один из четырех инструментов перемещения камеры.</p>
31
<p>Для управления камерой перейдите к инструменту<em>Unified Camera Tool</em>. Вы можете использовать один из четырех инструментов перемещения камеры.</p>
32
<p>Не обязательно каждый раз обращаться к панели управления и выбирать нужный инструмент, достаточно воспользоваться клавишей<em>C</em>на клавиатуре и нажимать ее до тех пор, пока не появится нужный инструмент.</p>
32
<p>Не обязательно каждый раз обращаться к панели управления и выбирать нужный инструмент, достаточно воспользоваться клавишей<em>C</em>на клавиатуре и нажимать ее до тех пор, пока не появится нужный инструмент.</p>
33
<p>Для примера я разместил перед камерой изображение, чтобы наглядно показать взаимодействие камеры с объектом.</p>
33
<p>Для примера я разместил перед камерой изображение, чтобы наглядно показать взаимодействие камеры с объектом.</p>
34
<p>Теперь перейдем к управлению камерой. Всего есть четыре инструмента управления камерой:<em>Orbit, Track XY, Track Z и Unified</em>.</p>
34
<p>Теперь перейдем к управлению камерой. Всего есть четыре инструмента управления камерой:<em>Orbit, Track XY, Track Z и Unified</em>.</p>
35
<p>При созданной<em>Two-Node Camera</em>этот инструмент будет вращаться вокруг<em>Point Interest</em>, то есть вокруг точки интереса. Если точка установлена на объекте, камера будет вращаться вокруг объекта (в отличие от камеры<em>One-Node</em>, где инструмент<em>Orbit</em>будет просто поворачиваться и наклоняться).</p>
35
<p>При созданной<em>Two-Node Camera</em>этот инструмент будет вращаться вокруг<em>Point Interest</em>, то есть вокруг точки интереса. Если точка установлена на объекте, камера будет вращаться вокруг объекта (в отличие от камеры<em>One-Node</em>, где инструмент<em>Orbit</em>будет просто поворачиваться и наклоняться).</p>
36
Orbit Camera Tool. Камера с одним узлом One-NodeOrbit Camera Tool. Двухузловая камера Two-Node<p>В отличие от предыдущего, этот инструмент одинаков и для One-Node, и для Two-Node.<em>Track XY</em>отслеживает вашу камеру и опорную точку вдоль осей <em>X</em> и <em>Y.</em> </p>
36
Orbit Camera Tool. Камера с одним узлом One-NodeOrbit Camera Tool. Двухузловая камера Two-Node<p>В отличие от предыдущего, этот инструмент одинаков и для One-Node, и для Two-Node.<em>Track XY</em>отслеживает вашу камеру и опорную точку вдоль осей <em>X</em> и <em>Y.</em> </p>
37
<p>Инструмент<em>Track Z</em>перемещает камеру по оси<em>Z</em>. Действия одинаковы для обоих типов камер.</p>
37
<p>Инструмент<em>Track Z</em>перемещает камеру по оси<em>Z</em>. Действия одинаковы для обоих типов камер.</p>
38
<p><em>Unified Camera Tool</em>объединяет все три вышеупомянутых инструмента в один. С помощью мыши вы можете быстро перемещаться между инструментами, поставив на левую кнопку<em>Orbit</em>, на колесико<em>Track XY</em>и<em> Track Z</em>на правую кнопку. Я считаю, что это самый быстрый способ управления камерой, особенно меня поймут те, у кого есть опыт работы в 3D-пакетах.</p>
38
<p><em>Unified Camera Tool</em>объединяет все три вышеупомянутых инструмента в один. С помощью мыши вы можете быстро перемещаться между инструментами, поставив на левую кнопку<em>Orbit</em>, на колесико<em>Track XY</em>и<em> Track Z</em>на правую кнопку. Я считаю, что это самый быстрый способ управления камерой, особенно меня поймут те, у кого есть опыт работы в 3D-пакетах.</p>
39
<p>Для анимации камеры, как и для любой другой анимации, задействуются ключевые кадры. Откройте свойства камеры и обратите внимание на свойство<em>Position</em>. Сейчас в строку записаны сразу все три значения по всем осям.</p>
39
<p>Для анимации камеры, как и для любой другой анимации, задействуются ключевые кадры. Откройте свойства камеры и обратите внимание на свойство<em>Position</em>. Сейчас в строку записаны сразу все три значения по всем осям.</p>
40
<p>Чтобы было удобнее настраивать анимацию этого свойства, можно сделать так: нажмите правой кнопкой мыши на <em>Position</em>и в выпадающем меню выберите<em>Separate Dimension</em>.</p>
40
<p>Чтобы было удобнее настраивать анимацию этого свойства, можно сделать так: нажмите правой кнопкой мыши на <em>Position</em>и в выпадающем меню выберите<em>Separate Dimension</em>.</p>
41
<p>Появятся три отдельных свойства.</p>
41
<p>Появятся три отдельных свойства.</p>
42
<p>Теперь можно расставить ключевые кадры свойства<em> X Position</em>.</p>
42
<p>Теперь можно расставить ключевые кадры свойства<em> X Position</em>.</p>
43
<p>Анимация только по оси<em>X</em>.</p>
43
<p>Анимация только по оси<em>X</em>.</p>
44
<p>Давайте добавим анимацию еще, например, по оси<em>Z</em>.</p>
44
<p>Давайте добавим анимацию еще, например, по оси<em>Z</em>.</p>
45
Вот так будет выглядеть анимация, если мы добавим ключевые кадры по оси<em>Z</em><p>Теперь рассмотрим более подробно основные настройки камеры.</p>
45
Вот так будет выглядеть анимация, если мы добавим ключевые кадры по оси<em>Z</em><p>Теперь рассмотрим более подробно основные настройки камеры.</p>
46
<p>Чтобы перейти в окно основных настроек камеры, выберите слой камеры и нажмите на него дважды левой кнопкой мыши.</p>
46
<p>Чтобы перейти в окно основных настроек камеры, выберите слой камеры и нажмите на него дважды левой кнопкой мыши.</p>
47
<p>Фокусное расстояние камеры в After Effects соответствует фокусному расстоянию объектива реальной камеры и показывает нам то, насколько камера приближена к объекту. По умолчанию в After Effects фокусное расстояние 50 мм.</p>
47
<p>Фокусное расстояние камеры в After Effects соответствует фокусному расстоянию объектива реальной камеры и показывает нам то, насколько камера приближена к объекту. По умолчанию в After Effects фокусное расстояние 50 мм.</p>
48
<p>Если нужен более широкий угол обзора, выберите меньшее фокусное расстояние. Чтобы получить объектив с небольшим углом обзора и большим увеличением, выберите большее фокусное расстояние.</p>
48
<p>Если нужен более широкий угол обзора, выберите меньшее фокусное расстояние. Чтобы получить объектив с небольшим углом обзора и большим увеличением, выберите большее фокусное расстояние.</p>
49
При изменении угла обзора зум и фокусное расстояние также будут меняться.<p>Этот параметр отвечает за размытие переднего или заднего плана. Фотографы пользуются этим достаточно часто, чтобы сделать акцент на нужном объекте. Включить глубину резкости в After Effects можно двумя способами:</p>
49
При изменении угла обзора зум и фокусное расстояние также будут меняться.<p>Этот параметр отвечает за размытие переднего или заднего плана. Фотографы пользуются этим достаточно часто, чтобы сделать акцент на нужном объекте. Включить глубину резкости в After Effects можно двумя способами:</p>
50
<p>1. При создании камеры - поставить галочку в поле<em>Enable Depth of Field</em>.</p>
50
<p>1. При создании камеры - поставить галочку в поле<em>Enable Depth of Field</em>.</p>
51
<p>2. На панели слоев в настройках камеры. </p>
51
<p>2. На панели слоев в настройках камеры. </p>
52
<p>Чтобы добиться нужного эффекта размытия, отрегулируйте значения<em>Aperture</em>(Диафрагма) и <em>Blur Level</em>(Уровень размытия).</p>
52
<p>Чтобы добиться нужного эффекта размытия, отрегулируйте значения<em>Aperture</em>(Диафрагма) и <em>Blur Level</em>(Уровень размытия).</p>
53
<ul><li>Диафрагма аналогична камере в реальной жизни. Если рассматривать ее с точки зрения взаимосвязи с глубиной резкости, нужно помнить, что чем шире диафрагма (f/1.4 в реальных объективах), тем меньше глубина резкости, чем уже она (f/22 в реальных объективах), тем поле резкости больше.</li>
53
<ul><li>Диафрагма аналогична камере в реальной жизни. Если рассматривать ее с точки зрения взаимосвязи с глубиной резкости, нужно помнить, что чем шире диафрагма (f/1.4 в реальных объективах), тем меньше глубина резкости, чем уже она (f/22 в реальных объективах), тем поле резкости больше.</li>
54
<li>Уровень размытия - это дополнительная настройка, которую, к сожалению, не имеют реальные камеры. Она позволяет отрегулировать степень размытия для областей вне фокуса.<p>Слишком ею увлекаться не советую: можно переусердствовать и начать размывать все без разбора. Зачастую для размытия достаточно глубины резкости, а <em>Blur Level</em> - вспомогательный инструмент.</p>
54
<li>Уровень размытия - это дополнительная настройка, которую, к сожалению, не имеют реальные камеры. Она позволяет отрегулировать степень размытия для областей вне фокуса.<p>Слишком ею увлекаться не советую: можно переусердствовать и начать размывать все без разбора. Зачастую для размытия достаточно глубины резкости, а <em>Blur Level</em> - вспомогательный инструмент.</p>
55
</li>
55
</li>
56
</ul>Depth of Field не включенDepth of Field включен и выставлено большее значение Blur Level для большего размытия заднего фонаDepth of Field включен, а также подобраны значения выделенных параметров для небольшого размытия переднего фона, фокус на заднем фоне<p>Мы разобрали все основные настройки камеры. Теперь давайте посмотрим, что можно сделать, если расположить изображения на расстоянии друг от друга и немного анимировать камеру по одной оси с включенной глубиной резкости.</p>
56
</ul>Depth of Field не включенDepth of Field включен и выставлено большее значение Blur Level для большего размытия заднего фонаDepth of Field включен, а также подобраны значения выделенных параметров для небольшого размытия переднего фона, фокус на заднем фоне<p>Мы разобрали все основные настройки камеры. Теперь давайте посмотрим, что можно сделать, если расположить изображения на расстоянии друг от друга и немного анимировать камеру по одной оси с включенной глубиной резкости.</p>
57
Слева - расположение объектов и движение камеры<p>Получилось так:</p>
57
Слева - расположение объектов и движение камеры<p>Получилось так:</p>
58
<p>А еще вот так:</p>
58
<p>А еще вот так:</p>
59
<p>Камеры - сильный инструмент в After Effects. С их помощью можно сделать эффектные UI-интерфейсы с моушном, прелоадеры, видеобаннеры, шоурилы и многое другое. Зачастую ограничением использования камер становится лишь фантазия пользователя, непонимание того, на что способна камера, а также недостаток базовых структурированных знаний.</p>
59
<p>Камеры - сильный инструмент в After Effects. С их помощью можно сделать эффектные UI-интерфейсы с моушном, прелоадеры, видеобаннеры, шоурилы и многое другое. Зачастую ограничением использования камер становится лишь фантазия пользователя, непонимание того, на что способна камера, а также недостаток базовых структурированных знаний.</p>
60
<p>Мы рассмотрели лишь малую часть того, что можно сделать в After Effects, подробнее обо всех возможностях After Effects, а также Principle, Webflow, InVision Studio можно узнать на курсе "<a>Анимация интерфейсов</a>" от Skillbox.</p>
60
<p>Мы рассмотрели лишь малую часть того, что можно сделать в After Effects, подробнее обо всех возможностях After Effects, а также Principle, Webflow, InVision Studio можно узнать на курсе "<a>Анимация интерфейсов</a>" от Skillbox.</p>
61
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
61
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>