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

1 голос

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создайте новый документ (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 пикселя (толщина кольца).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Найдите любую фотографию и нажмите 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

Как нарисовать и вырезать, создать и вставить ровный круг в "Фотошоп"

Многие знают, что для рисования всяческих векторных фигур отлично подходит программа Adobe Illustrator. Но если на вашем компьютере установлен только Photoshop - не стоит разводить панику. В нём тоже присутствуют различные инструменты для рисования фигур. От обычных линий до прямоугольников с закругленными углами. Если вам хочется нарисовать в «Фотошопе» круг, то нет ничего проще.

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

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

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

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

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

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

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

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

Ровный круг в «Фотошоп»

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

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

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

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

Как и в прошлом случае, сейчас нужно нарисовать своеобразный круг. Не забудьте и в этот раз зажать клавишу «Shift». Изначально вы можете круглую выделенную область расположить не совсем правильно. Наведите курсор на неё и зажмите левую кнопку мыши — это позволит свободно перетаскивать круг выделения по изображению. Так вы легко выделите нужный объект. Осталось понять, что же нужно делать с ним дальше.

Теперь можно вырезать круг в «Фотошопе», скопировав выделенную область на совершенно новое изображение. Для этого нажмите комбинацию клавиш «Ctrl+C» или перейдите по пути «Редактирование>>Копировать». Затем создайте новое изображение при помощи сочетания клавиш «Ctrl+N». В его свойствах ничего не меняйте, так как разрешение будет подобрано под размер скопированной области. Можете только сменить имя изображения. В поле «Содержимое фона» выберите пункт «Прозрачный». В открывшемся пустом изображении произведите нажатие комбинации клавиш «Ctrl+V». Или же перейдите по пути «Редактирование>>Вставить». Так вы получите требуемый результат — круглую фотографию на прозрачном фоне. Её можно использовать в оформлении сайта, текстового документа или в качестве аватарки.

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

Дополнительно вы можете поиграться со стилями слоя, добавив обводку (положение должно быть внутренним), свечение, тень или всё вместе. Может получиться очень красивое фото в круге. «Фотошоп» способен на многое, кроме обрамления вы можете исказить и само изображение при помощи фильтров. Но это уже не тема данного урока. Сохранять изображение необходимо в формате PNG, в противном случае прозрачная область заменится на белую.

Похожим образом в «Фотошопе» создаются круги на воде. Но этот процесс уже более продолжительный. Для получения подобных кругов используются фильтры «Зигзаг» и «Размытие по Гауссу».

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

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

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

Устанавливаем Fill Pixels (Закрашивать пиксели);
Выбираем цвет заливки;
Рисуем круг с зажатой клавишей Шифт (Shift)

Круг с рамкой

Круг следует рисовать на новом пустом слое , без какой-либо заливки. Создать новый слой можно одновременным нажатием клавиш Alt + Ctrl + Shift + N .

Устанавливаем Paths (по-русски пути);
Рисуем круг с зажатым шифтом;

Преобразуем векторный круг в выделение (Select), нажатием клавиш Ctrl + Enter .

Закрашиваем выделение (в данном случае белым цветом).

Alt + ← BackSpace — первый выбранный цвет.

Ctrl + ← BackSpace — второй выбранный цвет.

Нажимаем правой кнопкой мыши по слою с кругом и выбираем Blending Options (Параметры наложения) .

В появившемся окне устанавливаем толщину рамки в пикселях и цвет рамки. Можно поэкспериментировать с другими опциями.

В результате получаем круг с красной рамкой толщиной в 2 пикселя.