Как сгладить углы у фигур в фотошопе — уроки фотошоп

Как сгладить углы у фигур в фотошопе

В этом уроке вы узнаете, как в фотошоп сгладить острые углы у фигур.

Для начала, давайте создадим фигуру. Сделать это можно, выбрав в панели инструментов инструмент Произвольная фигура (Custom Shape Tool). Горячая клавиша вызова подменю инструментов для создания векторных фигур – U.

Для того, чтобы этот инструмент стал активным, есть два способа:

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

2. Длинное нажатие левой кнопки мыши по группе инструментов также откроет подменю.

Загружаем в фотошоп все имеющиеся фигуры (щелкаем по миниатюре фигуры в верхней панели и нажимаем на «шестеренку» справа для открытия дополнительных настроек):

Из выпадающего списка выбираем фигуру с острыми уголками, например, такую звездочку с 10 углами:

При создании фигуры не забываем удерживать клавишу Shift – это поможет сохранить пропорции.

Теперь необходимо растрировать фигуру – щелчок правой клавишей мыши по слою с фигурой-Растрировать слой.

Далее переходим в Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur).

Радиус подбираем в зависимости от размера холста и желаемого результата, я выбрала 6 пикселей.

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

При активном выделении нажимаем кнопку «Уточнить край» (Refine Edge):

Откроется меню настроек, в котором нам нужно параметр Растушёвка (Feather) оставить на , а параметр Контрастность (Contrast) увеличить максимально, до 100%.

Параметр Сгладить (Smooth)настраиваем на свой вкус, именно он поможет скруглить углы фигуры. В случае с 10-гранной звездой я его выставила на максимум, у вас же могут быть совсем другие настройки.

В параметре Вывод в … оставляем настройку, установленную по умолчанию – выделение.

Нажимаем клавишу Enter для применения настроек.

Создаем новый слой и при помощи инструмента Заливка (Paint Bucket Tool) или перейдя в меню Редактирование-Выполнить заливку заливаем выделение нужным цветом, например, черным, как на исходной фигуре. Отключаем видимость исходного слоя с фигурой и получаем вот такую фигуру со скругленными углами:

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

Как закруглить острые углы в Фотошоп

В этом кратком уроке я вам покажу, как вы можете cделать закругленные углы в Photoshop при помощи простых методов маскировки и фильтров.

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

Скачать архив с материалами к уроку

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

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

В нем вам нужно перейти в меню Эффекты > Стилизация > Скругленные углы (Effects > Stylize > Rounded Corners).

Шаг 1

В этом быстром уроке я покажу вам простой метод, который позволит получить закругленные углы уже в Photoshop, используя растрированный текст, форму или какое-либо изображение. Возьмём векторное изображение звезды с острыми углами (этот метод будет хорошо работать так же и с прямыми углами).

Шаг 2

Теперь вам нужно растрировать слой. Для этого кликнете правой кнопкой мыши по миниатюре слоя звезды в палитре слоев и в контекстном меню выберите Растрировать слой (Rasterize Layer). То же самое вы должны сделать, если используете текстовый слой.

Шаг 3

Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.

Шаг 4

Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения.

Далее переходим в меню Выделение и выбираем Уточнить край (Select > Refine Edge).

Вы можете поэкспериментировать с параметрами Сглаживания (Smooth) и Растушевки (Feather), чтобы подобрать нужный эффект. Контрастность (Contrast) сделайте 100.

Шаг 5

Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».

Шаг 6

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

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

Автор урока: psddude

Как в фотошопе закруглить острые углы

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

Вот, что должно получиться:

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

Шаг 1 Рисуем звезду при помощи фигуры.

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

Шаг 2

На той же панели параметров выберите настройку Слой-фигура.

Теперь нарисуйте звезду.

Шаг 3

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

Шаг 5

Перейдите во вкладку фильтров. Нужно выбрать Размытие — Размытие по Гауссу. Величину поставьте в соответствии с вашими целями. Чем больше размытие, тем сильнее можно сделать закругление. У меня стоит 5 пикселей.

Шаг 6

Выделите слой со звездой — удерживая клавишу Ctrl, сделайте клик левой кнопкой мыши по миниатюре слоя (!). Данная операция выделяет содержимое слоя, то есть нашу фигуру.

По контуру фигуры должны появиться пунктирные линии (марширующие муравьи).

Шаг 7

Теперь откройте окно Выделение — Уточнить край. Выставите значения как показано на изображении (параметр Вид выберите На белом):

Шаг 8

Нажав на ОК, получится такой промежуточный этап.

Как видите, пунктирные линии уже показывают какими в итоге будут углы. Осталось избавиться от лишнего. Для этого сделаем инверсию выделения — Ctrl+Shift+I. После этой команды фотошоп сделает выделение наоборот, то есть выделит участок документа от фигуры до краев документа.

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

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

Рисование фигур с помощью инструментов группы «Фигура» в Photoshop

Примечание.

Инструменты фигур позволяют легко создавать кнопки, навигационные панели и другие элементы веб-страниц. Обзор всех возможностей рисования в Photoshop см. в разделе Сведения о рисовании.

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

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

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

При создании растровой фигуры фигура отрисовывается, растрируется и заливается основным цветом. Растровую фигуру нельзя редактировать как векторный объект. Растровые фигуры создаются с использованием текущего основного цвета.

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

Доступ к параметрам работы с фигурами на панели параметров (параметры работы с линиями отображаются)

Добавляются стрелки на концах линии. Выберите инструмент «Линия», а затем установите флажок «Начало», чтобы добавить стрелку в начале линии, или флажок «Конец», чтобы добавить стрелку в конце линии. Установите оба флажка, чтобы добавить стрелки на обоих концах. Параметры фигуры отображаются во всплывающем диалоговом окне.

Введите значения «Ширина» и «Длина», чтобы указать пропорции стрелки в процентном отношении к толщине линии (от 10 до 1000 % для ширины, от 10 до 5000 % для длины). Введите значение кривизны стрелки (от -50 до +50 %).

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

Примечание.

Можно отредактировать стрелку и непосредственно с помощью векторных инструментов выделения и рисования.

Ограничивает форму эллипса кругом.

Визуализирует заказную фигуру с использованием пропорций, которые она имела при создании.

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

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

Визуализирует прямоугольник с прямыми или скругленными углами, эллипс или заказную фигуру от центра.

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

Визуализирует прямоугольник с прямыми или скругленными углами, эллипс или произвольную фигуру в виде фигуры с пропорциями, введенными в текстовых полях «Ширина» и «Высота».

Для прямоугольников со скругленными углами — радиус скругления углов. Для многоугольников — расстояние от центра многоугольника до внешних точек.

Число сторон многоугольника.

Сгладить внутренние углы или внешние углы

Визуализирует многоугольник со сглаженными внутренними или внешними (в случае звезды) углами.

Края прямоугольника с прямыми или скругленными углами привязываются к границам пикселов.

Ограничение формы прямоугольника с прямыми или скругленными углами квадратом.

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

Задает ширину в пикселах для инструмента «Линия».

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

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

Как закруглить углы на изображении в фотошопе?

Хорошего всем утра, дня, вечера либо ночи. С вами опять и снова Дмитрий Костин. Как-то я просматривал тут и разные картинки мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сходу как-то занимательнее смотрится.

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

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

Простое сглаживание

Сглаживание с применением границ

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

Посредством создания фигуры

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

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

Попытайтесь выполнить все сами, а заодно и сообщите, какой из представленных способов болле предпочтителен вам.

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

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

Ожидаю вас опять. Пока-пока.

С уважением, Дмитрий Костин

Как закруглить углы на изображениях в Photoshop

Объёмные фигуры в Photoshop

В этом уроке я расскажу, как создавать текстовые 3D-эффекты. Для выполнения этого руководства вам понадобится Adobe Photoshop CS4 версии Extended. Не сомневайтесь, будет весело, и я уверен, что вы сможете придумать множество других интересных ходов в Photoshop, используя эту технику. Приступим!

Финальное изображение

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

Шаг 1

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

Создайте новый документ 1000 пикселей в ширину и 600 пикселей в высоту. Установите «Разрешение» (Resolution) 300 пикселей/дюйм, а «Цветовой режим» (Color Mode) установите RGB, сохраните документ под именем «Blocks.»

Установите цвет фона (Background) равным #3a3a3a. Сделайте черный цвет цветом переднего плана (Foreground Color), возьмите инструмент «Горизонтальный текст» (Horizontal Type Tool) и напишите «PSD«. Установите шрифт Acknowledge, размер букв (Font Size) 120 пунктов и «Метод сглаживания» (Anti-aliasing Method) в режим None, чтобы достичь шероховатости:

Шаг 2

Создайте новый слой и назовите его «Mosaic«. Цвет переднего плана (Foreground Color) сделайте 70% черного и цвет фона — 85% черного. Примените Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Затем примените Фильтр > Оформление> Мозаика (Filter > Pixelate > Mosaic), где параметр «Размер ячейки» (Cell Size) установите 50:

Шаг 3

Выберите слой «Background» и нажмите комбинацию клавиш Command + J для создания его копии. Теперь, удерживая клавишу Alt, щелкните левой кнопкой мыши по линии между слоями «PSD» и «Mosaic» для создания маски слоя «Mosaic«:

Шаг 4

В панели слоев (Layers Palette) выберите все слои, кроме «Background«. Выполните 3D > Новая сетка из градаций серого > Двусторонняя плоскость (3D > New Mesh From Grayscale > Two-sided Plane). Photoshop создаст две симметричные плоскости и применит выбранный слой как карту глубины.

Это означает, что наш мозаичный текст теперь является картой глубины для плоскости, светлые квадраты будут располагаться выше, а темные — глубже. Самая темная область – поверхность цветом «a3a3a3«, а все остальные области светлее нее, потому не будет никаких углублений, а образуются неровности на поверхности:

Шаг 5

Теперь у нас есть 3D-объект, на который мы смотрим со стороны его передней части. На самом деле мы рассматриваем его с помощью камеры, а камера находится в передней части 3D-объекта. У вас есть два варианта для получения вида в перспективе. Вы можете вращать сам объект, или же изменить ориентацию камеры. Мы решили оставить объект в покое и заняться камерой.

Выберите инструмент «3D – орбита» (3D Orbit Tool) и перетащите его так, чтобы изменить точку ракурса камеры. Вы также можете использовать инструмент «3D – Вращение» (3D Roll View Tool) для вращения камеры.

Инструмент «3D – орбита» (3D Orbit Tool) крутит камеру в координатах осей X и Y. «3D – Вращение» (3D Roll View Tool) вращает камеру в плоскости Z-оси.

Используя эти инструменты, попытайтесь достичь перспективы, которая показана на рисунке ниже. Затем с помощью инструмента «3D – Увеличение» (3D Zoom Tool) сделайте необходимое приближение, а с помощью инструмента 3D – Панорамный вид (3D Pan View Tool) передвиньте камеру при необходимости:

Шаг 6

Есть разные настройки для рендеринга в Photoshop. Но единственный способ рендеринга, который даст нам и тени, и отражения — метод трассировки лучей. Но для достижения нужного нам эффекта, мы не будем его использовать. Таким образом, нам нужно создать отражение, используя одну хитрость. Поэтому мы и используем двустороннюю плоскость:

Шаг 7

Откройте меню Окно > 3D (Window > 3D) или дважды кликните по иконке 3D слоя «Mosiac» в панели слоев. Выберите «Сцена» (Scene) и отметьте галочку «Поперечное сечение (Cross Section)».

Эта операция уберет видимость всей 3D-модели, а отобразит только выбранную плоскость. Плоскость перпендикулярна выбранной оси. Выбираем ось Y. Таким образом, нижняя часть объекта станет отлично видна:

Шаг 8

При создании сетки из черно-белого изображения, Photoshop использует оттенки серого как глубинную карту. В панели слоев (Layers Palette), когда выберите слой «Mosaic«, вы сможете увидеть текстуру его глубины.

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

Все изменения будут сохранены и отобразятся, когда вы вернетесь к главному окну документа «Blocks«. Потому, если вам не нравится получившаяся структура, вы можете открыть текстуру Mosaic Depth, зайти в слой «Mosaic» и применить фильтр «Облака» (Clouds) и Mosaic повторно, как описано в шаге