Закругленные углы картинок в программе Photoshop.

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

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

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

Приступим.

1. Делаем закругление углов

zakruglennye-ugly-kartinok-v-programme-photoshop-2Слева выбираем ФигурыПрямоугольник с закругленными углами и далее перо.

Здесь я выставил радиус 30, вы можете выставить какой хотите, выделяем область. Можно выделить такую область какую вам надо, мне, например, надо не на всей картинке. Затем правой кнопкой мыши щёлкаем один раз и выбираем Образовать выделенную область, радиус растушевки выберите 1 или другой. Жмите ДА.

Теперь идем наверх.
Жмёте ВыделениеИнверсия и потом клавишу DELETE на клавиатуре. Затем уберите выделение.
Теперь у нас есть картинка с закругленными углами. Если вам нужно ее обрезать, то обрежьте. Это можно сделать сразу здесь
Идём в ИзображениеТримминг и удаляем прозрачные пикселы.

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

2. Делаем картинку с размытыми краями и закруглёнными углами.

zakruglennye-ugly-kartinok-v-programme-photoshop-1Выбираем инструмент Прямоугольная область и выделяем нужную нам область на картинке. Поля можно выбрать любые, это зависит от выбора количества пикселов на растушевке. Можете потом поиграться и подобрать такое количество пикселов, какаое вам понравиться больше всего.

Далее идем наверх: ВыделениеМодификацияРастушевка.
Выбираем радиус какой нам надо. У меня будет 10, а у вас какой хотите. Чем больше пикселов выберите, тем закруглённей будут у вас уголки.
Далее как в первом примере: ВыделениеИнверсия и DELETE.
Отменяем выделение и смотрим результат.

У нас картинка с размытыми краями и закругленными уголками! Закругления, конечно не так видны, как в первом примере, но всё же видны. Теперь мы можем использовать свои клёвые картинки в постах в Одноклассниках или ещё где, да где только хотим.

Если у вас есть свой сайт и вы делаете такие картинки для сайта, то вам следует сохранять их для WEB. Там же в Photoshop есть такой пункт в меню Файл.
Ничего сложного, выбираете качество какое вас удовлетворит и сохраняете в PNG.

На этом, пожалуй, всё. Если вы дочитали до конца, то хвала вам и уважение! А если вы по-быстрому пролистали до этого места и вам лень читать, то можете посмотреть видео, как я это сделал за несколько минут.
Удачи вам)


Закругленные углы картинок в программе Photoshop.


Понравилась статья? Поделись с друзьями!

Обсудить