Как сделать прозрачный круг в фотошопе
Как обрезать по кругу в Adobe Photoshop изображение
Photoshop – растровый графический редактор, способный выделять объекты, вырезать контуры, рисов.
Photoshop – растровый графический редактор, способный выделять объекты, вырезать контуры, рисовать фигуры, выполнять наложение фотографий и т.д.
Подробные алгоритмы позволят понять, как вырезать круг в Фотошопе, выделить фигуру и придать ей оттенок.
Как нарисовать круг в Фотошопе
Круг – базовая фигура в графических редакторах. И если обработка фотографий не требует знаний, как выделить круг в Фотошопе, то в создании виньеток, портретов и коллажей не обойтись без упомянутого умения.
Прежде чем изучать вопрос, как обрезать по кругу в Фотошопе, следует выяснить, как изобразить базовую фигуру и что при этом учесть.
Чтобы нарисовать круг, следует:
Примечание. Нарисовать круг от центра поможет зажатая клавиша ALT. После окончания рисования отпустите ALT и только потом SHIFT. Иначе на листе вместо круга отобразится овал.
Как выделить круг в Фотошопе
Рисование базовой фигуры возможно при помощи инструмента «Овальная область» в пиктограмме «Выделение». Инструмент «Рамка» не позволит вырезать по кругу в Фотошопе фотографию. Чтобы в Фотошопе изображение обрезать по кругу, применяют именно овальное выделение.
Нарисовать окружность можно таким способом:
При создании круглой рамки или элемента дизайна для web-страницы к этому алгоритму прибавятся дополнительные действия.
Как в Фотошопе изображение обрезать по кругу
Научившись создавать базовую фигуру в графическом редакторе или выполнять выделение в виде овала, пользователь сможет обрезать фотографию по кругу. Для создания круглого изображения необходимо:
Как нарисовать произвольную окружность или ровный круг в фотошопе
Произвольная окружность или ровный круг в фотошопе рисуются по тем же правилам, что и прямоугольник с квадратом соответственно. По большому счету использовать нужно те же самые группы инструментов, но с поправкой на форму фигуры.
Способ 1. Инструмент Эллипс
С помощью этого инструмента можно нарисовать векторную и растровую фигуру окружности или круга.
Начнем с векторной, то есть с такой фигуры, размеры которой можно изменять без потери качества. Для этого выберите инструмент Эллипс, и на панели параметров установите настройку Слой-фигура.
Теперь нарисуйте окружность или круг. Но сперва выберите основной цвет отличный от белого, а то не увидите, что в итоге нарисовали.
Как нарисовать ровный круг
По умолчанию, окружность рисуется произвольной, то есть вы рисуете ни что иное как овал с произвольными размерами. Для того, чтобы нарисовать ровный круг выберите один из вариантов:
Еще раз обратите внимание на это окно с параметрами инструмента. Здесь же можно настроить возможность рисовать фигуру по заданным размерам или пропорциям. Укажите в поля ширины и высоты желаемые размеры/пропорции, а потом просто щелкните в любом месте документа — фотошоп сразу отобразит окружность с указанными значениями.
Итак, векторная окружность или круг появились. Это будет закрашенная сплошным цветом слой-фигура.
Растровая фигура делается точно также, но в самом начале нужно выбрать другую опцию на панели параметров — Выполнить заливку пикселов.
После этого окружность будет создана сразу как растровая. Не забудьте для нее создать свой отдельный слой.
Еще рекомендуется, там же на панели параметров, установить галочку Сглаживание, чтобы края фигуры были ровными и гладкими.
Способ 2. Обводка выделенной области — кольцо
Обратимся к другому инструменту фотошопа — Овальная область. План действий таков: создаем круглую выделенную область, а потом делаем обводку ее границ. В итоге получаем кольцо.
Итак, выберите инструмент Овальная область.
Нарисуйте окружность произвольной формы или ровный круг (с зажатой клавишей Shift ). Так же на панели параметров инструмента можно указать для выделения заданные размеры или пропорции. Для этого из выпадающего списка Стиль выберите соответствующую опцию. После этого, поля ширины и высоты станут активными и туда можно будет ввести нужные цифры.
Допустим, получилось такая выделенная область:
Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку.
Появится новое окно, в котором укажите ширину границы обводки, ее цвет. Также есть интересные настройки о том, как будет рассчитываться ширина обводки:
Имейте ввиду. что выбранный вариант повлияет на итоговые габариты окружности (на ее ширину и высоту).
Как сделать круг в фотошопе
В данном уроке вы научитесь делать круг в фотошопе. Сделать это можно двумя способами – с помощью инструмента Эллипс (Ellipse Tool) и используя инструмент Заливка (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 – добавление обводки к объекту (есть много вариантов обводки, обводка цветом, градиентом, узором);
7 – кнопка сохранения пропорций;
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). Принцип действия этой команды тот же – заливать выделенную область/слой. Разница лишь в том, что можно заливать не только цветом, а ещё и узором, также имеется возможность заливки с учетом содержимого и изменения режима наложения заливки.
Вот мы и научились делать круг в фотошопе. Надеемся, урок был вам полезен!
Автор урока: Ольга Максимчук (Princypessa)
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Как сделать круг в Фотошопе
В этой статье мы рассмотрим, основные инструменты и функции, которые необходимо знать, чтобы нарисовать ровный круг в Фотошопе. Поговорим и о том, как можно в Фотошопе сделать круг, контур круга и круг нужного диаметра.
Дальше на панели инструментов выберите «Ellipse Tool» (Эллипс).
Курсор будет иметь вид плюсика. Кликните левой кнопкой мыши, в том месте, где должен начаться круг, и нарисуйте его, не отпуская кнопку. Круг будет нарисован того цвета, который выбран основным. Рисуется он от начала курсора.
Нарисовать круг в Фотошопе заданного размера тоже можно, ставим маркер напротив «Fixes Size» (Заданный размер) и в полях «W:» и «H:» задаем значения ширины и высоты. Задав одинаковые значения, нарисуете круг, разные – эллипс. Теперь нажмите левую кнопку мыши и, не отпуская ее, разместите появившийся круг в нужной части изображения.
Точно также, нажав на черную стрелочку и отметив маркером нужный пункт, можно сделать ровный круг, от центра или фиксированного размера.
В результате можно нарисовать эллипс или круг с тонким светло серым контуром без заливки.
Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).
Таким образом, мы нарисуем только контур круга.
Вот так, используя один из описанных инструментов, Вы можете нарисовать эллипс или круг с заливкой или без заливки в Фотошопе.
Как нарисовать круг в фотошопе нужного диаметра с заливкой, обводкой и без них
Рисуем круг
Далее, в свойствах вверху (прямо под меню) вы увидите три основных показателя прорисовки, а именно:
Пока временно поставьте оба этих параметра в режиме отсутствия, выбрав иконку с белым квадратом, перечеркнутым красной линией. Это будет означать, что у нас не будет ни заливки, ни обводки, а только контур.
И вот теперь можем приступить к рисованию эллипса. Зажимаем правую кнопку мыши в любом месте холста и начинаем тянуть мышкой. Пока мы двигаем мышкой с зажатой клавишой, у нас будет рисоваться овал, который будет меняться в зависимости от ваших движений. Но когда вы отпустите кнопку, то фигура нарисуется.
Но если же вы захотите нарисовать точный круг в фотошопе, словно по циркулю, то вам предстоит то же самое, только с зажатой клавишей SHIFT. Это обеспечит сохранение пропорции фигуры.
Если вы хотите рисовать овал или окружность из центра, то делать это нужно с помощью зажатой клавиши ALT. Только перед использованием сначала зажмите левую кнопку мыши, чтобы обозначить, что началось рисование, а же только потом зажмите ALT и чертите полноценно из центра.
Чтобы двигать окружность еще до того, как вы отпустили кнопку мыши и применили ее (А это реально нужно часто), зажмите клавишу пробел во время начертания и просто двигайте мышкой.
Самое интересное, что все эти комбинации можно совмещать. Например, если вы хотите рисовать ровный круг из центра, то начните его чертить с зажатым SHIFT и ALT одновременно. А потом еще и можете зажать пробел и перенести куда-нибудь нашу фигуру.
Как нарисовать круг нужного диаметра
Чтобы нарисовать окружность определенного диаметра в фотошопе, нужно выбрать данную фигуру (Эллипс) и просто кликнуть один раз левой кнопкой мыши на холсте. После этого появится окошко, где вы можете задать размер по ширине и высоте в пикселях. Естественно, в случае с окружностью данные параметры должны быть одинаковыми.
В любой момент вы можете изменить эти заданные параметры, не прибегая к трансформации. Для этого в свойствах вверху просто измените значения по длине и ширине, как вы сами посчитаете нужным.
Свойства круга
Теперь, перейдем в сами свойства окружности или эллипса. Как и любые другие свойства инструментов, они находятся под главным меню. Только будьте уверены, что активирован именно нужный инструмент, так как для каждой фигуры свои свойства.
Первичные свойства
Выше мы уже убрали заливку и обводку с фигуры, чтобы удобнее рассмотреть контуры, а теперь давайте ими воспользуемся. Например я выберу красную заливку и синюю обводку. Для этого идем в свойства и меняем цвет в соответствующих пунктах.
Теперь рисуйте круг, как я показывал вам выше, и вы убедитесь, что они стали такого цвета, который мы и запланировали. Кстати, необязательно задавать эти параметры сразу. Цвета можно изменить в любой момент, снова зайдя в те же самые параметры и изменив цвет.
Следом идет свойство толщины обводки. Вам нужно решить, сделать ее толствой или тонкой. Но в любом случае сделать это можно посредством дергания ползунков, либо заданием размера вручную.
Например, если я увеличу размер обводки в 6 раз, то вот как она будет у меня смотреться.
И завершают наши первичные свойства параметры обводки, которые находятся рядом с толщиной. У нас есть несколько вариантов (сплошная, прерывистая и пунктирная линии), из которых вы можете выбрать параметры. Но на данном этапе я рекомендую оставить сплошную линию по умолчанию.
Объединение и вычитание
Но не менее чаще нужно вычитать частично фигуру, чтобы получить новую. Давайте на этом примере сделаем месяц.
Я надеюсь, что вы поняли суть того, для чего нужно вычитание фигуры.
Как нарисовать круг в круге
На первый взгляд рисование двух кругов в одном — это простая задача. Но когда доходит до дела, пользователи сталкиваются с реальной проблемой. Давайте рассмотрим все это дело на практике и начертим небольшую мишень. И сделаем мы это двумя способами.
Способ номер 1. Копирование слоев
Давайте сразу нарисуем круг с красной заливкой и без обводки. и уже после этого скопируем этот слой три раза (пусть у нас будет четырехслойная мишень). Для этого встаньте на слой с нарисованным только что кругом и трижды нажмите комбинацию клавиш CTRL+J, чтобы дублировать его три раза.
Теперь, сделайте невидимыми первые два слоя. чтобы они нам пока не мешались. Для этого нажмите а глазики на миниатюрах. После этого встаньте второй слой снизу, который мы не скрыли от взора, а затем нажимаем комбинацию клавиш CTRL+T, чтобы активировать режим трансформирования. После этого тянем за уголок и уменьшаем окружность с зажатым SHIFT, чтобы сохранить пропорции. На выравнивание пока не обращайте особого внимания, мы потом все ото исправим.
Теперь, закрашиваем круг белым цветом. Для этого идем в свойства и выбираем заливку белым цветом. Должно получиться примерно так. Вы не думайте, это не дырка. Просто фон и заливка одинакового цвета, поэтому так и кажется.
Далее, делаем видимым второй слой сверху, после чего фигура снова закрасится красным цветом. Но так и должно быть. Главное, что теперь вам снова нужно уменьшить данный момент, причем еще мельче, чем тот, который мы уменьшали только что. То есть жмем CTRL+T, тянем за уголки и уменьшаем. После этого применяем трансформацию.
Ну и наконец, делаем видимум самый первый сверху слой, заливаем белым цветом через свойства и уменьшаем с помощью трансформации еще меньше. Таким образом у нас появилась небольшая мишень, правда какая-то кривая. Ее нужно выровнять, чтобы расстояния между звеньями были одинаковыми.
Сейчас я специально сделал между окружностями разное расстояние, чтобы показать вам, как сделать всё ровно буквально за одно-два нажатия. Для этого выделите все слои, участвовавшие в процессе, по очереди с помощью зажатой клавиши CTRL. Либо вы можете выделить все сразу, выделив лишь первый и последний слой с зажатым SHIFT. Все, что было между ними будет также автоматически выделено.
После этого наш рисунок из кругов приобретет полноценный, симпатичный и точный вид. Всё ровно и стильно, прям хоть дротики кидай. Я надеюсь, что на данной примере вы поняли, как нарисовать в фотошопе круг в круге.
Способ 2. Вставка новой окружности
Кроме вышеуказанного способа можно воспользоваться простым добавлением. Я не буду долго размусоливать эту тему, так по идее все и так должно быть понятно.
По сути, мы рисуем круг, а затем рисуем еще один, но поменьше. После этого просто меняем цвет и выравниваем точно также, как мы это делали выше. Я думаю, что с этим проблем возникнуть не должно.
Обтравочная маска и рамка
Ну и напоследок мы воспользуемся одной классной фишкой, которая называется обтравочная маска. Благодаря ей мы сможем вставить любое изображение в наш круг. Причем нам ничего не нужно будет подтирать и удалять. Оно впишется туда по всей поверхности окружности частично, а мы еще и сможем двигать картинку внутри и редактировать ее.
Это очень классное решение, так как всё получается ровно и четко, а самое главное, не страдает сама картинка и мы можем перемещать ее внутри круга как захотим.
Ну а если захотим сделать круглую рамку в фотошопе по быстрому, то можно использовать два варианта:
Более подробно о том как сделать круглое фото и рамку я написал в одной из своих предыдущих статей.
Ну а на этом я свою сегодняшнюю статью заканчиваю. Надеюсь, что вам понятно, как нарисовать круг в фотошопе нужного диаметра, с заливкой и обводкой. Если есть какие-то вопросы, то спрашивайте, не стесняйтесь. Ну а на этом у меня всё. Не забудьте подписаться на паблики в социальных сетях и на уведомления моего блога. До скорых встреч. Пока-пока!