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

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

Создаем новый файл: «File» – «New» или откройте нужное изображение, нажав сочетание клавиш «Ctrl+O» .

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

Чтобы нарисовать круг от центра , в настройках инструмента нажмите на маленькую черную стрелочку и поставьте галочку в поле «From Center» (От центра).

Если нужно нарисовать ровный круг , а не эллипс, поставьте маркер в поле «Circle» (Окружность).

Нарисовать круг в Фотошопе заданного размера тоже можно, ставим маркер напротив «Fixes Size» (Заданный размер) и в полях «W:» и «H:» задаем значения ширины и высоты. Задав одинаковые значения, нарисуете круг, разные – эллипс. Теперь нажмите левую кнопку мыши и, не отпуская ее, разместите появившийся круг в нужной части изображения.

На сайте уже есть статья, как нарисовать прямоугольник без заливки . Сейчас рассмотрим, как можно нарисовать круг в Фотошопе без заливки . Для этого в настройках инструмента «Ellipse Tool» (Эллипс) активируйте кнопочку «Paths» (Контуры).

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

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

Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).

Выделите его и зажмите клавишу «Shift» , чтобы нарисовать ровный круг вместо эллипса. Если зажмете «Alt+Shift» , то нарисовать круг можно от центра.

Таким образом, мы нарисуем только контур круга.

Чтобы залить его цветом, выберите на панели инструментов «Paint Bucket Tool» , и установите желаемый цвет в качестве основного. Затем кликните мышкой внутри выделенной области.

Если Вам нужно нарисовать круг без заливки , кликните по нему правой кнопкой мыши и выберите из меню «Stroke» (Выполнить обводку).

В следующем окне установите значение для ширины линии «Width» и выберите цвет контура «Color» .

Чтобы снять выделение, нажмите «Ctrl+D» . В результате мы нарисовали прозрачный круг с красным контуром.

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

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

06.08.2016 27.01.2018

В данном уроке вы научитесь делать круг в фотошопе. Сделать это можно двумя способами - с помощью и используя инструмент Заливка (Paint Bucket Tool ) для заливки выделения на новом слое.

Первый способ более быстрый и простой, для создания круга в фотошоп достаточно всего лишь одного инструмента, во втором же способе будут задействованы несколько инструментов и функций. Урок выполнен в Adobe Photoshop 2015.5, если у вас более ранняя версия программы, некоторые настройки могут отличаться, особенно это касается инструмента Эллипс (Ellipse Tool).

Как сделать круг в фотошопе при помощи инструмента Эллипс (Ellipse Tool)

Создаем в фотошоп новый документ, Файл-Создать (File — New ) с размером 800х800 пикселей:

Выбираем инструмент Эллипс (Ellipse Tool). Горячая клавиша вызова инструмента - U . После того, как станет активной группа инструментов векторных фигур , зажмите клавишу Shift и щелкните по инструменту или же просто наведите курсор мыши на группу векторных инструментов и зажмите левую клавишу мыши на несколько секунд - откроется выпадающий список, из которого выбираем инструмент Эллипс (Ellipse Tool):

Функции инструмента Эллипс (Ellipse Tool) на верхней панели инструментов:

1 - окно выбора типа векторного объекта (фигура, контур, пиксель);

2 - выбор цвета векторного объекта;

3 - добавление обводки к объекту (есть много вариантов обводки, обводка цветом, градиентом, узором);

4 - размер обводки;

5 - тип обводки;

6 - ширина объекта;

7 - кнопка сохранения пропорций;

8 - высота объекта;

9 - операции с контуром;

10 - выравнивание контура;

11 - упорядочение контура;

12 - дополнительные настройки создания фигуры (заданные пропорции и размер, создание фигуры с центра);

13 - выровнять края векторной фигуры по пиксельной сетке.

Снова зажимаем клавишу Shift и растягиваем круг нужного нам размера. Клавиша Shift используется для сохранения пропорций. Ещё один вариант сохранения пропорций - нажать кнопку с цепью вверхней панели настроек инструмент Эллипс (Ellipse Tool):

Так же при создании круга можно зажимать клавишу Alt - это позволит рисовать фигуру из центра холста. Если при создании круга вы одновременно зажмете Shift и Alt - круг будет создаваться пропорционально и с центра.

Вот так легко и просто мы создали круг в фотошопе! В верхней панели настроек инструмента Эллипс (Ellipse Tool) вы можете изменить цвет готовой фигуры, добавить к ней обводку, а также изменить размер.

Как сделать круг в фотошопе используя инструмент Заливка (Paint Bucket Tool )

Выбираем инструмент Овальная область (Elliptical Marquee) . Горячая клавиша вызова инструмента - М (в английской раскладке). Снова, как и предыдущем шаге, для вызова выпадающего списка со всемиинструментами группы выделения зажимаем клавишу Shift и кликаем по группе либо же делаем длинный щелчок по группе инструментов выделения.

Зажимаем клавишу Shift для сохранения пропорций, для создания выделения с центра можно зажать ещё и клавишу Alt . Создаем круговое выделение. При необходимости передвигаем его по холстуинструментом Перемещение (Move Tool ) .

Создаем новый пустой слой Слои-Новый-Слой (Layer-New-Layer). Активируем инструмент Заливка (Paint Bucket Tool) . Горячая клавиша вызова группы инструментов — G . Надеюсь, вы помните, как выбрать инструмент из группы? А ну-ка, проверьте, и, заодно, закрепите свои знания.

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

Щелкаем левой кнопкой мыши внутри выделения, чтобы залить круг выбранным цветом:

Снимаем выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D . Пока активно выделение, вы можете изменить цвет заливки и залить его другим цветом. В отличии от первого способа, нет возможности в любой момент изменить цвет заливки, придется каждый раз активировать выделение или не снимать его до получения желаемого результата.

Вместо инструмента Заливка (Paint Bucket Tool) можно использовать пункт меню Редактирование-Выполнить заливку (Edit-Fill). Принцип действия этой команды тот же - заливать выделенную область/слой. Разница лишь в том, что можно заливать не только цветом, а ещё и узором, также имеется возможность заливки с учетом содержимого и изменения режима наложения заливки.

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

Здравствуйте, дорогие читатели! В этом уроке Вы узнаете, как нарисовать круг в фотошопе за несколько секунд.

Создайте новый документ (Ctrl + N). Выберите инструмент Эллипс (Ellipse Tool) (U) в режиме фигур.

Зажмите клавишу Shift и создайте круг на холсте.

В этом случае Вы могли контролировать размер круга мышью. Если Вы хотите заранее задать размер круга, в настройках инструмента выберите стиль Заданный размер (Fixed Size) и введите одинаковые значения для ширины и высоты.

Сделайте клик на холсте, и круг будет создан.

Круг можно нарисовать и при помощи обычной кисти. В этом случае он будет растрированным.
Создайте новый слой (Ctrl + Shift + Alt + N), выберите инструмент Кисть (Brush Tool) (B), кликните правой кнопкой мыши на холсте и введите нужные значения. Жёсткость (Hardness) нужно установить на 100%, чтобы края круга были чёткими. Параметр Размер (Size) определяет диаметр круга.

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

Если Вам нужно нарисовать кольцо, то для этого также существует несколько способов. Первый способ – это обводка контура. Выберите инструмент Эллипс (Elliзse Tool) (U) в режиме контура.

Нарисуйте контур круга на холсте. Затем выберите инструмент Кисть (Brush Tool) (B) и задайте размер и жёсткость. Размер повлияет на толщину кольца, а жёсткость на мягкость его краёв.

Нажмите Enter, чтобы обвести контур.

Давайте рассмотрим ещё один способ. Создайте новый слой и кистью нарисуйте круг.

Теперь нужно выделить этот круг. Для этого зажмите клавишу Ctrl и кликните на миниатюре слоя.

Перейдите в меню Выделение > Модификация > Сжать (Select > Modify > Contract) и введите значение 2 пикселя (толщина кольца).

Есть два ключевых инструмента в Фотошоп: rectangular и elliptical marquee tools (прямоугольная и овальная области выделения), и они совместно занимают позицию в панели инструментов. Вот некоторые вещи, которые вы могли не знать об этих инструментах.

Квадраты и круги
R ectangular и elliptical marquee tools (прямоугольная и овальная области выделения) могут быть использованы для рисования правильных квадратов и кругов. Когда вы нажимаете и проводите область, удерживайте клавишу Shift, чтобы ограничить форму в пределах круга или квадрата.

Круг - это квадрат? Нет, спасибо!
Попробуйте нарисовать круг или овал в зафиксированном положении на изображении, вы можете запутаться, откуда начинается рисование фигуры. Круг или квадрат нарисованы, как будто они были помещены в квадратную или прямоугольную форму, таким образом, вы начинаете тянуть их из угла квадратного или прямоугольного объекта. Все это усложняет точное расположение фигуры. Чтобы упростить задачу, вы можете нарисовать свою фигуру из центра наружу, удерживая клавишу Alt во время использования инструмента выделения. Добавьте клавишу Shift для удерживания овала в пределах круга.

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

Правильная фигура, но неправильный поворот?
Когда вы хотите создать развернутую фигуру, такую как прямоугольник, квадрат или овал, для начала создайте ее, используя инструмент выделения, не обращая внимания на поворот. Теперь отпустите кнопку мыши и выберите Select > Transform selection (Выделение > Трансформировать выделение). Фигура теперь показывает маркеры трансформирования, которые вы можете использовать для ее поворота. Нажмите клавишу Ctrl, и вы можете потянуть за уголок фигуры и исказить ее. Нажмите Enter или Return, чтобы применить трансформацию и удалить маркеры. Теперь вы можете продолжить свою работу с областью выделения.

Строгий размер выделения
Если вы хотите создать область выделения с точными размерами, из выпадающего меню Style (Стиль)выберите Fixed Size (фиксированный размер). Пропишите пиксели по ширине и высоте в рамках и нажмите на изображение, появится выделение в точности такое же, как вы задали. Используйте Fixed Ratio (фиксированное соотношение), чтобы создать выделение с фиксированным соотношением, например 1:1.25, как показано здесь.

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

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

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

• Цвет заливки . Отвечает за то, какого цвета будет ваша окружность. Если поставить пункт «Нет заливки» , то внутри будет пустота, то есть останется только контур.
• Цвет обводки . Если задать здесь какой-либо цвет, то мы увидим, что контур стал меняться.

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

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

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

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

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

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

Как нарисовать круг нужного диаметра

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

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

Свойства круга

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

Первичные свойства

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

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

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

Например, если я увеличу размер обводки в 6 раз, то вот как она будет у меня смотреться.

И завершают наши первичные свойства параметры обводки, которые находятся рядом с толщиной. У нас есть несколько вариантов (сплошная, прерывистая и пунктирная линии), из которых вы можете выбрать параметры. Но на данном этапе я рекомендую оставить сплошную линию по умолчанию.

Также, эти самые свойства вы можете активировать в отдельной панели. Для этого перейдите в меню «Окно» — «Свойства» .

Объединение и вычитание

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

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

Я надеюсь, что вы поняли суть того, для чего нужно вычитание фигуры.

Как нарисовать круг в круге

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

Способ номер 1. Копирование слоев

Давайте сразу нарисуем круг с красной заливкой и без обводки. и уже после этого скопируем этот слой три раза (пусть у нас будет четырехслойная мишень). Для этого встаньте на слой с нарисованным только что кругом и трижды нажмите комбинацию клавиш CTRL+J , чтобы дублировать его три раза.

Теперь, сделайте невидимыми первые два слоя. чтобы они нам пока не мешались. Для этого нажмите а глазики на миниатюрах. После этого встаньте второй слой снизу, который мы не скрыли от взора, а затем нажимаем комбинацию клавиш CTRL+T , чтобы активировать режим трансформирования. После этого тянем за уголок и уменьшаем окружность с зажатым SHIFT , чтобы сохранить пропорции. На выравнивание пока не обращайте особого внимания, мы потом все ото исправим.

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

Далее, делаем видимым второй слой сверху, после чего фигура снова закрасится красным цветом. Но так и должно быть. Главное, что теперь вам снова нужно уменьшить данный момент, причем еще мельче, чем тот, который мы уменьшали только что. То есть жмем CTRL+T , тянем за уголки и уменьшаем. После этого применяем трансформацию.

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

Сейчас я специально сделал между окружностями разное расстояние, чтобы показать вам, как сделать всё ровно буквально за одно-два нажатия. Для этого выделите все слои, участвовавшие в процессе, по очереди с помощью зажатой клавиши CTRL . Либо вы можете выделить все сразу, выделив лишь первый и последний слой с зажатым SHIFT . Все, что было между ними будет также автоматически выделено.

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

После этого наш рисунок из кругов приобретет полноценный, симпатичный и точный вид. Всё ровно и стильно, прям хоть дротики кидай. Я надеюсь, что на данной примере вы поняли, как нарисовать в фотошопе круг в круге.

Способ 2. Вставка новой окружности

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

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

Обтравочная маска и рамка

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

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

Ну а если захотим сделать круглую рамку в фотошопе по быстрому, то можно использовать два варианта:

Более подробно о том как я написал в одной из своих предыдущих статей.

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

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

С уважением, Дмитрий Костин