Home
» Wiki
»
Как создать закругленные углы изображений в Photoshop
Как создать закругленные углы изображений в Photoshop
Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙
В этом уроке вы узнаете, как лучше всего скруглить углы изображений с помощью Photoshop. В статье также показано, как добавить рамку к фотографии после скругления углов. И, наконец, самый важный шаг — как сохранить результат, сохранив прозрачность в углах.
Открыв изображение в Photoshop, перейдите на панель «Слои», где изображение расположено на слое «Фон».
Щелкните значок замка слоя, чтобы разблокировать его. Photoshop переименует слой в «Слой 0», а значок замка исчезнет.
Разблокируйте фоновый слой.
Шаг 2: Выберите инструмент «Прямоугольник»
На панели инструментов выберите инструмент «Прямоугольник».
Если доступен другой инструмент «Фигура», нажмите и удерживайте значок этого инструмента, а затем выберите из списка инструмент «Прямоугольник».
Выберите инструмент «Прямоугольник» на панели инструментов в Photoshop.
Шаг 3: Задайте параметры формы
На панели параметров щелкните образец цвета обводки.
Образец цвета обводки на панели параметров в Photoshop
Чтобы не отображать обводку, установите для цвета значение None .
Затем нажмите Enter ( Return на Mac), чтобы закрыть параметры цвета.
Выберите «Нет» для цвета обводки.
Слева от цвета обводки находится образец цвета заливки .
Подойдет любой цвет для фигуры, поэтому для примера мы оставим его черным (цвет фигуры по умолчанию).
Образец цвета заливки.
Также на панели параметров есть опция «Радиус угла», с помощью которой можно ввести размеры углов перед рисованием фигуры.
Оставьте пока значение 0, так как после рисования фигуры мы будем скруглять углы.
Параметр «Радиус угла» для инструмента «Прямоугольник» в Photoshop
Шаг 4: Нарисуйте прямоугольник.
Щелкните и удерживайте документ, а затем перетащите фигуру. Не беспокойтесь о размере или положении фигуры, так как мы изменим их позже.
Нарисуйте первоначальную форму.
На панели «Слои» фигура появится на собственном слое фигуры над изображением.
Новый слой-фигура на панели «Слои».
Шаг 5: Центрируйте и измените размер фигуры.
Прежде чем изменять размер фигуры, расположите ее по центру холста.
На панели параметров щелкните значок «Выравнивание пути» .
Значок выравнивания пути на панели параметров.
Измените параметр Выровнять по с Выделение на Холст .
Параметр «Выровнять по» установлен на значение «Холст».
Нажмите значки «Выровнять по горизонтали» и «Выровнять по вертикали» .
Затем щелкните в любом месте панели параметров, чтобы закрыть окно.
Значки «Выровнять центры по горизонтали» и «Выровнять центры по вертикали».
Теперь фигура отцентрирована. Вы можете изменить размер от его центра, удерживая клавишу Alt на ПК с Windows или клавишу Option на Mac и перетаскивая любой из маркеров трансформации.
Изменяет размер фигуры от ее центра.
Шаг 6: Закруглите углы фигуры.
Обратите внимание на маленькие кружки в каждом углу фигуры. Это элементы управления радиусом угла .
Регулятор радиуса угла находится в верхнем левом углу фигуры.
Чтобы скруглить углы, просто перетащите один из кругов.
Перетащите круг, чтобы скруглить углы.
Все четыре угла фигуры закруглены в одинаковой степени.
Перетаскивание круга приведет к скруглению всех углов одновременно.
Скругление углов на панели «Свойства»
Другой способ скругления углов — на панели «Свойства». Второй метод полезен, когда вы знаете точное значение необходимого вам радиуса.
На панели «Свойства» перейдите к параметрам «Радиус угла» . Возможно, вам придется прокрутить страницу вниз, чтобы найти их.
Здесь вы можете ввести значения углов в верхнем левом, верхнем правом, нижнем правом и нижнем левом углах фигуры.
Параметры радиуса угла на панели свойств.
Чтобы задать радиус для всех 4 углов одновременно, сначала убедитесь, что выбран значок ссылки.
Значок ссылки.
Затем введите значение в любую ячейку. Например, мы введем 800 пикселей для верхнего левого угла.
Введите значение радиуса для одного из углов.
Нажмите Enter ( Return на Mac), чтобы принять и установить это значение для всех 4 углов.
Теперь все четыре угла имеют одинаковое значение радиуса.
Как закруглить угол отдельно от других
Помимо одновременного скругления всех четырех углов, вы можете скруглить каждый угол по отдельности.
Самый простой способ — удерживать клавишу Alt на ПК с Windows или клавишу Option на Mac, а затем перетаскивать круг на нужный угол.
Поэтому, если вы хотите, чтобы верхний правый угол был заострен, а остальные углы оставались скругленными, вы можете удерживать клавишу Alt (Win) / Option (Mac) и перетаскивать круг этого угла обратно в исходное положение.
Скругляет один угол фигуры отдельно от других углов.
Удерживайте клавишу Alt (Win) / Option (Mac), чтобы перетащить круг, не затрагивая другие углы.
И теперь у нас есть один острый угол (в правом верхнем углу) и три закругленных угла.
Результаты после регулировки одного угла по отдельности.
Другой способ индивидуальной настройки угла — с помощью параметра «Радиус угла» на панели «Свойства».
Сначала отмените связь между углами, сняв флажок со значка связи.
Разъедините углы.
Затем введите значение радиуса для угла. Поэтому, если вы хотите, чтобы нижний левый угол также был резким, вы можете ввести значение 0 пикселей.
Нажмите Enter ( Return на Mac), чтобы принять изменения.
Установите нижний левый радиус на 0.
Теперь у нас есть два закругленных угла и два острых угла.
Установите нижний левый радиус на 0.
Результат после корректировки только нижнего левого угла.
Но обратите внимание, что если вы теперь перетащите круг (не удерживая клавишу Alt или Option ), чтобы отрегулировать все четыре угла одновременно, углы в правом верхнем и левом нижнем углах по-прежнему будут менее скругленными, чем другие углы.
Углы закруглены в разной степени.
Сбросить углы
Перетащите круги обратно в углы, чтобы вернуть им первоначальную форму острых углов.
Перетащите круги, чтобы заострить углы.
Затем перетащите один из кругов, чтобы округлить их все до нужной вам величины.
Скруглите все четыре угла вместе.
Шаг 7: Создание обтравочной маски
Теперь, когда вы закруглили углы фигуры, вам нужно переместить изображение внутрь фигуры. Для этого используйте обтравочную маску.
На панели «Слои» перетащите слой изображения над слоем фигуры.
Перетащите изображение на слой-фигуру на панели «Слои».
Затем, пока слой изображения активен, щелкните значок меню на панели «Слои».
Значок меню панели «Слои».
Нажмите на значок меню.
Выберите Создать обтравочную маску .
Выберите команду «Создать обтравочную маску» в Photoshop.
Эта команда помещает изображение внутрь фигуры, создавая впечатление, что у него закругленные углы.
А все, что находится за пределами фигуры, теперь прозрачно и представлено в виде шахматного узора.
При необходимости вы все равно можете откорректировать углы, даже если фотография находится внутри фигуры.
Просто повторно выберите слой-фигуру на панели «Слои».
Выберите слой с фигурой.
Пока вы держите выбранным инструмент «Прямоугольник» (или любой другой инструмент фигуры) на панели инструментов, круги по углам будут появляться снова.
Перетащите круг, чтобы отрегулировать округлость, пока не получите желаемый результат.
Круги радиуса угла снова появляются при выборе слоя-фигуры.
Чтобы просмотреть изображение без мешающих элементов управления формой, выберите слой изображения на панели «Слои».
А чтобы вернуть элементы управления, выберите слой с фигурой.
Переключайтесь между слоями фигур и изображений, чтобы показать/скрыть элементы управления фигурами.
Шаг 9: Вырежьте прозрачные области.
Прежде чем двигаться дальше, давайте вырежем ненужные прозрачные области вокруг изображения, так как нам на самом деле нужна только прозрачность по углам.
Перейдите в меню «Изображение» и выберите «Обрезать» .
Выберите команду «Обрезать» в меню «Изображение» в Photoshop.
В диалоговом окне «Обрезка» выберите вверху пункт «Прозрачные пиксели» и убедитесь, что внизу выбраны пункты «Верх», «Низ», «Слева » и «Справа» .
Затем нажмите ОК.
Диалоговое окно «Обрезка» в Photoshop
Photoshop обрезает всю прозрачность, за исключением того, что остается в углах.
Результат после удаления большей части прозрачной части.
Шаг 10: Добавьте рамку вокруг фотографии (необязательно)
Если вы хотите добавить рамку вокруг изображения, убедитесь, что на панели «Слои» выбран слой-фигура.
Выберите слой с фигурой.
Щелкните значок эффектов слоя (fx) в нижней части панели «Слои».
Значок эффекта слоя.
Выберите Инсульт из списка.
Добавьте к фигуре эффект слоя «Обводка».
В диалоговом окне «Стиль слоя» щелкните образец цвета , чтобы выбрать цвет для обводки.
Выберите цвет обводки.
Затем выберите цвет из палитры цветов. В примере будет выбран белый цвет (со значениями R, G и B 255).
По завершении нажмите «ОК» , чтобы закрыть палитру цветов.
Выберите белый цвет в палитре цветов.
Вернитесь в диалоговое окно «Стиль слоя» и убедитесь, что для параметра «Положение обводки» установлено значение « Внутри».
Затем перетащите ползунок «Размер» , чтобы задать ширину обводки. Необходимый вам размер будет зависеть от размера изображения.
По завершении нажмите кнопку «ОК» , чтобы закрыть диалоговое окно «Стиль слоя» .
Параметры положения и размера штриха.
Это изображение с добавленной обводкой (контуром).
Вокруг изображения добавляется рамка.
Шаг 11: Сохраните изображение
Наконец, чтобы сохранить изображение и сохранить закругленные углы, вам необходимо сохранить изображение в формате, поддерживающем прозрачность. JPEG не будет работать. Вместо этого сохраните изображение как PNG .
Перейдите в меню «Файл» и выберите «Сохранить копию» (не «Сохранить как»).
Перейдите в Файл > Сохранить копию.
В диалоговом окне «Сохранить копию»:
Перейдите в папку на вашем компьютере, где вы хотите сохранить файл.
Измените тип файла на PNG .
Назовите файл. Пример будет называться «скругленные углы».
Нажмите «Сохранить» .
Сохранить файл как PNG.
В параметрах формата PNG выберите Наименьший размер файла и нажмите ОК .
Теперь ваше изображение сохранено со скругленными углами.
Вариант формата PNG.
И это всё! Вот как можно скруглить углы фотографий с помощью Photoshop.