After effects соединить все группы path в 1
Здравствуйте, столкнулся с проблемой. Нарисовал вектор для последующей анимации в афтере по параметру Path, но столкнулся с проблемой. При переводе вектора в шейпы у меня получается 38 групп, для каждой из которой параметр нужно анимировать отдельно, меня это совершенно не устраивает, и мне для грамотной анимации нужно в самом печальном случае групп 6, но суть не в этом. Что бы обойти эту проблему мне нужно сделать так, что бы контур состоял из одной большой фигуры, будто я его рисовал пером без отрыва. Но проблема в том, что я совершенно не знаю как реализовать нечто подобное в иллюстраторе. Пробовал сделать что то похожее с помощью палитры "Обработка контуров" Но не смотря на своё название она работает хорошо только с фигурами, а не с контурами, то есть для того что бы ей создать полноценную фигуру, нужно 2 контура для создания замкнутости ( у есть несколько не замкнутых контуров, смотрите пикчи 1,2,3,4), меня это тоже не устраивает, мне нужно объединить контур в том виде, в котором он есть. Возможно ли это?
P.s Двойной контур из внутри и снаружи тоже (как на 5той пикче) к сожалению не подходит.
Вложения
Linxy
Девушка с битой
Не работаю с After Effects, поэтому сложно до конца понять, что именно может помочь. Но попробую предположить.
Может устроит вариант сделать из этого всего Сompound Path (составной контур) — Ctlr + 8?
SnopSnapi
Участник
Не работаю с After Effects, поэтому сложно до конца понять, что именно может помочь. Но попробую предположить.
Может устроит вариант сделать из этого всего Сompound Path (составной контур) — Ctlr + 8?
SnopSnapi
Участник
Он перенёс из групп, в параметры. Ну это уже я как понимаю не ваш вопрос по сути, может кто может подсказать куда можно обращаться за помощью об афтерэфектсе?
MrDesigner
А вы можете выложить исходник-пример, который идеально подходит для After Effect?
По какому принципу АЕ разбивает контур на такое количество путей?
Всё же тут форум по допечатной подготовке, а не видеообработке.
Linxy
Девушка с битой
SnopSnapi
Участник
А вы можете выложить исходник-пример, который идеально подходит для After Effect?
По какому принципу АЕ разбивает контур на такое количество путей?
Всё же тут форум по допечатной подготовке, а не видеообработке.
В общем я более менее разобрался. в принципе даже наличие 38 параметров Path хоть и затрудняет анимацию, но в целом. Анимировать можно.
Думаю в любом случае иллюстратор не сможет сделать ещё что то.
Афтер воспринимает любую фигуру как отдельную группу, вся проблема в этом. И хоть Сompound Path частично и смог решить эту проблему сократив количество групп, но параметры этих групп некуда не делись.
Если серьёзно, то тут нужно лишь пару слов от человека который просто напросто владеет этим вопросом и этого было бы вполне достаточно.
Есть например люди которые рисуют контур прямо в афтере, что бы избежать проблем которые могут возникнуть, я так не могу, потому что привык больше к интерфейсу люстры, нежели к интерфейсу афтера.)
Linxy
Девушка с битой
SnopSnapi
Участник
Комментарий модератора:
У нас на форуме не принято искажать название программ.
Yur1j
Участник
Linxy
Девушка с битой
Я уже увидела) Мне скучно, поэтому я даже погуглила что и как происходит при импорте ai в After Effects. Вроде поняла, что нужно ТС — animate path, потестила))))
Но слои не помогут, там они преобразовывают иллюстраторовский файл в внутреннюю фигуру, она разбивается на пути и нужно копировать именно эти пути в параметр анимации. Когда их тьма, то становится грустновато)))
@SnopSnapi, я процесс правильно поняла?
Отсюда вопрос: а вам нужно анимировать объект прямо по всему контуру крокодильчика? Включая зуб и перепонки лапок?
SnopSnapi
Участник
Я уже увидела) Мне скучно, поэтому я даже погуглила что и как происходит при импорте ai в After Effects. Вроде поняла, что нужно ТС — animate path, потестила))))
Но слои не помогут, там они преобразовывают иллюстраторовский файл в внутреннюю фигуру, она разбивается на пути и нужно копировать именно эти пути в параметр анимации. Когда их тьма, то становится грустновато)))
@SnopSnapi, я процесс правильно поняла?
Отсюда вопрос: а вам нужно анимировать объект прямо по всему контуру крокодильчика? Включая зуб и перепонки лапок?
Да, процесс описали правильно.
Я сделал Сompound Path и у меня получились все параметры в одной группе, что значительно упростило мне задачу. Я поставил ключи на каждый из них и так то дальше ничего сверх неудобного от того что у меня 38 путей, нету.
Я передвигаю на поле точки и линии и он автоматически ставит нужные мне ключи, единственное что меня немного раздражает, так это то, что вот эти линии из пикч сверху некуда не делись и не стали одним целым с контуром. Их приходится двигать отдельно от всего контура, что вызывает некоторый дискомфорт.
А по самому крокодильчику, это персонаж из старого немецкого детского клипа сделанного на песенку про этого самого крокодильчика. Я понемногу изучаю after effects и что бы труд не пропадал зря, решил сделать анимированные стикеры для телеграмма. И моим очередным этапом развития как раз таки стал этот самый крокодильчик. Я нарисовал контур по одному из кадров и теперь этим самым path'ем делаю перед от одного кадра до другого, получается пока что с переменным успехом, но думаю для первого раза вполне сойдёт. Да, анимировать нужно абсолютно всё.
Если будет интересно, могу скинуть некоторые наброски того, что у меня уже получилось. (в виде записи с экрана)
Несмотря на то, что первое время Вы не будете использовать группирование в каждом проекте, все же стоит знать возможности After Effects, ведь это безусловно облегчит Вам жизнь в будущем и Вы сэкономите массу времени. Выражения довольно сложны на первый взгляд, поэтому им будет посвящена отдельная статья. А сейчас речь пойдет о вложении, прекомпоновке и создании иерархий.
Рассмотрим пример вложения. В прошлых статьях мы создали композицию из движущихся квадратов. Если у Вас сохранился этот проект откройте его. Если же Вы успели удалить его, ничего страшного подойдет любая другая композиция. Итак у нас имеется готовая композиция, например «квадраты».
Обратите внимание кроме исходных материалов, из которых мы создали композицию, в панели Project располагается файл композиции, в нашем случае он называется «Квадраты». Этот файл мы можем поместить в любую другую композицию, что и будет называться вложением. Создадим новую композицию и разместим там интересующие нас файлы. Например какую-нибудь текстуру.
Теперь поместим в эту композицию анимированные квадраты, с которыми можно будет работать в дальнейшем как с отдельным слоем. Для этого перетащим с панели Project файл композиции «Квадраты» на панель Timeline композиции Радуга.
Расположим файл композиции первым слоем, чтобы наша текстура не загораживала вложенную композицию.
Теперь мы можем работать с композицией «Квадраты» как с отдельным слоем, изменять масштаб, непрозрачность или задавать вращение. Но мы так же можем в любой момент открыть исходную композицию и работать с ней как с самостоятельной композицией. Все изменения будут отражаться и в композиции содержащей вложенную. Для этого нужно два раза кликнуть мышкой на названии слоя состоящего из композиции. Если при этом удерживать нажатой клавишу слой будет открыт в окне Layer. Далее мы сможем новую композицию «Радуга» поместить в другую композицию или вложить в нее еще одну композицию.
Перейдем к понятию прекомпоновка. Если в нашей композиции накопилось слишком много слоев, мы можем в любой момент объединить некоторые из них в отдельную композицию. Этот процесс и будем называть прекомпоновкой (pre-compositing). Вернемся к композиции «квадраты». Добавим нижним слоем нашу текстуру.
Кроме этих пяти слоев в композиции могут содержаться еще десятки слоев. И так как вложение мы использовать уже не можем, используем прекомпоновку. Выделим нужные нам слои и выполним команду layer->Pre-compose (Ctrl+Shift+C).
Появилось окошко Pre-Compose. Здесь мы зададим имя новой композиции, например «pre квадраты».
После нажатия кнопки ОК будет создана вложенная композиция в виде отдельного слоя в уже существующей композиции.
Теперь вы можете открыть новосозданную композицию отдельно или использовать данный слой при создании новой прекомпозиции.
Чтобы объяснить принцип работы со связанными иерархиями обратимся к только что созданной композиции «Pre квадраты». Откроем ее отдельно. Два раза щелкните левой кнопкой мыши по слою содержащему композицию.
На панели Timeline появилась новая вкладка содержащая слои композиции.
Для простоты «эксперимента» удалим желтый и зеленый слои, а для оставшихся слоев, (синий и красный) отменим все анимации свойств, а значение масштаба оставим у обоих слоев на 50.
Если у Вас на панели Timeline не отображается столбец Parent, щелкните левой кнопкой мыши на названии любого из столбцов и в контекстном меню выберите пункт Columns->Parent.
Данный столбец предназначен для присоединения одного слоя к другому. Зададим слой Red родительским для слоя Blue, для этого в меню столбца Parent слоя Blue выберем название родительского слоя, в нашем случае выбрать можно только один слой — Red.
Слой Red теперь родительский для слоя Blue. А слой Blue будем называть дочерним для слоя Red. Это означает что любые изменения свойств трансформации родительского слоя будут повторяться и на дочернем слое. Но изменения вносимые в дочерний слой на родительском никак не отражаются. Данное правило действует только для трех из пяти свойств трансформации, на свойство Opacity и Anchor Point оно не распространяется. Попробуйте сами поиграть со значениями свойств одного и другого слоя. Как видите, масштабируя вращая или перемещая родительский слой тоже самое происходит и с дочерним. Но если мы будем вносить изменения в дочерний слой, то они никак не отразятся на родительском.
Стоит отметить, что у одного слоя может быть несколько дочерних слоев, но родительский — только один. Так же любой дочерний слой можно указать в качестве родительского для другого слоя.
Добавим еще один квадрат, зеленого цвета, размерами 300×300.
Зададим для него родительским слой Blue.
Как видите мы могли так же выбрать в качестве родительского и слой Red. При изменении свойств Красного квадрата, будет так же изменены свойства для синего и зеленого квадратов, так как он является родительским для обоих слоев. Но изменение свойств синего квадрата приведет к переменам значений свойств только зеленого квадрата, так как он является родительским только для зеленого квадрата. Ну, а изменение свойств зеленого квадрата не повлечет за собой изменений на синем и красном квадратах, так как изменения на дочерних слоях не влияют на родительские слои. Это и есть связанная иерархия. Выделите все три слоя и нажмите клавишу. Для всех трех слоев отобразилось свойство Scale.
Для всех трех слоев значение разное. Когда устанавливается связь между слоями, значения свойств изменяются, чтобы изображение осталось в прежнем состоянии. При разрывании связей происходит новая «подгонка» свойств, чтобы установка или разрыв связей никак не отражались на состоянии композиции. Так как размеры синего и красного квадрата одинаковы, то масштаб синего по отношению к красному — 100%. Если мы разорвем связь между красным и синим квадратами, то значение масштаба синего квадрата изменится на 50%.
Обратите внимание, что масштаб зеленого квадрата относительно синего так и остался на значении 200%, так как сторона зеленого квадрата вдвое больше стороны синего. Надеюсь теперь Вы не будите путаться в относительности свойств связанных иерархий. До встречи в следующих курсах по Adobe After Effects.
Здравствуйте. И для начала импортируйте в панель Project изображение карты, по которой желаете проложить путь.
Шаг 2.
Теперь создадим новую композицию. Для этого выполните команду Composition => New Composition, или нажмите сочетание клавиш Ctrl+N.
Перед Вами появится окно с настройками новой композиции. Измените настройки «под себя» и нажмите ОК.
Шаг 3.
Кликните по файлу с картой на панели Project и, удерживая кнопку мыши, перенесите карту на панель Timeline. Карта перенесётся туда отдельным слоем.
Шаг 4.
Создайте новую фигуру. Для этого выполните команду Layer => New => Shape Layer.
Слой с фигурой появился на панели Timeline (пока этот слой пуст).
Шаг 5.
Изменим настройки нового слоя с фигурой. Обратите внимание, что над панелью Composition появилось несколько новых настроек. Их мы и будем менять.
Для начала кликните по надписи Fill (Заливка) и в появившемся окошке выберите пункт None (Без заливки).
Теперь кликните по параметру Stroke (Обводка). В появившемся окне выберите пункт Solid (Сплошная).
Кликните по прямоугольнику справа от надписи Stroke и выберите красный (тёмно-красный) цвет.
Измените толщину обводки на 12 px.
Всё, с настройками мы разобрались.
Шаг 6.
Выберите инструмент Pen Tool
. Убедитесь что в панели Timeline выбран слой с фигурой. Далее перейдите к панели Composition и кликните мышью в том месте, где должен начаться Ваш путь.
Далее кликните мышью в следующем месте, где должен пройти Ваш путь. Между точками появится красная прямая линия.
Таким образом Вы можете проставить сколь угодно много точек по всему Земному шару (я ограничился тремя).
Итак, путь нарисован. Давайте теперь отредактируем его.
Шаг 7.
Кликните и удерживайте кнопку мыши на инструменте Pen Tool в палитре Tools, пока не появится выпадающее меню. В нём выберите инструмент Convert Vertex Tool
Кликните по любой из точек, которые мы проставляли в предыдущем пункте. По бокам от точки появятся дополнительные маркеры. Перетаскивая эти маркеры Вы можете управлять кривизной прямых, соединяющих точки. С первого раза может не получится, но поупражнявшись некоторое время Вы с лёгкостью проделаете это задание.
Вот что у меня получилось в итоге.
Шаг 8.
Выберите слой с фигурой на панели Timeline. Кликните по серому треугольнику слева от имени слоя, чтобы раскрыть его свойства. Напротив группы свойств Contents кликните по кнопке Add (Добавить) и в выплывающем списке выберите пункт Trim Paths.
Добавится новое свойство Trim Paths. Раскройте его.
Смысл параметров Start, End и Offset я объяснять не буду. Просто поиграйтесь с их значениями и Вы сами всё поймёте.
Шаг 9.
Добавим анимации нашему пути. Для этого переместите индикатор текущего времени в начальную позицию. Анимируйте параметр End, кликнув по изображению секундомера слева от его имени. Измените значение параметра End в начальной точке на 0.
В начальной позиции появится ключевой кадр.
Шаг 10.
Переместите индикатор текущего времени в конец временной шкалы и измените значение параметра End на 100. Появится новый ключевой кадр. Теперь наш путь прорисовывается с течением времени.
Шаг 11.
С анимацией мы закончили. Теперь давайте изменим внешний вид линий. У слоя с фигурой выберите группу свойств Contents, в ней группу Shape 1, далее раскройте группу Stroke 1. Здесь выберите параметр Dashes (Штрихи) и напротив него нажмите на кнопку «плюс».
В итоге линии из сплошных превратились в пунктирные. При помощи параметра Dash отредактируйте длину штриха.
Шаг 12.
В заключении измените режим наложения на панели Timeline с Normal на Multiply. Делается это при помощи меню Mode.
Если меню Mode не отображается кликните по кнопке Toggle Switches/ Modes в нижней части панели Timeline.
На этом всё. Надеюсь у Вас всё получилось. До встречи в следующих уроках и курсах After Effects!
Вы уже встречались со свойством слоя Непрозрачность(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.
Более сложные контуры мы так же разберем в статье посвященной рисованию. А для этого изображения нам достаточно этих знаний. Теперь расположим под слоем с маской фоновое изображение.
Чтобы наша композиция выглядела более правдоподобно уменьшим масштаб слоя с маской.
Готово! Теперь наша коробка отлично сочетается с фоновым изображением!
Применяйте полученные знания в своих композициях. Экспериментируйте. Желаем Вам творческих успехов!
Илья Владимирович запись закреплена
Почему Merge Paths не работает у шейпов?, хочу из одного шейпа вычесть другой ставлю Subtract и исчезают оба, уже по всякому пробовал и местами менял все и в группу добавлял, по видеоуроку все делал точно так же и нифига, где что еще нужно включить?
Макс Петров ответил Илье
Уважаемый, не подскажете как шейп сделать таким же как на скрине вокруг надписи?
Видал где-то статейку где всё расписывалось, но ссылочку на статейку на компе дома забыл. в армии решил чуток позаниматься АЕ пока время есть.
Читайте также: