Illustrator и after effects отличается цвет
Общие сведения о цветокоррекции, включая ссылки на руководства и другие ресурсы, см. в разделе Цветокоррекция и настройка цвета.
Эффекты сторонних разработчиков в этой категории, включенные в After Effects:
Эффект нейтрализации цвета CC
Эффект смещения цвета CC
Эффект тонера CC
В After Effects предоставляются профессиональные инструменты «Цвет Lumetri» для цветокоррекции, которые позволяют обрабатывать видеоряд непосредственно на панели «Таймлайн». Получить доступ к эффекту «Цвет Lumetri» можно в категории «Цветокоррекция» меню «Эффекты» и на панели «Эффекты и шаблоны». Эффект «Цвет Lumetri» задействует аппаратное ускорение графического процессора для повышения производительности. С помощью этих инструментов можно настроить цвет, контрастность и свет в эпизодах посредством инновационных процессов. Интеграция редактирования и цветокоррекции позволяет свободно переключаться между задачами редактирования и цветокоррекции. Для этого не требуется выполнять экспорт или запускать отдельное приложение для цветокоррекции.
Рабочая среда «Цвет» предназначена не только для опытных колористов, но и для редакторов, которые пока не овладели мастерством цветокоррекции. Можно применять простые цветокоррекции или сложные представления Lumetri Look с помощью интуитивно понятных ползунков и элементов управления. Также можно легко настроить монтажи или отрегулировать оттенки с помощью расширенных инструментов цветокоррекции, таких как кривые и цветовые круги.
Этот эффект работает с цветом 8 бит, 16 бит и 32 бит на канал.
Выборочная коррекция цвета с помощью кривых цветокоррекции
Кривые цветокоррекции позволяют редакторам и колористам точно и адресно управлять корректировкой определенных диапазонов цветов. Доступ к этим кривым можно получить с панели «Цвет Lumetri». Например, кривые Оттенок или яркость и Оттенок или оттенок позволяют быстро и точно управляют яркостью и отдельным цветовым тоном (цветом) любого цвета в видеоклипе.
Например, у вас есть несколько цветных карандашей — красный, зеленый и голубой, и для соответствия палитре цветов вам требуется голубой более темного оттенка. Можно выбрать голубой и с помощью кривой «Оттенок или яркость» сделать его темнее. Это изменение не затрагивает другие цвета на изображении.
Кривые RGB
Кривые RGB позволяют настроить яркость и тоновые диапазоны в клипе с помощью кривых.
- Основная кривая управляет яркостью. Первоначально основная кривая представлена в виде прямой белой диагональной линии. Верхняя правая часть линии представляет блики, а нижняя левая часть — тени.
- Настройка основной кривой корректирует значения сразу всех трех каналов RGB. Также можно селективно настроить тональное значение только для красного, зеленого или синего канала. Чтобы настроить различные тональные области, добавляйте контрольные точки непосредственно на кривую.
- Щелкните линию кривой и перетащите контрольную точку, чтобы скорректировать тональную область. Перемещение контрольной точки вверх или вниз делает корректируемую тональную область светлее или темнее. Перемещение контрольной точки влево или вправо увеличивает или уменьшает контрастность.
- Чтобы удалить контрольную точку, удерживайте клавишу Ctrl (Windows) или Cmd (Mac OS) и щелкните нужную контрольную точку.
Кривые насыщенности и цветового тона
Пять кривых оттенка и насыщенности обеспечивают полный контроль для выполнения цветокоррекции видеороликов и изображений. Можно выбрать цвет в видеоролике и отрегулировать оттенок, насыщенность и яркость. Также можно регулировать насыщенность для диапазона яркости или диапазона насыщенности в видеоролике.
- Оттенок или оттенок — выберите цвет (тон) на изображении и замените его другим оттенком.
- Оттенок или насыщенность — измените насыщенность цвета на изображении.
- Оттенок или яркость — измените яркость цвета на изображении.
- Насыщенность или насыщенность — выберите и отрегулируйте диапазон насыщенности в пределах исходной насыщенности изображения.
- Яркость или насыщенность — выберите диапазон яркости и отрегулируйте насыщенность в нем.
Настройка кривых оттенка и насыщенности
На панели Таймлайн выберите клип для корректировки. Выберите Эффекты > Цветокоррекция > Цвет Lumetri . Этот пункт меню также имеется на панели Эффекты и шаблоны в разделе Цветокоррекция .
На панели Элементы управления эффектами в эффекте Цвет Lumetri разверните пункт Кривые . Программа After Effects откроет два параметра:
- Кривая RGB
- Кривые цвет. тона/насыщенности
Откройте кривые оттенка и насыщенности. Все цветовые кривые отображаютcz под этим пунктом. Для корректировки отснятого материала можно использовать все цветовые кривые и даже одну кривую.
Егор Васильев ![]()
запись закреплена
Новичок в этом деле
Максим Бузуев
Егор Васильев ответил Максиму
Максим, а результат будет виден только после рендеринга? потому что в окне просмотра как было в пикселях так и есть
Максим Бузуев ответил Егору
Егор Васильев ответил Владиславу
Егор Васильев ответил Владиславу
Егор Васильев
Егор Васильев ответил Саше
Егор Васильев ответил Владиславу
я успел спалить принтскрин, ты не поставил галочку, как тебе сказали выше и еще у тебя стоит увеличение 400% а при нем всегда будут видны пиксели
вектор ты можешь скейлить сколько угодно(scale изменять), не теряя качество, но не зумировать окно проекта
Егор Васильев ответил Данилу
Егор Васильев ответил Данилу
Егор Васильев ответил Данилу
Егор Васильев ответил Данилу
Друзья, приветствую!
Подскажите с таким делом: импортирую в AE CC 2014 видео формата .mov (может это важно) и качество сразу при импорте заметно ухудшается (по крайне мере по цвету: блеклое, неяркое). С чем это может быть связано?
Соответственно и при экспорте этого видео цвет сильно отличается.
Доп. вопрос: пользуюсь стабилизатором Mercalli-2.0 - возможно он не работает с большим кол-вом цветов и выводит такую картинку. Может в нём дело?
Ниже прикладываю скрин: слева экспорт из AE, справа - оригинал.
Хотелось бы оригинальные цвета при импорте.
Да, квиктайм - это важно. И этоименно с 7-й версии началось. Как в последних релизах не знаю, но корни из неудачной реализации при адаптации к железу. Началось с диви и чутьраньше..
Непобеждаемо. Не в принципе, а кнопкой 'шыдэвр". В каждомслучае - индивидуально. Хотя, можете просто прикручивать левелс.
Удачи!
Попробуйте. Установите флажок «Согласовать с гаммой After Effects QuickTime старых версий» в диалоговом окне «Настройки проекта»; это позволит:
предотвратить изменение цветов при работе с проектами, созданными в After Effects 7.0 и более ранних версиях;
добиться соответствия цветам в проекте, созданном в After Effects 7.0 и более ранних версиях;
добиться совпадения цветов на панели «Композиция» с цветами в проигрывателе QuickTime.
Из справки.
Еще множите попробовать, компенсировать отнесенные к сцене профили, флажок выше.
1) Чем жмете при экспорте, DivX и XviD урезают цвета.
2) Воспроизведение одного файла в разных плеерах может отличатся, из за разных встроенных фильтров.
Жму h.264, экспорт то меня радует. Просто изначальный импорт показывает другие цвета. Пунк 2 в таком случае будет верным, хотелось бы просто это проверить (=
Андрей Варабей Просветленный (28372) В таком случае на скрине надо было показать окно проекта и исходник. Второй пункт проверить можете сами.
Привет. Сегодня на рассмотрении простая анимация в After Effects.
Ресурсы: Adobe Illustrator CC
Adobe After Effects CC
Начнем изучение с рисования в Illustrator.
Рисуем
1) Нарисуем в качестве фона Прямоугольник желтого цвета
Рисунок 1 - Rectangle
2) Нарисуем Круг и зальём градиентом
Поработаем немного над кругом:
- удалим нижнюю точку на контуре, получим дугу;
- проведем прямую линию, закрыв низ дуги, получим полукруг
Рисунок 2 - 1) draw circle; 2) gradient; 3) delete point
3) Рисуем Прямоугольник и делаем его копию
- один прямоугольник серый;
- другой прямоугольник тёмно-серый
4) Рисуем Треугольник из звездочки установив число лучей - 3
Рисунок 3 - 1) rect light; 2) rect dark; 3) triangle
5) Рисуем кота с помощью Pen и простых фигур
Рисунок 4 - 1) head; 2) neck; 3) body; 4) leg; 5) tail
А теперь самый ГЛАВНЫЙ момент
Распределим картинки по слоям (то что будет анимировано - на отдельный слой) вот так:
Рисунок 5 - all pics (red mark important layers)
Всё, теперь сохраняем.
Посмотрим настройки сохранения
Рисунок 6 - Save
А теперь следующий этап. Закрываем Adobe Illustrator и открываем After Effects.
Импорт в After Effects
File - Import - File - выбираем наш сохраненный файл Illustrator.
Выберем Composition , чтоб импортировать слои из Illustrator, если поставим footage, то получим картинку с объединенными слоями, а нам этого не нужно.
Рисунок 7 - Import As Composition
Всё, импортировали.
А теперь посмотрим, что у нас есть. Двойной щелчок по композиции , что б открылось и мы увидели слои (если все правильно сделали, то будет несколько слоев). Получим такое, см. рисунок
Рисунок 8 - Open Composition
А теперь то, для чего мы тут сегодня собрались - Анимация.
Анимация в After Effects
Установим точку вращения у стрелки вверху ее с помощью Pan Behind Tool (быстрая клавиша - Y). Просто берем точку и перемещаем туда куда требуется. В результате это будет выглядит так..
Рисунок 9 - Pan tool and Layers
Ну всё, теперь переходим к слоям для анимации.
Нам потребуется слой Arrow и Head_cat.
Начнем с arrow.
Раскроем список, найдем Rotation и нажмем на часы. Так мы поставили первую точку на нулевой секунде. Всего анимация будет длиться 2 секунды.
Итак, вот такие настройки надо сделать (всего поставим 3 точки )
Second | 0 | 1 | 2 |
Rotation | +66 | - 70 | +66 |
Рисунок 10 - Rotation arrow
А теперь анимируем голову кота.
Раскроем head_cat и найдем Position.
Тут будет 4 точки.
Изменять будет только последнюю координату не трогая остальные.
Second | 0.1 | 0.17 | 1.12 | 2.0 |
Position | 689.3 | 729.3 | 729.3 | 689.3 |
Рисунок 11 - Position head
Итак, принцип анимации был такой. Стрелка качается из стороны в сторону, как только приближается к котенку, он втягивает голову в себя, задерживается в этом положении немного, а потом возвращает ее на место.
Production
Надо создать готовый продукт из своего произведения.
Идем в меню Composition - Add to Render Queue
Откроется панель Render и в Output Module ( два щелчка) выберем формат выхода. Я взяла *.mov
Рисунок 12 - Render
Нажимаем на кнопку RENDER и получаем результат (только не забудьте указать путь).
На этом всё.
Часто моушн-дизайнеры при создании анимационных роликов отрисовывают графику в Adobe Illustrator с последующим импортом файла в After Effects. Но перед этим необходимо подготовить векторный файл. Как это сделать?
Обычный процесс подготовки
After Effects при импорте векторного файла работает только со слоями верхнего уровня, а все их внутреннее содержимое склеивается в один объект. Если для анимации в проекте нужна многослойная композиция, то приходится в Ai объекты разделять на отдельные слои.
Для выбранного слоя в Иллюстраторе применим команду «Release to Layers (Sequence)» в меню панели Layers.
Выбор команды Release to Layers
Полученные из объектов подслои вручную переносим в верхний уровень, переименую для удобства дальнейшей работы с файлом в AE, так как новые слои получают неинформативные имена Layer 1…Layer N.
Заодно не помешает удалить пустые слои в документе, иначе при импорте они превратятся в «паразитные» невидимые точки. После сохранения файла импортируем его в Аfter Еffects через меню в меню File → Import → File с параметрами «Composition» и «Layer Size».
Казалось бы количество шагов небольшое и они простые, но если при работе над анимацией часто приходится подготавливать сложные по структуре векторные файлы для импорта, эти операции отнимают время. А если что-то монотонное в работе повторяется из раза в раз, то гораздо приятнее, если этот процесс будет автоматизирован.
Подготовка файла скриптом
Чтобы сократить время на разбиение групп и объектов на отдельные слои с дополнительным «допиливанием» файла в Иллюстраторе я написал скрипт Ai2Ae.
Возможности версии 1.2 (май 2019 г.):
- Ungroup visible groups — с этой опцией все группы разобьются до отдельных объектов и перенесутся в слои. Все Clipping masks сохранятся.
- Turn on group visible — зависит от пунктов 1 и 3. Скрипт отобразит скрытые группы после окончания работы.
- Delete hidden objects — удаление скрытых объектов во всех слоях.
- Delete empty layers — удаление пустых слоев.
- Rename visible layers — скрипт переименует видимые слои по введенной маске. Без этой опции будут имена от родительских слоев.
Для переименования объектов, слоев в макете можно скачать бесплатный скрипт RenameItems.
Работает в Adobe Illustrator CS3 и выше, ОС Windows, Mac OS
Обзор версии 1.0
Спасибо за скрипт, давно такой искал! — Олег
То что нужно, только сегодня подумал, что было бы удобно это автоматизировать. — Денис Марченко
Приобрел скриптик! Отличная вещь под мои задачи очень даже подошло! Спасибо автору. — Жорж Мендельсон
Случайно забыл заранее сделать Release to Layers на одном из слоев с персонажем (свыше 200 вложенных слоёв) и чуть не заруинил пару часов клинапа и нейминга (ибо когда делаешь Release to layers он шакалит все имена слоёв). Вспомнил про твой скрипт, поставил и сохранил себе пару часов работы. — Андрей Л.
4 комментария
Здравствуйте, спасибо очень помогли, благодаря статье получилось экспортировать файлы, я новичёк) А может быть вы могли бы подсказать как правильно потом сохранить анимацию без потери качества, очень портиться когда выкладываешь в Instagram…
Здравствуйте, Валерия. Про конкретные настройки экспорта из АЕ не подскажу. В Инстаграм достаточно выкладывать видео форматов .mov, .mp4 и т.п., квадратное 1080×1080 px или HD 1280×720, 1920×1080.
Большое спасибо за скрипт, пользуюсь им почти каждый день! Подскажите, есть ли возможность автоматического добавления к имени слоя типа его наложения и прозрачности? Чтобы получалось что-то типа: Body_1-multiply_70%
Это поможет потом аниматорам правильно назначать прозрачности в AE
Здравствуйте, Александр. Такое возможно, хотя тут под вопросом, что точно считать наложением: свойство слоя или свойство объекта, лежащего в этом слое. Пишите мне в Телеграм @sergosokin или на почту для обсуждения.
Читайте также: