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

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

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

• программа 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 - версия для печати

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

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

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

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

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

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

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

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

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

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

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

Данный урок достаточно простой, но результат будет радовать глаз – аккуратные закругленные углы ваших снимков. А добиться этого очень просто, имея в арсенале Adobe Photoshop любой версии, и снимок, который необходимо обработать.

Закругление углов снимка происходит в несколько этапов:

1. Откройте изображение в Photoshop. Для этого нажмите «Файл» и «Открыть» или сочетание клавиш на клавиатуре Ctrl+O.


2. Создайте новый слой, нажав «Слои», затем «Новый слой».


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


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


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


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


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




8. Теперь все наоборот – выделено не само изображение, а ненужные углы. Для того чтобы убрать их, просто нажмите на клавиатуре сочетание клавиш Ctrl+Delete.


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


Не забудьте сохранить готовую фотографию на компьютер.

Я долго искал как можно закруглить углы при помощи Adobe Photoshop, но везде где-то не дописывают, либо написано неправильно. Как оказалось закруглить углы у любой картинки займёт не более 30 секунд, естественно после того как вы научитесь это делать.

И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.

Обратите внимание на правый нижний угол, в "Слоях" появилось фоновое изображение, его надо преобразовать в слой. Для этого жмём по фону правой кнопкой мыши и выбираем "Слой из заднего фона".

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

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

Рисунок2

Скрываем с рабочей области "Слой 0". Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.

Выделяем нужную часть на изображение.

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

В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.

Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.

Если всё сделано правильно, в Фотошопе вы увидите примерно вот такую картину. Теперь можно сохранить изображение например в png формате, и радоваться произведению искусства.

Есть ещё один момент, если вырезанный кусок в два а то и 3 раза меньше оригинального изображения, у него останется большая пустая область, её надо удалить. Для этого выбираем инструмент раскройка, и выделяем область изображения без пустой области.

Затем заходим в меню Редактировать->Скопировать.

Заходим в меню Файл->Создать, и просто нажимаем ОК. Программа автоматически подгонит ширину и высоту холста выделенного участка изображения.

В новом проекте "Без имени 1", а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.

Сохранять картинку лучше всего с помощью пункта "Сохранить для Web". Во-первых можно вручную выбрать качество изображения в процентах, во-вторых размер изображения будет в несколько раз меньше чем если сохранять обычным способом.

И что у нас получилось на выходе.

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

В этой небольшой статье рассмотрим пример создания в фотошопе "тонкой" рамки толщиной в 1 - 2 пикселя с закругленными краями . Данные рамки (и их фрагменты) широко используются дизайнерами и веб-мастерами при верстке макетов и создании шаблонов для сайтов. Применяются для обрамления статей, меню, кнопок и т.д.

Итак приступим:

1. Создадим новый документ (Верхнее меню "Файл" - "Новый") с размерами, например, 500 на 500 пикселов. Содержимое фона: прозрачное.

2. Идем в Панель инструментов (расположена слева), выбираем инструмент "Прямоугольная область" (М). На нашем документе рисуем прямоугольную область. Параметры инструмента "Прямоугольная область": "Новая выделенная область", "Растушевка: 0 пикс.", "Стиль: нормальный" (Рис. 1) .

3. В верхнем меню выбираем вкладку "Выделение" - "Модификация" - "Оптимизировать" (Рис. 2) . Значение радиуса возьмем, например, равное 20 пикселям. Жмем "Да". Видим, что углы нашего выделенного прямоугольника закруглились на величину выбранного значения (20 пикс.) (Рис. 3) .

4. В верхнем меню выбираем "Редактировать" - "Выполнить обводку". Ставим параметры обводки. Ширина: 2 пикс. (для наглядности). Цвет возьмем какой-нибудь красный. В этой же вкладке установим: "Позиция относительно границы: по центру (можно выбрать значения "внутри" и "снаружи")", "Наложение: Режим нормальный", "Непрозрачность: 100%", "Сохранить прозрачность: пусто". Жмем кнопку "Да" (Рис. 4) . Снимаем выделение - комбинацией клавиш на клавиатуре "Ctrl + D" и получаем нужную нам рамку толщиной 2 пикселя красного цвета с закругленными краями (Рис. 5) . Теперь ее фрагменты или рамку целиком можно использовать для оформления какого-либо шаблона, баннера и т.п.

Рис. 1	Рис. 2
Рис. 3	Рис. 4
Рис. 5	Рис. 6

Для примера, и лучшей визуализации я создал новый слой с заливкой белым цветом, переместил его ниже слоя с нашей рамкой и создал еще несколько аналогичных рамок с размытыми толщиной, цветами и закруглением углов (Рис. 6) .