Как скруглить края в After Effects

Обновлено: 21.11.2024

С выпуском Adobe After Effects 17.1 в мае 2020 г. Adobe выпустила новую функцию под названием Tapered Shape Strokes. Эта функция предоставляет пользователям новые возможности для создания круглых, волнистых и заостренных штрихов. Taper и Wave представлены как новые параметры для штрихов, что позволяет создавать более уникальные анимации. Объяснение Adobe сбивает с толку, поэтому давайте разберем его проще.

Как использовать

Сужение

Создайте конусность штрихов, выполнив следующие действия.

Создать композицию
Создайте фигуру с помощью инструмента "Перо" или другими способами.
Далее под временной шкалой нажмите значок треугольника, чтобы развернуть параметры в разделе «Слой-фигура» > «Содержание» > «Обводка 1» > «Сужение» .
Как и любое другое свойство, элементы управления можно настраивать с помощью ключевых кадров для создания различных эффектов анимации.

Конусные штрихи

Настроить начальную точку сужения

Начнем с регулировки начала конусности. Это поставляется с тремя вариантами; начало хода, размер длины конуса и легкость. Если вы хотите начать сужение посередине, установите для параметра «Начальная длина» значение 50%.

Сужение концов штриха

Сужение штриха на любом конце можно отрегулировать с помощью параметров Start Length (Начальная длина) и End Length (Конечная длина) .

Настройка округлости конуса

Тейперы также могут иметь острые или мягкие/закругленные края. Свойства этой настройки обозначены начальным замедлением и конечным замедлением соответственно.

Волны

Создайте волны на штрихах, выполнив следующие действия.

Чтобы получить доступ к функции волн, создайте композицию.
Создайте фигуру с помощью инструмента "Перо" или другими способами.
Далее под временной шкалой нажмите значок треугольника, чтобы развернуть параметры в разделе «Слой формы» > «Содержание» > «Обводка 1» > «Волна».
Как и любое другое свойство, элементы управления можно настраивать с помощью ключевых кадров для создания различных эффектов анимации.

Создание волн переменной толщины

Волны можно настроить с помощью параметров волны.

Управление конусностью и волной

Сужение

Используйте конус, чтобы отрегулировать ширину обводки вдоль контура.

Единицы длины

Этот элемент управления определяет, используются ли единицы измерения в пикселях или в процентах пути. Пиксели лучше всего использовать при создании конусов, которые не зависят от длины пути. Процент лучше всего использовать, когда длина конуса должна быть относительно длины траектории.

Начальная длина

Управляет длиной конуса от начала хода.

Конечная длина

Управляет длиной конуса от конца штриха.

Начальная ширина

Коррекция ширины штриха начинается с начала контура.

Конечная ширина

Корректировка ширины обводки в конце самого контура.

Начать замедление

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

Конец замедления

Регулирует округлость конуса в конце контура. Как и в случае с элементом управления Start Ease, положительное значение создает закругленный конус, а отрицательное значение — заостренный конус.

Используйте волну, чтобы добавить волны к штриху вдоль контура.

Сумма

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

Единицы

Единицы для свойства волны определяются либо пикселями, либо циклами. Пиксели лучше всего работают с штрихами открытой формы. Циклы лучше всего работают с замкнутыми фигурами, так как если вы установите значение 1, в штрихе будет одна волна.

Длина волны

Длина волны определяет расстояние между каждой волной. Высокое значение приводит к более узким волнам, а низкое значение создает разреженное распределение.

Этап

Фаза регулирует смещение волны вдоль пути.

Заключение

Сужение обводки — это удобная функция, которую можно добавить в набор инструментов After Effects. Это позволит многим создателям создавать новые анимации простым способом. В весеннем обновлении Adobe After Effects также добавлен Concentric Shape Repeater, а также некоторые другие функции, заслуживающие упоминания. Эти функции включают поддержку импорта ProRes RAW, системный параметр звука по умолчанию в macOS, а также групповые проекты, обеспечивающие совместную работу в облаке и копирование медиафайлов в общую папку.

Создание образа, от которого невозможно уйти, красочные анимированные градиенты, а также закругленные пользовательские интерфейсы и браузеры. Вот как это сделать в Premiere Pro.

За последние несколько месяцев я снял несколько рекламных роликов и обучающих видеороликов по продуктам для различных технических и веб-клиентов. Почти у всех них был одинаковый запрос на видео. «Можете ли вы добавить градиентный фон и скруглить углы отснятого материала, чтобы он соответствовал внешнему виду веб-сайта?» Ответ всегда ДА, но как лучше всего это сделать?

Методом проб и ошибок я создал неразрушающий рабочий процесс, который позволяет мне довольно быстро создавать эти видео и делать все это в Premiere Pro. Что хорошо в этой настройке, так это то, что если вам нужно заменить отснятый материал, масштабировать его или отрегулировать положение, вы можете сделать это очень легко, не влияя на маску или фон. Он также допускает любой тип фона, поэтому вы можете добавлять изображения, кадры, 3D-рендеринг, зацикленные фоны или очень популярные градиенты.

Посмотрите подробное руководство от Film Bodega в этом руководстве, а ниже вы найдете список шагов, на которые можно ссылаться.

1 – Импорт видео или изображений UI/UX

Сначала отредактируйте видео со всеми необходимыми кадрами и шагами. Чтобы создать снимки экрана, я либо использую OBS и записываю свой экран по мере выполнения всех необходимых шагов, либо, если это просто упоминание определенной страницы или функции, я делаю снимок экрана сайта, а затем просто анимирую изображение. прокрутка или масштабирование в Premiere Pro.

2 – Создайте маску

Теперь, чтобы сделать это неразрушающим и простым, лучшее решение — создать маску и корректирующий слой.

Создайте корректирующий слой и добавьте его на временную шкалу поверх всех остальных клипов.

Теперь хитрость заключается в том, чтобы создать маску на корректирующем слое, и я нашел наилучшие результаты, добавив слой-фигуру к корректирующему слою. На панели «Эффекты» откройте «Видеоэффекты» > «Создать» > «Эллипс». Добавьте эллипс к вашему корректирующему слою.

Не беспокойтесь о цветах фигур и прочем, нам это не нужно. Мы просто собираемся использовать это, чтобы сделать нашу маску. В элементах управления эффектами в разделе «Эллипс» создайте 4-точечную полигональную маску. Теперь отрегулируйте его до нужного вам размера. Вы можете сделать горизонтальную маску в стиле рабочего стола или вертикальную маску, имитирующую телефон или мобильное устройство. Отрегулируйте путь маски до нужного размера или формы.

Чтобы скруглить углы, измените расширение маски на значение от 20 до 35. Нажмите «Инвертировать», и теперь ваши кадры должны быть видны сквозь маску. Уменьшите растушевку маски до 1 или 2, чтобы получить более четкие края.

3 – Добавить или создать фон

Теперь вы можете добавить любой фон на нижний слой. Это должно быть под вашими кадрами, поэтому, скорее всего, в версии 1.

Вы можете использовать любые кадры, например фоновый пакет RocketStock, но для создания эффекта градиента у вас по-прежнему есть несколько вариантов.

Если вам нужен обычный четырехцветный градиент, вы можете добавить его в разделе Видеоэффекты > Создать > 4-цветный градиент. Недостатком этого является то, что это просто неподвижный градиент. Теперь вы можете добавить ключевые кадры и анимировать этот градиент, если хотите, но у меня есть решение получше.

СуперМОГРТ — один из моих любимых инструментов почти для всего, что есть в Premiere Pro. Это невероятно универсальный шаблон анимированной графики со встроенными анимированными заголовками и фоном, и он стоит всего 10 долларов. Я просто перетаскиваю SuperMOGRT и выбираю четырехцветный анимированный градиент, а затем приступаю к выбору цветов. Вот и все. Настраиваемый анимированный градиент, созданный в одно мгновение.

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

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

4 – Настройка и точная настройка

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

Холст — 100 повторяющихся фонов

Нужна коллекция зацикленных фонов для ваших видео? Canvas включает в себя 100 различных фонов в 10 различных стилях. Просто перетащите их в свои проекты, и все готово.

В следующем уроке вы узнаете, как скруглять углы в Illustrator. Для этого существует несколько разных способов, поэтому выберите тот, который лучше всего поможет решить вашу проблему.

1. Как скруглить углы с помощью виджетов Live Corner

Давайте скруглим углы в Adobe Illustrator.

Шаг 1

Допустим, у нас есть этот звездообразный объект, и вы хотите применить закругленные углы ко всем его краям.

Используя инструмент "Прямое выделение" (A) и выбрав фигуру, вы заметите появление виджета "Динамические углы"; маленькие круглые узлы во внутренних и внешних углах фигуры. Этот виджет «Динамические углы» доступен в Adobe Illustrator CC с 2014 года.

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

Используйте виджет "Динамические углы", чтобы скруглить углы

Шаг 2

Если вы хотите скруглить отдельный угол, используйте инструмент «Прямое выделение» (A), чтобы дважды щелкнуть один из виджетов «Динамические углы». Откроется диалоговое окно, в котором можно изменить параметры выбранной точки привязки.

Выберите параметр «Угол: скругление» и установите нужный размер радиуса и стиль скругления.

Дважды щелкните виджет «Динамические углы», чтобы открыть диалоговое окно и задать параметры угла.

Шаг 3

Знаете ли вы, что в Adobe Illustrator также можно скруглить несколько выделенных углов?

Например, предположим, что у вас есть два отдельных пути. Используйте инструмент «Прямое выделение» (A) и, удерживая клавишу Shift, выберите несколько узлов, которые вы хотите скруглить.

Затем перейдите к ссылке «Углы» на панели управления выше и вручную установите значение «Радиус угла» в точках. Или вы можете просто щелкнуть и перетащить виджеты Live Corner до нужной округлости.

На панели управления задайте угловой радиус одной или нескольких опорных точек

Шаг 4

Другой метод скругления или редактирования радиуса угла отображается на панели «Преобразование» (меню «Окно» > «Преобразование»). Вы можете легко установить значение радиуса в разделе Углы.

Используйте панель «Трансформация» для редактирования радиуса угла

Шаг 5

Что делать, если вы не можете согнуть угол пути или объекта? Иногда вы можете столкнуться с ситуацией, когда виджеты Live Corner не отображаются.

Во-первых, убедитесь, что ваша версия Adobe Illustrator не старше версии Illustrator CC/17.1, в которой представлены живые углы.

Во-вторых, убедитесь, что параметр "Просмотр" > "Показать угловые виджеты" включен.

В-третьих, проверьте, является ли точка привязки углом. Выберите точку с помощью инструмента "Прямое выделение", затем перейдите в раздел "Преобразование" на панели управления и щелкните значок "Преобразовать выбранные опорные точки в угловые".

Если вы по-прежнему не можете скруглить углы после этого момента, возможно, проблема связана с тем, что объект слишком мал. Чтобы решить эту проблему, масштабируйте объект, пока не увидите появление виджетов. Это может нарушить исходный размер объекта, но после внесения изменений в скругление углов вы можете просто уменьшить его обратно.

2. Другие приемы скругления углов в Illustrator

Существуют различные способы быстрого скругления углов или краев контура или фигуры с помощью основных инструментов Illustrator. Давайте посмотрим на варианты.

Способ 1. Узнайте, как использовать инструмент опорной точки

Иногда при выборе контура или фигуры могут отображаться как острые края, так и сглаженные углы.

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

Чтобы изменить сглаженные углы, их необходимо преобразовать в острые опорные точки. Для этого используйте инструмент Anchor Point Tool (Command-C). Таким образом, чтобы преобразовать острые углы, просто нажмите, перетащите и отпустите опорную точку, чтобы перетащить маркеры наружу.

Чтобы преобразовать сглаженные углы, просто нажмите опорную точку, чтобы удалить маркеры, а затем отрегулируйте скругление с помощью инструмента "Прямое выделение" (A).

Метод 2: скругление углов с помощью кнопки преобразования

В этом методе скругления углов в Illustrator используется кнопка «Преобразовать».

Если у вас выбрана одна опорная точка, перейдите на панель «Свойства», где вы увидите отображаемый раздел «Преобразовать». Первая кнопка преобразует угол в острый, а вторая кнопка преобразует выбранные опорные точки в сглаженные.

Преобразование острых углов в сглаженные с помощью параметров преобразования на панели свойств

Способ 3. Применение эффекта стилизации к закругленным углам

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

Выбрав фигуру, примените Эффект > Стилизация > Скругленные углы, и вы увидите, что динамический эффект единообразно применяется к внешнему виду вашего объекта. Вы можете определить кривизну закругленной кривой, задав значение Round Corners: Radius pt в диалоговом окне.

Как скруглить углы прямоугольника в Illustrator с помощью эффекта «Стилизация»

3. Как применить закругленные углы к изображению в Adobe Illustrator

Для последнего метода предположим, что у вас есть фотоизображение, и вы хотите знать, как сделать закругленные углы в Illustrator. Для этого быстрого совета мы использовали красочную обучающую игрушечную фотографию от Envato Elements.

Шаг 1

Импортируйте изображение на монтажную область (Файл > Поместить). Затем выберите инструмент «Многоугольник» в разделе «Инструмент «Прямоугольник» (M) в меню «Инструменты» и нарисуйте шестиугольник поверх изображения.

Шаг 2

Выделите шестиугольник и фотографию с помощью инструмента «Выделение» (V). Затем выберите «Объект» > «Обтравочная маска» > «Создать» (Command-7), чтобы создать набор обрезки, маскирующий фотографию.

Шаг 3

Затем возьмите инструмент "Прямое выделение" (A), удерживайте клавишу Shift и выберите несколько узлов Динамические углы сверху и снизу шестиугольника. Перетащите узлы к центру фигуры, и вы закруглите углы изображения.

Вы получили навык!

Теперь вы научились скруглять углы в Illustrator! Это определенно облегчит ваш рабочий процесс и производительность.

Если у вас есть вопросы о том, как скруглить края или углы в Illustrator, просто оставьте комментарий ниже.

Ознакомьтесь с другими полезными руководствами от Envato Tuts+, чтобы начать свою дизайнерскую карьеру! Как всегда, спасибо за подписку!

В этом уроке по Photoshop мы рассмотрим, как легко создавать закругленные углы фотографии. Как и в большинстве вещей в Photoshop, существует около 17 различных способов создания закругленных углов, но мы собираемся сделать вещи интереснее, посмотрев способ сделать это с помощью чего-то в Photoshop, о чем многие люди даже не знают — векторных масок. ! Что такое векторная маска? Что ж, если вы думаете, что слои-маски — это весело (вы действительно думаете, что слои-маски — это весело, верно?), вам понравятся векторные маски!

Любой графический дизайнер знает, что одним из способов вызвать у людей определенные чувства при взгляде на дизайн является использование форм. Различные формы по-разному влияют на нас. Одни формы кажутся теплыми, дружелюбными и веселыми, а другие кажутся холодными, жесткими и более серьезными. Вам не нужно быть экспертом по дизайну, чтобы испытать это на себе. Просто возьмите карандаш и лист бумаги, нарисуйте себе квадрат, затем круг и спросите себя, какой из них кажется вам более привлекательным. Скорее всего, если вы не относитесь к тому типу людей, которым нравится проводить субботние вечера за реорганизацией своего картотечного шкафа (хотя в этом нет ничего плохого), вы выберете круг. Люди любят круги. Это «теплые, дружелюбные и веселые» фигуры. На самом деле, это даже не обязательно должен быть полный круг. Вы можете взять квадрат или прямоугольник с его резкими, прямыми углами, которые обычно не кажутся нам очень забавными, вместо этого придать ему закругленные углы, и вдруг это станет душой вечеринки!

Хорошо, возможно, это немного преувеличение, но закругленные углы определенно кажутся нам более привлекательными, чем острые прямые углы. Немного жаль, что каждый раз, когда мы делаем фотографию, даже если это фотография детского дня рождения с воздушными шарами и праздничными шляпами, фотография все равно заканчивается острыми углами. Это может быть хорошо, если мы просто печатаем фотографии, но что, если мы хотим использовать фотографию в дизайне или коллаже? Как нам превратить эти острые углы в круглые?

Ответ? Очень легко, особенно когда мы используем векторную маску! На самом деле, мы можем не только придать фотографии
закругленные углы, но и полностью контролировать степень их закругления!

Вот изображение, которое я буду использовать в этом уроке Photoshop:

Давайте посмотрим, как легко скруглить эти углы!

Это руководство из нашей серии фотоэффектов. Начнем!

Шаг 1. Добавьте маску слоя

Я открыл новый пустой
документ Photoshop, залил слой Фон черным цветом, чтобы нам было легче видеть, что происходит, а затем перетащил свою фотографию в новый документ. документ. Мы можем увидеть документ здесь, показывающий фотографию на черном фоне:

И если мы посмотрим на палитру «Слои», мы увидим, что фотография находится на собственном слое «Слой 1» над слоем Фон:

Палитра «Слои» в Photoshop, показывающая фотографию на «Слое 1» над фоновым слоем, который заполнен черным цветом.

Выбрав «Слой 1» или любой другой слой, на котором находится ваша фотография, щелкните значок «Маска слоя» в нижней части палитры «Слои»:

Похоже, что в вашем документе ничего не произошло, но если мы посмотрим на слой в палитре слоев, мы увидим, что теперь у нас есть миниатюра маски слоя справа от миниатюры предварительного просмотра слоя:

Мы не будем рассматривать маски слоя в этом уроке, поскольку мы не будем их использовать, но если вы хотите узнать больше о масках слоя, обязательно ознакомьтесь с нашим полным руководством по маскам слоя в разделе «Основы Photoshop». .

Шаг 2. Добавьте векторную маску

Хорошо, если мы не собираемся использовать маску слоя, почему мы просто добавили ее? Ну, мы собираемся сделать то, что многие люди никогда не делают. Мы увидим то, что многие никогда не увидят. Почему? Потому что мы не "много людей". Мы отличаемся от них. Эти люди нажимают на значок один раз, смотрят, что он делает, а затем вздремнуть. Им никогда не приходит в голову, что, может быть, просто может быть, если они нажмут на тот же самый значок в второй раз, есть по крайней мере небольшой шанс, что что-то другое может случиться! И это очень плохо для них, потому что в этом случае произойдет что-то другое!

Я знаю, это звучит безумно, но теперь, когда мы добавили нашу маску слоя, нажмите еще раз на тот же самый значок маски слоя:

Если в настройках Photoshop включен параметр «Показывать подсказки», возможно, вы уже заметили некоторые отличия, когда навели указатель мыши на значок. Подсказка больше не говорит «Добавить маску слоя», как обычно. Вместо этого теперь он говорит «Добавить векторную маску», и как только мы нажмем на значок, если мы посмотрим на слой в палитре слоев, мы получим то, что кажется миниатюрой маски второго слоя справа от первого. . Разница в том, что это не миниатюра маски второго слоя. Это миниатюра векторной маски:

Миниатюра маски слоя слева и миниатюра векторной маски справа выглядят одинаково, но между маской слоя и векторной маской есть большая разница. Оба используются для отображения и скрытия разных частей слоя, но то, как они это делают, совершенно разные. С маской слоя мы рисуем на ней, обычно с помощью инструмента «Кисть», чтобы сделать разные части маски либо белыми, либо черными, либо каким-то промежуточным оттенком серого. Белый цвет делает эту часть слоя видимой, черный скрывает ее, а серый делает эту область частично видимой в зависимости от того, насколько светлым или темным является оттенок серого.

С другой стороны, векторные маски вообще не требуют рисования. Фактически, вы не можете рисовать на них, потому что Photoshop не позволяет вам это делать. Вместо этого мы используем фигуры, чтобы контролировать, какие части слоя видимы или скрыты. На самом деле, прямо сейчас мы собираемся использовать фигуру для создания закругленных углов!

Шаг 3. Выберите инструмент «Прямоугольник со скругленными углами»

После добавления нашей векторной маски перейдите в палитру инструментов и выберите инструмент «Прямоугольник со скругленными углами» . По умолчанию он вложен в обычный инструмент «Прямоугольник», поэтому щелкните инструмент «Прямоугольник» и удерживайте кнопку мыши в течение секунды или двух. Вы увидите всплывающее меню. Выберите инструмент «Прямоугольник со скругленными углами» из списка:

Нажмите и удерживайте кнопку мыши на инструменте "Прямоугольник" в палитре "Инструменты", затем выберите "Инструмент "Прямоугольник со скругленными углами"" в появившемся всплывающем меню.

Не путайте эти инструменты с инструментами выделения в верхней части палитры инструментов, такими как прямоугольное выделение или эллиптическое выделение. Это инструменты выделения, и они используются для перетаскивания выделения. Инструменты, которые мы здесь выбираем, относятся к инструментам «Фигура» и используются для рисования фигур.

Выбрав инструмент «Прямоугольник со скругленными углами», перейдите на панель параметров в верхней части экрана. Вы увидите группу из трех значков слева. Эти три значка определяют, как будет работать наш инструмент Shape. Мы хотим рисовать фигуры с помощью нашего инструмента «Фигура» (звучит довольно очевидно, не правда ли?), поэтому щелкните значок слева, который является значком слоев «Фигура»:

Затем, если вы продвинетесь дальше вправо, вы перейдете к параметру Радиус. Этот параметр определяет, насколько закругленными будут наши углы. Чем выше число, тем более округлыми они будут. Меньшее число, менее округленное. Простые вещи. Проблема в том, что вы никогда не будете точно знать, какое число ввести для значения радиуса, пока не попробуете его, не начнете рисовать фигуру, не посмотрите, насколько закруглены углы, а затем не решите, довольны ли вы результатом. или угол должен быть более или менее округлен. Обычно я начинаю со значения где-то между 10-20 пикселями, затем растягиваю свою форму и решаю, нравятся ли мне углы. Обычно я этого не делаю, и вы, вероятно, тоже не будете с первой попытки, поэтому просто введите значение для начала, растяните фигуру, и если вас не устраивает округлость углов, просто нажмите Ctrl. +Z (Win)/Command+Z (Mac), чтобы отменить фигуру, затем введите другое значение в поле «Радиус» и повторите попытку.

Я уже экспериментировал с этим несколько раз и знаю, что значение радиуса около 30 пикселей даст мне нужные углы, поэтому я введу "30 пикселей" ("px " означает "пиксели") в параметр "Радиус":

Шаг 4. Выберите миниатюру векторной маски в палитре слоев

У нас выбран инструмент «Прямоугольник со скругленными углами», мы выбрали параметр «Формирование слоев» в палитре «Слои» и ввели значение «Радиус», которое будет определять, насколько закругленными будут наши углы. Мы готовы растянуть нашу форму. Однако сначала нам нужно убедиться, что векторная маска выбрана, поэтому вернитесь в палитру слоев и щелкните миниатюру векторной маски, чтобы выбрать ее. Вы увидите, что вокруг миниатюры появится белая рамка, которая сообщает нам, что выбрана векторная маска:

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

Шаг 5. Перетащите фигуру

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

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

Здесь я вытащил прямоугольник со скругленными углами прямо внутри краев фотографии. Вы можете увидеть закругленные углы формы, которые через мгновение станут закругленными углами самой фотографии:

Нажмите и перетащите прямоугольник со скругленными углами внутри документа. Любые области фотографии, выходящие за пределы фигуры, будут скрыты векторной маской.

Отпустите кнопку мыши, когда форма вас устроит, и ваша фотография сразу же "маскируется" под форму благодаря векторной маске, а углы фотографии теперь закруглены:

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

Давайте закончим, добавив границу к нашей фигуре.

Шаг 6. Добавьте белую обводку, чтобы создать фоторамку

То, что углы нашей фотографии теперь закруглены, не означает, что мы не можем добавить к ней рамку фотографии. Это просто означает, что углы границы также будут закруглены! Чтобы добавить границу, щелкните значок «Стили слоя» в нижней части палитры «Слои»:

Затем выберите «Обводка» в нижней части появившегося списка стилей слоя:

Откроется диалоговое окно «Стиль слоя Photoshop», для которого в среднем столбце установлены параметры «Обводка». Я собираюсь увеличить размер обводки примерно до 16 пикселей. Вы можете установить другое значение в зависимости от размера и разрешения вашего изображения. Я оставлю для параметра «Положение» значение «Снаружи», что позволит разместить обводку полностью за пределами краев фигуры. Наконец, я собираюсь щелкнуть образец цвета для параметра «Цвет» внизу, который по умолчанию установлен на красный (потому что Adobe считает, что все, естественно, хотят красный цвет в качестве цвета обводки), и из появившейся палитры цветов, Я собираюсь выбрать белый цвет в качестве цвета обводки. Нажмите OK, чтобы выйти из палитры цветов после выбора белого цвета:

Когда закончите, нажмите "ОК", чтобы выйти из диалогового окна "Стиль слоя" и применить обводку! Вот мой окончательный результат после применения обводки для создания границы фотографии:

И вот оно! Вот как невероятно легко придать фотографии скругленные углы в Photoshop с помощью векторной маски и инструмента «Прямоугольник со скругленными углами»! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!

Читайте также: