Как нарисовать овал в фотошопе: Узнайте, как рисовать овальные и круглые формы с помощью инструмента «Эллипс» в Photoshop.
Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка
В этом уроке мы будем изучать основы работы с векторными формами (их ещё называют «фигурами», англ — Shapes) и слой-фигурами в Photoshop. Мы начнем с изучения применения пяти геометрических инструментов формы — «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), и инструмент «Линия» (Line Tool). Чтобы узнать о каждой из этих фигур подробнее, кликните по их названию.
Затем, в следующем уроке, мы узнаем, как работать с более сложными фигурами — инструментом «Произвольная фигура» (Custom Shape Tool).
Большинство пользователей позиционируют Photoshop как программу для редактирования фотографий, а если вы попросите рекомендовать хорошую программу для рисования эскизов, макетов и иллюстраций, вам, как правило, посоветуют Adobe Illustrator. Действительно, возможности рисования иллюстраций у программы Illustrator выходят далеко за пределы в Photoshop, но и Photoshop имеет достаточно широкие возможности для выполнения этих задач, как можно было бы ожидать от редактора изображений на основе пикселей.
Это достигается в значительной степени благодаря векторным инструментам Photoshop, о которых и пойдёт речь в этом уроке.
Начиная с версии Photoshop CS6, в векторные инструменты внесли значительные обновления. Это добавление обводки, пунктира, типов заливки, изменение радиуса углов и т.п.
Содержание
Инструменты форм
Adobe Photoshop имеет шесть инструментов формы, это «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и инструмент «Произвольная фигура» (Custom Shape Tool). Все они вложены в одном месте в панели инструментов. По умолчанию, на инструментальной панели отображён инструмент «Прямоугольник», но если вы нажмёте на него правой клавишей мыши, то откроется выпадающий список с остальными инструментами:
Инструменты векторных форм, верхний инструмент — «Прямоугольник» (Rectangle Tool)
Я выберу первый инструмент в списке, это «Прямоугольник» (Rectangle Tool).
Фигура, Контур или Пиксели
Прежде, начинать создавать какие-либо формы, в первую очередь необходимо указать Photoshop, какой тип формы мы хотим нарисовать. Это необходимо потому, что на самом деле Photoshop позволяет нам создать три абсолютно разных вида форм. Это «Фигура» (Shape), «Контур» (Path) и «Пиксели» (Pixel Shapes).
Установка опции режима инструмента «Фигура» (Shape)
В абсолютном большинстве случаев вы будете рисовать векторные фигуры. В отличие от пиксельных форм, векторные фигуры являются гибкими, масштабируемыми и не зависят от разрешения изображения, что означает, что мы можем задать им любой желаемый размер, редактировать и масштабировать их столько, сколько нам потребуется, не теряя качества и даже распечатать их в любом размере также без потери качества!
Вне зависимости от того, показаны они фигуры на экране или в печати, края векторных фигур всегда остаются четкими и резкими.
Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:
Выбор опции «Фигура» (Shape) на панели параметров
Заливка формы цветом
Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:
Клик по кнопке в панели параметров для открытия диалогового окна свойств заливки фигуры.
Это действие открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения формы, каждый из которых представлен одним из четырех значков, расположенных вдоль верхней части окна. Назначение значков, начиная с левого края:
- Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
- Чистый цвет (Solid Color) — заливка сплошным цветом
- Градиент (Gradient) — заливка градиентом
- Узор (Pattern) — залива Photoshop-узором (паттерном)
Различные методы заливки формы
Нет цвета (No Color)
Как следует из названия, выбор этой опции оставит форму без заливки, с пустыми пикселями внутри. Для чего это нужно? Ну, в некоторых случаях может понадобится только сам контур. Также, часто нужна только обводка с прозрачными пикселями внутри.
Ниже показан простой пример того, как выглядит форма без заливки цветом.
Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:
Фигура «Прямоугольник» без заливки и обводки.
Чистый цвет (Solid Color)
Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:
Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом
При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:
Выбор цвета нажатием на образец.
Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:
Клик на значок Color Picker для выбора собственного цвета.
Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.
Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:
Фигура, залитая цветом.
Заливка градиентом
Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.
Выбор готового или создание собственного градиента для заливки фигуры.
Вот тот же форма, только теперь она заполнена градиентом:
Форма, заполненная одним из предустановленных градиентов Photoshop.
Заливка узором (Patterns)
Наконец, опция заливки узором позволяет нам заполнить форму одним из предустановленных узоров Photoshop.
Нажмите на одну из миниатюр для выбора узора.
Заранее в Photoshop установлено не так много вариантов узоров, выбор, загрузка и установка узора для заливки подробно описаны здесь.
Ниже показана та же форма, на этот раз заполненная узором:
Та же форма, только на этот раз залитая стандартным узором Photoshop.
Если вы не пока уверены, какой цвет, градиент или узор, нужен вашей фигуры, не волнуйтесь. Как мы увидим далее, вы всегда сможете вернуться к редактированию фигуры позже и изменить вид заливки.
Добавление обводки к векторной фигуре
Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.
Для добавления обводки, нажмите на соответствующую опцию в панели параметров:
Опция добавления обводки.
Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.
В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern).
По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.
Изменение толщины обводки
Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения. Я, практически всегда, выбираю пиксели:
Изменение ширины и единиц измерения обводки.
Опция выравнивания краёв (Align Edges)
Правее всех других, в панели параметров расположена опция «Выровнять края». При включении этой функции (она включена по умолчанию) Photoshop приведёт в соответствие положение краёв обводки с пиксельной сеткой, что сделает изображение чётче.
Опция будет активна только при единицах измерения обводки пиксели.
Дополнительные параметры обводки
По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options ) на панели параметров:
Кнопка окна выбора дополнительных свойств — выбор штриха обводки — сплошного, пунктирного, точечного и др.
Это открывает окно «Параметры обводки» (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:
Диалоговое окно дополнительных параметров обводки
Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.
- штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
- конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
- конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны
«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки.
Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.
Нажатие на кнопку внизу окна «Другие параметры…» (More Options…) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:
Обводка внутри фигуры, в которой используется два типа штриха — отрезок и точка.
.
Photoshop — редактор растровой графики. Но элементы векторной графики в нем также присутствовали всегда. Это контуры (Paths) и редактирующие их инструменты из группы Pen (Перо). Контуры — это векторные элементы, не являющиеся частью изображения, которые можно
создавать и редактировать, переводить в выделение или заливать цветом.
Pen (Перо)
— основной инструмент при работе с контурами. Позволяет их создавать. Работает следующим образом:
вычерчивает прямую или кривую линию от одной опорной точки до другой. Чтобы установить якорь
(опорную точку), достаточно щелкнуть правой кнопкой мыши. Если при этом вы не отпустите кнопку
и начнете отводить контур, то линия получится кривая. НаверхFreeform Pen (Свободное перо) — инструмент, ближайшей аналогией которого является Lasso (Лассо). Отличие только в одном: Lasso (Лассо) создает выделение, а данный инструмент — контур. Этим инструментом удобно пользоваться только в том случае, если вы можете очень точно рисовать курсором, так как контур полностью повторяет его траекторию. Как правило, при помощи мыши так не получается, и поэтому НаверхАdd Anchor Point (Добавить опорную точку)
— добавить опорную точку контура. Один из самых необходимых инструментов редактирования контура.
Например, если Вам нужна дуга, то можно сделать ее следующим образом: при помощи пера построить
прямую линию, затем добавить опорную точку на середину линии и вытянуть ее вверх. НаверхDelete Anchor Point (Удалить опорную точку) — инструмент, противоположный предыдущему, который удаляет опорные точки (якоря) НаверхConvert Point (Угол) — удобный инструмент для модификации контура. НаверхRectangle (Прямоугольник) — инструмент предназначен для рисования прямоугольников. Для того чтобы нарисовать квадрат необходимо нажать и удерживать клавишу Shift во время рисования.
НаверхRounded Rectangle (Скругленный прямоугольник) — идентичен предыдущему инструменту, за одним исключением: можно задавать Radius (Радиус) скругления углов.
НаверхEllipse (Эллипс) — инструмент предназначен для рисования окружностей. Для того чтобы нарисовать круг, также как и с прямоугольником, необходимо нажать и удерживать клавишу Shift во время рисования.
НаверхPolygon (Многоугольник) — инструмент для рисования многоугольников. Например, чтобы нарисовать треугольник необходимо параметру Sides (Стороны) присвоить значение «3».
НаверхLine (Линия) — Рисует линию. Если удерживать клавишу Shift, то линия будет нарисована вертикально, горизонтально или же по диагонали.
Наверх | ||
Можно сказать,
что это еще одна форма интерпретации выделения. На данный момент контуры используются
в следующих случаях:
---vector-stencils-library.png--diagram-flowchart-example.png)
Если задать 0px, то получится обычный прямоугольник.
Как рисовать фигуры в Photoshop с помощью Shape Tool
АвторAlyssa Walker Часы ОбновленоКак и инструмент «Перо», слой-фигура также использует векторную технологию Photoshop.
Вы получите инструмент слоя формы прямо здесь, на панели инструментов.
Теперь нажмите на это, и вы можете увидеть различные формы как;
- Прямоугольный инструмент
- Инструмент для создания прямоугольников со скругленными углами
- Инструмент «Элипс»
- Полиган Инструмент
- Линейный инструмент
- Инструмент нестандартной формы
Выбрав эти элементы, вы можете нарисовать их как обычный путь или как слой формы.
См. в панели параметров, на второй позиции вы можете увидеть меню. Он покажет вам 3 варианта рисования фигуры, такие как «Путь», «Форма» и «Пиксели».
Теперь пиксель заполняет нарисованный путь пикселями, этот вариант не использует векторную технологию.
И путь будет рисовать только путь фигуры, он не будет заливать путь цветом.
Но здесь я выбираю вариант формы, и здесь вы можете увидеть несколько различных вариантов.
Здесь я могу выбрать «цвет заливки, цвет обводки, тип обводки» и многое другое.
Теперь нарисуйте фигуру и увидите на панели слоев созданный там новый слой.
Вы можете увидеть небольшой значок пути на слое. это указывает на то, что этот слой является слоем формы.
Теперь возьмите «инструмент выбора пути» и нажмите на него. вы можете видеть, что есть несколько маркеров управления векторной формой.
Хотите изменить цвет фигуры? Затем просто перейдите и дважды щелкните по слою с фигурой, и вы получите палитру цветов.
Это векторные фигуры, что означает, что они не зависят от разрешения, и я могу перетаскивать и использовать их в любом документе, а также масштабировать их вверх и вниз без потери качества, потому что они используют векторную технологию, а не пиксельную.
Давайте посмотрим на полезные аспекты инструментов формы, «инструмент пользовательской формы Photoshop». Что дает вам множество готовых форм, и вы можете легко использовать их, когда захотите.
Все эти фигуры включены в это всплывающее меню по номерам разных категорий, но сейчас я выбираю их все. Так что я могу получить все формы в списке.
Теперь выберите форму, которую хотите использовать.
Чтобы нарисовать фигуру, вы можете просто щелкнуть по рабочей области, если хотите нарисовать ее любого размера. или вы также можете просто перетащить и нарисовать фигуру, чтобы создать слой формы.
Давайте отредактируем цвет фигуры и свойства обводки на панели параметров вверху.
Теперь, если я хочу вычесть какую-то часть внутри этой фигуры. затем я пойду и выберу «инструмент эллипса», и я пойду сюда и установлю функцию поиска пути, чтобы вычесть переднюю форму и
, если я нарисую круг внутри здесь, который собирается вычесть эту область из основной формы. я также могу изменить положение фигуры.
Итак, это был краткий обзор слоев-фигур в фотошопе. Вы можете создавать различные виды дизайна с помощью слоя формы без потери качества, потому что он использует технологию векторного фотошопа.
Теперь давайте перейдем к нашей следующей теме «умный объект».
фигур в Photoshop — javatpoint
следующий → ← предыдущая Photoshop позволяет нам с легкостью рисовать векторные фигуры. Мы также можем преобразовать их в растровые или пиксельные формы. Он облегчает работу с различными инструментами формы, такими как инструмент прямоугольника, инструмент прямоугольника со скругленными углами, инструмент эллипса, инструмент многоугольника и инструмент линии. Мы можем создавать фигуры с помощью инструментов формы и настраивать их, заливая цветом, обводя выделение и добавляя другие эффекты. Добавляя эффекты, мы можем настроить внешний вид обводки и формы. Мы также можем редактировать формы, настраивая их. Photoshop позволяет нам легко настроить слой формы. Большинство людей думают, что Photoshop — это всего лишь редактор растровых изображений, когда речь идет о векторных задачах; они думают, что это будет сделано с помощью Adobe Illustrator. Но это не правда; мы можем выполнить несколько векторных задач с помощью Photoshop. В этом разделе мы обсудим инструменты Photoshop Shapes и способы их использования; далее мы будем рисовать некоторые фигуры с помощью этих инструментов. Инструменты формы PhotoshopPhotoshop поддерживает пять инструментов формы, а именно: Он также предоставляет дополнительную опцию в инструментах формы, инструмент пользовательской формы , который используется для создания пользовательских фигур. Как следует из названий этих инструментов, они создают соответствующие формы. Например, когда мы выбираем инструмент «Прямоугольник» и рисуем любое изображение на нашем холсте изображения, оно начинает рисовать в форме прямоугольника. Давайте подробно обсудим эти инструменты: Инструмент для создания прямоугольниковСначала создайте новую пустую диаграмму, чтобы рисовать различные фигуры. Чтобы создать новую пустую диаграмму, нажмите Ctrl + N клавиш или выберите New Option в меню файла. Когда мы выбираем инструмент «Прямоугольник» и начинаем рисовать что-то на холсте изображения, он будет рисовать прямоугольную форму. Чтобы нарисовать фигуру, выберите начальную точку и перетащите ее в конечную точку. Красный цвет установлен в качестве цвета фона по умолчанию, поэтому красный цвет автоматически заполняет форму. Инструмент для создания прямоугольников со скругленными углами Инструмент «Прямоугольник со скругленными углами» используется для рисования прямоугольника со скругленными углами. Мы можем установить радиус прямоугольника в верхнем меню, чтобы сделать края более закругленными. Он в основном используется для создания кнопки в веб-дизайне. Инструмент для эллипсаИнструмент «Эллипс» используется для создания эллиптической формы или круга. Мы можем легко создать круг или эллипс с помощью инструмента эллипс. Чтобы создать круг, выберите центральную точку и нарисуйте круг или эллипс, перетаскивая курсор. Инструмент «Многоугольник»Инструмент «Многоугольник» используется для создания формы многоугольника. Мы можем задать столько сторон многоугольника, сколько нам нужно в цепочке полигонов. Чтобы установить слайды многоугольника, введите количество сторон в поле сторон на верхней панели инструментов. Линейный инструмент Инструмент «Линия» используется для рисования линии. Чтобы нарисовать линию, выберите начальную точку и перетащите курсор мыши в конечную точку. Как нарисовать фигуру в PhotoshopФормы необходимы для любого произведения искусства. Photoshop позволяет использовать несколько инструментов для гибкого рисования фигуры; все, что нам нужно, чтобы выбрать правильный инструмент, чтобы нарисовать фигуру. Выполните следующие шаги, чтобы нарисовать фигуру в Photoshop:
Параметры инструмента формыПанель параметров инструмента «Форма» находится в верхней части холста изображения: На панели параметров можно найти следующие параметры:
Полезные клавиши и приемы рисования фигуры Некоторые клавиши очень полезны при рисовании фигуры. Клавиша Shift: Клавиша Shift очень полезна при рисовании фигуры. Он имеет несколько различных применений; например, чтобы нарисовать прямую линию, удерживайте клавишу Shift. По сути, он поддерживает соотношение ширины и высоты. Ниже приведены некоторые варианты использования клавиши Shift:
Клавиша Alt (Windows) или клавиша Option (Mac): Клавиша Alt/Option используется для создания объекта с центром в выбранной точке. Клавиша Shift и Option/Alt: При одновременном нажатии клавиш Shift и Alt/Option создается пропорционально ограниченный объект с центром в точке, в которой вы щелкаете. Щелкните инструмент формы: После выбора инструмента формы, если мы просто щелкнем по холсту изображения вместо его перетаскивания, откроется небольшое диалоговое окно, позволяющее указать точные размеры формы. Нажмите Ok , чтобы создать фигуру; это создаст форму в правом нижнем углу выбранной точки. Пробел: Удерживая пробел, мы можем позиционировать наше пространство. Все, что нам нужно, это нажать пробел во время перетаскивания фигуры. Он будет работать при перетаскивании вниз. Продолжайте удерживать кнопку, пока не разместите фигуру. Как только это будет сделано, оставьте клавишу пробела. Панель параметров: Панель параметров — это меню, доступное в верхней части рабочей области. Аналогичным образом, инструмент «Многоугольник» позволяет определить количество слайдов для формы многоугольника. Инструмент «Линия» позволяет определить толщину линии. Кроме того, есть возможность добавить стрелку к линии. Изменить содержимое слоя: Мы можем настроить форму, изменив содержимое слоя. Выберите слой формы на панели слоев и примените стиль и эффекты слоев. Мы также можем редактировать или удалять эффекты. Далее мы можем обвести или заполнить форму. Редактирование векторного пути: Инструмент Прямой выбор позволяет изменить направление пути. Таким образом, мы можем настроить внешний вид формы. Создание рабочих контуров или фигур с заполнением пикселями: На панели параметров можно создать несколько других фигур и рабочих контуров или добавить пиксель в текущую активную фигуру. Временные пути полезны для создания выделений или масок. Заполните и обведите фигуруЧтобы заполнить или обвести фигуру, выполните следующие действия:
Сплошной цвет: Параметр Сплошной цвет заполняет сплошные цвета. Градиент: Параметр «Градиент» позволяет нам заполнить цвета градиента. Цвета градиента представляют собой смесь цветов. Когда мы выбираем эту опцию, она отображает диалоговое окно редактора градиента, установите градиент из этого диалогового окна. Мы также можем установить следующие дополнительные параметры градиента:
Шаблон: Эта опция позволяет нам выбрать шаблон из всплывающего меню и применить дополнительные параметры, такие как:
|
По сути, это прямоугольник со скругленными углами.
Чтобы нарисовать горизонтальную или вертикальную линию, удерживайте клавишу Shift, растягивая линию.
Эти клавиши позволяют правильно нарисовать форму. Давайте обсудим их:
Если мы не выберем клавишу Alt/Option, объект будет создан в направлении перетаскивания.
Когда мы выбираем инструмент, панель параметров будет динамически изменяться. Он отобразит параметры, которые вам потребуются для выбранного инструмента формы. Например, если мы выбираем инструмент «Прямоугольник со скругленными углами», мы можем найти несколько параметров, таких как цвет, радиус и т. Д., На панели параметров.
Он заполняет фигуру текущим цветом переднего плана. Мы также можем использовать палитру цветов или предустановленные параметры цвета, чтобы выбрать другой цвет.
