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

Автор Дмитрий Костин На чтение 5 мин. Опубликовано 13.03.2016

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

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

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

1. Откройте любое изображение в фотошопе, например фотографию машины.
2. Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места. 
3. Теперь идите в меню «Выделение» — «Модификация» — «Сгладить». Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить 20 пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число. 
4. Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично! 
5. Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
6. Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить», либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.

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

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

1. Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A. 
2. Теперь выберете «Выделение» — «Модификация» — «Граница». Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать. 
3. Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить». Поставьте там там радиус закругления. Я поставлю 30.
4. Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good. 

С помощью создания фигуры

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

1. Но для дальнейших действий нам понадобится одна фигура. Идите в панель инструментов и там выберете инструмент «Прямоугольник с закругленными краями» из группы инструментов «Фигуры». 
2. Теперь воспользуйтесь этим инструментом также, как и прямоугольным выделением, т.е. зажмите левую кнопку мыши в левом верхнем углу, а затем тяните всё это дело в правый нижний угол. Таким образом этот прямоугольник с закругленными краями должен закрыть нашу основную картинку. 
3. Как вы заметили, фигура создалась на новом слое. Это-то нам и нужно. Вот только последовательность их нас не устраивает. Вам нужно поставить слой с картинкой поверх слоя с прямоугольником. Для этого зажмите левую кнопку мыши на слое с изображением и переместите его на одну позицию выше. Но перед этим нажмите на замочек, чтобы разблокировать слой. Тогда слой с машиной встанет поверх фигуры. 
4. Теперь выделите слой с изображением и  нажмите на нем правой кнопкой мыши, после чего выберите «Создать обтравочную маску». 

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

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

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

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

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

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

В этом кратком уроке я вам покажу, как вы можете 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

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

Последнее обновление:18/01/16

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

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

Для тех, кто любит все посмотреть, небольшой видеоролик «как закруглить углы в фотошопе»:

Для тех, кто предпочитает читать и сразу повторять описанные действия, — текстовый вариант.

В первую очередь, Вам нужен фотошоп. Где его взять, вариантов два:

• купить на официальном сайте
• найти на торрентах

Какой вариант выбрать, решать Вам.

Итак, запускаем фотошоп.  Открываем картинку, у которой надо закруглить углы в фотошопе (Файл → Открыть). Если размеры картинки больше, чем Вам необходимо, можно изменить размеры (Изображение  → Размер изображения).

Справа, на превью картинки, есть маленький замочек, который блокирует редактирование исходного изображения (фонового слоя). Чтобы создать новый слой и работать уже с ним, щелкаем на нем 2 раза левой кнопкой мыши, в появившемся окошке ничего не меняем, нажимаем «Да».

Если замочка нет, то одно из двух:

либо в Вашей версии фотошопа фоновый слой можно редактировать (что сомнительно, но вдруг)

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

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

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

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

Правой кнопкой мыши кликаем на прямоугольнике. В контекстном меню выбираем «Образовать выделенную область», радиус растушевки поставим 1 пиксел и нажимаем кнопку «Да».

С помошью меню Выделение → Инверсия выделяем все, что вне прямоугольника со скругленными углами, и удаляем выделенное клавишей Delete.

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

Мы получили картинку с закругленными углами. Сохраняем ее для Web: Файл → Сохранить для Web и устройств. Выбираем Preset: PNG-24, Transparency и жмем Save. В формате PNG-24 картинка сохраняется с прозрачным фоном, для того чтобы ее можно было встроить в любой дизайн сайта.

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

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

Это тоже интересно:

Урок: Как скруглить углы в Adobe Photoshop

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

1. Открываем в Adobe Photoshop изображение. По умолчанию, оно будет фоновым (background image). Чтобы мы смогли с ним работать – нужно создать слой из него при помощи меню Layer -> New -> Layer from Background:

2. Теперь создаем новый слой с помощью горячих клавиш CTRL+SHIFT+N или меню Layer -> New -> Layer. Появиться диалоговое окно. Можете задать название и цвет слоя, например красный, но это только для удобства:

3. Далее создаем прямоугольник со скругленными углами с помощью инструмента Rounded Rectangle Tool в панели инструментов:

Задайте ему необходимый радиус закругления:

А теперь просто нарисуйте его поверх вашего изображения:

4. Переходим к панели слоев Layers:

Удерживая клавишу CTRL, кликните левой кнопкою мыши по прямоугольнику – появится штрихпунктирное выделение.

5. И завершающий шаг. Пока прямоугольник выделен, кликаем левой кнопки мыши по нижнему слою, то есть по слою вашей картинки и нажимаем CTRL+SHIFT + I – штрихпунктиром выделится вся область за пределами нашего прямоугольника:

Жмем Delete! Лишняя область удалится. Теперь снимаем выделение с прямоугольника CTRL+D и удаляем этот слой – вуаля, скругленные углы готовы:

Далее можете просто сохранить его в нужном формате с помощью CTRL+SHIFT+S.

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

В диалоговом окне выберите прозрачные пиксели Transperent Pixels:

Удачи в освоении Adobe Photoshop!

Делаем закругленные углы картинок в Фотошопе

06.02.10    Уроки Photoshop

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

В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь добавлением простой рамки толщиной в 1px

:

 

 

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

Закругляем все углы рисунка с помощью формы Photoshop

 

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

урок Photoshop как новичку сделать картинку с закругленными углами.

1. Открываем Фотошоп. В уроке используется моя любимая версия Adobe Photoshop CS3, но подойдет и любая другая версия, установленная на вашем компьютере.

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

3. Нажимаем на клавиатуре Ctrl+A чтобы выделить весь рисунок, затем нажимаем Ctrl+C, чтобы его скопировать. Открываем новое окно в Фотошопе (Ctrl+N) и вставляем в него скопированный рисунок (Ctrl+V). При этом фон в новом окне должен быть либо прозрачным, либо того цвета, который должен окружать рисунок с закругленными краями на сайте.

4. Создаем новый слой (Ctrl+Shift+N). И в этом новом слое с помощью инструмента Rounded Rectangle Tool (U) рисуем квадрат или прямоугольник нужного размера:

5. Цвет фона нарисованного прямоугольника не имеет значения. Параметр

Radius, характеризующий степень закругленности угла, для этого урока равен 8, но вы можете изменить его по своему усмотрению:

6. Нарисованную в новом слое фигуру можно двигать с помощью стрелок на клавиатуре. Ее форму можно менять, нажав на клавиатуре комбинацию горячих клавиш Photoshop Ctrl+T и растягивая затем фигуру с помощью мыши. Если тянуть за угол, удерживая клавишу Shift, размер фигуры будет меняться пропорционально. В результате всех этих действий мы добьемся того, что фигура с заокругленными краями будет такого размера и формы, которые нам нужны:

7. Удерживая клавишу Ctrl кликаем по превью слоя в панели слоев Layers (у нас это красный квадрат). Это позволит нам выделить красный прямоугольник с закругленными углами, о чем свидетельствует появившаяся пунктирная линия по его границе:

8. В панели слоев Layers переходим на нижний слой с основным изображением и нажимаем комбинацию Ctrl+Shift+I (или Select -> Inverse в главном меню Photoshop). Это позволит выделить область, которая лежит за пределами красного квадрата с закругленными уголками.

9. Нажимаем на клавиатуре клавишу Delete, чтобы удалить эту ненужную нам часть основной картинки. После этого делаем невидимым верхний слой с красным квадратом (в панели Layers нажимаем на иконку глаза возле слоя с красным квадратом). Нажимаем на клавиатуре M и кликаем в любом месте на холсте рисунка, чтобы снять выделение на готовом изображении аватарки с закругленными углами. Если фон мы установили прозрачным, получим следующее:

10. Рисунок без острых углов готов. Можно сохранять его в нужном формате и использовать как аватарку или иллюстрацию на сайте.

 

 

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

Если нужно закруглить только один угол рисунка, а остальные при этом должны остаться острыми, вышеописанная инструкция тоже отлично подойдет для использования. Для этого достаточно сделать с помощью комбинации Ctrl+T размеры красного прямоугольника больше, чем редактируемая картинка. При этом края красного квадрата будут заканчиваться за пределами холста и такой прямоугольник можно наложить на рисунок так, чтобы только один угол накладывался на видимую область рисунка, а остальные остались за его пределами. С помощью инвертирования и удаления выделенной части рисунка мы закруглим только один нужный угол картинки, а остальные углы останутся острыми. Аналогично можно быстро и просто закруглить любое количество углов любого изображения.

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

Узнать больше про продвижение мобильных приложений вы можете на сайте advertmobile.net. Этот сервис предлагает мотивированные установки в больших объемах для разработанного вами приложения, а также их грамотную раскрутку в App Store и Google Play.

 

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

%d1%83%d0%b3%d0%be%d0%bb PNG образ | Векторы и PSD-файлы

green environmental protection pattern garbage can be recycled green clean

2000*2000

но логотип компании вектор дизайн шаблона иллюстрация

4083*4083

естественный цвет bb крем цвета

1200*1200

3d модель надувной подушки bb cream

2500*2500

цвет перо на воздушной подушке bb крем трехмерный элемент

1200*1200

Косметический bb Крем Дизайн Плаката косметический Косметика постер Реклама косметики Плакат

3240*4320

pop be surprised female character

2000*2000

аэрозольный баллончик увлажняющий лосьон bb cream парфюм для рук

3072*4107

Красивая розовая и безупречная воздушная подушка bb крем косметика постер розовый красивый розовый Нет времени На воздушной

3240*4320

глюк числа 83 вектор на прозрачном фоне

1200*1200

крем крем вв вв на воздушной подушке иллюстрация

2000*2000

витамин b3 ниацин вектор витамин золото масло таблетки значок органический витамин золото таблетки значок медицина капсула золотое вещество для красоты косметическое здоровье промо реклама дизайн 3d комплекс витаминов иллюстрация

5000*5000

две бутылки косметики жидкая основа белая бутылка крем bb

2000*2000

bb крем ню макияж косметика косметика

1200*1500

Мечтательный красивый чистый ню макияж bb косметический плакат косметический Косметический постер Реклама косметики косметология Красота

3240*4320

bb кремовый плакат белый макияж косметический На воздушной подушке

3240*4320

bb крем ню макияжа постер Новый список преимущественный колос День святого

3240*4320

жидкая подушка крем bb

1200*1200

bb крем cc крем пудра Порошок торт фонд

2000*2000

red bb cream cartoon cosmetics

2500*2500

be careful to slip fall warning sign carefully

2500*2775

аэрозольный баллончик увлажняющий лосьон bb cream парфюм для рук

2000*2000

break split orange be

2000*2000

Реклама продукта по уходу за кожей черного золота bb bb крем bb кремовый

3240*4320

аэрозольный баллончик увлажняющий лосьон bb cream парфюм для рук

2000*2000

skin care products womens products bb cream skincare

3000*3000

на воздушной подушке на воздушной подушке bb крем консилер отрегулировать тон кожи

2000*2000

элегантный серебряный золотой bb позже логотип значок символа

1200*1200

83 летие векторный дизайн шаблона иллюстрация

4083*4083

ручная роспись ms на воздушной подушке крем bb

2000*2000

be careful warning signs warning signs be

2000*2000

Воздушная подушка cc крем косметика косметика по уходу за кожей плакат пресная Воздушная подушка bb крем cc

3240*4320

ms косметика bb крем для ухода за кожей

2200*2800

аэрозольный баллончик увлажняющий лосьон bb cream парфюм для рук

2000*2000

blue series frame color can be changed text box streamer

1024*1369

bb градиентный логотип с абстрактной формой

1200*1200

bb female cosmetic whitening

2480*3508

простая инициализация bb b геометрическая линия сети и логотип цифровых данных

2276*2276

Круглая открытая косметическая воздушная подушка bb cream

1200*1200

Креативное письмо bb дизайн логотипа черно белый вектор минималистский

1202*1202

Дизайн плаката красоты на воздушной подушке bb

640*853

have electricity prohibit be careful be

2000*2000

Творческий синтетический натуральный розовый изоляция солнцезащитный крем рекламный плакат Голубое небо пресная красивый созидательный синтез цветы изоляция Солнцезащитный bb bb крем Солнцезащитный косметический косметология Средства

3240*4320

bb логотип градиент с абстрактной формой

1200*1200

womens beauty cosmetics bb cream bb

3000*3000

83 летний юбилей ленты

5000*3000

foundation cream cream bb cream pink box

2000*2000

83 летие векторный дизайн шаблона иллюстрация

4167*4167

h5 материал bb крем эффект

3000*3000

морковный крем

2480*2480

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

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

Скругление углов в Photoshop

Для достижения результата мы используем один из инструментов группы «Фигуры», а затем просто удалим все лишнее.

1. Открываем в Фотошопе фотографию, которую собираемся редактировать.

2. Затем создаем копию слоя с водопадом под названием «Фон». Для экономии времени воспользуемся горячими клавишами CTRL+J. Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.

3. Идем дальше. А дальше нам понадобится инструмент «Прямоугольник со скругленными углами».

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

4. Далее рисуем на холсте прямоугольник любого размера (мы его потом будем масштабировать).

5. Теперь нужно растянуть полученную фигуру на весь холст. Вызываем функцию «Свободное трансформирование» горячими клавишами CTRL+T. На фигуре появится рамка, при помощи которой можно перемещать, вращать и изменять размер объекта.

6. Нас интересует масштабирование. Растягиваем фигуру при помощи маркеров, указанных на скриншоте. После завершения масштабирования нажимаем ENTER.

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

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

8. Как видим, вокруг фигуры образовалось выделение. Теперь переходим на слой-копию, а со слоя с фигурой снимаем видимость (см. скриншот).

9. Теперь слой с водопадом активен и готов к редактированию. Редактирование заключается в удалении лишнего из углов картинки. Инвертируем выделение горячими клавишами CTRL+SHIFT+I. Теперь выделение осталось только на углах.

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

11. Убираем ненужное выделение горячими клавишами CTRL+D, идем в меню «Файл — Сохранить как».

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

Результат наших действий:

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

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

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

Создание закругленных углов фотографии в Photoshop

Автор Стив Паттерсон.

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

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

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

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

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

Исходное изображение.

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

Этот урок из нашей серии «Фотоэффекты».Давайте начнем!

Загрузите это руководство в виде готового к печати PDF-файла!

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

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

Фотография на черном фоне.

И если мы посмотрим на палитру «Слои», то увидим фотографию, находящуюся на отдельном слое, «Слой 1», над слоем Background :

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

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

Добавьте маску слоя к «Layer 1», щелкнув значок «Layer Mask».

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

После щелчка по значку «Маска слоя» на «Слое 1» появляется миниатюра маски слоя.

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

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

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

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

Щелкните второй раз значок «Маска слоя» в нижней части палитры «Слои».

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

Миниатюра «векторная маска» появляется справа от миниатюры маски слоя.

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

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

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

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

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

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

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

Щелкните значок «Слои фигур» на панели параметров.

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

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

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

Шаг 4: Выберите эскиз векторной маски на палитре слоев

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

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

Шаг 5: растяните фигуру

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

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

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

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

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

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

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

Шаг 6. Добавьте белую обводку для создания границы фотографии

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

Щелкните значок «Стили слоя» в нижней части палитры слоев.

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

Выберите «Обводка» из списка стилей слоя.

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

.

Измените параметры обводки, обведенные красным выше.

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

Окончательный результат «закругленных углов».

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

Закругление углов всего в Photoshop. Урок

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

Если вы хотите просто создать прямоугольники с закругленными углами, используйте инструмент «Форма» в Photoshop и выберите параметр «Закругленный угол» из живых фигур на панели свойств (Photoshop CC). Если вы ищете что-то более сложное или как скруглить углы растеризованной формы, читайте дальше…

1

Создайте новый слой, создайте фигуру, выберите ее и залейте цветом переднего плана. Alt / Option удалить.

Возможно, вы уже начинаете с формы, это тоже нормально.

2

Выбрать> сохранить выделение назовите новый канал «shape»

3

Переключитесь на палитру каналов и щелкните канал «shape». Cmd / Crtl + D для отмены выделения всех

4

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

5

Откройте окно уровней: Cmd / Ctrl + L

Здесь происходит волшебство.Перетащите левый треугольник в середину, а теперь перетащите правый в центр, пока все 3 стрелки не будут друг над другом. Щелкните ОК.

6

Ctrl / Cmd щелкните миниатюру каналов (1), чтобы включить выбор.

Щелкните миниатюру RGB, чтобы выбрать все каналы (2)

7

Вернитесь к палитре слоев.

Скрыть слой исходной формы

Создайте новый слой (слой 2) и залейте сплошным цветом или градиентом.

Теперь у вас есть форма, и вы можете продолжать что-то строить.

Это техника, которую я использовал для создания рукоятки на моем ружье.

Чтобы увидеть больше моих иллюстраций в Photoshop, нажмите здесь

Будьте в курсе!

CS6 Superguide

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

---

(БЕСПЛАТНО) Закругленные углы Photoshop — Photoshop Supply

Закругленные углы Экшен Photoshop , который можно бесплатно загрузить с сайта PhotoshopSupply. Теперь вы можете сделать закругленных изображений всего за несколько секунд с помощью моего бесплатного экшена.

Закругленные углы Photoshop (Экшен)

Как сделать закругленные края в Photoshop? Просто воспользуйтесь моим экшеном Photoshop round angles .

Этот экшен Photoshop идеально подходит для закругления углов фигур, изображений, значков и даже шрифтов.

Действие создает гладкие края, превращая острые углы в закругленных углов .

Используйте мой бесплатный экшен с закругленными углами Photoshop , чтобы создать:

• закругленных форм
• закругленных изображений
• круглых шрифтов
• закругленных значков

Мгновенно сделайте закругленных краев в Photoshop и сэкономьте время .Вы можете использовать действие для нескольких изображений с процессом Пакетный .

Скругленные изображения

Как скруглить края в Photoshop? Я добавляю Layer Mask , затем применяю фильтр Gaussian Blur и настройку Levels .

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

Создайте изображение с закругленными углами, подобное этому, используя свои собственные фотографии.Экшен Photoshop «Круглый угол» работает со слоями любого типа (текст, векторные фигуры, изображения). Посмотрите видеоурок и посмотрите , как обрезать закругленные края в Photoshop.

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

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

Округлые значки

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

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

Круглые шрифты

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

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

Прямоугольник со скругленными углами

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

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

Вы можете использовать этот экшен для создания прямоугольника со скругленными углами, но инструмент Photoshop Rounded Rectangle — лучший выбор.С помощью этого инструмента вы можете установить Радиус углов.

Для редактирования формы прямоугольника с закругленными углами используйте Convert Point Tool и Delete Anchor Point Tool . Таким образом вы можете создать прямоугольник с острыми и закругленными углами.

Треугольник с закругленными углами

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

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

Закругленная звезда

Вы можете применить этот экшен Photoshop со скругленными углами к любой форме, какой захотите.

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

Форма звезды с закругленными краями отлично подходит для создания логотипов, значков и т. Д.

Загрузите звезду с закругленными краями PNG или используйте онлайн с MockoFun

Закругленные формы

Эти закругленные формы созданы с помощью экшена Photoshop с закругленными углами. Фигуры также доступны в Интернете в галерее MockoFun.

Как скруглить углы в Photoshop

Итак, как сделать закругленные углы в Photoshop ? Это просто — скачайте наш бесплатный экшен Photoshop. Для правильного использования этого действия необходимо выполнить следующие действия:

• Загрузите файл ATN в Photoshop
• Добавьте форму, текст, значок или изображение
• Воспроизведите действия Rounded Corners ; первые два действия предназначены для фигур или текста, а третье действие — для изображений, значков и т. д.
• Вы можете воспроизвести действие повторно.

Посмотрите видеоинструкцию, чтобы узнать, как именно создать закругленные углы в Photoshop с помощью этого классного экшена. Если у вас нет опции Photoshop радиуса границы в вашей версии PS, тогда этот экшен великолепен!

Обрезка изображений по фигурам

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

Как установить и использовать экшены Photoshop

Если вы никогда раньше не использовали экшены Photoshop и не знаете, как их использовать, уделите пару минут и ознакомьтесь с этими замечательными ресурсами:

Подробная информация о предмете

Эта халява содержит 1 файл ATN

Скругленные углы в Image Online

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

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

Закругленные углы CSS

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

Это свойство может иметь от одного до четырех значений:

   border-radius: 15px 50px 30px 5px;  
   радиус границы: 15 пикселей;   

Первое значение применяется к верхнему левому углу, второе значение применяется к верхнему правому углу, третье значение применяется к нижнему правому углу, а четвертое значение применяется к нижнему левому углу

Используйте свойство border-radius для добавления закругленных углов к изображению.50% сделает изображение круглым:

  img {
 border-radius: 50%; 
}  

Другие ресурсы, которые могут вам понравиться 🙂

Работа с закругленными углами в Photoshop, Illustrator и InDesign

Если вы хотите, чтобы ваши навыки работы с Photoshop, Illustrator и InDesign были действительно «всесторонними», вам необходимо знать, как работать со скругленными углами во всех трех программах. Итак, давайте рассмотрим различные методы создания и редактирования закругленных углов в каждом приложении.

Закругленные углы в Photoshop

Чтобы создать новый прямоугольник со скругленными углами в Photoshop CC, выберите инструмент «Прямоугольник со скругленными углами» (расположенный под инструментом «Прямоугольник») и используйте настройки на панели параметров, чтобы выбрать заливку, обводку и радиус угла. Затем щелкните и перетащите документ, чтобы установить положение, ширину и высоту.

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

Больше после прыжка! Продолжите чтение ниже ↓
Члены бесплатного и премиум-класса видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

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

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

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

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

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

Существуют также чисто пиксельные методы, которые можно использовать для создания эффектов округления. Например, вы можете начать с прямоугольника и применить размытие по Гауссу, а затем настроить уровни.

1 2 3 Следующая

закругленных углов в Photoshop Урок Photoshop

www.psd-dude.com

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

Твитнуть

Круглые углы и гладкие края (Экшены Photoshop)

Если вы хотите сэкономить время, воспользуйтесь этим бесплатным экшеном Photoshop «Сглаживание краев». Вы также можете попробовать этот бесплатный экшен Photoshop «Закругленные углы», если хотите создавать закругленные изображения.

Как создать закругленные углы в Photoshop

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

Фигуры с закругленными углами

Вы можете создать прямоугольник со скругленными углами в Photoshop , используя инструмент Rounded Rectangle Tool . Другая форма с закругленными краями — это круг или эллипс. Но в Photoshop нет фильтра или другого инструмента для создания круглого угла .Например, Illustrator позволяет применить эффект неразрушающих закругленных углов практически к любому объекту. В Эффекты меню, просто выберите Стилизация > Закругленные углы .

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

Начнем с простого звездная векторная форма с острыми углами (отлично работает и для прямых углов).

Теперь вам нужно растрировать форму; Щелкните правой кнопкой мыши и выберите Rasterize Layer . Вам придется сделать то же самое, если вы используете Text Layers .

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

Нажмите CTRL и щелкните миниатюру слоя, чтобы создать Выбор фотошопа. Перейдите к Выберите меню и выберите Refine Edge со следующими настройками. Вы можете поэкспериментировать с параметрами Smooth и Feather , чтобы увидеть разные эффекты. Оставьте Contrast с на 100.

Уточнить края в Photoshop CC

Чтобы вернуть Refine Edge в Photoshop CC , используйте следующую технику.

При активном выделении или маске нажмите и удерживайте Shift и перейдите к Select> Select and Mask . Это откроет окно Refine Edge вместо рабочей области выбора и маски!

Выберите цвет формы, в нашем случае желтый и Залейте выделение этим цветом. Нажмите SHIFT + F5 для заливки цветом.

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

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

Изображения с закругленными углами

Добавьте прямоугольник с закругленными углами с помощью инструмента Rectangle Tool . Вы можете установить радиус. Я буду использовать радиус 100 пикселей, чтобы создать прямоугольник с закругленными углами. Вы не можете изменить радиус прямоугольника после его рисования.

Затем поместите изображение над слоем с прямоугольником с закругленными углами.Щелкните правой кнопкой мыши и выберите Create Clipping Mask . Теперь у вас есть изображение с закругленными углами.

Экшен Photoshop со скругленными углами | Скачать БЕСПЛАТНО

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

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

Учебное пособие по скругленным углам в Photoshop: 2 простых метода сглаживания этих краев

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

В этом руководстве мы рассмотрим два простых и быстрых способа скруглить эти углы в Photoshop.

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

Инструмент для скругленных углов

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

Шаг 1. Создайте новый файл Photoshop

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

Шаг 2. Поместите фигуру с помощью инструмента «Прямоугольник»

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

.

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

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

Шаг 3 — Закруглите углы!

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

Возможность регулировки углов находится в нижней части. Просто введите значение и наблюдайте, как эти острые края сглаживаются! Чем меньше значение, тем менее закругленными будут углы. В этом примере показано, как выглядит закругленный угол в 50 пикселей. Чем ближе значение к половине длины или ширины (150 в этом примере, потому что наш квадрат равен 300 × 300), тем более круглой становится форма, поэтому не слишком увлекайтесь.

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

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

Слои и заливка непрозрачностью

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

Шаг 1. Начните с изображения

Для этого урока вам нужно будет начать с готового изображения. Выше показан простой цветной прямоугольник с надписью Welcome! написано посередине, что-то, что можно использовать как изображение заголовка или кнопку. Изображение было сведено так, что все его слои, синий фон и наложенный текст были объединены в один слой.

Шаг 2 — Создайте новый слой

Затем нам нужно создать новый слой поверх нашего изображения.Чтобы создать новый слой, откройте окно «Слои» и щелкните значок, который выглядит как небольшой квадрат бумаги с загнутым внутрь нижним левым углом. Вы также можете использовать строку меню, выбрав «Слой»> «Создать»> «Слой» или просто нажав Shift + Ctrl + N. После того, как вы создали новый слой, поле свойств слоев должно выглядеть так, как показано в примере выше.

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

Шаг 3. Нарисуйте прямоугольник с закругленными углами на новом слое

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

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

По сути, это рама.

Но подождите, , вы могли подумать. Я не вижу изображения под ним! Ничего страшного. Не имеет значения, является ли заливка непрозрачной (как в этом примере) или окрашенной, просто убедитесь, что ее размер и расположение вам нравятся.

Шаг 4 — Установите непрозрачность заливки на 0%

Дважды щелкните новый слой — тот, который имеет закругленный прямоугольник — в поле «Слои», и палитра стилей слоев должна открыться в отдельном окне.На вкладке «Параметры наложения» должна быть область под названием «Расширенное наложение» с ползунком «Непрозрачность заливки». Установите ползунок до 0%. Все остальное оставьте как есть.

Шаг 5 — Сделайте выбор на вкладке Paths

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

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

Шаг 6. Скопируйте и вставьте новое изображение в отдельный документ

Перейдите в меню «Правка»> «Копировать объединенное» или нажмите Shift + Ctrl + C — и откройте новый документ. Измените размер холста в соответствии с вашими требованиями, вставьте изображение и полюбуйтесь его закругленными углами!

---

Вы также можете проверить:

Страница Последнее обновление: декабрь 2013 г.

Закругленные углы изображения через слои в Photoshop — лучший обзор хоста

Существуют различные причины, по которым веб-мастер и дизайнер хотят закруглить углы изображения или создать круглые изображения, и у нас есть разные инструменты и методы для этого.Например, вы даже можете использовать MS Word для закругления углов изображения. Photoshop — самый известный редактор изображений, вы можете создавать закругленные углы для фотографий или делать круглые изображения с помощью Photoshop разными способами. В этом руководстве мы проведем вас через простые шаги по созданию закругленных углов для изображений в Photoshop с помощью слоев. В этой демонстрации мы будем использовать Photoshop CS6 и слои, чтобы скруглить углы изображения. Хотя разные версии Photoshop могут иметь разные инструменты и функции, которые помогут вам делать одно и то же.Использование слоев должно помочь вам получить закругленные углы, независимо от версии Photoshop, с которой вы работаете.

Шаги по скруглению углов изображения в Photoshop

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

Преобразовать фоновое изображение в слой

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

Создайте новый слой в Photoshop

Щелкните Слой >> Новый >> Слой, чтобы создать новый слой в Photoshop, или переместите курсор на значок с надписью «Создать новый слой» в правом нижнем углу, чтобы добавить новый слой в Photoshop.В качестве альтернативы вы также можете использовать горячие клавиши (Shift + Ctrl + N) на клавиатуре для создания слоев в PS. По умолчанию этот второй слой будет называться «Слой 1». Не имеет значения, как вы назовете этот новый слой. Теперь у вас есть два слоя: слой изображения внизу, пустой слой вверху.

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

Теперь нам нужно разместить прямоугольник с закругленными углами на новом слое с помощью инструмента «Прямоугольник» в Photoshop. Этот инструмент должен быть сгруппирован в том же разделе, что и Pen Tool, Text Tool, Path Selection Tool на левой боковой панели.Щелкните правой кнопкой мыши на инструменте «Прямоугольник», вы увидите раскрывающееся меню с различными параметрами, такими как инструмент «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс» и так далее. Выберите инструмент Rounded Rectangle Tool оттуда, затем вы увидите свойства и параметры инструмента Rounded Rectangle Tool вверху. Не размещайте прямоугольник с закругленными углами напрямую. Есть какое-то угловое свойство, которое вы можете захотеть отредактировать, Радиус, который вы можете найти в правом верхнем углу. По умолчанию это 10 пикселей. Вы можете увеличить это значение радиуса угла, чтобы получить более круглые скругленные углы изображения.

Перетащите новый слой, чтобы нарисовать на нем скругленный прямоугольник в Photoshop. Теперь вы не можете видеть изображение на предыдущем слое под скругленным прямоугольником. Это потому, что скругленный прямоугольник должен быть заполнен цветом переднего плана. Вы также можете установить заливку изображения на любой понравившийся вам цвет. Этот прямоугольник с закругленными углами должен быть такого же размера, как и ваше окончательное изображение. Чтобы настроить прямоугольник с закругленными углами, вы можете щелкнуть по нему правой кнопкой мыши, затем выбрать «Free Transform Path» из контекстного меню, после чего вы увидите границы вокруг прямоугольника с закругленными углами, которые вы можете перетащить, чтобы изменить размер прямоугольника с закругленными углами.Убедитесь, что прямоугольник с закругленными углами захватывает части изображения, которое вы хотите, как в окончательном выходном изображении.

Получите закругленные углы в Photoshop

Нажмите Ctrl + Enter на клавиатуре, чтобы закончить рисование прямоугольника с закругленными углами, и выберите его. Нажмите Ctrl + Shift + I, чтобы отменить выделение, чтобы выделить остальную часть нового слоя, за исключением формы прямоугольника с закругленными углами. Теперь нажмите на слой старого изображения «Слой 0» под «Слоем 1», чтобы перенести его на текущий слой в правом нижнем углу Photoshop.Теперь выделенная область с пунктирными границами будет на слое старого изображения. Нажмите клавишу Delete на клавиатуре, затем вы удалите выбранную область из слоя изображения, и останется только невыделенная часть прямоугольника с закругленными углами. Вы можете удалить новый слой (Layer 1) и оставить только слой изображения. Сохраните закругленное изображение как новый файл в Photoshop, и вы получите закругленные углы нового изображения. При желании вы можете обрезать ненужную часть изображения перед его сохранением, вы также можете сохранить круглое изображение или изображение с закругленными углами как файл PNG, чтобы вы могли сохранить прозрачность в углах или остальной части скругленного прямоугольника.

No related posts.