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

Скругление углов картинки в Фотошопе

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

Содержание скрыть

• Выполняем скругление углов
• Заключение

Выполняем скругление углов

Смотрите также: “Как сделать красивый фон в Фотошопе: градиентные полоски, боке”

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

Итак, чтобы скруглить углы фотографии в Фотошопе, выполняем следующие действия:

1. Открыв в программе файл с изображением создаем копию исходного слоя (“Фон”) с помощью комбинации клавиш Ctrl+J.Примечание: На самом деле можно обойтись без дубликата и все манипуляции проводить с базовым слоем, но так удобнее – мы всегда можем удалить слой-копию, если нам что-то не понравится, и начать обработку фотографии заново, создав еще одну.
2. На боковой панели инструментов выбираем “Прямоугольник со скругленными углами”.
3. В верхней строке параметров задаем радиус скругления на своем усмотрение. В нашем случае мы указали 40 пикс.
4. С помощью зажатой левой кнопки мыши создаем на холсте фигуру-прямоугольник произвольного размера, т.к. мы все равно его дальше настроим. Цвет тоже не важен.
5. Нажимаем комбинацию клавиш Ctrl+T, чтобы активировать “Свободное трансформирование”. Теперь мы можем изменить размер/положение/наклон получившейся прямоугольной фигуры:
   • Корректировка размера происходит путем сдвига в нужную сторону маркеров, расположенных по периметру прямоугольника – с помощью зажатой левой кнопки мыши. Для сохранения исходных пропорций нужно дополнительно удерживать клавишу Shift на клавиатуре. Чтобы применить новые размеры, жмем Enter.
   • Поворот фигуры (если требуется), также, выполняется с помощью этих маркеров. Располагаем указатель мыши с их внешней стороны, и когда появится характерная закругленная в обе стороны стрелка, зажав ее левой кнопкой мыши выполняем поворот в ту или другую сторону. Если при этом удерживать клавишу Shift, наклон будет выполнятся с фиксированными шагами в 15 градусов. Не забываем по готовности нажать Enter.
   • Чтобы изменить положение прямоугольника, щелкаем левой кнопкой мыши внутри него в любом месте и, удерживая кнопку, перетаскиваем в новое место.
   • Примечание: Для большего удобства при выполнении этих операций можно воспользоваться направляющими.
6. Получаем примерно следующий результат на холсте.
7. Теперь, зажав клавишу Ctrl, щелкаем в Палитре по миниатюре слоя с фигурой. В результате вокруг нее на холсте должно появиться выделение.
8. Убираем видимость со слоя с прямоугольником и переключаемся на слой-копию.
9. Жмем на клавиатуре сочетание Ctrl+Shift+I, чтобы инвертировать выделение.
10. Теперь нажимаем клавишу Del, чтобы удалить выделенную область. После этого кажется, что ничего не изменилось, но на самом деле это не так. Чтобы увидеть разницу, нужно отключить видимость слоя “Фон”.
11. Нажатием горячих клавиш Ctrl+D убираем выделение, которе нам больше не пригодится. Затем в меню “Изображение” выбираем команду “Тримминг”.
12. В открывшемся окошке выставляем параметры как на скриншоте ниже и жмем OK.
13. В результате будут удалены лишние прозрачные пиксели по бокам фотографии. На этом можно сказать, что наша работа по скруглению углов успешно завершена. Сохранять такие изображения (с прозрачными областями) нужно в формате PNG.

Заключение

Смотрите также: “Как вставить фото в рамку в Фотошопе”

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

Фотошоп-Как вернуть в прямоугольной области прямые углы?

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

Дополнен 12 лет назад

Уважаемый Adventure — спасибо за совет, попробовал, но дело в том, что пока не воспользуешься инструментом, меню в котором можно задавать параметры растушевки не активно (не доступно) . Уже после, пожалуйста заходи, кто хочет, меняй, что хочешь. . Загадка.

Дополнен 12 лет назад

Все оказалось проще.
Выбираем инструмент прям. обл. , после наводим курсор мышки на сам инструмент, но не в окне инструментов, а над ним (при выбранном инструмента, отображается этот же инструмент с левой стороны, сверху, над панелью )).Там «кликаем» правой кнопкой мышки. Появиться окно с выбором ВОССТАНОВИТЬ ИНСТРУМЕНТ, ВОССТАНОВИТЬ ИНСТРУМЕНТЫ, выбираем интересующий вариант и жмем на кнопку-получаем результат. Теперь все вернулось на свое место))

Голосование за лучший ответ

В предыдущих версиях на панели инструментов прямоугольной области выделения стоял параметр Растушевка. Он задавался ПЕРЕД тем, как создавалась область выделения. После изменить растушевку на границе можно было только через меню. Попробуйте ещё раз создать прямоугольную область выделения ПРЕДВАРИТЕЛЬНО указав в параметрах растушевку 0.

Как сделать закругленные углы в Adobe Illustrator

Cathy Daniels

• Поделись Этим

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

После многолетнего опыта я нашел несколько простых приемов, которые помогают быстро создавать шрифты и иконки, изменяя существующие исходники, а создание закругленных углов — один из самых полезных приемов для создания векторов.

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

Как это работает?

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

2 быстрых способа сделать закругленные углы в Adobe Illustrator

Вы можете использовать метод 1 для создания закругленного прямоугольника или модифицировать его для создания любых фигур на основе прямоугольника. Инструмент прямого выделения из метода 2 подходит для редактирования любых объектов с точками привязки.

Примечание: скриншоты сделаны из версии Adobe Illustrator CC 2021 Mac. Windows или другие версии могут выглядеть иначе.

Метод 1: Инструмент «Скругленный прямоугольник

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

Шаг 1: Выберите Инструмент «Скругленный прямоугольник из панели инструментов.

Шаг 2: Щелкните и перетащите на Artboard, чтобы создать закругленный прямоугольник.

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

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

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

Смотрите также: Как добавить музыку к видео в Canva (9 подробных шагов)

Если вы хотите выбрать несколько углов, удерживайте кнопку Смена для выбора.

А как насчет других форм? Что если вы хотите сделать закругленные углы для шрифта?

Хороший вопрос, это именно то, через что я прохожу в методе 2.

Метод 2: Инструмент прямого выбора

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

Смотрите также: 8 лучших альтернатив HideMyAss VPN в 2022 году

Представьте, что я использую стандартный шрифт, Arial Black , за письмо H но я хочу немного скруглить прямые углы, чтобы создать более гладкий вид.

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

Шаг 1: Создайте контур текста/шрифта. Вы заметите, что при наведении курсора на текст вы не увидите виджет «Живые углы» даже при выбранном инструменте «Прямое выделение», потому что у живого текста нет точек привязки. Поэтому сначала нужно создать контур текста.

Шаг 2: Выберите Инструмент прямого выбора Теперь вы увидите виджет «Живые углы» на шрифте.

Шаг 3: Как и в способе 1, нажмите на любой виджет, чтобы сделать углы закругленными. Если вы хотите закруглить несколько углов, удерживайте клавишу Смена выберите углы, которые нужно скруглить, и перетащите их.

Видите, вы только что превратили стандартный Arial Black в новый шрифт. Видите, создать новый шрифт не так уж сложно.

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

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

Этот метод можно использовать и для изменения стиля углов скругленного прямоугольника. После создания скругленного прямоугольника выберите инструмент «Прямое выделение», дважды щелкните виджет «Живые углы» и инвертируйте скругленный угол.

Совет: Если вы хотите выпрямить углы, просто выберите виджет и перетащите его в направлении угла.

Заключение

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

Если вам нужна простая форма закругленного прямоугольника, инструмент Rounded Rectangle Tool — быстрый и удобный инструмент.

Предыдущий пост Как переместить артборд в Adobe Illustrator
Следующий пост Как удалить падающую тень в Adobe Illustrator

Cathy Daniels

Я Кэти Дэниелс, эксперт в Adobe Illustrator. Я пользуюсь этим программным обеспечением с версии 2.0 и создаю для него учебные пособия с 2003 года. Мой блог — одно из самых популярных мест в Интернете для людей, которые хотят изучить Illustrator. В дополнение к моей работе в качестве блоггера, я также автор и графический дизайнер.

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

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

В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь добавлением простой рамки толщиной в 1px:

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

Закругляем все углы рисунка с помощью формы Photoshop

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

1. Открываем Фотошоп. В уроке используется моя любимая версия Adobe Photoshop CS3, но подойдет и любая другая версия, установленная на вашем компьютере.

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

3. Нажимаем на клавиатуре Ctrl+A чтобы выделить весь рисунок, затем нажимаем Ctrl+C, чтобы его скопировать. Открываем новое окно в Фотошопе (Ctrl+N) и вставляем в него скопированный рисунок (Ctrl+V). При этом фон в новом окне должен быть либо прозрачным, либо того цвета, который должен окружать рисунок с закругленными краями на сайте.

4. Создаем новый слой (Ctrl+Shift+N). И в этом новом слое с помощью инструмента Rounded Rectangle Tool (U) рисуем квадрат или прямоугольник нужного размера:

5. Цвет фона нарисованного прямоугольника не имеет значения. Параметр Radius, характеризующий степень закругленности угла, для этого урока равен 8, но вы можете изменить его по своему усмотрению:

6. Нарисованную в новом слое фигуру можно двигать с помощью стрелок на клавиатуре. Ее форму можно менять, нажав на клавиатуре комбинацию горячих клавиш Photoshop Ctrl+T и растягивая затем фигуру с помощью мыши. Если тянуть за угол, удерживая клавишу Shift, размер фигуры будет меняться пропорционально. В результате всех этих действий мы добьемся того, что фигура с заокругленными краями будет такого размера и формы, которые нам нужны:

7. Удерживая клавишу Ctrl кликаем по превью слоя в панели слоев Layers (у нас это красный квадрат). Это позволит нам выделить красный прямоугольник с закругленными углами, о чем свидетельствует появившаяся пунктирная линия по его границе:

8. В панели слоев Layers переходим на нижний слой с основным изображением и нажимаем комбинацию Ctrl+Shift+I (или Select -> Inverse в главном меню Photoshop). Это позволит выделить область, которая лежит за пределами красного квадрата с закругленными уголками.

9. Нажимаем на клавиатуре клавишу Delete, чтобы удалить эту ненужную нам часть основной картинки. После этого делаем невидимым верхний слой с красным квадратом (в панели Layers нажимаем на иконку глаза возле слоя с красным квадратом). Нажимаем на клавиатуре M и кликаем в любом месте на холсте рисунка, чтобы снять выделение на готовом изображении аватарки с закругленными углами. Если фон мы установили прозрачным, получим следующее:

10. Рисунок без острых углов готов. Можно сохранять его в нужном формате и использовать как аватарку или иллюстрацию на сайте.

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

Если нужно закруглить только один угол рисунка, а остальные при этом должны остаться острыми, вышеописанная инструкция тоже отлично подойдет для использования. Для этого достаточно сделать с помощью комбинации Ctrl+T размеры красного прямоугольника больше, чем редактируемая картинка. При этом края красного квадрата будут заканчиваться за пределами холста и такой прямоугольник можно наложить на рисунок так, чтобы только один угол накладывался на видимую область рисунка, а остальные остались за его пределами. С помощью инвертирования и удаления выделенной части рисунка мы закруглим только один нужный угол картинки, а остальные углы останутся острыми. Аналогично можно быстро и просто закруглить любое количество углов любого изображения.

Также для создания картинки с неровными краями или любыми другими подобными эффектами можно использовать картинку с такими неровными краями или закругленными углами, скачанную с какого-нибудь сайта. При этом нужно удалить фон, не относящийся к картинке, например, с помощью инструмента Magic Wand Tool (W).