Как сделать обводку текста в Adobe Premier Pro?
В инструменте Text должна быть толщина рамки или сама рамка.
Остальные ответы
. если пользуете инструмент Текст, открыжьте Stroke, выберите цвет и толщину обводки.
Если создаете титр (File>New>Legacy title) то там в окне аналогично.
Похожие вопросы
Ваш браузер устарел
Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.
Как Создать Эффект Массивного Мультяшного Текста в Adobe Illustrator
Для начала вы узнаете как настроить простую сетку и как создать простой фон для вашего эффекта. Используя инструмент Текст и приятный, бесплатный шрифт, вы узнаете как начать работать с текстом. Используя весь огромный потенциал панели Оформление, вы научитесь создавать эффекты для текста. И наконец, вы узнаете как добавить завершающий штрих к вашему текстовому эффекту используя набор обычных кругов.
Чтобы вдохновиться на то как настроить или улучшить окончательный вариант нашего эффекта для текста, вы можете найти множество примеров на GraphicRive.
1. Как Создать Новый Документ и Настроить Сетку
Нажмите Contorl+N чтобы создать новый документ. Выберите Пиксели в качестве Единиц Измерения в выпадающем меню, введите 850 для толщины и высоты документа и щелкните по кнопке Дополнительно (Advanced). Выберите RGB в качестве Цветового Режима, установите для Растровых Эффектов Экранное разрешение (72 ppi), и затем щелкните по кнопке ОК.
Включите Сетку (Просмотр > Показать Сетку) и Выравнивать по Сетке (Просмотр > Выравнивать по Сетке). Вам понадобится сетка с шагом 5 рх, для этого зайдите в Редактирование > Установки > Направляющие и Сетка и задайте 5 в окне Линия Через Каждые. и в окне Внутренне деление на задайте 1. Не бойтесь, если сетка вас смущает — она облегчит вашу работу, и помните, что вы всегда можете включать и выключать ее используя горячие клавиши — Control-«.
Вы можете узнать больше о системе сетки в Illustrator из этого короткого урока Andrei Stefan: Разбираемся с сеткой в Adobe Illustrator.
Вам так же следует открыть панель Информации (Info) (Окно > Информация), что бы иметь возможность видеть размер и положение ваших объектов в режиме просмотра. Не забудьте установить единицы измерения на пиксели в окне Редактирование > Установки > Единицы Измерения > Основные. Все проделанные нами установки значительно ускорят процесс вашей работы.
2. Как Создать Фон
Шаг 1
Выберите инструмент Прямоугольник (М) (Rectangle Tool) и посмотрите на панель Инструментов. Уберите цвет для обводки и установите цвет для заливки R=137 G=147 B=150.
Создайте квадрат размером 860 х 860 рх и убедитесь, что он закрывает всю вашу монтажную область. Сетка и Привязка к сетке должны вам в этом помочь.
Шаг 2
Убедитесь, что ваш квадрат выделен, и откройте панель Оформление (Appearance) (Окно > Оформление), и добавьте вторую заливку нажав на кнопку Добавить Новую Заливку (Add New Fill).
Выберите новую заливку, уменьшите Непрозрачность (Opacity) до 60%, и замените цвет на радиальный градиент, как показано ниже. Помните, что желтый ноль из окна Градиента (Окно > Градиент) обозначает процент Непрозрачности. Используйте инструмент Градиент (G), чтобы растянуть ваш градиент, как показано на следующем рисунке.
3. Как Создать Основной Текст
Шаг 1
Возьмите инструмент Текст (Т) (Type Tool) и откройте панель Символы (Character) (Окно > Текст > Символ) Выберите шрифт Comical Cartoon и установите для него размер 40 рх и интерлиньяж 150 рх. Просто щелкните по рабочему окну, и напечатайте ваш текст в столбец, сделайте его белым.
Шаг 2
Используя тот же инструмент и настройки шрифта, снова добавьте первую строчку вашего текста. Сделайте его красным и поместите его прямо над белым. Сделайте тоже самое для других трех строчек текста, как показано на следующем рисунке. После того как вы закончите, вы можете удалить белый текст из вашего документа.
4. Как Создать Переднюю Часть Текстового Эффекта
Шаг 1
Выберите один из кусочков вашего текста, и сосредоточьтесь на панели Оформление, там добавьте новую заливку используя кнопку Добавить Новую Заливку. Задайте для нее цвет R = 247 G = 139 B = 30 и убедитесь, что она лежит выше чем кусок текста «Символы» (Characters). Размещение ее над текстом «Символы» просто накроет красный цвет.
Шаг 2
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Выберите вторую заливку и поместите ее ниже предыдущей.
Убедитесь, что ваша новая заливка выделена, замените цвет на линейный градиент, как показано ниже, и затем зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Введите 2 рх Смещение (Offset), и поставьте Стыки (Joins) на Скругленные (Round), и затем нажмите ОК.
Шаг 3
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Выберите теперь нижнюю заливку и зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Введите параметры, как показано на рисунке и нажмите кнопку ОК.
Шаг 4
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Выберите теперь нижнюю заливку и зайдите в Эффект > Стилизация > Внутреннее Свечение (Effect > Stylize > Inner Glow). Введите параметры показанные ниже на картинке и щелкните на кнопку ОК.
Шаг 5
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать в панели Оформление. Зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Введите 2 рх Смещение (Offset), и поставьте Стыки (Joins) на Скругленные (Round), и затем нажмите ОК.
Шаг 6
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Создайте третью заливку и поместите ее над предыдущими.
Выберите эту заливку, задайте для нее цвет R=254 G=183 B=21, и зайдите в Эффекты > Контур > Создать Параллельный Контур. Введите —4 рх Смещение (Offset), и поставьте Стыки (Joins) на Скругленные (Round), и затем нажмите ОК, а теперь зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Введите параметры, которые приводятся на следующем рисунке и нажмите ОК.
Шаг 7
Для этого шага вам понадобятся паттерны Иллюстратора. Откройте выпадающее меню в панели Образцы (Swatches) (Окно > Образцы) и зайдите в Меню > Библиотеки Образцов > Узоры > Базовая Графика Базовая Графика_линии (Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Lines). Оставьте окно открытым, убедитесь, что выбран ваш оранжевый текст и вернитесь в панель Оформление.
Выберите верхнюю заливку и используйте кнопку Создать Дубликат Выбранного Объекта (Duplicate Selected Item). Выберите новую добавленную заливку и просто замените существующий цвет на паттерн «10 pli 50%» из набора.
Шаг 8
Убедитесь, что ваша паттерная заливка выделена, понизьте ее Непрозрачность до 75%, измените Режим Наложения (Blending Mode) на Расс.свет (Soft Light), и затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Введите атрибуты, показанные ниже и затем щелкните по кнопке ОК.
Шаг 9
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление.
Выберите обводку, задайте для нее цвет R=255 G=200 B=28 и размер 4 рх, и зайдите в Эффекты > Контур > СоздатьПараллельный Контур. Введите -2 рх Смещение (Offset), и поставьте Стыки (Joins) на Скругленные (Round), и затем нажмите ОК.
5. Как Создать Заднюю Часть Вашего Текстового Эффекта
Шаг 1
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать в панели Оформление. Добавьте пятую заливку и поместите ее ниже предыдущих.
Выберите новую заливку и задайте для нее черный цвет (R=0 G=0 B=0). Понизьте Непрозрачность до 50%, и измените Режим Наложения на Расс.Свет, и зайдите в Эффекты > Контур > Создать Параллельный Контур. Введите 2 рх Смещение (Offset), и поставьте Стыки (Joins) на Скругленные (Round), и затем нажмите ОК, а затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Введите параметры, которые показаны в левом окне (на рисунке ниже), щелкните по кнопке ОК, и затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. В этот раз введите параметры из правого окна и нажмите кнопку ОК.
Шаг 2
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление.
Выберите нижнюю черную заливку и дублируйте ее используя кнопку Создать Дубликат Выделенного Объекта. Работайте со своей черной заливкой и откройте второй эффект Трансформирование. Просто увеличьте количество Копий с 20 до 50 и затем щелкните по кнопке ОК.
Шаг 3
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Добавьте новую заливку и поместите ее ниже существующих.
Выберите новую заливку и задайте для нее цвет R=190 G=31 B=46, а затем зайдите в Эффекты > Контур > Создать Параллельный Контур. Введите 20 рх Смещение (Offset), Стыки (Joins) — Скругленные (Round) и щелкните ОК, а затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Введите атрибуты которые показаны на следующей картинке и затем нажмите кнопку ОК.
Шаг 4
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Добавьте новую заливку и поместите прямо поверх предыдущей.
Выберите эту заливку, задайте для нее цвет R=160 G=1 B=16, и зайдите в Эффекты > Контур > Создать Параллельный Контур. Введите 5 рх Смещение (Offset), и поставьте Стыки (Joins) на Скругленные (Round), и затем нажмите ОК, и затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Введите параметры как на картинке ниже и нажмите ОК.
Шаг 5
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Добавьте новую заливку и поместите ее ниже существующих.
Выберите новую заливку, задайте для нее цвет R=160 G=1 B=16, и зайдите в Эффекты > Контур > Создать Параллельный Контур. Введите 20 рх Смещение (Offset), и поставьте Стыки (Joins) на Скругленные (Round), и затем нажмите ОК, и затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Введите параметры, показанные на картинке слева и нажмите кнопку ОК, затем опять зайдите в Эффект > Исказить и Трансформировать > Трансформировать. В этот раз введите параметры, которые показаны в окне справа и опять нажмите ОК.
Шаг 6
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Выберите нижнюю заливку и зайдите в Эффект > Стилизация > Тень (Effect > Stylize > Drop Shadow). Введите параметры как на картинке ниже и нажмите ОК.
Шаг 7
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Нажмите на кнопку Добавить Новую Обводку, добавьте вторую обводку вашему тексту и поместите ее ниже всех заливок.
Выберите новую обводку, задайте для нее цвет R=190 G=31 B=46 и затем зайдите в Эффекты > Контур > Создать Параллельный Контур. Введите 20 рх Смещение (Offset), и поставьте Стыки (Joins) на Скругленные (Round), и затем нажмите ОК, а затем зайдите в Эффекты > Обработка Контуров > Добавить (Effect > Pathfinder > Add). Вернитесь в панель Оформление и щелкните по надписи «Обводка» (или «Stroke»), что бы открыть панель Обводки. Установите Тощину 8 рх, нажмите кнопки Скругленные Концы и Скругленные Углы, и затем щелкните по чекбоксу Пунктирная Линия. Введите 0 рх в первом окне Штрих, и 8 рх в окне Проб., и и ваша обводка в результате должна получиться как на картинке ниже.
Шаг 8
Убедитесь, что ваш оранжевый текст выделен и продолжайте работать с панелью Оформление. Выберите нижнюю заливку и зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Введите атрибуты как на картинке ниже и нажмите кнопку ОК.
6. Как Копировать и Настраивать Параметры Оформления
Шаг 1
Теперь вам нужно копировать параметры Оформления с одного текста на другие. Зайдите в панель Слои (Окно > Слои) и вы увидите, что у всех объектов есть маленький кружок с правой стороны, иконка мишени.
Удерживайте кнопку Alt на клавиатуре, щелкните по иконке мишени которая стоит напротив вашего оранжевого текста, и потяните иконку мишени на другую иконку для красного текста.
Шаг 2
Повторите эту технику что бы скопировать Оформление для другого текста. После того, как вы сделаете это, выберите один или несколько элементов с текстом, зайдите в панель Оформление, и замените цвета, на цвет как на картинке.
7. Как Добавить Несколько Кругов/Звезд и Разбросать их Вокруг Текста
Шаг 1
Используя Эллипс (L), создайте круг размером 20 рх. Убедитесь, что у него нет заливки и установите цвет для обводки R=190 G=31 B=46. Откройте панель Обводки, увеличьте Толщину до 6 рх, и нажмите кнопку Обводка Внутри Линии.
Используя тот же инструмент, создайте круг 15 рх. Добавьте ту же красную обводку, сделайте обводку внутри линии, и установите Толщину на 4рх. Создайте третий круг, сделайте его толщиной 10 рх, с той же обводкой, не забудьте сделать ее внутри линии, и установите Толщину для обводки — 3рх.
Дублируйте эти три окружности (Control-C > Control-V), выберите эти три копии, и замените их цвет на этот — R=159 G=31 B=99.
Шаг 2
Размножьте ваши красные и фиолетовые круги (Control-C > Control-V) и распределите копии, как показано на рисунке.
Как вариант, вы можете заменить эти круги звездами, которые легко можно создать используя инструмент Звезда (Star Tool).
Поздравляю! Вы Все Сделали!
Вот как это должно выглядеть! Я надеюсь вам понравился этот урок и вы сможете использовать эти техники в своих будущих проектах.
Изменяйте по вашему усмотрению окончательный вариант и сделайте свой. Вы можете найти много замечательных примеров для вдохновения на GraphicRiver с интересными решениями, которые помогут улучшить ваш дизайн.
Как сделать обводку текста в премьер про
Поблагодарили 0 раз(а) в 0 сообщениях
Вес репутации: 0
Добавление обводки на png и анимация расстояния между буквами в тексте в Premiere Pro
Ребят, нужна помощь.
Мне срочно нужно придумать максимально простое и быстрое решение к двум задачам. Инет обыскал, на забугорных форумах спрашивал — без толку.
1) Есть png с прозрачностью — логотип причудливой формы и название компании. Нужна для этого дела обводка. С удивлением обнаружил в Премьере отсутствие чего-то напоминающего layer styles, как в Фотошопе и АЕ. Даже в ущербном Мовави это можно сделать одним кликом, а в Премьмере нет. Может, не там ищу. Направьте. Америкосы рекомендуют использовать paint bucket, которые не подцепляет все буквы потому что они не написаны, как одно целое (без пробелов). Либо юзать древний Legacy title. Либо вообще обвести все буквы и лого пером с шейпом. В общем, онанизм один. Наверняка есть более простой способ.
2) Как в Премьере сделать такую простую вещь, как заанимировать трэкинг (кёрнинг\спейсинг) у текста. Не хочу в АЕ делать, т.к. очень много проектов и постоянно ради этой простой штуки в АЕ лазить — такое себе.
Видео уроки для After Effects от AEplug
Обводка объекта After Effects — Как сделать эффект Stroke с анимацией и Motion Blur
Похожие темы
u96 » 22 мар 2020, 13:29 » в форуме Adobe After Effects
Ссылки, описания, дополнительная информация для моих уроков на YouTube
2 сообщения • Страница 1 из 1
Автор темы
aeplug Санта
Сообщения: 2802 Зарегистрирован: 18 мар 2016, 23:20 Откуда: С Ютуба Благодарил (а): 18 раз Поблагодарили: 274 раза Контактная информация:
Обводка объекта After Effects — Как сделать эффект Stroke с анимацией и Motion Blur
Сообщение #1 aeplug » 16 ноя 2020, 07:14
Эффект Stroke с анимацией и Motion Blur.jpg (27.8 КБ) 9342 просмотра Эффект Stroke с анимацией и Motion Blur.jpg (27.8 КБ) 9342 просмотра
В этом видео я собрал несколько способов, как сделать, чтобы обводка слоя в After Effects вместе с Motion Blur выглядела нормально и красиво. Дело в том, что в After Effects размытие в движении просчитывается перед Layer Styles, обводка Stroke и другие эффекты Стили слоя оказывается наложены на Motion Blur, а должно быть как раз наоборот. Ну пока в Adobe забили (кто-то удивился?), что часть их программы работает не понять как и зачем, я предлагаю посмотреть этот урок и узнать полезную информацию, как делается анимация обводки в After Effects.
https://www.youtube.com/watch?v=oz5HxLYztZA
00:43 Суть проблемы Motion Blur с обводкой Layer Styles
02:37 Плагин Vegas вместо Stroke (стиль слоя)
03:48 Собрал еще на основе эффекта Drop Shadow (Тень)
04:50 Эффект Stroke (Обводка) для векторной маски
05:47 Плагин Border Patrol от Red Giant
06:41 На сайте Red Giant пропала информация о старых плагинах
07:26 Нашел как скачать старые установки
Эффект Vegas.jpg (25.94 КБ) 9340 просмотров Эффект Vegas.jpg (25.94 КБ) 9340 просмотров
Для того, чтобы избежать этой проблемы, нужно сделать так, чтобы обводка объекта After Effects рисовалась на уровне эффектов, которые просчитываются раньше Layer Styles. Это можно сделать, например, с помощью стандартного плагина Vegas для пунктирных линий по контуру слоя, но у него наблюдаются небольшие проблемы на острых краях. Также я собрал с результатом чуть лучше цепочку из эффектов на основе Drop Shadow. Для удобства можно сохранить ее в пресет. Для стандартной векторной маски вообще нет проблем, применяем эффект Stroke и готово.
Stroke Border Patrol.jpg (60.94 КБ) 9341 просмотр Stroke Border Patrol.jpg (60.94 КБ) 9341 просмотр
Но лучше всего показал себя специальный плагин Border Patrol от Red Giant, он входит в набор эффектов Image Lounge для After Effects, который в свою очередь входит в Effects Suite, который почему-то пропал с сайта Red Giant. С помощью плагина Border Patrol для обводки слоя можно сделать отступ от края, добавить сглаживание и несколько интересных режимов наложения.
Анимация ТЕКСТА в After Effects с Layer Styles
Что такое и зачем Pre-Compose
Эффект рисования в After Effects
Стилизация под карандашный рисунок в After Effects
Покадровая анимация на видео в Photoshop
Пресеты в After Effects
Выбирайте, что вам больше нравится! А Стили слоя больше не нужны. Хотя это наверно слишком громкое заявление ведь у них достаточно много и других применений. Кстати, эта проблема Layer Styles с Motion Blur касается не только обводки Stroke, но и всех остальных эффектов этой серии, другое дело, что это может быть визуально менее заметно в разных проектах. Очень жаль, что Adobe за несколько лет так и не исправили этот досадный баг. фичу.
Pre-Compose.jpg (26.72 КБ) 9338 просмотров Pre-Compose.jpg (26.72 КБ) 9338 просмотров
Еще один вариант — это сделать предварительный Pre-Compose (прекомпоз) графического элемента, применить к нему нужные Стили Слоя и потом двигать уже его в главной композиции с включенным «размытием в движении». Но лично я по какой-то причине терпеть не могу плодить лишние композиции и логически ненужные прекомпозы. Мне нравится иметь все элементы контроля слоя в той же композиции, где я с ним работаю и анимирую, а не лазить в параллельный таймлайн After Effects и отвлекаться на такие пустяки, тем более когда этого можно спокойно избежать.
Я не знаю, что там происходит с сайтом Red Giant, и почему из доступа пропали странички наборов плагинов из моего урока и некоторых других, но пока старые установки все еще доступны по ссылке Red Giant — Legacy Installers. Надеюсь, что они не удалят их окончательно, в таком случае только торренты «спасут отцов русской демократии».
атец.jpg (29.65 КБ) 9339 просмотров атец.jpg (29.65 КБ) 9339 просмотров
Эффект Drop Shadow (Тень), который я упомянул ранее, спокойно может заменить в 90% случаев аналогичный эффект из Layer Styles и Outer Glow, но без режимов наложения. И с ним будет нормально работать Motion Blur. Как и с эффектом Gradient Ramp, который, к сожалению, тоже не имеет в своих параметрах режимов наложения. А вот Стили Слоя вида Inner Shadow стандартными средствами сделать не получается.
Эх! Не в том направлении развивается теперь After Effects! Вместо по настоящему нужных изменений какая-то странная почти незаметная и никем не используемая чепуха. Хорошо, что хоть иногда проскакивают такие вещи как удаление объектов из видео и Roto Brush 2 с машинным обучением для почти автоматического выделения.
- Поделиться в Facebook
- Поделиться в Twitter
- Поделиться в Reddit
- Поделиться в VK
- Поделиться в Tumblr
- Поделиться в Google+