Как сделать закругленные края картинки

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Итак, открываем картинку в фотошопе, у которой нужно закруглить углы и переходим в «Слои». нажимаем клавишу Ctrl и кликаем один раз по слою с изображением, чтобы его выделить. Должна появиться пунктирная рамка вокруг картинки. Теперь в верхней панели меню выбираем пункт Выделение — Модификация — сгладить.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

После этого снова заходим в меню «Выделение» и выбираем пункт «Инверсия».

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

С закруглением картинок мы успешно справились, теперь давайте сделаем круглые изображения. Порядок действий простой, поэтому скриншоты не публикую. Выбираем инструмент «Эллипс», и рисуем круг в области картинки, которую нужно сделать круглой с зажатым Shift При необходимости, изменяем ее масштаб Ctrl + T и делаем инверсию, таким же способом, как было описано выше. Нажимаем кнопку Delete 2 раза, снимаем выделение Ctrl + D и любуемся полученным результатом. То же самое можно сделать с применением инструмента «Овальная область». Но ее нельзя масштабировать.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Источник

Как закруглить углы изображения при помощи фотошопа

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

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

Шаг 1

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Шаг 2

Сочетанием клавиш Ctrl+Shift+N создаем новый слой.

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Нарисованный квадрат можно двигать при помощи мыши. Для этого выберите слой с квадратом, выберите на панели инструментов инструмент «Перемещение» – и смело двигайте.

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

Также при помощи комбинации клавиш Ctrl+T, вы можете изменить размер фигуры, путем ее растяжения при помощи мыши. Чтобы фигура не деформировалась при растягивании, нажмите и удерживайте клавишу Shift и тяните за углы, и тогда квадрат будет растягивать пропорционально.

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

Шаг 3

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Шаг 4

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

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

Шаг 5

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Шаг 6

Теперь нажмите комбинацию клавиш Ctrl+X (редактирование — вырезать) для удаления выделенной области. Выделение должно исчезнуть, а там, где когда-то было изображение, появится шахматный фон (прозрачность).

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Шаг 7

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Шаг 8

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

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

Подробнее о форматах можно почитать здесь.

Итак, все готово. Изображение с закругленными углами будет выглядеть так:

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

А как сделать только, например, один закругленный угол?

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

Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Добавление слоев-масок

Поговорим о понятии маски в фотошопе и о добавлении слоев-масок в документ.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

MASK PANEL. Секрет укрощения масок

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Как выделить цветом пункты меню фотошопа

Если Вы часто пользуетесь какими-либо командами фотошопа и желали бы их каким то образом выделить цветом, сделать заметными, то Вы будете рады узнать, что фотошоп может это осуществить!

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Постигая азы фотошопа, нельзя обойти стороной инструмент Кисть (Brush). Это очень важный инструмент, который не так прост как вам это кажется. Он обладает большим количеством функций и всевозможных настроек.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Палитра Композиция слоев в фотошопе: запись различных версий документа

Композиция слоев запоминает состояние слоев на палитре: их видимость, расположение содержимого слоя, а также примененные стили слоя и режимы наложения.

Спасибо. Хорошо объяснили!

Все гениальное просто!

после «вырезать» ничего не происходит, просто снимается веделение. что не так?

при этом остается белый фон?

Всё норм спасибо автору!

Да вообще суперский сайт и автор молодца. Всем рекомендую, постоянно тут сижу)))

Денис, на работе фидео залочено, но щас посмотрю, в любом случае, дополнительно отпишусь 🙂 Спасибо. 🙂

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

Михаил, Если я правильно понял, то само изображение, которое хочется сделать с закругленными краями, содержит по краям белый цвет и его оттенки. Когда вы убираете белый фоновый слой (по всей видимости ластиком или волшебной палочкой), то пропадают пиксели и с самого изображения.
Если это так, то вот Ваша ошибка:
1. Откройте исходное изображение. Оно должно быть Фоновым, т.е. единственным и первым на вашей палитре слоев.
2. Возможно будет на нем изображена иконка в виде замочка. Это значит, что фоновый слой заблокирован. Двумя щелчками вы его разблокируете.
3. Создаете новый слой для слоя-фигуры. Обратите внимание, что в итоге, на палитре слоев будет всего ДВА слоя: фоновый и фигура.
4. Рисуете фигуру. В комментарии я не буду подробно повторять что было, вообщем в итоге после инвертирования у вас должна быть выделена марширующими муравьями часть изображения, расположенная между краем слоя фигуры и краем самого документа.
5. Нажмите клавишу Delete и она будет удалена. Т.е. никакого ластика и палочки не надо, удаляется только то, что выделено. В результате ничего белого не остается, сразу будет прозрачный фон (поскольку мы удалили фрагмент фонового слоя, под которым ничего кроме пустоты нет).

Все это вы можете увидеть в прилагаемой видеозаписи, советую потратить на нее немного времени.

Да ну фигня, даже после тримминга остаются эти прозрачные поля возле углов. Кал этот фотошоп!

Источник

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

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

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

Чтобы приведенные примеры в статье корректно отображались у вас на экране, вы должны использовать самые свежие версии браузеров, FireFox, Chrome и те что сделаны на основе их: Яндекс.Браузер, Амиго и так далее.

Закругление углов у блоков DIV

По стандарту CSS3 чтобы блок DIV имел скругленные углы, ему необходимо придать стиль border-radius, например так:

Для наглядности нарисуем два блока с прямыми и скругленными углами:

Закругление углов у картинок

По аналогии с примером выше можно закруглить углы и у картинок на сайте, например фотографий. Для наглядности закруглим углы для фотографии со страницы https://moonback.ru/page/shinomontazh

Вот изображение без CSS обработки

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

А теперь с загругленными углами:

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Чтобы стало совсем «красиво» с начала добавим окантовку…

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Вариант ниже (закругленные углы с тенью без бордюра) очень похож на коврик для мыши:

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

И напоследок полное издевательство над изображением

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Если вы откроете изображении в новом окне, то увидите, что оно (изображение) в неизменном виде, а все углы, тени и так далее — всего лишь результат обработки CSS стилей вашим браузером.

Маленькое лирическое отступление

Стиль border увеличивает размер изображения на величину окантовки. Если указано значение border: 5px, то итоговое изображение станет шире и выше на 10 пикселей. Учитывайте это, в некоторых случаях может «поехать» верстка сайта.

А стиль box-shadow не влияет на размер картинки, тень как бы наезжает на соседние элементы. При его использовании верстка сайта не страдает.

Как закруглить углы картинок на WordPress

Во всех приведенных примерах выше я прописывал стили прямо в тегах html кода. Например последний выглядит так:

Это хорошо когда нужно переоформить одну картинку или фотографию. А если вы захотите изменить все? Ну не будете же вы лазить по всему своему сайту, чтобы подредактировать отображение каждой. В большинстве случаев WordPress тегу IMG определяет несколько классов стилей. Один по уникальному имени файла с изображением, другой по размеру, и еще по выравниваю. Вы можете дополнить один из них вышеуказанными параметрами.

Например для всех изображений, для который не указано выравнивание, в файле style.css вашей темы WordPress пропишите следующее:

Либо самый жесткий метод для всех картиной на сайте. Переопределим стиль для всех тегов IMG:

Последний вариант подойдет не только для WordPress, а для любой CMS. И даже для простой HTML странички в том случае когда при выводе изображений тегу IMG не присваеватся никаких классов стилей. Но будьте внимательны. Если вы переопределите параметры отображения тега IMG вы измените внешний вид ВСЕХ картинок на сайте!

Вместо заключения

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

Источник

LiveInternetLiveInternet

Цитатник

Lady Boutique Series №4961 2020 Издательство: Boutique Sha Язык: японский Популярный я.

Хокку: Мир поэта Он видит солнце, Сакуру видит она Мир многогранен. Гравюра «.

Сумочка- косметичка на руку. МК. Сумочка- косметичка на руку. ПОДРОБНЫЙ МК в картинках! &n.

Большие города Данилы Багрова и полковника Габриеля Маркеса Вечер воскресенья 7-го июня на пе.

Метки

Приложения

Видео

Музыка

Ссылки

Новости

Всегда под рукой

Стена

Подписка по e-mail

Рубрики

Би-2 в Караганде 8 ноября 2017 г.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинкиКак сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинкиКак сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинкиКак сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинкиКак сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинкиКак сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Поиск по дневнику

Интересы

Друзья

Постоянные читатели

Сообщества

Статистика

Здесь описывается, как в Фотошопе сделать вот такую закругленную картинку.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Возьмите инструмент»Прямоугольник» Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки
.Выставите наверху следующие настройки :

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

а сам задний план удаляем. В результате останется 1 слой.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Теперь рисуем прямоугольник.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Жмем Ctrl+Enter(раскладка клавиатуры должна быть английской) для преобразования в выделение.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Берем инструмент «Выделение». Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинкиИнвертируем выделение.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Г отово!Чтобы картинка так и осталась закругленной, сохранять нужно только в GIF.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

найдено здесь: www.liveinternet.ru/users/2559318/post83844057

ДЕЛАЕМ ФОТОГРАФИЮ СО СКРУГЛЁННЫМИ УГЛАМИ

Сегодняшний мой урок посвящен закруглению углов фото в фотошоп. Давайте вместе сделаем фотографию с скругленными углами как у меня на картинке.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

2. Приводим размеры рисунка к нужным нам параметрам. Для этого нажимаем ALT+CTRL+I. Откроется окно «Размер изображения». Задаем необходимые нам размеры. Можно и просто обрезать картинку до нужного размера.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

3. Выделяем рисунок (CTRL+A) (появится пунктирная линия по периметру) и копируем его (CTRL+C); Копируем фото для того, чтобы исходное изображение осталось без изменений, посте того, как мы осуществим закругление углов в Фотошопе. Хотя можно работать и на оригинале, но тогда, когда закругленные углы будут готовы, мы просто сохраним фото как другое изображение.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

5. Вставляем в новое окно скопированный рисунок (CTRL+V) и создаём новый слой (CTRL+SHIFT+N). В Этом слое с помощью инструмента «прямоугольник со скругленными углами» рисуем прямоугольник нужного размера. Цвет прямоугольника значения не имеет. Выбор инструмента производится путём нажатия на правую кнопку мыши. Или простым нажатием клавиши (U). Радиус закругления устанавливаем по своему усмотрению (см. рисунок ниже);

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

При необходимости Вы можете переместить нарисованную фигуру с помощью стрелок на клавиатуре или с помощью мыши, удерживая нажатой левую клавишу. Предварительно не забудьте активировать на панели инструментов «перемещение» (верхняя кнопка). Также Вы можете изменить размер фигуры. Для этого нажмите (CTRL+T) и растяните фигуру до нужных размеров с помощью мыши, удерживая левую клавишу. Если Вы хотите изменить размер с сохранением пропорций, Вам необходимо удерживать SHIFT, и растягивать за угол фигуры.

6. Переходим в панель слоёв. Удерживая CTRL кликаем левой клавишей мыши по превью (картинке) слоя прямоугольника. Появится пунктирная обводка фигуры.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

8. Нажимаем CTRL+ SHIFT+I. Появится пунктирное выделение по границе той части картинки, которая находится за пределами нашего прямоугольника имеющего закруглённые углы.

9. Нажимаем на клавиатуре DEL. Часть изображения, что находится за пределами прямоугольника будет удалена.

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Если такое изображение будет использовано для создания дизайна сайта, сохраняйте его для Web и устройств (ALT+SHIFT+CTRL+S).

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

12. Внимание! Если у Вас по краям изображения со скругленными углами остались прозрачные пикселы, Вам необходимо выполнить тримминг. Для этого нажмите «Изображение», выберите «Тримминг», в появившемся окне установите настройки как у меня на картинке и нажмите «Ok». Размер холста приобретет размер изображения, а все лишние прозрачные пикселы будут удалены.

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Как закруглить углы фотографии в фотошопе инструментом ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ

1. Запускаем фотошоп, открываем нужную фотографию

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

2. Выбираем инструмент ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

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

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

4. У нас выбран инструмент ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ.
Теперь мышку подводим к левому верхнему углу, появился крестик он должен быть белого цвета, и тянем мышку в правый нижний угол, так чтоб крестик совпал с углом картинки, в этом случае крестик станет белым.
У нас появится фигура с закругленными углами.
Далее картинку в слоях перетаскиваем в верхний слой, как показано на скрине

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

Как сделать закругленные края картинки. Смотреть фото Как сделать закругленные края картинки. Смотреть картинку Как сделать закругленные края картинки. Картинка про Как сделать закругленные края картинки. Фото Как сделать закругленные края картинки

У нас появиться закругленное выделение

6.Заходим ВЫДЕЛЕНИЕ-ИНВЕРСИЯ или просто нажать Shift+Ctrl+I

7. Теперь нужно удалить выделенные углы с помощью кнопки Delete на клавиатуре.

8.Теперь убираем выделение, можно так Ctrl+D и смотрим на результат

9.Сохраняем: СОХРАНИТЬ ДЛЯ WEB, для того чтоб не было белых углов.

Источник

Добавить комментарий

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