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

24.12.2018

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

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

Много раз вы делаете сложные уроки, используя сложные инструменты, а затем, возможно, есть человек, который может создать простое кольцо. Выберите любимую фигуру и перетащите мышь, давайте проследим ее на холсте. Из палитры уровней мы выгружаем заливку. Внимание: заполнение не является непрозрачностью! Теперь дважды щелкните синюю часть уровней палитры, откроется окно «Стили». Выберите «дорожка» и нажмите слово «дорожка», чтобы открыть настройки. Щелкните правой кнопкой мыши по синей части палитры уровней и «сжечь слой».

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

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

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

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

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

Попробуйте, например, изменить запись «Тип детали» и выбрать «Кирпичи на строку» или даже «Шестерка на строку» вместо записи по умолчанию «Сетка». Продолжая варианты, предлагаемые панелью «Параметры шаблона», вы также можете изменить размер паттерна, введя точные числовые значения по ширине и высоте; Или, щелкнув значок слева вверху панели, вы можете вручную изменить панель, действуя по краям прямоугольника с синей рамкой внутри рабочей области.

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



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



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



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

Используйте шаблон как заполнение

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

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



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





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

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

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

Выберите мягкую круглую кисть и используйте ее в нижней правой части внутреннего круга с цветом переднего плана, а затем уменьшите непрозрачность до 70%. Теперь щелкните правой кнопкой мыши по пути и выберите «Создать выделение». Еще раз выберите инструмент «Перо» и создайте еще один трек той же формы, что и раньше.

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



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



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

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

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



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

1 голос

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

Теперь нажмите клавишу - или выберите запись «Вычесть из области формы». Это будет «вычитание» нашей фигуры. Мы создаем новый уровень и рисуем другой круг, помещая его в центр нашей фигуры. Позиция на первом уровне и применить эти эффекты. Вы получите что-то вроде этого.

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


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

С тем же самым критерием вы можете дать оттенок темному цвету для «Формулы 1». Покидая это время, выберите ниже. Создайте новый слой и нарисуйте кнопкой выбора эллипсиса эллипсом, покрывающим весь наш дизайн. Установите белый цвет снова на переднем плане и выберите инструмент градиента, на этот раз он больше не является линейным, а радиальным.

Заполните выделение на новом уровне. Установите градиент из 2 пикселов. Отмените выбор и отмените. Теперь дайте этим новым параметрам параметры плавления и непрозрачности. Ну, наш логотип почти готов! Но чтобы приукрасить его, мы все же можем добавить элемент.

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

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

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

Теперь выберите пункт «Определить шаблон» в меню «Изменить». Вернитесь к другому документу, чтобы создать новый слой и выбрать слой «Форма 1». Теперь продолжайте модификацию и выберите «Заполнить». Среди различных доступных шаблонов выберите последний, тот, который определен в ближайшее время.

И сразу установите непрозрачность 25%. С тем же самым критерием и соответствующими цветами вы можете повторить ту же процедуру для центрального круга. Установите черный цвет фона, создайте новый слой, выберите прямоугольную клавишу выбора и нарисуйте прямоугольник, который вы наполните белым. Теперь выберите эффект волны из меню «Эффекты» и установите его следующим образом.

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

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


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

Базовый фейерверк

Фейерверк 01 Фейерверк 02 Фейерверк 06. . Возможно, вы захотите использовать программу извлечения. Если вы используете экструзию другого файла, эти имена могут быть немного разными. Это приведет к извлечению содержимого кистей в вашей папке. Если вы не знаете, как установить кисти, вы можете прочитать эти! Если вы выберете «Заменить кисти», появится диалоговое окно с вопросом, хотите ли вы сохранить кисти, которые у вас есть в текущей конфигурации.

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


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

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

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


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


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


В качестве альтернативы вы можете просто удалить фейерверк с тем цветом, который вы опустошите. Объедините уровни цвета с отдельными уровнями фейерверков. Скопируйте базовый слой три раза, чтобы создать отдельные уровни эффектов. Вы можете сделать это, перетащив исходный слой на значок «Новый уровень» в нижней части палитры «Слои».

Создайте эффект свечения на красном фейерверке

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

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


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

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

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



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


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

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


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


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

Создайте эффект сверкания на синем пожаре

Теперь мы продолжим оранжевые искры! Играйте с размером, чтобы свечение было только вокруг внутреннего края. Если вы хотите, вы можете нарисовать некоторые эффекты в масках уровня. В стиле выберите «Внешняя тень». Увеличьте расширение 2% и размер до 144 пикселей, чтобы сделать большое облако за фейерверком. Скрыть скрытые эффекты масляной маски!

Это сияет синими искрами на фиолетовом и синем небе! Чтобы дать убедительное сияние, вы должны выбрать бледную, насыщенную версию оригинального цвета фейерверка в выборе цветов - это квадрат, обозначенный в разделе «Нарушение». Получайте удовольствие от настроек, пока не найдете то, что вам нравится!


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


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

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


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


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


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

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

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


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


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

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

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

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

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


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


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


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


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

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

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