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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

Затем создаем копию слоя с водопадом под названием «Фон» . Для экономии времени воспользуемся горячими клавишами CTRL+J .

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

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

Я задам значение в 30 пикселей, так будет лучше видно результат.

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

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

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

Функция заставляет объекты автоматически «Прилипать» к вспомогательным элементам и границам холста.

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

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

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

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

Берем стоковую фотографию, кстати, это я делаю на гудфоне. Не реклама:D
Используем выделение, как у меня на скришоте:

Переходим в вкладку ( Выделение > Модификация > Сгладить ). Внимание! Тут могут возникнуть трудности у некоторых. В некоторых версиях фотошопа нету «Сгладить», за то есть «Оптимизировать». Так что, не пугайтесь, если не найдете «Сгладить». Это одно и тоже.

Здесь мы выбрали радиус закругления.

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

Осталось вырезать изображение.

И теперь . Размер там выставляет автоматический. И теперь просто вставляем картинку в новый файл.

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

Вам понадобится

  • программа Adobe Photoshop

Инструкция

  • Откройте в фотошопе картинку, с которой хотите работать. Если в итоге вам нужен рисунок размера отличного от исходного, вот уменьшите его или вырежьте необходимый фрагмент. Для того чтобы выделить весь рисунок воспользуйтесь сочетанием клавиш Ctrl+A. Скопируйте его при помощи сочетания клавиш Ctrl+C. Создайте новый документ в фотошопе и вставьте в него содержание буфера обмена при помощи сочетания клавиш Ctrl+V. Фон документа должен быть прозрачным или того цвета, который в итоге будет окружать ваш рисунок после закругления краев.
  • При помощи сочетания клавиш Ctrl+Shift+N сделайте новый слой. Выберите инструмент Rounded Rectangle Tool и нарисуйте прямоугольник или квадрат нужного размера. При этом не имеет значения цвет фона этого прямоугольника. Установите параметр Radius, который характеризует степень закругленности углов, например, 9. Вы можете передвигать нарисованную фигуру с клавиатуры стрелками. При помощи сочетания клавиш Ctrl+T можно менять форму этой фигуры. Если при изменении формы фигуры нажать клавишу Shift, то размер будет меняться пропорционально. Сделайте так чтобы эта форма была именно такой как вам нужно.
  • Нажмите клавишу Ctrl и кликните по миниатюре слоя на палитре Layers. После этого нарисованная вами фигура выделится.
  • Активируйте нижний слой и в главном меню выполните команду Select – Inverse. После этого выделиться область, которая находится за пределами нарисованной вами фигуры.
  • Клавишей Delete удалите ненужную вам часть картинки. Сделайте невидимым верхний слой. Кликните в любом месте картинки и тем самым снимите с нее выделение. Картинка с закругленными краями готова
  • Если необходимо закруглять края изображения часто и они одного размера, то можно сохранить ту картинку, что вы только что сделали в формате PSD, чтобы остались слои. После этого для создания картинки с закругленными углами вам нужно будет выделить контур готового изображения, инвертировать выделение и удалить ненужную часть.
  • Совет добавлен 6 июля 2011 Совет 2: Как округлять края в Photoshop Программа Adobe Photoshop располагает широким спектром инструментов для редактирования фотографий и создания новых изображений с нуля. Один из основных инструментов – это выделение отдельных объектов для последующего вырезания и вставки, а также для создания плавных переходов при создании различных эффектов. Здесь умение скруглять края очень пригодится.

    Инструкция


  • Откройте в программе Adobe Photoshop меню «Файл», затем «Открыть». Выберите изображение, над которым вы будете работать. Можно просто перетащить изображение в рабочее окно программы мышкой.

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

  • Подкорректировать границы выделения можно при помощи инструмента «Быстрая маска». Обычно он расположен в самом низу стандартной панели инструментов. Используя кисть или ластик, выделите нужные вам зоны (Ластик будет вычитать зону из выделения, а кисть, наоборот прибавлять). Нажмите снова на быструю маску. Теперь у вас получилось выделение, максимально приближенное к тому, что вы хотели.

  • Осталось скруглить края, чтобы сделать переход более плавным. Для этого опять перейдите в режим выделения (нажав на любой инструмент выделения). На верхней панели вы увидите кнопку «Уточн. край…». Нажмите на нее. В открывшемся окне вы сможете отрегулировать радиус обнаружения краев выделения. Также, передвигая ползунки регулировки сглаживания, растушевки, контрастности вы сможете добиться нужной вам степени этих эффектов. Чтобы увеличить или уменьшить область выделения, воспользуйтесь инструментом «Сместить край».

  • Теперь вы можете делать с выделенным объектом то, что вы хотели – вырезать его, либо добавить эффект к фону или самому объекту.
  • Как округлять края в Photoshop - версия для печати