Как обрезать изображение по кругу
В этом поучительном Photoshop уроке для новичков, я покажу как обрезать изображение по кругу. Смотрите видео или читайте текстовую версию!
Обычно, когда мы думаем об обрезке изображений, то всегда представляем их в форме прямоугольника или квадрата. Если мы используем инструмент Crop (С) (Рамка), то других вариантов у нас нет.
Но кто говорит, что нам нужно использовать инструмент Рамка? В Photoshop можно легко обрезать фотографию с помощью инструмента выделения. Чтобы обрезать изображение по кругу, мы будем использовать инструмент Elliptical Marquee (M) (Овальная область). Я буду работать в Photoshop CC, но недавние версии так же подойдут.
Вот так выглядит изображение, обрезанное по кругу, с прозрачными углами, чтобы вы могли легко загрузить его в интернет или применить в другом дизайне.
1. Открываем изображение
Как всегда, начнём с открытия изображения в Photoshop. Вот фотография девушки , которую я буду использовать.
2. Преобразование фонового слоя в обычный
Если мы посмотрим на панель слоёв, то увидим, что наша фотография расположена на фоновом слое.
Прежде чем мы начнём обрезать изображение по кругу, нам необходимо преобразовать фоновый слой в обычный. Причина в том, что после обрезки вокруг изображения появятся прозрачные области, а в Photoshop фоновые слои не поддерживают прозрачность.
Для преобразования, нам необходимо переименовать фоновый слой. В Photoshop CC просто нажмите на значок блокировки с правой стороны слоя. В Photoshop CS6 и более ранних версиях зажмите Alt и дважды кликните по фоновому слою.
Программа мгновенно переименует слой «Background» на “Layer 0». Теперь он преобразован в обычный слой.
3. Инструмент «Овальная область»
На панели инструментов выберите Elliptical Marquee (M) (Овальная область). По умолчанию он располагается чуть ниже инструмента Rectangular Marquee (M) (Прямоугольная область) в той же вкладке. Поэтому кликните правой кнопкой мыши по инструменту Прямоугольная область и из раскрывающегося списка выберите нужный инструмент.
4. Создаём выделение
Выбранным инструментом Овальная область кликните внутри изображения и, потянув, образуйте выделение эллиптической формы. Чтобы оно получилось идеально круглым, при его создании зажмите клавишу Shift. Не беспокойтесь о расположении выделения, в следующем шаге мы переместим его в нужное место. Просто убедитесь, что размер круга достаточно большой, чтобы в него поместилась вся область, которую вы хотите сохранить.
Когда вы закончите отпустите сначала кнопку мыши, а затем клавишу Shift. В ином случае выделение снова приобретёт свободную форму эллипса.
5. Перемещение выделенной области
Если вы создали выделение в не совсем подходящем месте, то просто кликните внутри него и переместите куда нужно. Убедитесь что в верхней панели параметров активна команда New Selection (Новая выделенная область). Я переместил выделение так, чтобы лицо девушки было расположено точно в центре круга. Именно эту область я хочу сохранить. Остальная часть изображения будет обрезана.
6. Инвертируем выделение
На данный момент у нас выбрана область внутри круга. Но нам нужно выделить область, которая расположена вокруг него.
Для этого перейдите в меню Select (Выделение) и в раскрывающемся списке команд выберите Inverse (Инверсия).
7. Удаляем ненужную область
После инвертирования выделения нажмите клавишу Backspace или Delete, чтобы удалить область возле круга. В результате эта область заполнится шаблоном шахматной доски, так в Photoshop представляется прозрачная область.
Нам больше не нужно выделение, поэтому отмените его, перейдя во вкладку Select > Deselect (Выделение – Отменить выделение) или нажмите комбинацию клавиш Ctrl + D.
8. Обрезаем лишние прозрачные области
Чтобы обрезать лишние прозрачные области, окружающие фотографию, перейдите в меню Image > Trim (Изображение — Тримминг).
В диалоговом окне в разделе Based On (На основе) выберите параметр Transparent Pixels (Прозрачных пикселов). Убедитесь, что в разделе Trim Away (Обрезка) выбраны все параметры Top, Bottom, Left и Right (Сверху, Снизу, Слева и Справа) (они должны быть выбраны по умолчанию).
Нажмите OK, чтобы закрыть диалоговое окно Trim (Тримминг). Photoshop мгновенно обрежет лишние прозрачные области вокруг фотографии.
9. Сохранение изображения в формате PNG
Обычно мы сохраняем фотографии в формате JPEG, но данный формат не поддерживает прозрачность. Для сохранения прозрачных областей в углах и, чтобы они не заполнились белым цветом, сохраните обрезанное изображение в формате PNG, который поддерживает прозрачность.
Для этого в меню File (Файл) выберите Save As (Сохранить как).
В открывшемся диалоговом окне для параметра Format (Формат) установите PNG. Дайте название своему файлу и укажите, куда хотите его сохранить, затем нажмите кнопку Save (Сохранить).
Когда Photoshop попросит вас установить параметры для PNG, вы можете спокойно оставить их по умолчанию. Нажмите OK, чтобы сохранить изображение.
Теперь вы знаете, как легко можно обрезать изображение по кругу, используя инструмент Elliptical Marquee (Овальная область).
Вырезаем круги в Adobe Photoshop
Иногда может потребоваться вырезать изображение в форме круга или эллипса, например, чтобы сделать имитацию главной фотографии профиля в каком-нибудь чате на сайте. Также это может быть применимо и в других ситуациях. Однако, вне зависимости от вашей ситуации, процесс вырезки круга в программе будет достаточно простым.
Как вырезать круг в Adobe Photoshop
На самом деле способов, позволяющих сделать аккуратную вырезку в виде круга в Adobe Photoshop не так много. В первую очередь вы можете воспользоваться стандартными инструментами выделения. Также в некоторых ситуациях часто используются маски.
Чтобы лучше понимать, о чём пойдёт речь дальше, рекомендуем ознакомиться со статьёй, посвящённой работе с масками в Photoshop.
Вариант 1: Выделение области
Предположим, у вас уже есть какое-то изображение, где нужно вырезать круг. Инструкция будет выглядеть следующим образом:
- В левой панели инструментов нажмите на инструмент выделения правой кнопкой мыши, чтобы получить более подробный перечень. Скорее всего там по умолчанию будет стоять «Выделение прямоугольной области». Из появившегося меню выберите «Овальная область».
- Затем на изображении нарисуйте овал или эллипс. Чтобы сделать рисунок более пропорциональным, создавайте окружность с зажатой клавишей Shift.
- Теперь, чтобы сделать окончательную вырезку, воспользуйтесь сочетанием Ctrl+J. Вырезанная часть изображения переместится на новый слой, что вы и сможете наблюдать в панели слоёв.
- Отключите видимость слоя с изображением, чтобы увидеть полученную вырезку.
Если же вам требуется вырезать круг из картинки, но при этом сделать так, чтобы в этом круге ничего не было, то воспользуйтесь немного изменённой версией инструкции:
- Сделайте выделение с помощью «Овальной области» как это было описано выше.
- Теперь просто нажмите Delete. После этого вы получите «дырку» в картинке в виде ранее заданного круга.
Вариант 2: Наложение маски
Этот вариант как нельзя лучше подходит в тех случаях, когда нужно «закрыть» какое-нибудь изображение внутри окружности. В отличии от первого варианта сама картинка в этом случае не пострадает, следовательно, она легко может быть возращена в исходное состояние. Делается такое наложение следующим образом:
- В панели инструментов, в блоке с примитивными фигурами, выберите «Эллипс». Если там стоит иконка квадрата или другой фигуры, то просто нажмите по ней правой кнопкой мыши и среди представленных вариантов выберите эллипс.
- Теперь нарисуйте круг. Учтите, что заливка может быть любого цвета, но только не непрозрачного. Устанавливать для круга обводку или нет уже вам решать, но вообще это уже будет лишнее телодвижение. Если нужно сделать круг максимально ровным, то просто рисуйте его с зажатой клавишей Shift.
- Учтите, что слой с полученным кругом должен располагать под слоем с основным изображением. Перенесите его туда в соответствующей панели.
- Теперь выберите в этой же панели снова слой с основным изображением и воспользуйтесь сочетанием клавиш Ctrl+Shift+G. Таким образом вы создадите маску для этого изображения в виде этой картинки.
Такими несложными способами вы можете быстро вырезать круг в программе Adobe Photoshop. Если у вас есть какие-то другие способы или вопросы по представленным, то ждём ваших комментариев.
Как обрезать изображения в форме круга с помощью Photoshop
Устали от обрезки ваших фотографий в прямоугольники и квадраты? Из этого урока вы узнаете, как легко обрезать изображения в виде кругов с помощью Photoshop! И узнайте, как правильно сохранить конечный результат, чтобы сохранить прозрачность, чтобы вы могли добавить фотографию в дизайн или загрузить ее в Интернет!
Обычно, когда мы думаем об обрезке изображений в Photoshop, мы думаем об обрезке их как прямоугольника или квадрата. И если мы используем Photoshop Crop Tool, у нас нет никаких других вариантов. Но кто сказал, что нам нужно использовать Crop Tool? Фотошоп позволяет легко обрезать фотографию с помощью инструмента выбора. Чтобы обрезать изображение в круг, мы будем использовать Elliptical Marquee Tool. Я буду использовать Photoshop CC здесь, но любая последняя версия Photoshop будет работать.
Вот как будет выглядеть изображение, обрезанное в виде круга, с прозрачностью по углам, чтобы вы могли легко загрузить его в Интернет или разместить в другом дизайне:
Как обрезать изображение в форме круга
Шаг 1: Откройте ваше изображение
Начните с открытия вашего изображения в Photoshop. Я буду использовать эту фотографию, которую я скачал с Adobe Stock:
Смотрите видео и делитесь своими комментариями на нашем канале YouTube!
Шаг 2. Преобразование фонового слоя в обычный слой.
Если мы посмотрим на панель «Слои» , то увидим, что наше изображение находится на фоновом слое :
Прежде чем мы сможем обрезать наше изображение в круг, нам сначала нужно преобразовать фоновый слой в обычный слой. Причина в том, что нам нужно иметь возможность окружать наше изображение прозрачностью , но Photoshop не позволяет прозрачность на фоновом слое .
Чтобы преобразовать фоновый слой в обычный слой, все, что нам нужно сделать, это переименовать его. В Photoshop CC просто щелкните значок замка справа от фонового слоя на панели «Слои». В Photoshop CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните на фоновом слое.
Фотошоп мгновенно переименовывает слой из «Фона» в «Слой 0». И вот так, мы превратили его в обычный слой, и мы готовы пойти:
Шаг 3: выберите инструмент Elliptical Marquee
Выберите Elliptical Marquee Tool на панели инструментов. По умолчанию инструмент Elliptical Marquee Tool находится за инструментом Rectangular Marquee. Щелкните правой кнопкой мыши (Победа) / удерживая нажатой клавишу « Control» (Mac) на инструменте «Прямоугольная область», затем выберите инструмент «Эллиптическая область» в раскрывающемся меню:
Шаг 4: Нарисуйте контур выбора круга
С Elliptical Marquee Tool в руке, щелкните внутри вашего изображения и вытяните эллиптическую схему выделения. Чтобы сделать контур выделения идеальным кругом, нажмите и удерживайте клавишу Shift на клавиатуре при перетаскивании. Не беспокойтесь о правильном расположении круга, потому что на следующем шаге мы переместим его в нужное положение. Пока просто убедитесь, что круг достаточно большой, чтобы окружить область, которую вы хотите сохранить.
Когда вы закончите, отпустите кнопку мыши, затем отпустите клавишу Shift. Убедитесь, что сначала вы отпустите кнопку мыши, затем клавишу Shift, или контур выделения вернется к эллиптической форме произвольной формы:
Шаг 5: измените схему выбора, если это необходимо
Если вы не нарисовали контур выделения точно в нужном месте, просто щелкните внутри контура выделения и перетащите его на место. Здесь я перемещаю его так, чтобы лицо молодой женщины было в центре круга. Это та область, которую я хочу сохранить. Остальная часть изображения будет обрезана:
Шаг 6: инвертировать выделение
На данный момент у нас выделена область внутри круга. На самом деле нам нужно, чтобы область за пределами круга была выбрана.
Чтобы отменить выделение области внутри круга и выделить все вокруг, перейдите в меню « Выбор» в строке меню в верхней части экрана и выберите « Инвертировать» :
Шаг 7: Удалить область вокруг круга
Когда выделение перевернуто, нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре, чтобы удалить область вокруг круга. Photoshop заполняет область рисунком шахматной доски , как Photoshop представляет прозрачность:
Нам больше не нужен наш контур выбора, поэтому, чтобы удалить его, перейдите в меню « Выбор» и выберите « Отменить выбор» :
Шаг 8: обрежьте прозрачные участки
Чтобы обрезать изображение по кругу и удалить все прозрачные области вокруг него, перейдите в меню « Изображение» и выберите « Обрезать» :
В диалоговом окне «Обрезать» выберите « Прозрачные пиксели» в верхней части. Затем убедитесь, что сверху , снизу , слева и справа выбраны снизу (они должны быть по умолчанию):
Нажмите кнопку ОК, чтобы закрыть диалоговое окно «Обрезать». Фотошоп мгновенно обрезает окружающие прозрачные области, оставляя наше изображение обрезанным в виде круга:
Шаг 9: сохраните изображение как файл PNG
Обычно мы сохраняем фотографию в виде файла JPEG, но JPEG не поддерживает прозрачность. Чтобы сохранить прозрачность углов и не заполнять их белым, сохраните обрезанное изображение в виде файла PNG, который поддерживает прозрачность.
Чтобы сохранить его, зайдите в меню « Файл» и выберите « Сохранить как» :
В диалоговом окне «Сохранить как» установите для параметра « Формат» значение « PNG» . Назовите свой файл и выберите, где вы хотите сохранить его, затем нажмите « Сохранить» :
Когда Photoshop попросит вас установить параметры PNG, вы можете оставить их по умолчанию. Нажмите OK, чтобы сохранить изображение:
И там у нас это есть! Вот так легко обрезать изображение по кругу в фотошопе! И это подводит нас к концу нашей серии об обрезке изображений в Photoshop !
Если вы пропустили какие-либо из предыдущих уроков в этой главе, ознакомьтесь с ними ниже:
- 01. Как обрезать изображения в Photoshop CC
- 02. Как вращать и выпрямлять изображения
- 03. Как увеличить размер холста с помощью Crop Tool
- 04. Crop Tool советы и подсказки
- 05. Использование инструмента Perspective Crop
- 06. Обрезайте и изменяйте размер фотографий в соответствии с размерами кадра
- 07. Как использовать Content-Aware Crop
- 08. Как обрезать фотографии по кругу
Для получения дополнительных глав и для наших последних учебников, посетите наш раздел Основы Photoshop !
Как обрезать по кругу в Adobe Photoshop изображение
Photoshop – растровый графический редактор, способный выделять объекты, вырезать контуры, рисов.
- Создать новый документ (CTRL+N или команда «Файл» – «Создать»).
- Найти на боковой панели инструмент «Эллипс» (кликнуть правой кнопкой мыши на инструмент «Прямоугольник» и выбрать необходимую опцию).
- Кликнуть по инструменту левой кнопкой мыши.
- Для создания ровного круга нажать и удерживать SHIFT и при зажатой левой кнопке мыши рисовать фигуру.
