Как на картинке закруглить углы в фотошопе
При оформлении блогов неоднократно уже делала скругленные углы на изображениях, но то, что делается не так часто и недостаточно автоматически, быстро забывается. И я снова сетовала на то, что надо описывать сделанную работу сразу же. Поэтому вот сейчас почти по горячим следам опишу последовательность действий. Правда, из-за болезни «горячие следы» получились уже далеко не горячие.
Для тех, кто любит все посмотреть, небольшой видеоролик “как закруглить углы в фотошопе”:
Для тех, кто предпочитает читать и сразу повторять описанные действия, – текстовый вариант.
В первую очередь, Вам нужен фотошоп. Где его взять, вариантов два:
- купить на официальном сайте
- найти на торрентах
Какой вариант выбрать, решать Вам.
Итак, запускаем фотошоп. Открываем картинку, у которой надо закруглить углы в фотошопе (Файл → Открыть). Если размеры картинки больше, чем Вам необходимо, можно изменить размеры (Изображение → Размер изображения).
Справа, на превью картинки, есть маленький замочек, который блокирует редактирование исходного изображения (фонового слоя). Чтобы создать новый слой и работать уже с ним, щелкаем на нем 2 раза левой кнопкой мыши, в появившемся окошке ничего не меняем, нажимаем «Да».
Если замочка нет, то одно из двух:
либо в Вашей версии фотошопа фоновый слой можно редактировать (что сомнительно, но вдруг)
либо описанное выше можно сделать с помощью другой операции: сверху, в строке меню, выбираем “Слои”, в открывшемся подменю выбираем “Новый” и по стрелочке – “из заднего плана”, и в открывшемся таком же окошечке нажимаем “Да”.
Выбираем в инструментах “Прямоугольник со скругленными углами”.
Выбираем сверху на панели настроек режим: «Контуры». Устанавливаем радиус, чтобы закруглить углы в фотошопе. Я выбрала 40 пикселей, Вы можете выбрать подходящий для Вашей картинки.
Рисуем на картинке прямоугольник нужного размера: ставим курсор (он приобретает форму крестика) в нужную точку слева-сверху и, не отпуская кнопки мыши, ведем в противоположный угол до нужной точки. На нашу картинку лег прозрачный прямоугольник со скругленными углами.
Правой кнопкой мыши кликаем на прямоугольнике. В контекстном меню выбираем «Образовать выделенную область», радиус растушевки поставим 1 пиксел и нажимаем кнопку «Да».
С помошью меню Выделение → Инверсия выделяем все, что вне прямоугольника со скругленными углами, и удаляем выделенное клавишей Delete.
Если Вы накладывали прямоугольник не на всю картинку, то лишний прозрачный фон можно удалить с помощью последовательности команд Изображение → Тримминг → На основе прозрачных пикселов → Да.
Мы получили картинку с закругленными углами. Сохраняем ее для Web: Файл → Сохранить для Web и устройств. Выбираем Preset: PNG-24, Transparency и жмем Save. В формате PNG-24 картинка сохраняется с прозрачным фоном, для того чтобы ее можно было встроить в любой дизайн сайта.
Все то же самое можно сделать с инструментом «Эллипс», тогда Вы получите круглую картинку или в рамке эллиптической формы.
Итак, сегодня мы с Вами узнали, как закруглить углы в фотошопе у любой картинки.
Комментарии
Спасибо за полезный урок! Все доступно и подробно.
Спасибо за подробное описание всех операций. Остается лишь применить на практике.
Мне нравится, когда у картинки закруглены углы. Спасибо за подробный урок.
Спасибо, все очень просто. Надо мне осваивать фотошоп.
спасибо за урок, все равно не могу сохранить выделенную область, остается выделенная область на черном(( Изображение → Тримминг → На основе прозрачных пикселов не активно(
Ирина, а на замочке щелкали? “Справа, на превью картинки, есть маленький замочек. Щелкаем на нем 2 раза левой кнопкой мыши, в появившемся окошке ничего не меняем, нажимаем «Да».” Если этого не сделать, тогда прозрачного фона не будет. И тогда тримминг не сработает
ой спасибо вам огромное)))
наконец-то все получилось))
Ирина, у меня тоже из-за этого долго не получалось, а авторы всех инструкций этот момент упускали.
огромное спасибо автору за инструкцию!!!из многочисленных инструкций смогла сделать только по этой, но я совсем новичок в фотошопе)))
Да, действительно просто можно с помощью фотошопа углы заокругливать – просто выделив нужную область и удалив все что за её пределами, а потом сохранив с прозрачностью.
Просто это сделать, когда знаешь. А я помню, сколько перечитала статей и пересмотрела видеоуроков, пока у меня все сложилось в четкую последовательность действий. А без неё ничего не получалось.
Для меня первые разы, когда открывал фотошоп также была серьезная проблема, не понимал что за слои и что за кнопки… Очень неудобным он мне казался – пока не освоил базовые основы.
спасибо, получилось только с помощью вашего сайта
Отлично, Яна, я рада, что помогла.
Читая комментарии ваших читателей, я вижу, Нина что многим помогли ваши советы. Даже заокруглить углы на изображении я научился на вашем блоге.
Наиотличнейший урок! Нина – молодец! Как автор данной статьи, ты помогла мне как никогда! Мне нравится, что есть в сети статьи, подобные этой, которые просто и понятно, а главное доступно любому объяснят тебе как сделать ту или иную штучку. Автором такой статьи, является Нина, заявляю прямо. Как говорится в нужном месте в нужное время. Зайду сюда еще и не раз!
Вы меня засмущали
Спасибо за такой отзыв!
у меня версия 13.0.1 там нет никаких “замочков”.
Можно объяснять ни как для даунов, а чтоб понятно было, что это мы делаем, нажимая на “замочек”? Чтоб я мог найти в своей версии как это сделать без замочка
Попробовала объяснить не как для даунов. А Вас бы попросила быть покорректнее: я ведь не могу предугадать все вопросы, которые могут возникнуть.