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

Содержание

Как в фотошопе создать круг

Как сделать круг в Фотошопе

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

Создаем новый файл: «File» – «New» или откройте нужное изображение, нажав сочетание клавиш «Ctrl+O».

Дальше на панели инструментов выберите «Ellipse Tool» (Эллипс).

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

Чтобы нарисовать круг от центра, в настройках инструмента нажмите на маленькую черную стрелочку и поставьте галочку в поле «From Center» (От центра).

Если нужно нарисовать ровный круг, а не эллипс, поставьте маркер в поле «Circle» (Окружность).

Нарисовать круг в Фотошопе заданного размера тоже можно, ставим маркер напротив «Fixes Size» (Заданный размер) и в полях «W:» и «H:» задаем значения ширины и высоты. Задав одинаковые значения, нарисуете круг, разные – эллипс. Теперь нажмите левую кнопку мыши и, не отпуская ее, разместите появившийся круг в нужной части изображения.

На сайте уже есть статья, как нарисовать прямоугольник без заливки. Сейчас рассмотрим, как можно нарисовать круг в Фотошопе без заливки. Для этого в настройках инструмента «Ellipse Tool» (Эллипс) активируйте кнопочку «Paths» (Контуры).

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

В результате можно нарисовать эллипс или круг с тонким светло серым контуром без заливки.

Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).

Выделите его и зажмите клавишу «Shift», чтобы нарисовать ровный круг вместо эллипса. Если зажмете «Alt+Shift», то нарисовать круг можно от центра.

Таким образом, мы нарисуем только контур круга.

Чтобы залить его цветом, выберите на панели инструментов «Paint Bucket Tool», и установите желаемый цвет в качестве основного. Затем кликните мышкой внутри выделенной области.

Если Вам нужно нарисовать круг без заливки, кликните по нему правой кнопкой мыши и выберите из меню «Stroke» (Выполнить обводку).

В следующем окне установите значение для ширины линии «Width» и выберите цвет контура «Color».

Чтобы снять выделение, нажмите «Ctrl+D». В результате мы нарисовали прозрачный круг с красным контуром.

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

(Пока оценок нет) Загрузка…

Как в фотошопе нарисовать круг: быстро и просто

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее заливка.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом уроке я покажу, как сделать круг в Фотошопе.

Скачать последнюю версию Photoshop

Круг можно нарисовать двумя способами.

Первый – использовать инструмент «Овальная область».

Выбираем данный инструмент, зажимаем клавишу SHIFT и создаем выделение.

Основу для круга мы создали, теперь необходимо эту основу залить цветом.

Нажимаем сочетание клавиш SHIFT+F5. В открывшемся окне выбираем цвет и нажимаем ОК.

Снимаем выделение (CTRL+D) и круг готов.

Второй способ – использовать инструмент «Эллипс».

Снова зажимаем SHIFT и рисуем круг.

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

Затем кликаем по холсту и соглашаемся на создание эллипса.

Изменить цвет такого круга (быстро) можно, дважды кликнув по миниатюре слоя.

На этом все о кругах в Фотошопе. Учитесь, творите и удачи во всех Ваших начинаниях! Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

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

Вам понадобится

Инструкция

Создайте в графическом редакторе новый документ, открыв настройки командой New из меню File. Выберите цветовой режим RGB из списка Color Mode. В списке Background Contents выберите пункт White или Background Color. Сделайте основным цветом любой цвет, отличающийся от фонового. Это потребуется для того, чтобы нарисованный круг был виден.

Самый очевидный способ нарисовать круг заключается в получении оттиска круглой кисти. Выберите инструмент Brush Tool, перейдите к палитре Brushes и откройте вкладку Brush Tip Shape. Если вы не можете обнаружить палитру кистей в окне графического редактора, разверните ее опцией Brushes из меню Window.

Выберите одну из круглых кистей и уберите галочки из чекбоксов, находящихся слева от названия вкладок палитры. На вкладке Brush Tip Shape настройте величину кисти, выставив нужный размер в пикселях при помощи регулятора Diameter. Если вам нужен круг с резкими краями, присвойте параметру Hardness максимальное значение. Чем меньше будет значение этого параметра, тем более растушеванные края будут у отпечатка кисти.

Поставьте указатель курсора на новый документ и кликните левой кнопкой мыши. Круг, диаметр которого равен диаметру настроенной кисти, готов.

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

Залейте круглое выделение любым цветом или текстурой, используя Paint Bucket Tool. Для того чтобы использовать текстуру для заливки круга, выберите пункт Pattern из списка в панели настроек инструмента Paint Bucket.

Еще один способ рисования круга в Photoshop заключается в использовании инструмента Ellipse Tool. Выберите этот инструмент из палитры инструментов и переведите его в режим Fill pixels, кликнув по кнопке в панели настроек, которая появится под главным меню после активизации Ellipse Tool.

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

Видео по теме

<div id="yandex_rtb_2" class="lazy lazy-hidden yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744154-3";} else{var rtbBlockID="R-A-744154-5";} window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_2",blockId:rtbBlockID,pageNumber:2,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");} g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_2").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_2");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script>

Источники:

Нарисуйте свою печать в 2018
как в фотошопе нарисовать круг в 2018

Как сделать круг в Фотошопе – инструкция

Создаем новый файл: «File» – «New» или откройте нужное изображение, нажав сочетание клавиш «Ctrl+O».

Дальше на панели инструментов выберите «Ellipse Tool» (Эллипс).

Если нужно нарисовать ровный круг, а не эллипс, поставьте маркер в поле «Circle» (Окружность).

В результате можно нарисовать эллипс или круг с тонким светло серым контуром без заливки.

Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).

Таким образом, мы нарисуем только контур круга.

В следующем окне установите значение для ширины линии «Width» и выберите цвет контура «Color».

Чтобы снять выделение, нажмите «Ctrl+D». В результате мы нарисовали прозрачный круг с красным контуром.

Загрузка…

Рисуем фигуру пером в фотошоп

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Рисуем облако пером

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

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

Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

Если непонятно, что такое Перо и Контур, то посмотрите Обзор инструмента Pen (Перо).

Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

На облако это мало похоже. Выберите инструмент Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

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

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

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

Выберите на панели инструментов фотошопа основной цвет белый.

Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

Вот результат — нарисовано симпатичное белое облако:

А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

В открывшемся окне выберите инструмент Pencil (Карандаш),

нажмите ОК и получите результат — обведенный карандашом контур облака.

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

Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

(Подробнее про работу с кистью )

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

Получится вот такой результат:

Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру).

В открывшемся окне задайте имя фигуры и ОК.

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

Рисование фигур в фотошопе

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

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

Создание фигур

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

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

Как видим, инструментов довольно много. Поговорим обо всех кратко.

SHIFT

Урок: Рисуем прямоугольники в Фотошопе
Прямоугольник со скругленными углами.
Этот инструмент, как следует из названия, помогает изобразить такую же фигуру, но со скругленными углами.

Радиус скругления предварительно настраивается на панели параметров.

Эллипс.
При помощи инструмента «Эллипс» создаются круги и овалы.

Урок: Как нарисовать круг в Фотошопе
Многоугольник.
Инструмент «Многоугольник» позволяет нам рисовать многоугольники с заданным количеством углов.

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

Урок: Рисуем треугольник в Фотошопе
Линия.
С помощью данного инструмента мы можем провести прямую линию в любом направлении. Клавиша SHIFT в данном случае позволяет проводить линии под 90 или 45 градусов относительно холста.

Толщина линии настраивается все там же – на панели параметров.

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

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

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

Общие настройки инструментов

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

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

Цвет заливки фигуры. Данный параметр работает, только если активирован инструмент из группы «Фигура», и мы находимся на слое с созданной фигурой. Здесь (слева направо) мы можем: выключить заливку полностью; залить фигуру сплошным цветом; залить градиентом; замостить узором.

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

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

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

Манипуляции с фигурами

Данные манипуляции возможны, только если на холсте (слое) уже присутствует хотя бы одна фигура. Ниже станет понятно, почему так происходит.

Объединение фигур.

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

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

Пересечение фигур.

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

Исключение фигур.

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

Объединение компонентов фигур.

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

Практика

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

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

2. Затем выберем инструмент «Эллипс» и пункт настроек «Вычесть переднюю фигуру». Сейчас мы будем вырезать круг в нашем квадрате.

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

4. Нажимаем ОК и видим следующее:

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

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

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

7. Зададим обводку. Для этого взглянем на блок «Штрих» на панели параметров. Здесь выберем тип обводки «Пунктир» и ползунком изменим ее размер.

8. Цвет пунктира зададим с помощью клика по соседнему цветовому окошку.

9. Теперь, если полностью отключить заливку фигуры,

То можно увидеть следующую картину:

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

На прошлом уроке мы говорили о рисовании в Photoshop с помощью карандаша и кисти. Линии от руки — это прекрасно, но часто бывает, что нужно изобразить ровную геометрическую фигуру. Линейки и циркули ушли в прошлое, и теперь сделать это можно с помощью простых инструментов редактора.

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

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

Режим инструмента выбора. Здесь можно выбрать одно из трёх.

Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
Контур. Рисуется контур фигуры без заливки.
Пикселы. Создаётся не векторная, а растровая фигура.

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

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

Прямоугольник

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

На панели параметров нажмите значок . Откроется окно геометрических настроек.

По умолчанию переключатель установлен в положение Прямоугольник . Если вы установите его в положение Квадрат , то при рисовании всегда будете получать фигуру с одинаковой длиной сторон. Аналогичного эффекта можно добиться и не нажимая флажок: для получения квадрата в процессе рисования прямоугольника достаточно удерживать нажатой клавишу Shift .

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

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

Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.

Прямоугольник со скруглёнными углами

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

Эллипс

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

Многоугольник

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

Окно геометрических настроек от предыдущих фигур заметно отличается.

Радиус. В этом поле задаётся радиус будущего многоугольника.
Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
Звезда. Установите флажок, если на выходе хотите получить звезду.
Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.

Линия

Используйте этот инструмент, чтобы создавать по-настоящему прямые линии — от руки их делать просто нецелесообразно. Чтобы добиться максимальной точности, настройте геометрические параметры в соответствующем окне.

Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Произвольная фигура

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

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

Щёлкните на категорию и нажмите кнопку OK в окне подтверждения, чтобы отобразить фигуры желаемой группы. На рисунке ниже изображены элементы категории Музыка .

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

Программа Adobe Photoshop широко используется для работы с изображениями, предоставляя действительно широкий спектр возможностей. Большинство пользователей применяют Фотошоп для ретуши фото, но, помимо этого, программа позволяет создавать: рисунки, картины, графику — разной степени сложности. В Photoshop имеется несколько инструментов, предназначенных для создания рисунков. Первым делом необходимо научиться рисовать простейшие элементы вроде треугольников, линий, эллипсов и прочего, так как они используются очень часто при создании разного рода рисунков. В этой статье подробно рассмотрим, как нарисовать в Фотошопе простейшие фигуры. Давайте разбираться. Поехали!

Постигаем азы компьютерной графики

Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:

«Прямоугольник»;
«Прямоугольник со скруглёнными углами»;
«Эллипс»;
«Многоугольник»;
«Линия»;
«Произвольная фигура».

Редактор предлагает несколько классических и произвольных форм

Всего существует три режима рисования:

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

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

Нет ничего проще, чем провести линию. Для этого применяется одноимённый инструмент.

Для круга используйте клавишу Shift либо меню дополнительных настроек

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

Рисуем красивую композицию стандартными средствами

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

Стрелки в начале или конце можно задать в свойствах инструмента

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

Шаблоны, идущие в обычной комплектации приложения

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

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

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

Режим инструмента выбора. Здесь можно выбрать одно из трёх.

Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
Контур. Рисуется контур фигуры без заливки.
Пикселы. Создаётся не векторная, а растровая фигура.

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

Прямоугольник

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

На панели параметров нажмите значок . Откроется окно геометрических настроек.

По умолчанию переключатель установлен в положение Прямоугольник. Если вы установите его в положение Квадрат, то при рисовании всегда будете получать фигуру с одинаковой длиной сторон. Аналогичного эффекта можно добиться и не нажимая флажок: для получения квадрата в процессе рисования прямоугольника достаточно удерживать нажатой клавишу Shift.

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

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

Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.

Прямоугольник со скруглёнными углами

Эллипс

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

Многоугольник

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

Окно геометрических настроек от предыдущих фигур заметно отличается.

Радиус. В этом поле задаётся радиус будущего многоугольника.
Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
Звезда. Установите флажок, если на выходе хотите получить звезду.
Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.

Линия

Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Произвольная фигура

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

Щёлкните на категорию и нажмите кнопку OK в окне подтверждения, чтобы отобразить фигуры желаемой группы. На рисунке ниже изображены элементы категории Музыка.

Полезные ссылки:

Как рисовать векторные фигуры в Photoshop CS6

В этом уроке мы научимся основам рисования векторных фигур в Photoshop CS6 с помощью простых в использовании инструментов форм !

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

Это руководство предназначено для пользователей Photoshop CS6 . Если вы используете более старую версию Photoshop, вам нужно ознакомиться с оригинальным учебником Shapes And Shape Layers Essentials.

Большинство людей считают Photoshop редактором изображений на основе пикселей, и если бы вы попросили кого-нибудь порекомендовать хорошую программу для векторного рисования, Adobe Illustrator обычно был бы наверху их списка. Это правда, что Photoshop не разделяет все возможности Illustrator, но, как мы увидим в этом и других руководствах этой серии, его различные инструменты для создания форм делают Photoshop более чем способным добавлять простые векторные рисунки в наши дизайны и макеты!

Если вы не уверены, что такое векторная форма и чем она отличается от формы, основанной на пикселях, обязательно ознакомьтесь с предыдущим учебным пособием из этой серии: Вектор чертежа и Формы пикселей в Photoshop CS6.

Рисование векторных фигур в фотошопе

Инструменты формы

Photoshop предоставляет нам шесть инструментов для выбора формы: инструмент « Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент « Эллипс», инструмент « Многоугольник», инструмент « Линия» и инструмент « Пользовательская форма», и все они вложены в одном месте в Панель инструментов . По умолчанию инструмент «Прямоугольник» является видимым, но если щелкнуть и удерживать значок инструмента, появится всплывающее меню, показывающее другие инструменты, из которых мы можем выбрать:

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

Я начну с выбора первого в списке инструмента «Прямоугольник» :

Выбор инструмента Rectangle.

Формы, пиксели или контуры

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите « Форма» в параметре « Режим инструмента» на панели параметров в верхней части экрана:

Установите для параметра «Режим инструмента» значение «Форма».

Заполнение формы цветом

Следующая вещь, которую мы обычно хотим сделать, это выбрать цвет для фигуры, и в Photoshop CS6 мы делаем это, щелкая образец цвета заливки на панели параметров:

Нажав образец цвета «Заполнить».

Это открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения формы, каждый из которых представлен одним из четырех значков вверху. Начиная слева, у нас есть значок « Нет цвета» (с красной диагональной линией через него), значок « Сплошной цвет», значок « Градиент» и значок « Узор» :

Четыре варианта заполнения фигуры (Без цвета, Сплошной цвет, Градиент и Узор).

Нет цвета

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

Параметр «Нет цвета» оставит фигуру пустой.

Вот быстрый пример того, как выглядит форма без цвета заливки. Все, что мы видим, — это основной контур фигуры, известный как путь . Путь виден только в Photoshop, поэтому, если бы вы распечатали документ или сохранили работу в формате, подобном JPEG.webp или PNG, путь не был бы виден. Чтобы сделать его видимым, нам нужно добавить к нему штрих, который мы научимся делать после того, как рассмотрим параметры Fill:

Только путь фигуры виден (и только в Photoshop), когда для параметра «Заливка» установлено значение «Нет цвета».

Сплошной цвет

Чтобы заполнить форму сплошным цветом, выберите параметр « Сплошной цвет» (второй слева):

Нажав кнопку «Сплошной цвет», заполните.

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

Выбор цвета, нажав на образец.

Если нужный вам цвет не найден ни в одном из образцов, щелкните значок « Выбор цвета» в правом верхнем углу поля:

Нажав на иконку Color Picker.

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

Выбор цвета заливки для фигуры из палитры цветов.

Вот та же форма, что и раньше, на этот раз залитая сплошным цветом:

Основная форма, заполненная сплошным цветом.

градиент

Чтобы заполнить вашу фигуру градиентом, выберите параметр « Градиент» . Затем нажмите на одну из миниатюр, чтобы выбрать предустановленный градиент, или используйте параметры под миниатюрами, чтобы создать свою собственную. Мы узнаем все о создании и редактировании градиентов в отдельном руководстве:

Выбрав опцию «Градиент» вверху, затем выберите предустановленный градиент.

Вот та же форма, заполненная градиентом:

Форма заполнена одним из предустановленных градиентов Photoshop.

Шаблон

Наконец, выбор параметра Pattern позволяет нам заполнить форму шаблоном. Нажмите на одну из миниатюр, чтобы выбрать предустановленный шаблон. Photoshop не дает нам много шаблонов на выбор, но если вы создали свой собственный или загрузили некоторые из Интернета, вы можете загрузить их, нажав на маленький значок шестеренки (ниже значка Color Picker) и выбрав Load Узоры из меню:

Выбор параметра Pattern, затем выбор предустановленного шаблона.

Вот как выглядит форма, заполненная одним из предустановленных шаблонов Photoshop. Чтобы закрыть окно параметров цвета заливки, когда закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре или щелкните пустое место на панели параметров. Если вы не уверены, какой цвет, градиент или рисунок вам нужны для вашей фигуры, не беспокойтесь. Как мы увидим, вы всегда можете вернуться и изменить его позже:

Форма, заполненная заданным рисунком.

Добавление обводки вокруг фигуры

По умолчанию Photoshop не добавляет обводку по краям вашей фигуры, но добавить ее так же просто, как добавить цвет заливки. На самом деле параметры Stroke и Fill в Photoshop CS6 абсолютно одинаковы, поэтому вы уже знаете, как их использовать!

Чтобы добавить обводку, щелкните образец цвета « Обводка» на панели параметров.

Нажав на образец цвета обводки.

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

Выбор параметра «Сплошной цвет» для обводки, затем выбор цвета из образцов.

Изменение ширины инсульта

Чтобы изменить ширину обводки, используйте параметр « Ширина обводки» непосредственно справа от образца цвета обводки на панели параметров. По умолчанию установлено значение 3 pt. Чтобы изменить ширину, вы можете либо ввести определенное значение непосредственно в поле (нажмите Enter (Win) / Return (Mac) на клавиатуре, когда вы закончите, чтобы принять его), либо нажать на маленькую стрелку справа от значение и перетащите ползунок:

Изменение ширины обводки.

Опция выравнивания краев

Если вы посмотрите дальше вправо на панели параметров, вы увидите опцию Align Edges . Если этот параметр включен (установлен флажок), Photoshop будет следить за тем, чтобы края векторной фигуры были выровнены по пиксельной сетке, благодаря чему они выглядят четкими и четкими:

Вы обычно хотите убедиться, что Align Edges отмечен.

Однако, чтобы Align Edges работал, его нужно не только выбрать, но и задать ширину штриха в пикселях (px), а не в точках (pt) . Поскольку в моей ширине обводки используются точки (тип измерения по умолчанию), я вернусь и введу новую ширину 10 пикселей:

Чтобы Align Edges работал, установите ширину штриха в пикселях (px).

Вот пример черного штриха размером 10 пикселей, примененного к фигуре:

Простая форма с черным штрихом, окружающим его.

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

Та же самая форма, теперь с Fill, установленным в No Color.

Больше вариантов инсульта

По умолчанию Photoshop рисует обводку сплошной линией, но мы можем изменить ее, нажав кнопку « Параметры обводки» на панели параметров :

Нажав кнопку «Параметры обводки».

Откроется окно «Параметры обводки». Отсюда мы можем изменить тип обводки со сплошной линии на пунктирную или пунктирную линию. Параметр « Выровнять» позволяет нам выбрать, должен ли обводка попадать в контур контура, вне контура или быть центрирован на контуре. Мы можем установить опцию Caps на Butt, Round или Square, и изменить углы на Mitre, Round или Bevel . Нажатие кнопки « Дополнительные параметры» внизу откроет более подробное поле, в котором вы можете установить конкретные значения тире и промежутков и даже сохранить свои настройки в качестве предустановки:

Варианты инсульта.

Вот тот же штрих, что и раньше, на этот раз пунктирной, а не сплошной линией:

Тип штриха изменился с сплошного на штриховой.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-basics-middle)

Инструмент Прямоугольник

Теперь, когда мы знаем, как выбрать различные инструменты форм Photoshop на панели «Инструменты», как выбрать цвет заливки и обводки и как изменить внешний вид обводки, давайте узнаем, как на самом деле рисовать векторные фигуры! Мы начнем с первого инструмента в списке, инструмента Прямоугольник . Я выберу его на панели инструментов, как и раньше:

Выбор инструмента Rectangle.

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

Вытаскивая прямоугольник. При перетаскивании появляется только контур фигуры.

Когда вы отпустите кнопку мыши, Photoshop заполнит фигуру цветом, выбранным на панели параметров:

Photoshop заполняет форму цветом, когда вы отпускаете кнопку мыши.

Изменение размера фигуры после того, как вы ее нарисовали

После того, как вы нарисовали свою первоначальную форму, ее текущие размеры появятся в полях Ширина ( W ) и Высота ( H ) на панели параметров. Здесь мы видим, что моя фигура была нарисована 533 пикселей в ширину и 292 пикселей в высоту:

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

Если вам нужно изменить размер формы после того, как вы нарисовали ее (и это работает для всех инструментов формы, а не только для инструмента Прямоугольник), просто введите необходимые размеры в поля Ширина (W) и Высота (Н). Например, скажем, что мне действительно нужно, чтобы моя фигура была ровно 500 пикселей в ширину. Все, что мне нужно сделать, это изменить значение ширины на 500 пикселей . Я мог бы также ввести определенную высоту, если это необходимо. Если вы хотите изменить ширину или высоту, но оставить исходное соотношение сторон вашей фигуры без изменений, сначала нажмите на маленький значок ссылки между значениями ширины и высоты:

Используйте значок ссылки, чтобы сохранить пропорции фигуры при изменении ее размера.

Когда выбран значок ссылки, при вводе новой ширины или высоты Photoshop автоматически меняет другой, чтобы сохранить соотношение сторон. Здесь я вручную ввел новую ширину 500 пикселей, и поскольку у меня был выбран значок ссылки, Photoshop изменил высоту до 273 пикселей:

Изменение размера фигуры.

Выбор размера, прежде чем нарисовать форму

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

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

Рисование фигуры из ее центра

Вот несколько простых, но очень полезных сочетаний клавиш. Если вы нажимаете и удерживаете клавишу Alt (Победа) / Option (Mac) на клавиатуре при перетаскивании фигуры, вы будете рисовать ее из центра, а не из угла. Это работает с любыми инструментами формы Photoshop, не только с инструментом Rectangle Tool. Однако очень важно подождать, пока вы не начнете перетаскивать, прежде чем нажимать клавишу Alt / Option, и удерживать клавишу нажатой до тех пор, пока не отпустите кнопку мыши, иначе она не будет работать:

Нажмите и удерживайте Alt (Победа) / Option (Mac), чтобы нарисовать фигуру из ее центра.

Рисование квадратов

Чтобы нарисовать идеальный квадрат с помощью инструмента «Прямоугольник», щелкните внутри документа, чтобы установить начальную точку, и начните перетаскивание, как обычно. Как только вы начали перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре. Это заставляет прямоугольник в идеальный квадрат. Опять же, убедитесь, что вы подождали до начала перетаскивания, прежде чем нажимать клавишу Shift, и держите ее нажатой до тех пор, пока вы не отпустите кнопку мыши, иначе она не будет работать. Вы также можете объединить эти два сочетания клавиш, нажав и удерживая Shift + Alt (Победа) / Shift + Option (Mac) при перетаскивании с помощью инструмента «Прямоугольник», который заставит фигуру сформировать идеальный квадрат и вытянуть его из центра. :

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

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

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

Параметры формы

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

Нажав на значок шестеренки.

Так как у меня выбран инструмент «Прямоугольник», при щелчке на значке шестерни отображаются параметры инструмента «Прямоугольник». За исключением Polygon Tool и Line Tool, которые мы рассмотрим позже, вы не будете часто использовать это меню, потому что мы уже узнали, как получить доступ к большинству этих параметров с клавиатуры. Например, опция Unconstrained позволяет нам свободно рисовать фигуры в любых измерениях, которые нам нужны, но, поскольку это стандартное поведение инструментов формы, нет необходимости выбирать его. Параметр « Квадрат» позволяет рисовать идеальные квадраты с помощью инструмента «Прямоугольник», но мы уже можем это сделать, нажав и удерживая клавишу Shift . А From Center нарисует фигуру из своего центра, но, опять же, мы уже можем это сделать, нажав и удерживая Alt (Win) / Option (Mac).

Если вы выберете параметры « Фиксированный размер» или « Пропорционально» и введете значения ширины и высоты, они будут влиять на следующую нарисованную вами фигуру, а не на ту, которую вы уже нарисовали. Кроме того, вам нужно помнить, чтобы вернуться и снова выбрать опцию Без ограничений, когда вы закончите, в противном случае каждая фигура, которую вы рисуете с этого момента, будет иметь одинаковый размер или пропорции:

Параметры, которые вы увидите, будут зависеть от того, какой инструмент формы выбран.

Редактирование слоев формы

Ранее мы узнали, что для рисования векторных фигур в Photoshop нам необходимо убедиться, что в панели параметров на панели параметров установлен параметр « Фигуры» (в отличие от «Путь» или «Пиксели»). Когда мы рисуем векторную форму, Photoshop автоматически размещает ее на специальном слое, известном как слой Shape . Если мы посмотрим на мою панель «Слои», то увидим, что фигура, которую я нарисовал с помощью инструмента «Прямоугольник», находится на слое фигуры с именем «Прямоугольник 1». Название слоя будет меняться в зависимости от того, какой инструмент фигуры использовался, поэтому, если бы я нарисовал фигуру, скажем, с помощью Ellipse Tool, он был бы назван «Ellipse 1»:

Каждая новая векторная фигура появляется в своем собственном слое Shape.

Простой способ определить разницу между слоем Shape и слоем с обычным пикселем состоит в том, что слои Shape имеют маленький значок формы в правом нижнем углу эскиза предварительного просмотра :

Значок на миниатюре предварительного просмотра говорит нам, что это слой Shape.

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

Нажав образец цвета «Заливка» с выбранным слоем «Форма».

Затем я выберу другой цвет для моей фигуры из образцов:

Нажав на образец синего цвета.

Как только я нажимаю на образец, Photoshop мгновенно обновляет форму новым цветом:

Цвет формы был изменен без необходимости перерисовывать его.

И, если мы снова посмотрим на панель «Слои», мы увидим, что эскиз предварительного просмотра для слоя «Форма» также был обновлен новым цветом:

Предварительный просмотр формы на панели «Слои» также обновляется при внесении изменений.

Инструмент Прямоугольник со скругленными углами

Давайте посмотрим на второй из инструментов формы Photoshop, Rounded Rectangle Tool . Я выберу его на панели инструментов:

Выбор инструмента Rounded Rectangle.

Инструмент Rounded Rectangle Tool очень похож на стандартный инструмент Rectangle Tool за исключением того, что он позволяет нам рисовать прямоугольники со скругленными углами. Мы контролируем закругление углов, используя параметр Радиус на панели параметров. Чем выше значение, тем более закругленными будут углы. Вам нужно установить значение радиуса перед рисованием вашей фигуры, поэтому я установлю свой 50 px:

Используйте параметр «Радиус» для контроля закругления углов.

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

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

Когда вы отпускаете кнопку мыши, Photoshop завершает форму и заполняет ее цветом:

Форма заполняется цветом, когда вы отпустите кнопку мыши.

Вот еще один пример скругленного прямоугольника, на этот раз с моим значением Radius, равным 150 px, достаточно большим (в любом случае, в данном случае), чтобы все левые и правые стороны прямоугольника выглядели изогнутыми:

Более высокое значение радиуса создает более закругленные углы.

И вот прямоугольник, но с гораздо меньшим значением радиуса всего 10 пикселей, что дает мне очень маленькие закругленные углы:

Меньшее значение радиуса дает нам менее закругленные углы.

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

Если вы рисуете прямоугольник со скругленными углами и решаете, что вас не устраивает округлость углов, все, что вы действительно можете сделать, — это зайти в меню « Правка» в строке меню в верхней части экрана и выбрать « Отменить закругленный прямоугольник» (или нажмите Ctrl + Z (Победа) / Command + Z (Mac) на клавиатуре), чтобы удалить прямоугольник со скругленными углами из документа. Затем введите другое значение радиуса в панели параметров и повторите попытку:

Идем в Edit> Undo Rounded Rectangle Tool.

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

Чтобы нарисовать скругленный прямоугольник из его центра, а не из угла, начните перетаскивать фигуру, затем нажмите и удерживайте нажатой клавишу «Alt» (победа) / « Option» (Mac). Наконец, нажатие и удержание Shift + Alt (Победа) / Shift + Option (Mac) заставит фигуру превратиться в идеальный квадрат и вытянуть его из центра. Отпустите клавиши только после того, как вы отпустите кнопку мыши.

Эллипс Инструмент

Инструмент Ellipse в Photoshop позволяет нам рисовать эллиптические или круглые формы. Я выберу его на панели инструментов:

Выбор инструмента Ellipse.

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

Рисование эллиптической формы с помощью Ellipse Tool.

Отпустите кнопку мыши, чтобы завершить форму, и пусть Photoshop заполнит ее выбранным цветом:

Цветная форма.

Чтобы нарисовать идеальный круг с помощью Ellipse Tool, начните перетаскивать форму, затем нажмите и удерживайте клавишу Shift . Чтобы нарисовать эллиптическую фигуру из ее центра, нажмите и удерживайте Alt (Победа) / Option (Mac) после начала перетаскивания. Нажатие и удерживание Shift + Alt (Победа) / Shift + Option (Mac) нарисует идеальный круг из его центра. Как всегда, отпускайте клавиши только после того, как отпустите кнопку мыши:

Круг, нарисованный с помощью Ellipse Tool.

Инструмент Многоугольник

Инструмент Polygon Tool — это то, где вещи начинают становиться интересными. Я выберу его на панели инструментов:

Выбор инструмента Polygon.

В то время как инструмент «Прямоугольник» в Photoshop ограничен рисованием четырехсторонних многоугольников, инструмент «Многоугольник» позволяет нам рисовать многоугольники с любым количеством сторон! Это даже позволяет нам рисовать звезды, как мы увидим через мгновение. Чтобы нарисовать фигуру с помощью инструмента «Многоугольник», сначала введите необходимое количество сторон в параметре « Стороны» на панели параметров. Вы можете ввести любое число от 3 до 100. Сейчас я оставлю мое значение по умолчанию 5:

Введите необходимое количество сторон в параметре Стороны.

После того, как вы ввели количество сторон, щелкните документ и перетащите свою форму. Photoshop всегда рисует многоугольники из их центра, поэтому нет необходимости удерживать нажатой клавишу Alt (Победа) / Option (Mac). Удержание клавиши Shift после начала перетаскивания ограничит количество углов, под которыми можно нарисовать фигуру, что может помочь расположить фигуру так, как вам нужно:

5-сторонняя фигура, нарисованная с помощью Polygon Tool.

Если для параметра «Стороны» задать значение «3» на панели параметров, это поможет нам легко нарисовать треугольник:

Простой треугольник, нарисованный с помощью Polygon Tool.

А вот форма многоугольника с установленными сторонами 12. Как и параметр «Радиус» для инструмента «Прямоугольник со скругленными углами», Photoshop не позволяет нам изменять количество сторон после того, как мы нарисовали нашу форму, поэтому, если вы допустили ошибку, вам понадобится чтобы перейти в меню « Правка» в верхней части экрана и выбрать « Отменить инструмент многоугольника» (или нажмите Ctrl + Z (Win) / « Command» + Z (Mac)), затем введите другое значение в параметре «Стороны» и перерисуйте фигуру:

Двусторонняя форма многоугольника.

Рисование звезд с помощью инструмента «Многоугольник»

Чтобы нарисовать звезды с помощью инструмента «Многоугольник», щелкните значок шестеренки на панели параметров и выберите « Звезда» :

Нажав на значок шестеренки и выбрав Звезду.

Затем просто щелкните внутри документа и вытяните форму звезды. При выборе «Звезда» параметр «Стороны» на панели параметров контролирует количество точек в звезде, поэтому при значении по умолчанию 5 мы получаем 5-точечную звезду:

5-точечная звезда, нарисованная с помощью Polygon Tool.

Изменение значения Sides на 8 дает нам восьмиконечную звезду:

Управляйте количеством точек с помощью параметра «Стороны».

Мы можем создать форму звездообразования, увеличив параметр « Отступ по сторонам» за пределы его значения по умолчанию, равного 50%. Я увеличу это до 90%. Я также увеличу значение Sides до 16:

Создание звездообразования путем увеличения значения отступа по сторонам.

И вот результат:

Звездообразование, нарисованное с помощью Polygon Tool.

По умолчанию у звезд есть острые углы на концах их точек, но мы можем сделать их округленными, выбрав параметр Smooth Corners :

Включение гладких углов.

Вот стандартная пятиконечная звезда с включенной опцией Smooth Corners:

Опция Smooth Corners придает звездам веселый, дружелюбный вид.

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

Включение гладких отступов.

Выбрав Smooth Corners и Smooth Indent, мы получим больше формы морской звезды:

Включена звезда с Smooth Corners и Smooth Indents.

Инструмент Линия

Последним из основных инструментов геометрической формы в Photoshop является Line Tool . Я выберу его на панели инструментов:

Выбор инструмента Линия.

Инструмент «Линия» позволяет нам рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Чтобы нарисовать прямую линию, сначала установите толщину линии, введя значение в пикселях в поле « Вес» на панели параметров. Значением по умолчанию является 1 px. Я увеличу его до 16 пикселей:

Опция Weight контролирует толщину или ширину линии.

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

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

Рисование стрелок направления

Чтобы нарисовать стрелки, щелкните значок шестеренки на панели параметров, чтобы открыть параметры стрелок. Выберите, хотите ли вы, чтобы стрелка отображалась в начале линии, в конце или в обоих направлениях (если вы хотите, чтобы стрелка была направлена в том же направлении, в котором рисуется линия, выберите «Конец»):

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

Вот линия, похожая на нарисованную ранее, на этот раз со стрелкой на конце:

Инструмент Линия позволяет легко рисовать стрелки направления.

Если размер стрелки по умолчанию у вас не работает, вы можете изменить его, изменив параметры Ширина и Длина . Вы также можете сделать стрелки более вогнутыми, увеличив параметр « Вогнутость» . Я увеличу его со значения по умолчанию от 0% до 50%:

Измените форму стрелки, увеличив ее вогнутость.

Вот как выглядит стрелка. Убедитесь, что вы изменили параметры Line Tool до того, как начнете рисовать свою форму, так как они не могут быть отрегулированы впоследствии (если вам нужно внести изменения, вам нужно отменить форму и начать все сначала):

Стрелка со значением вогнутости до 50%.

Скрытие контура пути вокруг фигуры

Как мы видели в этом уроке, всякий раз, когда мы рисуем фигуру с помощью любого из инструментов фигуры, Photoshop отображает только контур контура во время рисования фигуры. Когда мы отпускаем нашу кнопку мыши, именно тогда Фотошоп завершает форму и заполняет ее цветом. Проблема в том, что если вы посмотрите внимательно после рисования фигуры, вы увидите, что контур пути все еще там, окружая ее. Здесь мы можем видеть тонкий черный контур, окружающий форму. Это не имеет большого значения, потому что контур не будет печататься или отображаться в каком-либо сохраненном формате файла, таком как JPEG.webp или PNG, но он все еще может раздражать, когда вы работаете.

Контур пути все еще виден даже после того, как фигура нарисована.

Чтобы скрыть контур пути в Photoshop CS6, просто нажмите Enter (Win) / Return (Mac) на клавиатуре, и он исчезнет:

Нажмите Enter (Win) / Return (Mac), и контур исчезнет.

Куда пойти дальше …

И там у нас это есть! Это основные принципы рисования основных геометрических векторных фигур в Photoshop CS6 с использованием инструмента «Прямоугольник», инструмента «Закругленный прямоугольник», инструмента «Эллипс», инструмента «Многоугольник» и инструмента «Линия»! В следующем уроке мы узнаем, как добавлять более сложные и интересные фигуры к вашим проектам и макетам с помощью инструмента Photoshop Custom Shape Tool! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

Как нарисовать хипстерские очки в Иллюстраторе

В этом уроке мы будем рисовать простые, но очень стильные хипстерские очки в Adobe Illustrator. Это урок для начинающих, которые хотят попробовать свои силы в Adobe Illustrator, увидеть как работают основные инструменты, но при этом нарисовать нечто вполне применимое в дизайне. По схожей схеме вы легко создадите иконки или минималистичные иллюстрации для инфографики.

Пример HTML-страницы

Как нарисовать хипстерские очки в Иллюстраторе

Шаг 1

Для начала создайте новый документ (Control-N) и укажите ему параметры как на картинке ниже.

Шаг 2

Нарисуйте круг размером 44 x 44 px, укажите ему цвет заливки #FFC550, и разместите как показано ниже.

Шаг 3

Выделите круг, копируйте его (Control-C) и вставьте копию на передний план (Control-F). Укажите верхней копии отсутствие заливки и обводку цвета #422C21 толщиной в 4 px. Выделите оба круга и нажмите Control-G, чтобы сгруппировать их.

Шаг 4

Нарисуйте внутри круга две диагональные линии толщиной в 2 px и цвета #422C21. Разместите их как показано на картинке ниже, затем выделите круги и линии и сгруппируйте их (Control-G).

Шаг 5

Выделите нашу группу и дублируйте ее (Control-C > Control-F). Переместите копию вправо и расположите как показано ниже.

Шаг 6

Нарисуйте круг размером 20 x 20 px без заливки и с обводкой толщиной в 4 px и цвета #422C21. Поместите круг ровно посредине между линзами, затем выровняйте по центру относительно одной из линз, как показано ниже.

Шаг 7

Инструментом Direct Selection/Прямое выделение (A) выделите нижнюю точку круга и нажмите Delete. Выделите все нарисованное на этом этапе и нажмите Control-G.

Шаг 8

Нарисуйте прямоугольник размером 6 x 4 px с цветом заливки #422C21. Расположите его как показано на картинке ниже.

Шаг 9

Нарисуйте длинный прямоугольник размером 8 x 64 px без заливки, с обводкой толщиной в 2 px цвета #422C21. Расположите его как на скриншоте ниже.

Шаг 10

Скруглите нижние углы прямоугольника на 4 px при помощи палитры Transform/Трансформация в разделе Rectangle Properties/Параметры прямоугольника.

Шаг 11

Выделите маленький и длинный прямоугольники, кликните по ним правой кнопкой и выберите Arrange > Send to Back/Упорядочить>На задний план.

Шаг 12

Дублируйте прямоугольники (Control-C > Control-F), отразите копии вертикально (правый клик > Transform > Reflect > Vertical/Трансформировать>Отразить>Вертикально) и разместите как показано ниже.

Шаг 13

Нарисуйте прямоугольник размером 20 x 2 px (цвет заливки #422C21) и расположите его как показано ниже. Выделите все созданное и сгруппируйте (Control-G).

Результат

Автор урока vectips

Ссылка на источник

Уроки Illistrator. Уроки Adobe Illustrator. Уроки Иллюстратора. Adobe illustrator уроки. Уроки adobe illustrator для начинающих. Adobe illustrator уроки на русском. Видео уроки adobe illustrator. Adobe illustrator уроки для начинающих на русском. Adobe illustrator уроки с нуля. Уроки adobe illustrator cc для начинающих. Adobe illustrator cc 2019 уроки. Уроки adobe illustrator скачать торрент. Уроки по adobe illustrator cc. Adobe illustrator уроки вектор гайд. Уроки рисования adobe illustrator. Adobe illustrator уроки вектор гайд. Уроки векторной графики в adobe illustrator. Adobe illustrator cc 2018 уроки. Adobe illustrator логотип уроки. Уроки adobe illustrator cc 2018 для начинающих. Бесплатные уроки adobe illustrator. Урок 01 что такое adobe illustrator. Уроки работы в adobe illustrator. Adobe illustrator урок. Видео уроки adobe illustrator торрент. Adobe illustrator видео уроки скачать торрент. Adobe illustrator 3d уроки. Уроки adobe illustrator cc 2019 на русском. Интерфейс в adobe illustrator cc 2019 уроки. Уроки иллюстрация adobe illustrator. Adobe illustrator уроки рисование плашками.

Пример HTML-страницы

Нарисовать круг в фотошопе без заливки

Скачать бесплатный макет | Коллекции мокапов ~ Если вы ищете Нарисовать круг в Photoshop без заливки , вы попали в нужное место. У нас есть 100 изображений круга рисования в фотошопе без заливки, включая картинки, картинки, фотографии, фоны и многое другое. На такой веб-странице у нас также есть множество изображений. Такие как png, jpg, анимированные гифки, изображения, символы, черно-белые, полупрозрачные и т. Д.

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

Photoshop Как изменить цвет прямоугольного эллипса Краткое руководство Cc 2020 2019 2018 2017 и т. Д.
Тип файла = jpg
Исходное изображение @ youtube.com
Загрузить изображение

Если публикация этого веб-сайта полезна для нашей поддержки путем распространения публикаций в статьях этого сайта в учетные записи в социальных сетях, которые у вас есть, такие как Facebook, Instagram и другие, или вы также можете добавить эту страницу блога в закладки, используя заголовок Как нарисовать круг без заливки в Photoshop Elements Используйте Ctrl + D для компьютерные устройства с операционной системой Windows или Command + D для ноутбуков или компьютерных устройств с операционной системой от Apple.Если вы используете смартфон, вы также можете использовать меню ящика браузера, который вы используете. Будь то операционная система Windows, Macintosh, iOS или Android, вы все равно сможете загружать изображения с помощью кнопки загрузки.

python — Рисование кругов, как в программе Photoshop Ellipse Tool

Проблема

Я хочу нарисовать закрашенный круг точно , как инструмент эллипса в Photoshop (с точностью до пикселя).

Я не пытаюсь реализовать какое-либо сглаживание, поэтому мою проблему можно рассматривать как проблему генерации круговой двоичной маски.Достижение того же круга казалось довольно простым с самого начала, однако теперь я реализовал более 5 различных алгоритмов рисования кругов, и ни один из них не сравнится с Photoshop для создания кругов.

Попытки решения

Я использую Python для программирования алгоритма, numpy для манипуляции с массивами, OpenCV для реализации рисования круга / заливки и Scikit-Image для его возможностей сохранения изображений. Я формулирую проблему как функцию, которая рисует круг с заданным радиусом и координатами x, y на данном изображении и возвращает новое изображение с нарисованным на нем кругом.

Я запрограммировал / использовал следующие реализации рисования кругов:

Наивный пифагорейский подход
Круг OpenCV
Круг Брезенхема
Арифметический круг
Andres ‘Circle

Тестирование решений

Эти алгоритмы были протестированы в двух разных сценариях: небольшой круг радиусом 10 пикселей и большой круг радиусом 257 пикселей. Маленькие кружки использовались для сравнения более очевидных визуальных различий, в то время как большие кружки использовались для вычисления метрики ошибки относительно круга того же радиуса, созданного в Photoshop.

Вот результаты этих тестов:

Тест малых кругов

Шесть описанных выше алгоритмов должны были нарисовать круг радиусом 10 пикселей в центре изображения 40×40 пикселей. Я объединил все результаты для удобства сравнения.

Синие круги истинные, графические круги масштабированы, чтобы соответствовать диаметру 20 пикселей.

Тест больших кругов

Шесть описанных выше алгоритмов должны были нарисовать круг радиусом 257 пикселей в центре изображения 2370×1770 пикселей.Каждый из созданных алгоритмом кругов был вычтен из круга радиусом 257 пикселей, нарисованного в Photoshop, чтобы получить разницу.

Для справки, круг, созданный в Photoshop, находится здесь:

Наивный пифагорейец:

Разные пиксели: 1082
Изображение разницы Результат:

OpenCV:

Разные пиксели: 724
Изображение разницы Результат:

Брезенхэм:

Разные пиксели: 251
Изображение разницы Результат:

Середина:

Различных пикселей: 224
Изображение разницы:

Арифметический круг:

Оптимизация параметров в этой реализации.

Различных пикселей (без оптимизации): 155
различных пикселей (с оптимизацией): 107 (лучший результат)
Изображение разницы (с оптимизацией):

Andres ‘Circle:

Разница пикселей: 155
Изображение разницы:

Последние мысли

На данном этапе у меня был наибольший успех с использованием алгоритма арифметического круга, однако я все еще не уверен на 100%, что настройка этого алгоритма позволит имитировать поведение рисования эллипса в Photoshop.

Есть пара крайних случаев при рисовании кругов в Photoshop, которые мне не удалось воспроизвести. Например: круг 2x2px рисуется как прямоугольник 2×1 пиксель.

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

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

В любом случае, спасибо, что дочитали до этого места! Было бы здорово получить информацию о том, что я могу сделать, чтобы сделать это более точным.

Спасибо!

Код

Код для вышеуказанного тестирования / реализации следующий:

  импорт математики

из skimage import io
импорт cv2
импортировать numpy как np


def draw_octant_half_integer (circle_img, centre_x, centre_y, x, y):

    круг_имг [центр_x + x, центр_y + y] = 255
    круг_имг [центр_x + x, центр_y - y + 1] = 255
    круг_имг [центр_x - x + 1, центр_y + y] = 255
    circle_img [центр_x - x + 1, центр_y - y + 1] = 255
    круг_имг [центр_x + y, центр_y + x] = 255
    круг_имг [центр_x + y, центр_y - x + 1] = 255
    круг_имг [центр_x - y + 1, центр_y + x] = 255
    circle_img [центр_x - y + 1, центр_y - x + 1] = 255


def draw_octant (img, centre_x, centre_y, x, y):

    img [центр_x + x, центр_y + y] = 255
    img [centre_x - x, centre_y + y] = 255
    img [центр_x + x, центр_y - y] = 255
    img [центр_x - x, центр_y - y] = 255
    img [центр_x + y, центр_y + x] = 255
    img [центр_x - y, центр_y + x] = 255
    img [центр_x + y, центр_y - x] = 255
    img [центр_x - y, центр_y - x] = 255


def create_pythagorean_circle (img, centre_x, centre_y, radius):

    def point_on_circumference (x, y, centre_x, centre_y, радиус):

        x - = centre_y
        y - = center_x
        гипотеза = математика.sqrt (х * х + у * у)

        вернуть гипотезу> = радиус - 0,5 и гипотезу <= радиус + 0,5

    circle_img = img.copy ()
    высота, ширина = circle_img.shape
    для y в диапазоне (0, высота):
        для x в диапазоне (0, ширина):
            если point_on_circumference (x, y, centre_x, centre_y, radius):
                circle_img [x, y] = 255

    cv2.floodFill (circle_img, None, (int (centre_x), int (centre_y)), 255)

    вернуть circle_img


def create_bresenham_circle (img, centre_y, centre_x, radius):

    высота, ширина = img.форма
    circle_img = img.copy ()
    х = 0
    y = радиус
    d = 3 - 2 * радиус

    draw_octant_half_integer (круг_имг, центр_x, центр_y, x, y)
    а y> = x:
        х + = 1
        если d> 0:
            у - = 1
            d = d + 4 * (х - у) - 10
        еще:
            г = г + 4 * х + 6
        draw_octant_half_integer (круг_имг, центр_x, центр_y, x, y)

    cv2.floodFill (circle_img, None, (int (centre_y), int (centre_x)), 255)
    вернуть circle_img


def create_midpoint_circle (img, centre_y, centre_x, radius):

    x = радиус
    у = 0
    circle_img = img.копия ()
    p = 1 - радиус

    круг_имг [центр_x + x, центр_y + y] = 255
    если радиус> 0:
        круг_имг [центр_x + y, центр_y - x] = 255
        круг_имг [центр_x - x + 1, центр_y + y] = 255
        круг_имг [центр_x - y + 1, центр_y + x] = 255

    пока x> y:
        у + = 1
        если p <-1:
            р = р + 2 * у + 1
        еще:
            х - = 1
            р = р + 2 * у - 2 * х + 1
        если x  = x:
        draw_octant_half_integer (круг_имг, центр_x, центр_y, x, y)
        если параметр_решения (x, y - 1):
            у - = 1
        elif параметр_параметра (x + 1, y):
            х + = 1
        еще:
            х + = 1
            у - = 1

    circle_img = circle_img.astype (np.uint8)
    cv2.floodFill (circle_img, None, (int (centre_y), int (centre_x)), 255)
    вернуть circle_img


def andres_circle (img, centre_x, centre_y, radius):

    х = 0
    y = int (радиус)
    d = радиус - 1
    circle_img = img.copy ()

    а y> = x:
        draw_octant_half_integer (круг_имг, центр_x, центр_y, x, y)
        если d <= 2 * (радиус - y):
            д + = 2 * у - 1
            у - = 1
        elif d> 2 * x:
            г - = 2 * х + 1
            х + = 1
        еще:
            d + = 2 * (у - х - 1)
            х + = 1
            у - = 1

    circle_img = circle_img.astype (np.uint8)
    cv2.floodFill (circle_img, None, (int (centre_y), int (centre_x)), 255)
    вернуть circle_img


если __name__ == "__main__":

    # Загрузка констант

    photoshop_circle = cv2.imread ("photoshop_circle.png", cv2.IMREAD_GRAYSCALE)
    ширина = 2370
    высота = 1770
    centre_x = ширина / 2
    centre_y = высота / 2
    радиус = 257
    img = np.zeros ((высота, ширина))
    img = img.astype (np.uint8)

    # Оптимизация арифметического круга

    # low_mse = np.inf
    # low_up = 0
    # low_down = 0
    # для up in np.linspace (0,76, 0,77, 100):
    # для вниз в np.linspace (0,49, 0,50, 100):
    # circle = create_arithmetic_circle (img, int (round (centre_y)) - 1, int (round (centre_x)) - 1, radius, up = up, down = down)
    # diff = photoshop_circle - круг
    # mse = np.sum (разница ** 2)
    # print ("MSE:", mse, "Up:", up, "Down:", down)

    # если mse  0] = 1
    error = np.sum (разница)
    print («Разные пиксели:», ошибка, «Радиус:», радиус)

    diff [diff <0] = 255
    diff [diff> 0] = 255
    io.imsave ("circle.png", diff, check_contrast = False)

Как нарисовать прямоугольник, квадрат, эллипс и круг в Photoshop — лучшие технические советы

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

Photoshop поставляется с инструментами «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Линия» и «Настраиваемая форма», которые можно использовать для рисования фигуры в своем дизайне. Эти инструменты сгруппированы в наборе инструментов Photoshop. Чтобы активировать один, нажмите и удерживайте группу инструментов, пока не увидите параметры. Выберите инструмент, который хотите использовать.

Рисование прямоугольника и квадрата

В зависимости от того, что вы хотите сделать. Если вы хотите создать что-то из пустого холста, просто перейдите в File -> New (Ctrl + N) , чтобы создать новый проект. Или, если вы хотите нарисовать фигуру на изображении, перейдите в Файл -> Открыть (Ctrl + O) , чтобы открыть изображение, на котором вы хотите нарисовать фигуру. Когда ваш холст будет готов, нажмите и удерживайте группу инструментов, как описано выше, и выберите инструмент «Прямоугольник».

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

Панель «Свойства» появится сразу после создания фигуры. Если вы не видите эту панель, вы можете открыть ее, выбрав Окно -> Свойства . На этой панели можно установить тип обводки фигуры и заливку фигуры.

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

Чтобы установить стиль обводки (сплошной цвет, градиент или узор), вы можете открыть вкладку типа обводки формы . Если вы выберете сплошной цвет, вы можете открыть палитру цветов, чтобы выбрать нужный вам цвет.

Чтобы установить заливку формы, просто откройте вкладку Тип заливки формы и выберите нужный тип заливки (без цвета, сплошного цвета, градиента и узора).

Рисование эллипса и окружности

Щелкните и удерживайте инструмент группировки, как описано выше, и выберите инструмент «Эллипс».

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

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

Если вы регулярно используете Photoshop, вы можете использовать сочетания клавиш для оптимизации рабочего процесса.Мы собрали 62 основных ярлыка для Photoshop, которые вы можете скачать в формате PDF.

Заполнение форм цветами и узорами

Ваши формы кажутся немного пустыми внутри? Чтобы ваши идеи выделялись на экране, используйте функции LayOut Fill, чтобы добавить ярких цветов, и используйте функции Pattern для создания штриховок, которые символизируют материалы на архитектурных чертежах, как показано на следующем рисунке.

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

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

Примечание. Параметры «Заливка» и «Узор» также влияют на прозрачные части изображения PNG и фон объекта модели SketchUp (если на вкладке «Стиль» панели «Модель SketchUp» флажок «Фон» не установлен).

Совет: Чтобы быстро и легко применить настройки заливки и обводки объекта к другому объекту, используйте инструмент «Стиль» (). Подробнее см. Применение стилей.

Заливка формы цветом

Какую бы форму вы ни хотели заполнить, просто нарисуйте ее и выполните следующие действия:

С помощью инструмента Select () выберите форму в области рисования.
Откройте панель Shape Style , щелкнув ее строку заголовка. (Если вы не видите панель на экране, выберите «Окно »> «Стиль фигуры » в строке меню.)
Щелкните параметр Fill , который станет выделенным, как показано на следующем рисунке. Выбор параметра «Заливка» сообщает LayOut о том, что вы хотите применить к выделенному фрагменту параметры «Заливка».
Щелкните цветную ячейку рядом с параметром «Заливка».
На открывшейся панели «Цвета» выберите цвет заливки для вашей формы. См. Раздел «Выбор цветов» для получения помощи по навигации по параметрам на панели «Цвета».
Чтобы увидеть результат, щелкните пустое место в области рисования, чтобы снять выделение с фигуры.На следующем рисунке вы видите, что две линии залиты темно-синим цветом, что придаст документу немного цвета.

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

Примечание: Чтобы установить параметры заливки по умолчанию, активируйте инструмент, а затем выберите нужные параметры.Активация инструментов «Выделение», «Линия», «Дуга», «Прямоугольник», «Круг» или «Многоугольник» устанавливает значения по умолчанию для всех этих инструментов. Активация инструмента «Текст», «Метка» или размер задает параметры стиля формы только для активного инструмента.

Добавление выкройки

Чтобы заполнить фигуру узором, выполните следующие действия:

С помощью инструмента Select () выберите форму, которую вы хотите заполнить узором.
Откройте панель Shape Style , щелкнув ее строку заголовка.(Если вы не видите панель на экране, выберите «Окно »> «Стиль фигуры » в строке меню.)
Щелкните опцию Pattern , которая будет выделена. Выбор параметра «Узор» указывает LayOut, что вы хотите заполнить выбранную форму узором. Ваша фигура будет заполнена узором по умолчанию, и откроется панель «Заливка узором», как показано на следующем рисунке.
На панели «Заливка узором» убедитесь, что в раскрывающемся списке вверху панели выбрано значение « Все узоры ».
Выберите папку из доступных вариантов, чтобы выбрать один из предустановленных шаблонов LayOut. Если вы хотите использовать собственный узор, вам необходимо сначала импортировать изображение узора, как описано в следующем разделе «Импорт настраиваемого узора». На следующем рисунке вы видите узор Black Pen 1, который можно найти, выбрав подпапку Tonal Patterns> Sketchy Pen Lines на панели Pattern Fill.
Совет: В правом верхнем углу панели «Заливка узором» можно выбрать отображение доступных узоров в виде эскизов или списка.Если вы хотите выбрать узор, который вы применили в другом месте документа, щелкните значок «Домой» в левом верхнем углу, и появится список всех узоров в документе LayOut.
(Необязательно) Чтобы повернуть узор, выберите параметр в раскрывающемся меню Повернуть . Или введите значение поворота в градусах и нажмите . Введите .
(Необязательно) Чтобы увеличить или уменьшить размер рисунка, выберите предустановленный вариант в раскрывающемся меню Масштаб .Или введите значение в поле «Масштаб» (например, 5x ) и нажмите . Введите . Однако, поскольку шаблоны основаны на растре, помните, что чем выше коэффициент масштабирования, тем более пиксельным может выглядеть ваше изображение.

Совет: Когда вы создаете фигуру, заполненную узором, исходная точка узора — это первая точка, по которой вы щелкаете. Пока узор все еще активен на панели «Стиль фигуры», каждая нарисованная вами фигура имеет одну и ту же исходную точку узора. Чтобы выровнять узоры на уже существующих фигурах, выберите инструмент «Стиль» (), щелкните фигуру, исходную точку которой вы хотите взять образец, а затем щелкните фигуру, узор которой вы хотите совместить с первой.

Импорт пользовательского рисунка

Если у вас есть графический файл, который вы хотите использовать в качестве шаблона, вы можете импортировать файл в LayOut, который поддерживает следующие форматы файлов растровых изображений: .bmp , .dib , .jpg или .jpeg , .jpe , .jfif , .gif , .png , .tif или .tiff

После сохранения файла на жесткий диск выполните следующие действия:

В документе LayOut откройте панель Pattern Fill , щелкнув ее строку заголовка.Если панель не отображается на экране, выберите Window> Pattern Fill .
В раскрывающемся списке вверху панели выберите Импортировать пользовательский узор .
В появившемся диалоговом окне «Открыть» перейдите к файлу, выберите его и щелкните Открыть . Файл появится в области «Узоры в документе» на панели «Заливка узором». Теперь вы можете выполнить шаги, описанные в предыдущем разделе «Добавление рисунка», чтобы использовать изображение в качестве рисунка в документе LayOut.

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

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

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

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

Рисование основных фигур в Photoshop — Урок Janee

Основные формы в Photoshop 1 Хотя скриншоты для этого руководства для начинающих были сделаны с помощью Photoshop v.7, для пользователей PS 8 или более ранних версий не так много различий. Посмотрите все мои НОВЫЕ основные формы в уроке Photoshop! Мои сочетания клавиш предназначены для ПК.Если вы используете Mac, вам необходимо преобразовать их. По сути, Alt = Option и Ctrl = Command. Я знаю, что есть и другие способы создания фигур, включая инструмент «Фигура». Я подробно описываю этот инструмент в моем уроке по фигуре «Get into Shape». Этот урок научит вас многим ценным навыкам Photoshop, связанным с выделением.	В этом уроке вы создадите прямоугольник и круг. В Basic Shapes 2 вы сделаете жемчужную пуговицу.
	СОВЕТЫ для начинающих: Вы можете найти полезные подсказки, если наведете курсор на изображения. Кроме того, если есть элемент фиолетового цвета, о котором вы хотите узнать больше, щелкните его. Вы обнаружите, что последние два проекта зависят от знаний, которые вы приобрели в ходе работы над первым, поэтому, если вы начнете с чего-нибудь, кроме самого начала, и столкнетесь с трудностями, вам будет лучше начать все сначала.:)
Вот некоторые вещи, которые вы узнаете, работая с этим руководством: Как создать новый слой и назвать его. Как делать прямоугольники и эллипсы. Как делать квадраты и круги. Выбор цвета переднего плана и фона. Два способа заливки выделения цветом. Как заполнить выделение двумя разными типами градиентов. Что значит обвести выделение и как это сделать.	Как использовать несколько слоев для создания эффекта. Использование стилей слоя для создания скоса и падающей тени. Использование параметров кисти для создания аэрографа. Как использовать инструмент Dodge. Как сохранить файл в формате PSD. Как сохранить файл в формате JPG. Об уровнях качества в JPG. Сочетания клавиш:
А. Прямоугольник 1. Файл -> Создать. Сделайте ваш холст 300×300.72 dpi — это нормально, и вы должны быть в режиме RGB. 2. Найдите палитру слоев и щелкните значок «Новый слой» в правом нижнем углу рядом с корзиной. Дважды щелкните имя слоя в палитре слоев и введите новое имя. Я дал своему умное прозвище «Прямоугольник».
3. Выбрав слой «Прямоугольник» на палитре слоев, выберите инструмент «Прямоугольная область» на панели инструментов.Проверьте панель параметров и убедитесь, что для параметра «Растушевка» установлено значение «0», а «Стиль — нормальный». Затем перетащите прямоугольник по холсту, как я сделал здесь. На самом деле это «прямоугольное выделение». 4. Щелкните квадрат цвета переднего плана (здесь мой красный), а затем выберите цвет для вашего прямоугольника. Щелкните ОК. Теперь я сказал, что это «прямоугольное выделение», а не «прямоугольник». Почему? Ну, выделение на пустом слое пустое, потому что внутри него нет пикселей.Залейте выделение пикселями и сделайте настоящий прямоугольник. 5. Как и в большинстве операций в Photoshop, существует несколько способов заливки выделения. Вот мой любимый способ: удерживая клавишу Alt, нажмите клавишу Backspace. Это закрашивает любое выделение цветом переднего плана.
	Отступление: если Alt-Backspace заполняет выделение цветом переднего плана, угадайте, что делает Ctrl-Backspace? (Подсказка: при тестировании убедитесь, что цвет фона в панели инструментов не белый, иначе вы не увидите, что он делает.)
6. Теперь давайте создадим границу на прямоугольнике, операция, известная как , обводка выделенной области. Щелкните квадрат цвета переднего плана и выберите другой цвет. Я выбрал черный. Щелкните ОК.

7.В меню выберите Edit -> Stroke . (Обратите внимание на «Заливку». Это другой способ заливки выделения.) В появившемся диалоговом окне введите количество пикселей для ширины границы. Я использовал 4. Решите, хотите ли вы, чтобы обводка проходила внутрь, снаружи или по центру выделения. Щелкните ОК. Ctrl-D для отмены выбора. Выполнено!

Б.Круг Далее вы собираетесь создать круговое выделение , затем заполнить его и обвести. 1. File> New и сделайте свой холст 300×300. 72 dpi — это нормально, и вы должны быть в режиме RGB. Начните с нового слоя, как вы делали с прямоугольником. (Подумайте, как это сделать, прежде чем оглянуться назад.) 2. Щелкните и удерживайте инструмент прямоугольной области, пока остальные инструменты под ним не вылетят. (У каждого из инструментов с крошечной стрелкой в правом нижнем углу есть другие варианты внизу!) Выберите инструмент Elliptical Marquee, как я сделал справа. 3. Теперь, если вы просто потянете это, вы получите эллипс. Попытайся. Трудно, если не невозможно, получить ИДЕАЛЬНЫЙ круг, хотя и без уловки, и вот он: удерживайте клавишу SHIFT, когда вы перетаскиваете эллипс. Идеальный круг! (Что произойдет, если удерживать Alt и сдвигать, когда вы вытаскиваете эллипс?)
4. Теперь заполните и обведите свой круг так же, как я на круге справа. Попытайтесь вспомнить, как вы это сделали с прямоугольником, прежде чем смотреть вверх, но затем посмотрите вверх, если вам нужно. (Не волнуйтесь, если вы что-то напутали, потому что вы всегда можете начать с этого момента или вы можете вернуться в историю, чтобы исправить свои ошибки.) Ctrl-D, чтобы отменить выбор.
Поздравляем с завершением первой части Учебного пособия по основным фигурам! Надеюсь, вам понравилось, и вы тоже кое-что узнали! Теперь вы готовы сделать эту жемчужную пуговицу!

GIMP Draw Circle — javatpoint

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

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

Инструмент Выбор эллипса позволяет нам создать круг или эллипс.

давайте разберемся, как создать сплошной круг в GIMP:

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

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

Шаг 1. Создайте новый образ

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

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

Шаг 2: выберите инструмент выбора эллипса

после создания изображения мы должны выбрать инструмент выбора эллипса для рисования круга. Чтобы выбрать инструмент выбора эллипса, перейдите к Tools-> Selection Tools-> и выберите опцию Ellipse Select , или мы можем нажать клавишу E .

Мы также можем выбрать инструмент выбора эллипса на панели инструментов, щелкнув значок ниже:

Шаг 3: Начать рисование

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

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

Шаг 4: Обводка контура

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

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

Шаг 5: укажите цвет

Чтобы заполнить круг цветом, выберите цвет и залейте его цветом фона и цвета переднего плана. Чтобы заполнить цвет, выберите цвет с помощью цветного значка внизу панели инструментов.

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

Шаг 6: Заливка цветом

Для заливки цветом переднего плана нажмите клавиши «CTRL + запятая (,)» , а для цвета фона нажмите клавиши «CTRL + точка (.)» . Он залит активным цветом.

Шаг 7: Сохраните изображение

Чтобы сохранить изображение, выберите опцию Export As в меню файла.Он сохранит изображение в указанном месте. Окончательное изображение будет выглядеть следующим образом:

Изображение с цветным фоном выглядит следующим образом:

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

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

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

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

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

Перенос текста в форму с помощью Photoshop CC

к Криста Лав · Опубликовано 25 марта 2015 г. · Обновлено 17 февраля 2021 г.

Урок Photoshop CC

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

Откройте новый документ в Adobe Photoshop CC.
Выберите инструмент Custom Shape Tool на панели инструментов.

Щелкните стрелку Custom Shape на панели параметров.

Выберите произвольную форму на панели.(Чтобы выбрать больше фигур, нажмите кнопку выбора меню «Пользовательская фигура»)

Выберите произвольную форму.

Щелкните и перетащите, чтобы нарисовать форму.
Используйте инструменты на панели параметров, чтобы настроить заливку и обводку.

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

Щелкните инструмент Horizontal Type Tool на панели инструментов.

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

Указатель мыши изменится на двутавровую балку внутри круга.

Введите внутри формы.

Чем меньше размер шрифта, тем лучше слова будут соответствовать форме.

Выделите текст. Используйте инструменты на панели параметров для форматирования шрифта, стиля, размера и цвета. Когда закончите, щелкните галочку «Принять».

Используйте инструменты на панели параметров для форматирования текста.

ПРЕДЛОЖЕНИЯ:

Чем меньше размер шрифта, тем лучше слова соответствуют форме.
Выберите текстовый слой. Щелкните инструмент «Перемещение». Перетащите слова за пределы фигуры.
Если вам нужно отредактировать фигуру, выберите слой Shape. Используйте инструменты на панели параметров, чтобы настроить заливку и обводку.

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

Другие забавные задания Photoshop CC можно найти в TechnoPhotoshop, опубликованном TechnoKids Inc. В этом технологическом проекте есть уроки по использованию Photoshop для создания цифрового альбома для вырезок.

Компания TechnoKids обновила TechnoPhotoshop для ПОСЛЕДНЕЙ версии Photoshop CC.

Теги: редактировать фотофотошоп cctext

Криста Лав

Криста Лав, разработчик учебных программ и преподаватель ~ Я увлечен добавлением технологий в учебную программу. Будь то программирование, производство видео, графический дизайн или цифровое гражданство, меня интересует, как приложения и инструменты могут быть использованы для улучшения обучения.На протяжении многих лет я разработал множество технологических проектов TechnoKids. Моя любимая часть разработки учебной программы — это полевое тестирование идей, чтобы определить упражнения, которые лучше всего работают в реальных классах. Я пишу о том, что я узнал, что может сэкономить учителям время при планировании их собственных учебных программ.