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

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

Как обычно запустим фотошоп, и откроем какое-нибудь изображение. Через меню «Файл – Открыть ».

Выбираем на компьютере картинку.

Теперь в панели инструментов выбираем инструмент «Эллипс ».

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


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

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

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

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

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

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

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

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

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


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

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


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

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


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

Способ 2. Обводка выделенной области — кольцо

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

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

Допустим, получилось такая выделенная область:

Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку .


Появится новое окно, в котором укажите ширину границы обводки, ее цвет. Также есть интересные настройки о том, как будет рассчитываться ширина обводки:

  • Внутри - значит рамка ляжет по внутренней стороне выделенной области;
  • По центру - значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
  • Снаружи - значит рамка будет огибать пунктир выделения.

Имейте ввиду. что выбранный вариант повлияет на итоговые габариты окружности (на ее ширину и высоту).

Теперь, когда настройки введены, жмите ОК. Останется только убрать пунктир выделения — Ctrl+D .

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

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

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

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



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



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



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



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





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

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

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



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



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



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

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

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

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

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

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

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



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

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


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

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



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

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

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



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



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



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

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


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

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


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

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

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

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

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

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


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


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


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


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


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


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



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



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


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


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


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

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


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


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


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

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

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


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


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

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

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

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

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


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


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


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


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

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

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