Как сделать круглое изображение в фотошопе

Обновлено: 28.04.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, чтобы узнать больше!

Создайте привлекательное и характерное изображение, обрезав его в круг с помощью Adobe Photoshop.

Разнообразие изображений обрезки кругов

Попробуйте новую форму для обрезанных изображений.

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

Редактирование фотографий с круговой обрезкой.

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

Пошаговые инструкции по обрезке изображения по кругу.

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

Преобразуйте фоновое изображение в редактируемый слой, дважды щелкнув фон на панели «Слои» или выбрав «Слой» › «Новый» › «Слой из фона».

Выберите инструмент Elliptical Marquee и нарисуйте идеальный круг, удерживая клавишу Shift и перетаскивая фигуру на место.

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

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

Нажмите "Удалить", чтобы избавиться от остальной части изображения.

step

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

step

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

Познакомьтесь с другими руководствами по обрезке.

Видео обрезки изображений

Увеличено изображение обрезки в Adobe Photoshop

Человек, стоящий вдали внутри закругленной пещеры

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

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

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

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


Вы все видели великолепные изображения, обрезанные до идеального круга, но как это сделать? Немного погуглив некоторое время назад, я узнал несколько быстрых приемов в 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 для уменьшения количества спама. Узнайте, как обрабатываются данные ваших комментариев.

< бр />

Махеш Маквана


Махеш Маквана
Писатель

Махеш Маквана — технический писатель-фрилансер, специализирующийся на написании практических руководств. Он пишет технические учебники уже более десяти лет. Он написал для некоторых известных технических сайтов, включая MakeUseOf, MakeTechEasier и Online Tech Tips. Подробнее.

Adobe Photoshop Logo

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

Сначала откройте изображение, которое вы хотите обрезать, с помощью Photoshop на компьютере Mac или Windows. В окне Photoshop найдите панель «Слои», которая находится на боковой панели справа. На панели «Слои» найдите слой «Фон» и щелкните значок замка рядом с ним. Если значка замка нет, ничего делать не нужно.


На вертикальной панели инструментов щелкните правой кнопкой мыши значок инструмента "Выделение" (который выглядит как прямоугольник с пунктирным контуром) и выберите "Эллиптический инструмент выделения".

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

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

Выделите круг на фотографии в окне Photoshop

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

Нажмите

Если вы используете Windows, нажмите клавишу Backspace. Если вы на Mac, нажмите клавишу Delete. Это удалит область за пределами круга на вашей фотографии.

Обведенное фото в Photoshop

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

Параметры обрезки в Photoshop

В окне «Обрезка» выберите «Прозрачные пиксели» в разделе «На основе». Затем убедитесь, что установлены все флажки в разделе «Обрезать», и нажмите «ОК».

Удалить прозрачные пиксели из Photoshop

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

Изображение в форме круга в Photoshop

Чтобы сохранить это изображение, нажмите «Файл» > «Сохранить как» в строке меню.

Выберите

В окне «Сохранить как» выберите «PNG» в меню «Формат». Формат PNG сохраняет прозрачность (которую использует ваша фотография в форме круга), а формат JPEG — нет.

Сохранить изображение с помощью Photoshop

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

  • › Как разместить изображение в Zoom
  • › Как изменить изображение профиля в Instagram
  • › Как установить Google Play Маркет в Windows 11
  • › Почему прозрачные чехлы для телефонов желтеют?
  • › Как восстановить метки панели задач в Windows 11
  • › Худшее, что есть в телефонах Samsung, — это программное обеспечение Samsung.
  • ›5 шрифтов, которые следует прекратить использовать (и лучшие альтернативы)
  • › Что означает XD и как вы его используете?

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