Создание масок в After Effects

17/06/2011    Просмотров : 104238    Источник: videosmile.ru    Автор: Артем Лукьянов

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

Итак, у нас есть изображение, или видеофрамент. Чтобы создать на основе него маску нам нужно определиться с контуром. Создать контур можно несколькими способами. Cамый простой это использовать инструмент какой-либо фигуры. В 9 версии After Effects можно выбрать одну из пяти фигур.

Изначально выбран прямоугольник. Переключаться между ними можно нажатием клавиши на клавиатуре. Выбрав одну из фигур убедитесь, что выделен слой из которого хотите сделать маску. Иначе будет создан новый слой с изображением фигуры(об этом мы поговорим в одной из следующих статей посвященных рисованию). Двойным кликом по значку фигуры (на панели инструментов) создается маска максимального размера помещающаяся в окно композиции. Создадим маску в форме круга. Для этого переключим инструмент рисования фигуры в положение Ellipse tool. Далее переходим на панель Composition. Просто попробуйте нарисовать фигуру в любом месте изображения и посмотрите что произойдет. Зажав левую кнопку мыши перетащите курсор вверх или вниз по диагонали и отпустите кнопку мыши. Что произошло?

Изображение выходящее за пределы контура маски стало прозрачным. А внутри маски осталось все по-прежнему. Чтобы прозрачные области отображались в виде шахматной доски должен быть активирован переключатель Toggle Transparency Grid на панели Composition.

Перейдем на панель Timeline. Здесь тоже произошли изменения. У выбранного слоя появилось новая группа свойств — Masks. Здесь отображаются все маски слоя, в нашем случае Mask 1. Для каждой маски можно выбрать режим маскирования и сделать ее инвертированной(прозрачные области станут видимыми, а непрозрачные, соответственно, невидимыми) и эти свойства анимировать нельзя.

Но если нажать на вертушку маски, то отобразятся четыре свойства, которые мы можем анимировать.

Mask Path — форма маски; Mask Feather — размытие границ; Opacity — непрозрачность маски; Expension — расширение границ. Если три последних параметра можно изучить «методом тыка», насчет первого стоит отметить, что форму маски можно изменить либо перетаскивая манипуляторы формы маски, либо, нажав кнопку Shape, задать в появившемся окошке параметры формы вручную.

Анимируются свойства маски точно так же как и свойства трансформации. Нажимаем на значок секундомера нужного свойства — создается первый ключевой кадр в месте расположения линии редактирования. Изменив ее положение, меняем значение анимируемого свойства — создан второй ключ. Изменения между ключами интерполируются средствами программы. Ничего сложного!
Так же маску можно нарисовать при помощи инструмента Pen(перо). Для удаления фона это идеальный вариант. В сложных композициях бывает не всегда удобно рисовать маски в панели Composition. Слои могут перекрывать друг друга или вовсе выходить за рамки окна композиции, так же могут мешать примененные эффекты и трансформации. Поэтому есть смысл использовать панель Layer(слой). Здесь Виден весь слой в его первоначальном состоянии, без применения каких-либо эффектов или трансформаций. Два раза кликните по нужному слою на панели Timeline и оно будет открыто в новой панели Layer.

Выбираем инструмент перо

и приступаем к рисованию контура маски. Контур состоит из манипуляторов Безье соединенных линиями. Чтобы установить манипулятор просто кликните в нужном месте мышкой. Чтобы замкнуть контур нужно кликнуть на первом манипуляторе.

 

Когда мы замкнем контур произойдет знакомая нам ситуация: все что находится вне контура станет прозрачным, а на панели Timeline появится новая группа свойств — Masks.

 

Более сложные контуры мы так же разберем в статье посвященной рисованию. А для этого изображения нам достаточно этих знаний. Теперь расположим под слоем с маской фоновое изображение.

Чтобы наша композиция выглядела более правдоподобно уменьшим масштаб слоя с маской.

Готово! Теперь наша коробка отлично сочетается с фоновым изображением! 
Применяйте полученные знания в своих композициях. Экспериментируйте.  Желаем Вам творческих успехов! Вы можете найти другие уроки по Adobe After Effects здесь.

Понравилось? Поделитесь с друзьями!

Комментарии: 77

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

  • Alexa 7 Июня 2020 - 15:11:14

    Доброго дня!2 раза кликнул ЛКМ на маску и получил вот такую картинку https://prnt.sc/svc6es Как убрать черноту и вернуть видимость слоев и текста?Спасибо!Извиняюсь что не в рабочее время.


  • minisolnishko 21 Марта 2020 - 22:18:14

    спасипа/14


  • Romik1 2 Декабря 2019 - 17:47:13

    Я сделал маски из видео и наложил на фото


  • Romik1 2 Декабря 2019 - 17:45:59

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


    • Евгений Гончаров 2 Декабря 2019 - 19:18:58

      Здравствуйте, запишите видео с проблемой, пожалуйста, и разместите здесь ссылку на него, посмотрим. Также можете приложить проект


  • ftfdia7 9 Сентября 2018 - 13:51:45

    Здравствуйте, как зафиксировать изображение в контуре маски? Чтобы видео проигрывалось, но область маски оставалась неизменной.


    • Евгений Гончаров 10 Сентября 2018 - 07:18:22

      Поищите уроки по Mask Tracking в After Effects (присутствует с версии CC 2014)


  • Валера Ефимов 18 Января 2018 - 15:33:39

    можно ли в готовой маске добавить еще одну точку? У меня не получается.


    • Евгений Гончаров 18 Января 2018 - 15:45:07

      Да, задержите кнопку левой мыши на иконке инструмента Перо и в выпадающем списке выберите инструмент Add Vertex Tool (инструмент добавления вершин)


  • P.M. 13 Декабря 2017 - 18:01:35

    Добрый день!

    Подскажите, пожалуйста, как можно наложить на шейп или сделанную по нему маску изображение с фото.
    Хочу наложить на шестерёнку золотой фон с фотографии, чтобы шестерёнка стала как бы золотой, блестела и переливалась, как золото на фото. Но никак не могу привязать это фото ни к слою, ни к маске. Всякие перентсы назначал - толку 0...

    Есть фото, есть шестеренка на шейпе, есть маска на этом же шейпе точно по размеру и есть задача сделать так, чтобы изображение с фото привязалось к шестерёнке и за её пределами было невидимо, т.е. "позолотить" объект.

    Как можно это сделать? Уже второй день не могу найти решения...

    Заранее благодарю.


    • Евгений Гончаров 14 Декабря 2017 - 16:03:41

      На первых минутах урока узнаете о функции Track Matte, возможно это то, что вам нужно https://www.youtube.com/watch?v=ICHUCfLbb2k


      • P.M. 17 Декабря 2017 - 00:53:12

        Большое спасибо за ответ. Как-то пропустил этот урок. Потихоньку разбираюсь...


  • Дмитрий Мавричев 14 Мая 2017 - 10:28:08

    Здравствуйте, у меня нет на панели Ellipce Tool. Да и самой панели с инструментами нет, как её поставить обратно.


    • Евгений Гончаров 14 Мая 2017 - 13:08:15

      Через пункт Window>Tools на верхней панели


  • Даша Татаринова 12 Апреля 2017 - 00:07:10

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


    • Евгений Гончаров 12 Апреля 2017 - 16:24:19

      Они не влияют, если в при прекомпозе вы выбираете перенос всех атрибутов внутрь (Move All Attributes Into The New Composition)


  • Викториан 1 Апреля 2017 - 11:58:12

    Плохо что не редактируются сообщения (комментарии).
    Уменьшить изображение параметром "расширение маски" можно, но на максимуме (- 1000) в точку всё равно не превращается, к сожалению.


    • Евгений Гончаров 2 Апреля 2017 - 15:31:17

      Анимируйте сам Mask Path, как вариант


  • Викториан 1 Апреля 2017 - 11:52:08

    Протупил, извиняюсь. Это просто.


  • Викториан 1 Апреля 2017 - 11:43:34

    Здравствуйте, подскажите пожалуйста как анимировать масштаб маски. Необходимо чтобы маска-круг из точки в центре слоя с изображением расширилась и вышла за пределы (раскрыла всё изображение).


  • frutlower 31 Января 2017 - 21:49:59

    Привет, подскажите пожалуйста, у меня есть объект в векторе, я хочу сделать его маской для слоя, как мне такое провернуть?


    • Евгений Гончаров 2 Февраля 2017 - 10:54:19

      Очень просто, ознакомьтесь с функцией Track Matte https://videosmile.ru/forum/post1004.html


      • frutlower 12 Февраля 2017 - 19:08:12

        Спасибо, ознакомилась - не то
        У меня по маске рисуется определенный эффект, а через Track Matte можно настроить только видимость/невидимость по контуру, а мне надо сменить рисунок
        Вот маска 6ти угольная, а мне надо ее превратить в форму, которая у меня в векторе


  • pranjev 18 Ноября 2016 - 17:58:09

    Привет пожалуйста, объясните мне как создать маску, которая следует за движением головы? Рисую на маску только в первом кадре видео оттуда, все обо мне непонятно. У меня есть Adobe после эффектов версии CS 5.5, Windows 7 Utimate 10.5.1.2, 64.

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


    • Евгений Гончаров 20 Ноября 2016 - 09:15:14

      Для данных целей используется программа Mocha (в последних версиях AE она встроена в него)


  • LouisVIII 2 Сентября 2016 - 21:51:01

    Добрый день. Вырезаю птицу из мульта. Создаю анимированную маску с помощью пера, но возникает проблема, т.к. объект то увеличивается то уменьшается, кол-во нужных маркеров колеблется. И возникает ситуация когда на определенном кадре изображение достаточно небольшое и лишние маркеры "некуда совать". При удалении, они удаляются на предыдущих кадрах и приходится переделывать. Очень муторно.Подскажите пожалуйста есть ли возможность удалять лишние маркеры без вреда предыдущим кадрам.
    Так же пробовал применять прозрачное наложение, но птица голубенькая, на синем фоне, и ни один из вариантов кеинга не работает, есть ли какие-то варианты регулировки различных бегунков чтоб оно отличило бледное небо от более яркой синей птицы?
    В АЕ профан, установил вчера, так что не судите строго.


  • tracer 18 Июля 2016 - 11:40:29

    Здравствуйте, подскажитек пожалуйста, мне нужно расположить маску по центру солида и сделать ее овальной. При создании маски (элипс) , я навожу курсор на якорную точку солида и при помощи сочетания клавишь ctr+shift создаю маску относительно центра солида, но маска получается круглой, а мне нужен овал.


    • Евгений Гончаров 19 Июля 2016 - 11:32:02

      Просто зажмите левую кнопку мыши и затем зажмите только Ctrl. Овал будет создаваться по центру композиции


  • Just Blaze 24 Мая 2016 - 20:53:42

    Подскажите пожалуйста, как расположить маску (Элипс) точно по центру композиции?!


    • Евгений Гончаров 24 Мая 2016 - 21:30:27

      Зажмите Ctrl и Shift при создании


      • Just Blaze 25 Мая 2016 - 13:21:01

        Спасибо за ответ! Но при нажатии Ctrl и Shift маска выбирает центром композиции, точку в которой я ее начал создавать. А мне надо чтобы центр маски был точно в центре композиции. Только вручную двигать?


  • spongejane 23 Апреля 2016 - 12:47:36

    Здравствуйте! Подскажите пожалуйста, как сделать, чтобы маска стала независима от слоя, т.е. содержимое внутри двигалось и меняло размер, а маска оставалась на месте. Pre-compose не помогает. Спасибо!


    • Евгений Гончаров 24 Апреля 2016 - 10:27:19

      Pre-Compose должен помочь, только потом двигать надо не саму композицию с маской, а исходник внутри неё. Также можете использовать Track Matte http://videosmile.ru/forum/post1004.html


  • aleks979 10 Февраля 2016 - 17:54:37

    Здравствуйте подскажите как сделать чтобы центр всех применённых масок к изображению находился там, где я укажу. Побывал двигать anchor points слоя не получается Спасибо


    • Евгений Гончаров 11 Февраля 2016 - 11:05:07

      В чем проблема с перемещением с Anchor Point?


  • Иван Пааль 31 Января 2016 - 14:01:21

    Подскажите если не затруднит. На фотографии выделил узором нужную область маской. Добавил эффект строук, чтобы были обозначены границы(был виден см узор). Мне нужно чтобы сам узор сделанной маски и обозначенный строуком не пропадал при изменении опасити фотографии. Как сделать так чтобы изменяя опасити фотографии, оставался узор сделанной маской или есть способ делать не применяя маску, а применить какой-то эффект?


    • Евгений Гончаров 31 Января 2016 - 15:36:43

      Дублируйте слой с фотографией, с одного из них уберите Stroke, а на оставшемся в Paint Style выставите On Transparent


      • Иван Пааль 31 Января 2016 - 23:26:41

        Спасибо большое, помогло.


  • kpirat 27 Января 2016 - 00:51:23

    А как исказить изображение? Надо чтобы ширина снизу осталась прежней, а сверху сузить? В фотошопе есть свободное трансформирование, например. В АЕ это как-то маской делается или нет?


    • Евгений Гончаров 27 Января 2016 - 13:24:42

      В AE есть эффект Bezier Warp


      • kpirat 27 Января 2016 - 16:11:17

        Спасибо! Будем пробовать =)


  • John Writer 18 Января 2016 - 23:20:20

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


    • Евгений Гончаров 19 Января 2016 - 11:07:19

      В режиме маски выставите Subtract (вычитание). Это меню появится, если выделите слой с маской и нажмёте на латинскую M. По умолчанию там стоит Add


  • iozzzzzzz 3 Декабря 2015 - 17:41:19

    Здравствуйте! Помогите пожалуйста, у меня есть большой объект который по частям открывается масками, движение масок нужно зациклить, но на маске не работает выражение loopOut().
    Делала прекомп и все равно маски остались свойствами композиции..


    • Евгений Гончаров 4 Декабря 2015 - 15:41:22

      При прекомпозе появляется окно с вопросом - оставить ли атрибуты слоя в текущей композиции или переместить всё внутрь. В вашем случае нужно выбирать Move All Attrbiutes Into The New Composition, чтобы маски ушли внутрь прекомпоза.


      • iozzzzzzz 4 Декабря 2015 - 15:47:49

        спасибо за информацию! но на деле line wipe оказался практичнее))


  • uzumakipavel 2 Ноября 2015 - 19:27:01

    У меня есть вопрос. Я хочу сохранить эффект рукописного текста, но не получается. Что делать?
    Заранее спасибо


    • Евгений Гончаров 3 Ноября 2015 - 10:03:21

      Что вы имеете в виду под "сохранить"? Вывод ролика? Если так - то вам сюда http://videosmile.ru/lessons/read/vyivod-kompozitsii-v-fayl.html . Если нет - то поясните.


  • sedrik100 12 Октября 2015 - 09:53:13

    Добрый День! Меня очень волнует один вопрос.
    Есть шейп (обычный квадрат), они анимирован, нужно в этот шейп вставить видео, чтобы оно анимировалось вместе с шейпом (как смарт объект в фотошопе). Ещё один важный аспект, чтобы потом его можно было заменить, на любое другое (мокап так сказать)
    Для наглядности прикреплю картинку.
    Заранее спасибо!


    • Евгений Гончаров 12 Октября 2015 - 15:34:03

      Воспользуйтесь функцией Track Matte, для того, чтобы шейп был маской для другого слоя. http://videosmile.ru/forum/post1004.html . Также используйте прекомпоз футажей для их лёгкой замены.


      • sedrik100 13 Октября 2015 - 03:10:39

        Большое спасибо, очень помогло!


        • Евгений Гончаров 13 Октября 2015 - 09:41:33

          Рад слышать!


  • world_wide_peace 17 Сентября 2015 - 16:11:33

    Ребята! Как сделать, чтобы нарисованная маска оставалась на одном месте, независимо от движения объекта?


    • Евгений Гончаров 18 Сентября 2015 - 08:41:12

      Сделать прекомпоз обьекта (Layer > Pre-Compose > Move All Attributes Into The New Composition), и затем рисуйте маску поверх полученной композиции


  • Алексей Богатов 25 Июля 2015 - 12:58:03

    Подскажите пожалуйста. Мне нужно задать маске движение как это сделать?


    • Евгений Гончаров 26 Июля 2015 - 21:54:21

      Выделив слой с маской, нажмите два раза латинскую M, раскроется параметр Mask Path. Анимируйте его.


  • Павел Мальчик 10 Мая 2015 - 20:56:39

    Подскажите, пожалуйста, что делать, если нарисовав 2 маски, нужно обе инвертировать? Т.е. нужно, чтобы было видно все, кроме масок.


    • Евгений Гончаров 11 Мая 2015 - 11:48:58

      Выставите у обоих режим Subtract


  • astat 31 Января 2015 - 13:17:31

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


    • Евгений Гончаров 31 Января 2015 - 18:27:46

      Рядом с маской (раскройте ее на латинскую кнопку M) есть галочка Invert


  • Vikbel 6 Ноября 2014 - 14:28:51

    Здравствуйте.При создании масок через rectangle tool можно при помощи колесика мыши регулировать радиус окружности углов. Как этот угол окружности возможно регулировать цифровыми значениями ?


    • Евгений Гончаров 6 Ноября 2014 - 19:08:01

      Есть параметр Roundness


      • Vikbel 6 Ноября 2014 - 21:05:21

        А на фото-видео ?


        • Евгений Гончаров 7 Ноября 2014 - 07:52:10

          Так и не нашёл пути сделать это вручную. Но вы можете использовать шейповый слой как альфа-маску, а на шейповых слоях есть параметр Roundness.


  • Евгений Гончаров 18 Октября 2014 - 16:22:11

    Карина Пашкова, да, если Вам нужно наложить маску сразу на множество слоёв - выделите их все, нажмите правой кнопкой мыши и выберите Pre-Compose. Это объеденит их все в одну композицию, на которой Вы можете нарисовать маску


  • Карина Пашкова 18 Октября 2014 - 14:55:47

    Здравствуйте. Можно ли наносить маску на целую композицию?


  • Вадим Куталов 29 Августа 2014 - 14:57:15

    Скажите а как сделать так, чтобы цвет контура маски был стандартный (желтый) каждый раз при создании маски?


    • Marsel_VideoSmile 2 Сентября 2014 - 15:51:41

      В настройках программы заходим на вкладку Appeariance, и снимаем галочку с чекбокса Cycle Mask Colors.


  • Julka 15 Июля 2014 - 11:43:24

    Создала маску, зациклила, решила подкорректировать маркером в одной точке. Сама точка выделяется её можно передвигать, а маркеров у неё не видно, а подправить нужно именно ими.

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


    • Marsel_VideoSmile 20 Июля 2014 - 18:21:25

      При выбранном инструменте Pen tool зажимаем клавишу Ctrl и наводим на узел маски, курсор изменит вид на Convert Vertex tool. кликаем по узлу маски, и должны будут появится манипуляторы.


  • Игорь Шаповалов 17 Января 2014 - 03:10:34

    а как сделать 2 маски одновременно?


    • Marsel_VideoSmile 17 Января 2014 - 13:53:53

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


  • valdork 24 Июля 2013 - 08:29:55

    Доброе время суток. Можно ли маску создать из шейпа? Т.е. есть готовый шейп, и нужно чтобы он стал масок. Заранее спасибо.


    • VideoSmile 24 Июля 2013 - 23:28:58

      Выделите параметр Path у шейпа, нажмите Ctrl+C. Затем создайте любую маску, выделите у неё параметр Mask Path и нажмите Ctrl+V.


  • VideoSmile 8 Июня 2013 - 01:45:55

    Kostya, я как понял, тебя интересует анимация маски. Да, такое можно осуществить в After Effects. Для этого нужно анимировать параметр Mask Path.


  • Kostya 8 Июня 2013 - 00:41:33

    Возможно ли создать динамическую маску в AE? Если да то сделайте материал по этой теме пожалуйста.


  • Комментарий удален из-за нарушений правил сайта

    • Евгений Гончаров 15 Апреля 2020 - 11:16:44

      Здравствуйте, нужно смотреть проект ваш


Еще уроки из рубрики "Статьи"

Готовые сборки компьютеров для работы с графикой.

Готовые сборки компьютеров для работы с графикой от VideoSmile.ru на 01.07.2014

18/07/2014. After Effects - Статьи. Автор: Артем Лукьянов
44055
57

Небольшая памятка по работе с эффектом Curves

Небольшая памятка по работе с эффектом Curves от VideoSmile™Lab

20/04/2014. After Effects - Статьи. Автор: Артем Лукьянов
20219
9

Курсы Adobe After Effects

На этой странице представлены лучшие курсы по Adobe After Effects. Пошаговые видеоуроки, видеокурсы, статьи по After Effects.

15/03/2015. After Effects - Статьи. Автор: Руслан Савченко
36103
0

Adobe After Effects – программа для видеоэффектов! Обзор и сравнение.

Программа Adobe After Effects. Обзор и сравнение с другими программами для обработки видео и создания цифровых видеоэффектов.

17/03/2015. After Effects - Статьи. Автор: Руслан Савченко
212699
23

Обучение After Effects

Лучшее обучение работе с Adobe After Effects. Статьи, бесплатные видеокурсы и видеоуроки по программе After Effects.

18/03/2015. After Effects - Статьи. Автор: Руслан Савченко
51255
16

Полезные горячие клавиши в After Effects

Использование горячих клавиш - это неотъемлемая часть работы в After Effects. Горячие клавиши значительно упрощают жизнь и повышают скорость работы. Не секрет, что в...

04/07/2013. After Effects - Статьи. Автор: Артем Лукьянов
247483
125
Наверх
Орфографическая ошибка в тексте:
своими руками В этом уроке рассказывается, как сделать складной софтбокс размером 40х40 см, который похож на

Послать сообщение об ошибке администратору? Ваш браузер останется на той же странице.

Ваше сообщение отправлено. Спасибо!

Окно закроется автоматически через 3 секунды