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

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

Рисуем круг

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

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

Далее, в свойствах вверху (прямо под меню) вы увидите три основных показателя прорисовки, а именно:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Способ 1. Инструмент Эллипс

С помощью этого инструмента можно нарисовать векторную и растровую фигуру окружности или круга.

Начнем с векторной, то есть с такой фигуры, размеры которой можно изменять без потери качества. Для этого выберите инструмент Эллипс, и на панели параметров установите настройку Слой-фигура.

Инструмент Эллипс как слой-фигура в фотошопе

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

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

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

  1. удерживайте зажатой клавишу Shift;
  2. на панели параметров инструмента выберите опцию Окружность (рисование диаметра или радиуса):

Окружность (рисование диаметра или радиуса)

Еще раз обратите внимание на это окно с параметрами инструмента. Здесь же можно настроить возможность рисовать фигуру по заданным размерам или пропорциям. Укажите в поля ширины и высоты желаемые размеры/пропорции, а потом просто щелкните в любом месте документа — фотошоп сразу отобразит окружность с указанными значениями.

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

Векторная окружность и ровный круг в фотошопе

Теперь, чтобы можно было изменить размеры без потери качества, используйте команду Свободная трансформация Ctrl+T. Когда необходимость в векторной фигуре отпадет, вы можете растрировать ее, чтобы продолжить работу над фигурой силами всех возможностей фотошопа.

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

Опция Выполнить заливку пикселов

После этого окружность будет создана сразу как растровая. Не забудьте для нее создать свой отдельный слой.

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

Создание круга в Фотошопе

Для того, чтобы нарисовать круг в Фотошопе, мы можем воспользоваться двумя инструментами: “Овальная область” и “Эллипс”. У каждого их них есть свои особенности, поэтому давайте по-отдельности рассмотрим каждый.

Вступление

Нарисовать круг в фотошопе можно по-разному. Можно нарисовать круг с рамкой, можно закрашенный круг. Для начала выбираем инструмент эллипс (Ellipse Tool).

Как в «Фотошоп» нарисовать круг

Для начала следует открыть программу и создать новый файл («Ctrl+N») с подходящим для вас разрешением. В качестве фона лучше задать прозрачный альфа-канал. Photoshop обладает целой группой инструментов для рисования фигур. При этом объекты получаются векторными. Поэтому вы в процессе работы спокойно можете увеличивать их размеры, на качестве фигур это никак не отразится. Чтобы сделать круг в «Фотошопе» — выберите инструмент «Эллипс». Для этого необходимо навести курсор на инструмент «Прямоугольник», зажать левую кнопку мыши и перенести курсор на «Эллипс».
3449297_krug1

Цветовой круг в «Фотошоп»

Теперь нужно определиться с внешним видом окружности. Для этого обратите внимание на панель с параметрами, появившуюся над пустым изображением. В первую очередь выберите цвет заливки или сделайте её прозрачной. Также программа позволяет создать заливку в виде градиента или узора. Затем выберите цвет контура. Он задается в поле «Штрих». Вы можете сделать его прозрачным, в этом случае изображение ограничится цветом заливки, обводки оно иметь не будет. Правее в данной панели выбирается тип контурной линии (она может быть даже пунктирной) и её толщину. На следующие поля внимание уже не обращайте, они необходимы для задания точных размеров фигуры и её выравнивания относительно других объектов.
3449297_krug2

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

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

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

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

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

бесплатный тренинг по инвестированию

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Нарисуйте желтый круг и следом за ним еще один внутри него. Только сделайте это в режиме объединения, как мы это делали чуть выше, чтобы они были на одном слое. Как нарисовать круг в фотошопе нужного диаметра с заливкой, обводкой и без них
  2. Далее, снова идем в «Операции с контуром» и на сей раз выбираем пункт «Вычесть переднюю фигуру». Как видите, теперь, вместо второй фигуры у нас дырка. Но самое интересное, что мы ничего не удалили. Просто второй круг стал прозрачным. Такая фишка удобна тем, что этой областью можно управлять, двигать, увеличивать, уменьшать, а также удалить, если она не нужна. Как нарисовать круг в фотошопе нужного диаметра с заливкой, обводкой и без них
  3. Теперь, берем инструмент «Выделение контура» (черный курсор) и тыкаем на прозрачную окружность внутри основного круга. При желании его можно увеличить при помощи знакомой комбинации горячих клавиш CTRL+T или задав параметры в свойствах. После этих манипуляций принимаем трансформирование и пододвигаем внутреннюю фигуру вправо или влево. Как видите, благодаря тому, что наш второй круг скрывает всё, что находится за ним, создается ощущение того, что перед нами месяц. Как нарисовать круг в фотошопе нужного диаметра с заливкой, обводкой и без них

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

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

Ellipse Tool (Инструмент Эллипс)

  1. Выбираем фигуры — горячая клавиша U, или сразу правой кнопкой мыши кликаем по иконке и выбираем Ellipse Tool (Инструмент Эллипс);
  2. Выбираем Ellipse Tool (Инструмент Эллипс).

Фотошоп. Как нарисовать круг.

Как вырезать круг в «Фотошоп»

В любой момент вы можете изменить внешний вид уже созданного круга. Для этого имеется пара способов. Во-первых, в панели «Свойства» располагаются все те параметры, которые настраивались перед рисование окружности. Их изменение не возбраняется. Также можно перейти в панель «Слои» и добавить слою с эллипсом какой-либо стиль. Это может быть обводка, свечение, тиснение, а также заливка узором, текстурой или градиентом.
3449297_krug4

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

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

  1. Для начала нарисуем круг и загрузим сразу изображение, которое туда нужно будет поместить. Как нарисовать круг в фотошопе нужного диаметра с заливкой, обводкой и без них
  2. Теперь, встаем на слой с изображением (только обязательно убедитесь, что он находится над фигурой) и жмем на нем правой кнопкой мышки. После этого выбираем пункт «Создать обтравочную маску»Как нарисовать круг в фотошопе нужного диаметра с заливкой, обводкой и без них
  3. Как видите, изображение скрылось где-то за пучиной невидимости, но часть его выглядывает в круге. Это работает по принципу окна в доме. Вы видите всё, что за окном, но не более того. Теперь, можете просто взять инструмент «Перемещение» и двигать изображение как захотите. Также можете его трансформировать и выполнять все другие известные действия. Как нарисовать круг в фотошопе нужного диаметра с заливкой, обводкой и без них

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

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

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

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

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

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

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: