Как обрезать изображения в форме круга с помощью Photoshop


Устали от обрезки ваших фотографий в прямоугольники и квадраты? Из этого урока вы узнаете, как легко обрезать изображения в виде кругов с помощью Photoshop! И узнайте, как правильно сохранить конечный результат, чтобы сохранить прозрачность, чтобы вы могли добавить фотографию в дизайн или загрузить ее в Интернет!

Обычно, когда мы думаем об обрезке изображений в Photoshop, мы думаем об обрезке их как прямоугольника или квадрата. И если мы используем Photoshop Crop Tool, у нас нет никаких других вариантов. Но кто сказал, что нам нужно использовать Crop Tool? Фотошоп позволяет легко обрезать фотографию с помощью инструмента выбора. Чтобы обрезать изображение в круг, мы будем использовать Elliptical Marquee Tool. Я буду использовать Photoshop CC здесь, но любая последняя версия Photoshop будет работать.

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

Фотошоп обрезает изображение по кругу.

Конечный результат.

Давайте начнем!

Как обрезать изображение в форме круга

Шаг 1: Откройте ваше изображение

Начните с открытия вашего изображения в Photoshop. Я буду использовать эту фотографию, которую я скачал с Adobe Stock:

Изображение 50129600 лицензировано и используется с разрешения Adobe Stock.

Исходное изображение. Фото предоставлено: Adobe Stock.

Смотрите видео и делитесь своими комментариями на нашем канале YouTube!

Шаг 2. Преобразование фонового слоя в обычный слой.


Если мы посмотрим на панель «Слои» , то увидим, что наше изображение находится на фоновом слое :

Панель «Слои», отображающая изображение на фоновом слое.

Панель «Слои», отображающая изображение на фоновом слое.

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

Чтобы преобразовать фоновый слой в обычный слой, все, что нам нужно сделать, это переименовать его. В Photoshop CC просто щелкните значок замка справа от фонового слоя на панели «Слои». В Photoshop CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните на фоновом слое.

Фотошоп мгновенно переименовывает слой из «Фона» в «Слой 0». И вот так, мы превратили его в обычный слой, и мы готовы пойти:

Фоновый слой теперь является нормальным слоем.

Фоновый слой теперь является обычным слоем с именем «Слой 0».

Шаг 3: выберите инструмент Elliptical Marquee

Выберите Elliptical Marquee Tool на панели инструментов. По умолчанию инструмент Elliptical Marquee Tool находится за инструментом Rectangular Marquee. Щелкните правой кнопкой мыши (Победа) / удерживая нажатой клавишу « Control» (Mac) на инструменте «Прямоугольная область», затем выберите инструмент «Эллиптическая область» в раскрывающемся меню:

Выбор Elliptical Marquee Tool в Photoshop.

Выбор Elliptical Marquee Tool.

Шаг 4: Нарисуйте контур выбора круга


С Elliptical Marquee Tool в руке, щелкните внутри вашего изображения и вытяните эллиптическую схему выделения. Чтобы сделать контур выделения идеальным кругом, нажмите и удерживайте клавишу Shift на клавиатуре при перетаскивании. Не беспокойтесь о правильном расположении круга, потому что на следующем шаге мы переместим его в нужное положение. Пока просто убедитесь, что круг достаточно большой, чтобы окружить область, которую вы хотите сохранить.

Когда вы закончите, отпустите кнопку мыши, затем отпустите клавишу Shift. Убедитесь, что сначала вы отпустите кнопку мыши, затем клавишу Shift, или контур выделения вернется к эллиптической форме произвольной формы:

Перетаскивая контур выделения вокруг области, которую я хочу сохранить.

Нажмите и удерживайте Shift и вытяните круговой контур выделения.

Шаг 5: измените схему выбора, если это необходимо

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

Нажмите и перетащите круговую схему выделения на место.

Нажмите и перетащите круговую схему выделения на место.

Шаг 6: инвертировать выделение


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

Чтобы отменить выделение области внутри круга и выделить все вокруг, перейдите в меню « Выбор» в строке меню в верхней части экрана и выберите « Инвертировать» :

Выбор Inverse из меню «Выбрать» в Photoshop.

Собираюсь Выбрать> Инвертировать.

Шаг 7: Удалить область вокруг круга

Когда выделение перевернуто, нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре, чтобы удалить область вокруг круга. Photoshop заполняет область рисунком шахматной доски , как Photoshop представляет прозрачность:

Нажмите Backspace (Win) / Delete (Mac), чтобы удалить ненужную область. <

Нажмите Backspace (Win) / Delete (Mac), чтобы удалить ненужную область.

Нам больше не нужен наш контур выбора, поэтому, чтобы удалить его, перейдите в меню « Выбор» и выберите « Отменить выбор» :

Выбор команды «Отменить выбор» в меню «Выбор» в Photoshop.

Собираюсь Выбрать> Отменить выбор.

Шаг 8: обрежьте прозрачные участки


Чтобы обрезать изображение по кругу и удалить все прозрачные области вокруг него, перейдите в меню « Изображение» и выберите « Обрезать» :

Выбор команды «Обрезать» в меню «Изображение» в Photoshop.

Идем в Image> Trim.

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

Выбор прозрачных пикселей в диалоговом окне «Обрезка».

Выберите «Прозрачные пиксели» в диалоговом окне «Обрезать».

Нажмите кнопку ОК, чтобы закрыть диалоговое окно «Обрезать». Фотошоп мгновенно обрезает окружающие прозрачные области, оставляя наше изображение обрезанным в виде круга:

Фотошоп обрезает изображение по кругу.

Изображение теперь обрезано по кругу.

Шаг 9: сохраните изображение как файл PNG

Обычно мы сохраняем фотографию в виде файла JPEG, но JPEG не поддерживает прозрачность. Чтобы сохранить прозрачность углов и не заполнять их белым, сохраните обрезанное изображение в виде файла PNG, который поддерживает прозрачность.

Чтобы сохранить его, зайдите в меню « Файл» и выберите « Сохранить как» :

Выберите «Сохранить как» в меню «Файл» в Photoshop.

Идем в Файл> Сохранить как.

В диалоговом окне «Сохранить как» установите для параметра « Формат» значение « PNG» . Назовите свой файл и выберите, где вы хотите сохранить его, затем нажмите « Сохранить» :

Выбор PNG для формата файла в диалоговом окне «Сохранить как».

Убедитесь, что вы выбрали PNG для формата файла, чтобы сохранить прозрачность.

Когда Photoshop попросит вас установить параметры PNG, вы можете оставить их по умолчанию. Нажмите OK, чтобы сохранить изображение:

Диалоговое окно параметров PNG.

Параметры PNG по умолчанию работают нормально.

И там у нас это есть! Вот так легко обрезать изображение по кругу в фотошопе! И это подводит нас к концу нашей серии об обрезке изображений в Photoshop !

Если вы пропустили какие-либо из предыдущих уроков в этой главе, ознакомьтесь с ними ниже:

  • 01. Как обрезать изображения в Photoshop CC
  • 02. Как вращать и выпрямлять изображения
  • 03. Как увеличить размер холста с помощью Crop Tool
  • 04. Crop Tool советы и подсказки
  • 05. Использование инструмента Perspective Crop
  • 06. Обрезайте и изменяйте размер фотографий в соответствии с размерами кадра
  • 07. Как использовать Content-Aware Crop
  • 08. Как обрезать фотографии по кругу

Для получения дополнительных глав и для наших последних учебников, посетите наш раздел Основы Photoshop !

Будьте первым, кто узнает, когда будут добавлены новые учебники!




Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

1 Комментарий

  1. Как сделать изображение круглым без прозрачных углов — на это ответа нет

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

Ваш адрес email не будет опубликован.