Закругленные углы в Фотошоп
В Фотошоп для того, чтобы закруглить углы, нет специального фильтра, как например в программе Иллюстратор, в которой для этого достаточно воспользоваться вкладкой меню Effect > Stylize и выбрать команду Rounded Corners.
В этом Фотошоп уроке я покажу Вам несколько несложных приёмов, которые помогут Вам закруглить углы любых растровых объектов.
Создайте новый холст и перейдите к инструменту Произвольная фигура (Custom Shape Tool), нажав клавишу (U). В настройках этого инструмента из списка произвольных фигур кликните по фигуре со звездой и образуйте её в центре холста.
На слое со звездой щёлкните правой кнопкой мыши и из контекстного меню выберите опцию Rasterize Layer (Растрировать слой).
После этого перейдите Filter > Blur (Фильтр — Размытие) и выберите Gaussian Blur (Размытие по Гауссу). Значение радиуса для размытия установите в зависимости от размера звезды и желаемого результата.
Создайте выделение для звезды (Ctrl + клик правой кнопкой мыши по миниатюре слоя со звездочкой). Далее нажмите Ctrl + Alt + R для выбора инструмента Refine Edge (Утончить край) и установите значения, подобно скриншоту ниже. C такими параметрами, как Feather (Растушевка) и Smmoth (Сглаживание) вы можете поэкспериментировать, но значение для Контрастности должно оставаться 100%.
На новом слое заполните выделение цветом оригинальной фигуры.
Добавьте к нему маску и углы вашей фигуры закруглятся.
Примечание: чтобы увидеть результат скругления углов, необходимо убрать видимость нижнего слоя с фигурой.
Таким образом скруглять углы можно не только у различных фигур, но и у букв.
Варианты рисования прямоугольника и изменения обводки
Узнайте, как в Photoshop работать с инструментом «Прямоугольник».
Рисование прямоугольника
Инструмент «Прямоугольник» позволяет рисовать прямоугольники и прямоугольники со скругленными углами на холсте.
Выберите инструмент Прямоугольник
На панели инструментов щелкните и удерживайте значок группы инструментов Фигура (
), чтобы вызвать различные варианты инструмента «Фигура». Выберите инструмент Прямоугольник .
Настройте свойства фигуры инструмента «Прямоугольник»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- «Режим»: задайте режим для инструмента «Прямоугольник» — «Фигура», «Контур» и «Пиксели».
- «Заливка»: выберите цвет заливки прямоугольной фигуры.
- «Обводка»: выберите цвет, ширину и тип обводки фигуры.
- «Ширина обводки»: вручную укажите ширину обводки прямоугольника.
- Stroke type (Тип обводки): выберите тип обводки для построения прямоугольника.
- Shape W&H (Ш и В фигуры): вручную задайте ширину и высоту фигуры.
- «Операции с контуром»: используйте операции с контуром для настройки взаимодействия нарисованных прямоугольников друг с другом.
- «Выравнивание контура»: используйте этот параметр для выравнивания и распределения прямоугольников.
- «Упорядочение контура»: используйте этот параметр для настройки порядка расположения создаваемых прямоугольников.
- Дополнительные параметры фигур и контуров: щелкните значок шестеренки (
) для доступа к дополнительным параметрам прямоугольных фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при построении прямоугольника. - Radius of rounded corners (Радиус скругления углов): вручную задайте радиус скругления углов прямоугольника.
Рисование прямоугольника
Щелкните холст, чтобы вызвать диалоговое окно «Создание прямоугольника». В этом диалоговом окне можно вручную задать размер, радиусы углов прямоугольника и выбрать выравнивание по центру. Для применения изменений нажмите кнопку «ОК». Разместите и перетащите указатель мыши на холсте, чтобы нарисовать прямоугольник. При этом автоматически создается новый слой на панели «Слои».
В выпуске за март 2021 г. Photoshop 22.3 инструмент «Прямоугольник со скругленными углами» удален. Однако вы можете использовать улучшенный инструмент «Прямоугольник», чтобы рисовать прямоугольники со скругленными углами и задавать радиусы углов в соответствующем поле.
Редактирование свойств прямоугольной фигуры
Можно легко редактировать свойства фигуры прямо с помощью элементов управления на холсте или с помощью раздела Свойства фигуры на панели Свойства.
Задание параметров обводки фигуры
Используйте инструмент Выделение контура для выделения фигуры, контур которой необходимо изменить.
На панели Свойства или панели параметров инструментов щелкните значок меню Задать тип штриха фигуры , чтобы открыть панель Параметры обводки .
На панели Параметры обводки выполните любое из следующих действий.
- Выберите требуемый стиль обводки.
- Щелкните значок Выровнять и выберите параметр для определения положения обводки относительно контура.
- Щелкните значок Концы и выберите тип конца для определения вида обоих концов контура.
Срезанные концы Создает квадратные концы, которые заканчиваются в конечных точках.
Скругленные концы Создает полукруглые концы, которые распространяются за конечные точки на половину толщины обводки.
Выступающие концы Создает квадратные концы, которые распространяются за конечные точки на половину толщины обводки. Этот параметр обеспечивает равномерное распространение толщины обводки во всех направлениях вокруг контура.
Примечание. Помните о том, что концы отображаются, только когда контур открыт. Кроме того, концевые стили лучше видны при больших значениях толщины обводки.
- Щелкните значок Угол для отображения обводки в угловых точках.
Угловые стыки Создает острые углы, которые выходят за пределы конечной точки, если длина среза находится в пределах среза.
Скругленные стыки Создает скругленные углы, которые выходят за конечные точки на половину ширины обводки.
Скошенные стыки Создает скругленные углы, которые заканчиваются в конечных точках.
Примечание. Как и концы, стыки отображаются более наглядно при больших значениях толщины обводки.
Скругляем углы на фото в Фотошопе
Скругленные углы на фотографии выглядят достаточно интересно и привлекательно. Чаще всего такие изображения применяются при составлении коллажей или создании презентаций. Также картинки со скругленными углами можно использовать в качестве миниатюр к постам на сайте. Вариантов использования много, а способ (правильный) получить такое фото всего один. В этом уроке мы покажем, как скруглить углы в Фотошопе.
Скругление углов в Photoshop
Для достижения результата мы используем один из инструментов группы «Фигуры», а затем просто удалим все лишнее.
- Открываем в Фотошопе фотографию, которую собираемся редактировать.
- Затем создаем копию слоя с водопадом под названием «Фон». Для экономии времени воспользуемся горячими клавишами CTRL+J. Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.
В данном случае из настроек нас интересует только одна – радиус скругления. Значение этого параметра зависит от размера изображения и от потребностей. Мы зададим значение в 30 пикселей, так будет лучше видно результат.
Совет: для того, чтобы совершить масштабирование максимально точно, то есть, не выйдя за пределы холста, необходимо включить так называемую «Привязку». Посмотрите скриншот, там указано, где данная функция находится. Она заставляет объекты автоматически «прилипать» к вспомогательным элементам и границам холста.
Сохраняем получившееся изображение в формате PNG. Только в этом формате есть поддержка прозрачных пикселей.
Результат наших действий:
Вот и вся работа по скруглению углов в Фотошопе. Прием очень простой и эффективный.
Закругление углов фигур и текста в Photoshop
В этом уроке я расскажу, как в Photoshop из острых углов букв текста, фигур и предметов сделать мягкие, закругленные углы при помощи простых методов маскирования и фильтров.
Используя этот метод, Вы сможете задать нужный радиус угла, чтобы получить скруглённый край для любого предмета, в т.ч. и букв текста. Данный метод можно использовать даже для закругления углов фотографии.
Вот результаты применения этого способа скругления острых углов:
Давайте начнем с векторной фигуры звезды с острыми углами (хотя метод прекрасно работает с любыми, острыми, прямыми и тупыми углами).
Создаём такую фигуру звезды, это одна из стандартных фигур Photoshop:
Теперь нам надо растеризовать фигуру. Для этого в панели слоёв кликаем по слою с фигурой и выбираем пункт «Растеризовать слой» (Rasterize Layer). Затем применяем Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur).
Значение размытия зависит от линейного размера изображения и величины радиуса скругления, которое Вы хотите получить. Я выбрал значение 4 пикселя:
На всякий случай, создаю копию слоя с размытой фигурой, нажав Ctrl+J.
Зажмите клавишу Ctrl и кликните по иконке слоя в панели слоёв, чтобы создать выделенную область вокруг фигуры. Пройдите по вкладке главного меню Выделение —> Уточнить край (Select —> Refine Edge). Режим просмотра (вверху диалогового окна) выбираем «на чёрном»:
Параметр «Сгладить» (Smooth) отвечает за радиус угла, так что его Вы можете подобрать по вкусу, а вот значения «Растушёвка» (Feather) и «Контрастность» (Contrast) надо задать обязательно 0 пикс. и 100% соответственно.
Нажимаем ОК, диалоговое окно «Уточнить край» закрывается и в документе снова появляются «бегущие муравьи». Нам осталось только кликнуть по значку создания слой-маски внизу панели слоёв, этим мы создадим слой-маску из выделенной области.
Результат:
Панель слоёв выглядит так:
Как можно увидеть на предпоследнем изображении, углы у нас закруглены, но вдоль краёв внутри фигуры появился ненужный цветовой переход (это случилось из-за размытия). Чтобы исправить это зажимаем клавишу Ctrl и кликаем по иконке маски слоя:
Вокруг фигуры появляется выделение. Затем обязательно кликаем по иконке слоя, выбираем желаемый цвет в цветовой палитре и нажимаем Ctrl+Delete для заливки выделения. Я взял исходный цвет фигуры Готово:
Вот как можно закруглить уголки в тексте, применив описанный выше метод:
Кроме того, если слой-маску наложить на исходный файл и частично её удалить, можно добиться действия на отдельные участки фигуры или текста.