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). Принцип действия этой команды тот же - заливать выделенную область/слой. Разница лишь в том, что можно заливать не только цветом, а ещё и узором, также имеется возможность заливки с учетом содержимого и изменения режима наложения заливки.

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

На первый взгляд, кажется, ну что тут такого? Превратить прямоугольную картинку в квадратную или круглую (овальную). Да, с квадратной картинкой нет проблем. Инструмент «кроп» или «рамка» нам всегда готов в этом помочь. Но что делать с круглой? Ведь в фотошопе нет такого инструмента. Помнится, во времена начала изучения программы Adobe Photoshop у меня вызвал ступор. Действительно, а как?

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

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

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

Открываем исходное изображение. Ищем инструмент «выделенная область». Нас интересует овальная. Если вы хотите получить круглое изображение, зажимайте клавишу shift, выделяя нужное поле. Если овальное, этого делать не потребуется.

Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически. Ну либо можете зайти длинным путем. Предварительно создать новый слой. Затем кликнуть по выделенной области левой клавишей мыши и из образовавшегося списка выбрать: «скопировать на новый слой». Результат будет тем же.

Вот что мы видим в окне слоев.

Выделяем нижний слой и нажимаем del на клавиатуре.

Вот так выглядит слой.

В выпадающем списке ищем png и сохраняем.

Выше я упомянула о недостатке этого способа. Каков же он?

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

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

Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.

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

Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.

Переходим к окну слоев. Кликаем по слою с котенком левой клавишей мыши. И выбираем команду «создать обтравочную маску».

Вот, что мы увидим.

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

Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».

Вот, что у нас получится.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как создать круглый аватар в графическом редакторе Adobe Photoshop самому ,тема для начинающих и любителей этого многофункционального графического редактора. Скажу откровенно,эта статья появилась потому что, мне самому понадобилось круглое изображение для одного из веб сайтов.Прокрутив с десяток роликов на youtube.com, я не нашёл удовлетворяющий моим требованиям метод.
Требовалось всего ничего,быстро и качественно создать круглый аватар или картинку различных размеров, .Сделать аватар он лайн, вопрос не стоял, потому как я стараюсь делать всё сам.
В том числе и поисковую оптимизацию изображений своих сайтов.

Как создать круглый аватар или картинку в adobe photoshop

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

Открываем Photoshop и идём по пути:ФАЙЛ-ОТКРЫТЬ и открываем нужную для преобразования картинку.
Если размеры изображения и его вес довольно велики,то воспользуйтесь подсказкой в моей статье- .

Затем приступаем к созданию круглой,или овальной рамки ,для чего открываем инструмент —ОВАЛЬНАЯ ОБЛАСТЬ.

И выделив нужную область изображения круглой рамкой нажать CTRL+C,то есть сохранить действие. Далее идём по пути:ФАЙЛ-СОЗДАТЬ .

Тут при открывании этой опции сразу автоматом выставляется размер будущей картинки,нам необходимо только выставить —Содержимое Фона на ПРОЗРАЧНЫЙ и подтвердить действия нажатием кнопки ОК.

После этого в образованную область вставляем наше изображение нажатием CTRL+V (как на скриншоте).