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

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

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

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

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

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

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

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

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

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

как закруглить углы

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

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

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

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

скругленные углы

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

скругляем углы в фотошопе

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

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

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

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

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

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

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

Комментарии

  • Olga пишет:

    Спасибо за полезный урок! Все доступно и подробно.

  • Сергей пишет:

    Спасибо за подробное описание всех операций. Остается лишь применить на практике.

  • Галина пишет:

    Мне нравится, когда у картинки закруглены углы. Спасибо за подробный урок.

  • Галина пишет:

    Спасибо, все очень просто. Надо мне осваивать фотошоп.

  • Ирина пишет:

    спасибо за урок, все равно не могу сохранить выделенную область, остается выделенная область на черном(( Изображение → Тримминг → На основе прозрачных пикселов не активно(

    • Ирина, а на замочке щелкали? “Справа, на превью картинки, есть маленький замочек. Щелкаем на нем 2 раза левой кнопкой мыши, в появившемся окошке ничего не меняем, нажимаем «Да».” Если этого не сделать, тогда прозрачного фона не будет. И тогда тримминг не сработает

  • Ирина пишет:

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

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

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

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

  • Яна Powerplastic пишет:

    спасибо, получилось только с помощью вашего сайта :D

  • Gregoryll пишет:

    Наиотличнейший урок! Нина – молодец! Как автор данной статьи, ты помогла мне как никогда! Мне нравится, что есть в сети статьи, подобные этой, которые просто и понятно, а главное доступно любому объяснят тебе как сделать ту или иную штучку. Автором такой статьи, является Нина, заявляю прямо. Как говорится в нужном месте в нужное время. Зайду сюда еще и не раз! :razz: :razz: :razz:

  • Влад пишет:

    у меня версия 13.0.1 там нет никаких “замочков”.
    Можно объяснять ни как для даунов, а чтоб понятно было, что это мы делаем, нажимая на “замочек”? Чтоб я мог найти в своей версии как это сделать без замочка

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">