Как обрезать фото овалом в фотошопе

Обновлено: 03.07.2024

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

При кадрировании изображений в Photoshop мы обычно думаем о прямоугольниках или квадратах. Это потому, что у Crop Tool в Photoshop нет других опций. Но кто сказал, что нам нужно использовать Crop Tool? Photoshop позволяет так же легко обрезать изображения с помощью инструментов выделения. А чтобы обрезать изображение по кругу, нам нужен инструмент Elliptical Marquee Tool.

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

Я использую Photoshop 2021, но вы можете использовать любую последнюю версию.

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

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

Начнем!

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

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

Для начала откройте изображение в Photoshop. Я буду использовать это изображение из Adobe Stock:

Исходное изображение, которое будет обрезано в круг в Photoshop

Шаг 2. Разблокируйте фоновый слой

На панели «Слои» изображение появляется на фоновом слое:

Photoshop

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

Чтобы преобразовать фоновый слой в обычный слой, просто щелкните значок замка. Если вы используете старую версию Photoshop и щелчок по значку замка не работает, нажмите и удерживайте клавишу Alt (Win)/Option (Mac) на клавиатуре и дважды щелкните фоновый слой:

Разблокировка фонового слоя нажатием на значок замка в Photoshop

Photoshop переименовывает фоновый слой в «Слой 0», и мы готовы обрезать изображение в круг:

Фоновый слой преобразован в обычный слой

Шаг 3. Выберите инструмент Elliptical Marquee Tool

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

Выбор инструмента Elliptical Marquee Tool в Photoshop

Шаг 4. Нарисуйте круговой контур выделения

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

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

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

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

Шаг 5. Измените положение контура выделения

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

Обратите внимание, что на снимке экрана ниже пурпурная линия, идущая сверху вниз по изображению, — это всего лишь одна из быстрых направляющих Photoshop, говорящая мне о том, что контур выделения теперь центрирован по вертикали в документе. Быстрые направляющие исчезают, когда вы отпускаете кнопку мыши:

Центрирование моего объекта в круглом контуре выделения в Photoshop

Шаг 6. Инвертируйте выделение

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

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

Выбор

Шаг 7. Удалите изображение за пределами круга

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

Если удаленная область становится белой, а не прозрачной, или Photoshop открывает диалоговое окно «Заливка», это, скорее всего, связано с тем, что вы забыли разблокировать фоновый слой еще на шаге 1:

Нажмите Backspace (Win) / Delete (Mac), чтобы удалить изображение вокруг круга.

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

Выбор команды

Шаг 8. Обрежьте прозрачные области

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

Выбор команды

Затем в диалоговом окне "Обрезка" выберите "Прозрачные пиксели" вверху и убедитесь, что внизу выбраны "Верх", "Низ", "Слева" и "Справа":

Выбор прозрачных пикселей в Photoshop

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

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

Изображение, обрезанное в Photoshop как круг.

Шаг 9. Сохраните изображение в формате PNG

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

Чтобы сохранить изображение в формате PNG, откройте меню "Файл" и выберите "Сохранить как":

Выбор

В самых последних версиях Photoshop вас спросят, хотите ли вы сохранить файл на свой компьютер или как облачный документ. Выберите Сохранить на своем компьютере:

Диалоговое окно

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

Сохранение обрезанного изображения в формате PNG в Photoshop

Наконец, в параметрах формата PNG выберите «Наименьший размер файла», а затем нажмите «ОК», чтобы сохранить изображение:

Диалоговое окно

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

Вы можете перейти к любому другому уроку из этой серии «Обрезка изображений в Photoshop». Или посетите наш раздел Основы Photoshop, чтобы узнать больше!


Вы все видели великолепные изображения, обрезанные до идеального круга, но как это сделать? Немного погуглив некоторое время назад, я узнал несколько быстрых приемов в Photoshop, чтобы сделать весь этот процесс чрезвычайно простым. Вы будете поражены тем, насколько это просто на самом деле, как только вы научитесь. Вот пошаговое руководство о том, как обрезать круг в Photoshop. Начнем!

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

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

photoshop_circle_tutorial_1

Шаг 2. Дважды щелкните фоновый слой и сделайте его обычным слоем — просто нажмите OK.

Вы можете назвать его, если хотите, но на самом деле это не имеет значения. Вы просто хотите, чтобы «Фон» исчез, а замок исчез.

photoshop_circle_tutorial_2

Шаг 3. Выберите инструмент Elliptical Marquee Tool

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

photoshop_circle_tutorial_3

Шаг 4. Создайте круг

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

photoshop_circle_tutorial_4

Шаг 5. Инверсия слоя

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

photoshop_circle_tutorial_5

Шаг 6. Удалите внешние слои

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

photoshop_circle_tutorial_6

photoshop_circle_tutorial_7

Шаг 7. Обрежьте изображение для сохранения

Вернитесь к инструменту выделения и переключитесь на прямоугольный — выберите область прямо вокруг изображения. Затем выберите Панель инструментов > Изображение > Обрезать. Это удалит все лишнее пространство вокруг вашего изображения.

Шаг 8. Сохранить как .jpg

Сохраните изображение в формате .jpg, используя раскрывающийся список. Это сохранит изображение без фона (в отличие от JPEG и других форматов), так что какой бы цвет или узор ни был за этим изображением, когда вы его загружаете или используете, граница начинается с вашего идеального круга.

photoshop_circle_tutorial_9

Надеюсь, этот урок был вам полезен! Дайте мне знать, если у вас есть какие-либо вопросы, я буду рад помочь!

В сегодняшнем уроке вы узнаете, как обрезать круг в Photoshop с помощью инструмента «Рамка».

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

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

Оглавление

Обрезка по кругу в Photoshop с помощью инструмента «Рамка»

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

На панели инструментов вы найдете инструмент "Рамка". Его можно включить, нажав клавишу K на клавиатуре.


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

На панели параметров вы увидите два доступных варианта рамки: Прямоугольная и Эллиптическая рамка.


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

Нажмите и перетащите, чтобы развернуть рамку.

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

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

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

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

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

Вот как обрезать круг в Photoshop.

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


Если вы хотите узнать больше о том, как это работает, обязательно ознакомьтесь со статьей об инструменте "Рамка" в Adobe helpx.

Как обрезать по кругу в Photoshop

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

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

Чтобы обрезать круг, выделите эллиптическую рамку, удерживая клавишу Ctrl (Windows) или Command (MacOS) и нажимая миниатюру инструмента Рамка на панели "Слои".


Выберите инструмент «Кадрирование» в Photoshop, чтобы сразу обрезать изображение до выделенного фрагмента. Дважды нажмите клавишу Enter (Windows) или Return (MacOS), чтобы подтвердить изменение.


Нажмите Ctrl 0 (Windows) или Command 0 (MacOS), чтобы подогнать изображение под размер экрана.

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

На панели Слои обратите внимание на белый контур вокруг миниатюры слоя. Белый контур указывает на то, что смарт-объект в данный момент активен

.


Если вы выберете инструмент "Перемещение", вы сможете щелкнуть и перетащить любое место на изображении, чтобы изменить его положение в кадре.


Сохранение изображения

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

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

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

Для этого выберите «Файл» > «Экспорт» > «Экспортировать как».

К сожалению, вы не можете использовать JPEG, поскольку он не позволяет сохранять прозрачность.

Наилучшим форматом, обеспечивающим прозрачность, является формат PNG, поэтому выберите его в раскрывающемся меню Формат.

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

Чтобы завершить все, нажмите кнопку «Экспорт», чтобы сохранить файл на свой компьютер!


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

Если вам понравился этот урок, возможно, вам также понравится научиться печатать по кругу в Photoshop!

Похожие записи

Zombie Photoshop Tutorial

Зомби-учебник по Photoshop

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

Удивительно реалистичное прозрачное яйцо пришельца

Удивительно реалистичное прозрачное яйцо пришельца

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

Секрет К созданию удивительных композиций: перспектива и точки схода

Секрет создания удивительных композиций: перспектива и точки схода

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

Режимы наложения Объяснение — Полное руководство по режимам наложения Photoshop» width=

Объяснение режимов наложения — Полное руководство по режимам наложения в Photoshop

Подробное объяснение того, как работает Blending Moes. Больше не нужно пролистывать их все, чтобы найти нужный!

Презентация в штаб-квартире Adobe для Группа пользователей Creative Cloud из Сан-Хосе

Презентация группы пользователей Creative Cloud в Сан-Хосе в штаб-квартире Adobe

Презентация о композитинге в Photoshop для группы пользователей Create Cloud из Сан-Хосе.

Создание атмосферной перспективы для Лучшие композиты в Photoshop

Создание атмосферной перспективы для лучших композитов в Photoshop

Видеоруководство по Photoshop, показывающее, как использовать атмосферную перспективу для создания более правдоподобных композиций.

Один комментарий

Отличное видео. Господи, у меня есть вопрос, на который, надеюсь, ты мне ответишь. У моего внука в 3 классе есть небольшие трудности с обучением, но он очень любит рисовать и рисовать. Я хочу подбодрить его и купить ему планшет для рисования, так как он тоже любит компьютерные игры, и я думаю, что, купив ему планшет, пока он молод, мы сможем помочь ему в его будущем образовании. Что бы вы порекомендовали в качестве подходящего планшета для такого молодого человека и, возможно, простой программы для первого рисования. У меня есть планшет Wacom и Photoshop, но я думаю, что они слишком продвинуты, если вы можете помочь, это было бы здорово, если вы не можете из-за коммерческих ограничений, я понимаю. Спасибо за отличные уроки, они действительно помогают мне с Photoshop и будьте в безопасности.

Оставить ответ Отменить ответ

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются данные ваших комментариев.

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

Не совсем очевидно, как обрезать изображения в форме круга с помощью Photoshop. Есть масса способов обрезать фотографию до меньшего размера, но как насчет того, чтобы обрезать ее в круг? Независимо от того, нужно ли вам это для веб-сайта, рекламы или изображения профиля, существует множество причин, по которым вам может понадобиться обрезать изображение до круглой формы. Теперь проблема в том… как вы можете это сделать?

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

Как обрезать круглую форму

Ниже описан пошаговый процесс обрезки изображения в форме круга с помощью Photoshop.

Импортируйте изображение, нажав кнопку «Открыть изображение» при первом открытии Photoshop.

Снимок экрана 03.05.2020, 14:45:32

Ваше изображение появится как заблокированный слой на панели слоев. Чтобы внести какие-либо коррективы, вам необходимо разблокировать его. Это легко сделать, нажав на значок замка. Обратите внимание, как имя вашего слоя меняется с «background» на «layer 0»

.

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

Снимок экрана 03.05.2020, 14:47:50

Выбрав инструмент Elliptical Marquee Tool, щелкните и перетащите круглое выделение вокруг области фотографии, которую нужно обрезать. Если вы хотите сделать кадр идеальным кругом, удерживайте нажатой клавишу SHIFT при создании выделения. Если вы хотите переместить весь выбор, нажмите и удерживайте ПРОБЕЛ, чтобы переместить его.

Снимок экрана 03.05.2020, 14:49:42

Если вы недовольны своим выбором и хотите начать все сначала, нажмите COMMAND или CONTROL + D, чтобы отменить выбор.

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

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

Затем нажмите на миниатюру слоя и выберите инструмент перемещения, нажав клавишу V. Теперь вы можете перемещать изображение независимо от круглой обрезки.

Чтобы избавиться от лишнего пространства на холсте, выберите ИЗОБРАЖЕНИЕ > ОБРЕЗАТЬ. Откроется новое диалоговое окно. Отметьте «Прозрачные пиксели» и убедитесь, что выбраны все стороны. См. пример ниже.

Снимок экрана 03.05.2020, 14:54:47

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

Как экспортировать прозрачный фон в Photoshop

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

Как только вы будете довольны обрезанным круглым изображением, перейдите в строку меню и выберите ФАЙЛ > СОХРАНИТЬ КАК.

Снимок экрана 03.05.2020, 14:55:03

Выберите папку назначения и переименуйте файл, как хотите. Затем измените параметр формата на .PNG, чтобы экспортировать круглое изображение с прозрачным фоном.

Снимок экрана 03.05.2020, 14:56:07

Когда все готово, нажмите "Сохранить", чтобы экспортировать изображение.

Результат

Circle-Crop- Пример

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

Дополнительные уроки Photoshop, которые могут вам понравиться:

Если вы знаете кого-то, кому нужно научиться обрезать фото в круг, обязательно поделитесь с ним этим постом!

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

Читайте также: