Как в фотошопе делать круг. Цветовой круг в «Фотошоп»


1 голос

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

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

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

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

Не устаю говорить, что не стоит обращать внимание на простые (или другие) варианты типа Paint или еще какой-то глупости. Учитесь работать в профессиональных программах.

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

Создайте новый документ.

Допустим он будет в размере 500 х 500 пикселей. Это не важно.

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

Теперь рисуем окружность.

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

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

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

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

Здесь также можно использовать разные приемы: градиент, узор, один цвет или без обводки.

Если хотите изменить саму линию, посмотрите на следующую графу.

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

Еще один интересный эффект

Можно рисовать круг прямо на картинке или переместить его в фотку при помощи кнопок ctrl+c (копировать) и ctrl+v (вставить).

Теперь поработайте с непрозрачностью (в панели слева). Смотрите, чтобы в панели подсвечивался именно тот слой, с которым вы работаете. В данном случае – эллипс.

В круге можно написать какой-то текст.

Если возникают трудности, то можете скачать psd макет этой картинки, которую вы видите на скриншоте выше, и поковыряться в нем. Так учиться интереснее. Разберитесь в моем примере самостоятельно. Это совсем не сложно. (СКАЧАТЬ >> )

Есть слои: фотография саванны (фон), есть круг с градиентом (эллипс 1) и текст. Если вы скачаете этот файл, открыть его можно и нужно при помощи photoshop, а дальше развлекайтесь как хотите.

Или вот еще одна картинка, которую вы можете скачать (СКАЧАТЬ >> ).

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

Скачайте этот макет и посмотрите сами, возможно вы сможете значительно улучшить результат! Не стесняйтесь и оставляйте свои варианты в комментариях.

Для тех, кто хочет постигать

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

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

Если вам хочется выучиться фотошопу для того, чтобы создавать сайты, могу порекомендовать еще два варианта. Первый – уроки вот отсюда — «ВЕБ-ДИЗАЙН для начинающих ». О них я уже подробно писал. В принципе, если захотите, то сможете многому научиться бесплатно, за три дня, которые предоставляются в качестве тестового периода. Очень полезно и здорово.

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

Да, цена, конечно, кусается.

Зато какая программа и какие преподаватели вас ждут.

Тут вам и директор Red Keds, и создатель интерфейсов из Лаборатории Касперского, и еще куча именитых и успешных ребят из компаний с мировым именем. По окончании вы получаете диплом. Этой действительно дорогого стоит.

Ну вот и все. Теперь вы знаете максимум и я могу со спокойной душой откланяться.

Успехов в работе!

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

Создаем новый файл: «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» . В результате мы нарисовали прозрачный круг с красным контуром.

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

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

Как нарисовать круг в фотошопе – пошаговый урок для новичков

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

Так как урок расчитан на тех, кто возможно открыл Photoshop впервые, то рассмотрим все детально.

  • Открываем программу
  • Нажимаем в верхнем меню File -> New и задаем размер документа, например 500 на 500 пикселей.

У вас откроется рабочая область, на которой мы и будем круг. Для работы кроме рабочей области нам понадобиться панель инструментов, которая расположена справа, а также панель слоев (Layers), обычно по умолчанию находиться справа, но если вы её не видите, то проследуйте по верхнему меню Window -> Layers .

Слева на панели инструментов выбираем среди фигур инструмент овал (Ellipse Tool). Ниже показал скриншот, как это сделать:

После этого в верхней части экрана под основным меню можно выбрать цвет круга, которые мы будем рисовать, для этого нажимаем на пикторграмму Color и делаем свой выбор, я выбрила цвет #06c7ea.

Как же нарисовать ровный круг в Фотошоп?

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

Зачем мы зажимали Shift? Мы пользовались инструментом овалов, им можно нарисовать любой эллипс, но чтобы рисовать ровный круг, нужно держать зажатым Шифт, тогда пропорции будут сохраняться.

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

Как сделать прозрачный круг?

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

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

Найдите любую фотографию и нажмите PrintScreen. Я взял фото города Лондона. Чтобы вставить, выделите новосозданный слой в панели Layers и нажмите комбинацию Ctrl+V. При помощи Move Tool или стрелочек клавиатуры подвиньте изображение как вам нужно.

Чтобы добиться прозрачности выделите слой с кругом и передвиньте ползунок Opasity (Прозрачность) до нужного числа, я лично поставил 66%.

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

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

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

Среди стилей выбираем Stroke и выставляем следующие настройки.

Я выставил толщину в 3 пиксиля, желтый цвет обводки и поцицию внутри (можно было выровнять по отношению к фигуре по центру, внутри или снаружи).

Как выделить круг в фотошопе

Существует такой инструмент, как Elluptical Marquee Tool (Инструмент выделения овала) и при его помощи можно выделить круг и даже вырезать, если это необходимо.

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

К примеру, если мы хотим выделить иди вырезать круглую область на лондонской фотографии, то выбираем слой с ней и пользуясь Elluptical Marquee Tool и зажаток кнопкой Shift тянем абсолютно так же, как в случае с бирюзовым кругом. Чтобы вырезать нажимаем после выделения комбинацию клавиш Ctr+X.

http://astrapromo.com

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

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

Существует несколько способов рисования идеально ровного круга в фотошопе. Но для начала нам требуется создать новый документ для работы. Верхняя панель. Команда Файл – Создать. Рекомендую создавать большой документ, удобный для работы. Я предпочитаю 2000 пикселей по ширине и 1000 по высоте. Но вы можете использовать любой другой размер по своему усмотрению.

Обратим свое внимание на боковую панель инструментов. Инструмент «Эллипс». Он – то нам и нужен. Кликаем по нему, а затем по рабочей области. Удерживаем правую клавишу мыши и проводим окружность. А сейчас я расскажу вам небольшую хитрость. Дабы с первого раза добиться идеально ровного круга зажмите клавишу shift на клавиатуре. Рекомендую запомнить этот прием. Так как работает он со многими элементами.


А теперь второй способ. Теперь мы нарисуем окружность с помощью выделенной области. Для чего опять обратимся к панели инструментов.


Кликаем на инструмент «овальная область», зажимаем shift и рисуем.


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


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



Окружность готова. Снимаем выделение, нажав комбинацию клавиш на клавиатуре ctrl+j.

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

Создаем выделенную область и переходим к вкладке «редактирование», где выбираем команду «выполнить обводку».


В появившемся окне выбираем цвет обводки и ее толщину, которая выражается в пикселях.


Вот, что у нас получилось. Не забываем снимать выделение.


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

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

Существуют целые курсы по программе "Фотошоп". Но если вы только начинающий фотошопер, то изучать азы нужно постепенно, пошагово, по одному инструменту за раз.

в "Фотошопе" и какие для этого нужны инструменты

Начинается ваш в мир "Фотошопа" - учимся рисовать круги и окружности.

  • Создадим новый документ, в котором будем оттачивать мастерство.

  • Для этого идём в меню Файл/Создать и устанавливаем значения нового документа, (ширина и высота в пикселах, здесь вы можете выбрать произвольные цифры). Разрешение 72. Цвет фона - белый. Перед тем как нарисовать ровный круг в "Фотошопе",удостоверимся, что у вас есть необходимые инструменты - панель с инструментами. По умолчанию она расположена слева, вертикально. Если её нет, идём в меню «Окно» и отмечаем там пункт «Инструменты». Панель с инструментами автоматически появится в виде колонки с кнопками.

Инструмент "Фотошопа" «фигура»

Теперь к самому интересному, собственно, как нарисовать круг в "Фотошопе".

В панели инструментов есть две кнопки, похожие на перекрещенные квадратики, по умолчанию один из них черный, другой белый. Тот, который сверху, является активным. Переключать цвета между собой можно, нажав на маленькую стрелочку рядом с этими квадратиками. Если нужно выбрать какой-то другой цвет, то кликните по верхнему квадратику и выберите нужный цвет в палитре или введите код цвета в поле, которое отмечено значком sharp (#). Или поэкспериментировать, вводя значения каждого цвета из цветовой модели RGB в диапазоне от 255 до 0.

Теперь перейдём непосредственно к вопросу: "Как нарисовать круг в фотошопе?"

  • Нажимаем правой клавишей мыши на инструмент «Фигура». В выпадающем списке выбираем Инструмент «Эллипс».
  • В панели настроек выставляем значение «Пикселы».
  • И рисуем на белом листе: в произвольном месте ставим курсор, зажимаем левую кнопку мыши и ведём по диагонали, чтобы получился круг. При этом нужно держать зажатой клавишу Shift, чтобы получился ровный круг.
  • Вот так с использованием только одного инструмента у нас получилась такая интересная фигура.

Инструмент «Овальная область»

В "Фотошопе" нарисовать круг заливкой можно ещё одним способом.

  • Выбираем инструмент «Овальная область»
  • Рисуем круг с зажатой клавишей Shift, затем, находясь на самом круге, нажимаем правую кнопку мыши и в выпадающем списке выбираем «Выполнить заливку»
  • В графе "Содержимое" выбираем «цвет» (или в палитре цветов выбираем нужный цвет и жмём «Ок»).
  • Затем снимаем выделение, нажав «Выделение» в верхней панели (Отменить выделение).

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

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

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

Пробуйте, тренируйтесь. Ведь изучая полезный материал в интернете, можно узнать не только как нарисовать круг в "Фотошопе", а ещё много и много другого интересного. Удачи во всех ваших начинаниях!