Как сделать круглую рамку в фотошопе

Обновлено: 03.07.2024

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

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

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

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

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

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

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

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

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

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

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

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

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

step

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

step

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

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

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

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

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

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

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

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

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

В сегодняшнем уроке вы узнаете, как обрезать круг в 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. Начнем!

Шаг 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 • Little Gold Pixel

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

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

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

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

Но я забегаю вперед.

Как создать фотографию в виде круга с помощью обтравочных масок Photoshop • Little Gold Pixel

Как создать круглую фотографию с помощью обтравочных масок Photoshop — видеоурок

Я сделал видеоурок с пошаговыми инструкциями:

Как создать фотографию в виде круга с помощью обтравочных масок Photoshop — разбивка

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

<р>1. Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она еще не открыта.

Как создать круглую фотографию с помощью обтравочных масок Photoshop • Маленький золотой пиксель

<р>2. Создайте фигуру с помощью инструмента выделения выделения (есть и другие инструменты, которые вы можете использовать, но здесь мы начнем с простого). Добавьте к фигуре цвет заливки.

Как создать круглую фотографию с помощью обтравочных масок Photoshop • Маленький золотой пиксель

<р>3. Отменить выбор. Для этого снова щелкните инструмент выделения, а затем щелкните фигуру, чтобы убрать выделение, известное как "марширующие муравьи".

Как создать круглую фотографию с помощью обтравочных масок Photoshop • Маленький золотой пиксель

<р>4. Откройте фотографию и перетащите прямо в файл. Это автоматически создаст новый слой.

Как создать круглую фотографию с помощью обтравочных масок Photoshop • Маленький золотой пиксель

<р>5. Щелкните правой кнопкой мыши слой, выберите «Создать обтравочную маску».

Как создать круглую фотографию с помощью обтравочных масок Photoshop • Маленький золотой пиксель

<р>6. Перемещайте изображение, пока оно вас не удовлетворит. Чтобы изменить размер, нажмите Command + T. Затем, удерживая Command + Shift, перетащите углы внутрь или наружу, чтобы пропорционально уменьшить или расширить их.

<р>7. Сохраните это как PSD на случай, если вам понадобится внести изменения позже. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимые». (сочетание клавиш: команда+E)

Как создать круглую фотографию с помощью обтравочных масок Photoshop • Маленький золотой пиксель

<р>8. Сохраните как файл PNG, чтобы сохранить прозрачность.

Как создать фотографию в виде круга с помощью обтравочных масок Photoshop • Маленький золотой пиксель

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

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

Как создать фотографию в виде круга с помощью обтравочных масок Photoshop • Little Gold Pixel

Если вы когда-либо работали с Photoshop, вы, вероятно, слышали выражение: «В Photoshop есть миллионы способов сделать одно и то же».

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

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

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

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

Но я забегаю вперед.

Как создать фотографию в виде круга с помощью обтравочных масок Photoshop • Little Gold Pixel

Как создать круглую фотографию с помощью обтравочных масок Photoshop — видеоурок

Я сделал видеоурок с пошаговыми инструкциями:

Как создать фотографию в виде круга с помощью обтравочных масок Photoshop — разбивка

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

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

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

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