Товаров: 0 (0р.)

Фотошоп стрелка вместо линии: Если вместо линии в Photoshop рисует стрелки. Решение проблемы — IT портал

Содержание

Инструменты «Многоугольник» и «Линия», построение звёзд и стрелок

Установка числа сторон 3 в панели параметров дает нам простой способ создания треугольника:



Равносторонний треугольник, построенный с помощью инструмента «Многоугольник» (Polygon Tool).

А вот пример фигуры многоугольника с количеством сторон 12



Двенадцатиугольник, отображение контура отключено

Как и в случае с радиусом скруглений для инструмента «Прямоугольник со скруглёнными углами», Photoshop не позволяет изменить число сторон после создания фигуры, так что если перед началом построения фигуры вы неправильно указали количество сторон, остаётся только нажать Ctrl+Z для отмены шага по построению фигуры, а затем ввести другое значение в опцию «Стороны» (Sides) и начать рисовать многоугольник заново:

Рисование звезды с помощью «Многоугольника» (Polygon Tool)

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



Нажатие на значок шестеренки и выбор опции «Звезда» (Star).

Затем просто нажмите внутри документа и создайте фигуру звезды методом перетаскивания курсора. При активной опции «Звезда» (Star), опция «Стороны» (Sides) в панели параметров задаёт количество лучей звезды. Так, при его значении 5 у нас получится пятиконечная звезда:



Пятиконечная звезда, начерченная с помощью инструмента «Многоугольник», параметры фигуры заданы по умолчанию.(Polygon Tool).

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



Управление количеством лучей звезды.

Мы можем изменять у звездообразной фигуры не только количество лучей, но и положение внутренних вершин между центром звезды и внешними вершинами. По умолчанию, внутренние вершины находятся посередине, за это отвечает параметр «Глубина лучей» (Indent Sides By), по умолчанию он равен 50%:



Изменение параметра «Глубина лучей» (Indent Sides By) с 50 процентов, заданных по умолчанию, до 90%.

Посмотрите, что получилось:



Та же восьмиконечная звезда, но со значением параметра «Глубина лучей» (Indent Sides By) 90%. Контур скрыт.

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



Включение скругления углов при помощи опции «Сгладить внешние углы» (Smooth Corners).

Во как будет выглядеть стандартная пятиконечная звезда со сглаженными вершинами лучей при включенной опции «Сгладить внешние углы» (Smooth Corners):



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

Мы можем сгладить не только вершины лучей, но и вершины впадин с помощью опции «Сгладить внутренние углы» (Smooth Indents):



Включение опции «Сгладить внутренние углы» (Smooth Indents).

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



Звезда с сглаженными углами и впадинами получена при одновременном включении опций «Сгладить внешние углы» (Smooth Corners) и «Сгладить внутренние углы» (Smooth Indents).

Инструмент Линия (Line Tool)

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



Выбор инструмента «Линия» (Line Tool).

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



Опция «Толщина» (Weight) задаёт толщину (ширину) линии.

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



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

Рисование указательных стрелок (стрелок направления)

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



Нажмите на значок шестеренки для доступа к опции «Стрелки» (Arrowhead).

Вот линия, начерченная, как и ранее, но на этот раз со стрелкой на конце:



Инструмент «Линия» позволяет легко рисовать указательные стрелки, размеры наконечника стрелки заданы Photoshop по умолчанию.

Если размеры по умолчанию наконечника стрелки вам не подходят, вы можете настроить их, изменив параметры «Ширина» (Width) и «Длина» (Length).
«Ширина» и «Длина» наконечника задаются в процентах от толщины линии, значит, на данный момент ширина моего наконечника стрелки 80 пикселей, а длина -160.
Вы также можете заострить хвостовик наконечника путем увеличения параметра «Кривизна» (Concavity). Я повышу его значение с 0% по умолчанию до 50%:



Опция «Кривизна» (Concavity) для изменения формы наконечника стрелы методом заострения его краев.

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

Инструмент Линия в Фотошопе | Шаги по использованию Line Tool со скриншотами

Введение в Line Tool в Photoshop

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

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

Как использовать Line Tool?

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

Длительное нажатие клавиши Shift на клавиатуре помогает точно рисовать прямые линии от начала до конца. Техника клавиш Shift также может быть использована для рисования угловых стрелок под 45 градусов в любом направлении в соответствии с концами курсора мыши. Этот трюк помогает рисовать макеты, границы статей в газетах, создавать технические чертежи и многое другое. Стрелки могут быть установлены по мере необходимости перед рисованием. Существует 4 типа установки стрелок, в которых наши стрелки представляют собой просто линию, стрелки только в начале линии, стрелки по обеим сторонам линии и стрелки в конце линии. Ниже приведены примеры для всех из них.

Несколько более продвинутых опций — Mode, Opacity и Anti Alias. Режимы помогают в создании линий и создании линейного свечения (стирания) на слоях, пользователи должны протестировать все слои, чтобы понять, когда их использовать эффективно. Непрозрачность имеет дело с визуальным отображением появления линии на основе установленного%. Сглаживание всегда должно быть включено, поскольку оно помогает в непиксельной оценке цвета линии, проведенной к другим пикселям, что влияет на качество изображения.

Шаги со скриншотами

  • После открытия Photoshop «U» является горячей клавишей для активации инструментов формы и выбора инструмента «Линия». Чтобы сделать линию на рабочей области. Инструмент расположен ниже текстового инструмента в строке меню инструмента. Это содержит все другие инструменты формирования в центре. После выбора инструмента «Линия» свойства инструмента «Линия» будут отображаться в верхней строке меню приложения.

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

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

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

  • Линия со стрелкой в ​​начале с необходимой шириной, длиной и вогнутостью. Мы видим, как начало стрелки активно.

  • Линия нарисована стрелками в обоих направлениях, и мы видим, что и начало, и конец активны перед рисованием линии Точно так же мы можем отключить начальную стрелку и нарисовать только конечную стрелку на линии.

  • Разные линии нарисованы с использованием разных% вогнутости.

  • Активация сглаживания помогает избежать растрескивания линии по краям линии.

  • Непрозрачность нарисованных линий может быть установлена ​​для опорных границ.

  • Режимы помогают получать сплошные линии, стирать данные в форме линий и т. Д.

  • Вес линии — это не что иное, как количество пикселей в строке при рисовании в рабочей области.

Вывод

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

Рекомендуемые статьи

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

  1. Adobe Photoshop Commands
  2. Инструменты для создания прототипов для дизайнеров
  3. 3D дизайн программного обеспечения
  4. Карьера в фотошопе

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

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

Прямая стрелка в Photoshop

Сделать стрелку в фотошопе нам поможет прямая линия!)))

  1. Выберите инструмент Линия на панели инструментов.
  2. На горизонтальной панели Параметры после того, как определитесь с цветом заливки и цветом контура, выберите значок шестеренкой – откроется окно «Параметры контура», где можно выбрать, где должна быть стрелка на линии – в начале, в конце или в обоих концах.

Фигурная стрелка в Photoshop

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

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

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

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях  

и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков!

(Visited 9 411 times, 11 visits today)

Категория: Adobe Photoshop Метки: Adobe Photoshop.

Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка. Как рисовать векторные фигуры в Photoshop CS6

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

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

R ectangle (Прямоугольник) () — соответственно, позволяет рисовать прямоугольник (а с нажатой клавишей — квадрат), залитый цветом переднего плана.
Rounded Rectsngle (Скругленный прямо угольник) — создает фигуры, подобные описанным выше, но позволяет задавать радиус скругления углов прямоугольника.

Ellipse (Эллипс) — создает овалы (в сочетании с нажатой клавишей — круги).
Poligon(Многоугольник) — позволяет создавать геометрические фигуры с произвольным количеством углов, а также — многолучевые звезды. По умолчанию создает выпуклый пятиугольник.
Line(Линия) — рисует прямые линии произвольной или заданной длины, толщины, цвета и направления.
Custom Shape(Произвольная фигура) — позволяет создать геометрическую фигуру произвольной формы и сохранить ее для использования вдальнейшем.

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент — фигуры- на панели инструментов, откроется окно выбора инструмента:



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

Для любой фигуры можно выбрать:

  • режим рисования:
    • Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».

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

    • Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение

  • стиль и цвет фигуры

  • задать параметры, характерные для этой фигуры

Рисуем прямоугольники

Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура . Выберем стиль, щелкнув по треугольнику справа.

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

Теперь можно задать геометрические параметры:


  • Произвольно — как нарисуете, так и будет.
  • Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
  • Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
  • Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
  • От центра — рисует прямоугольник от центра.
  • Привязать к пикселам — края прямоугольника привязываются к границам пикселов.

Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles .


Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

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

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

Вот, что получилось у меня при различных комбинациях радиуса и стиля.


Чем не блоки новостей и кнопочки меню?

Рисуем окружности

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

Вот, что получилось у меня:

Рисуем многоугольники

Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:


  • Радиус — радиус многоугольника.
  • Сгладить внешние углы
  • Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
  • Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
  • Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.

Например:


Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.

Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.

Ко всем применен стиль.

Рисуем линии

Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:



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

  • Начало — стрелка в начале линии.
  • Конец — стрелка в конце линии.
  • Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
  • Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
  • Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).
  • Рисуем несколько фигур в одном слое

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

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


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

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

    Сохраняем фигуры

    Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.
    Photoshop

В этом уроке мы изучим основы рисования векторных фигур в программе Photoshop CS6 с помощью простых инструментов группы «Фигуры»! Мы начнем с изучения работы инструментов «Прямоугольник» (Rectangle Tool), «Прямоугольник с закругленными краями» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool) и «Линия» (Line Tool). Далее мы научимся выбирать цвета заливки и обводки для фигур, изменять внешний вид обводки, редактировать фигуры за счет полезных свойств слоев-фигур и многое другое! Нам надо многое изучить, поэтому в этом уроке мы сфокусируемся на работе и свойствах пяти основных инструментов группы геометрических фигур. В следующем уроке мы научимся добавлять более сложные фигуры в наш документ с помощью инструмента «Произвольная фигура»!

Этот урок рассчитан для пользователей программы Photoshop CS6. Если вы работаете в более старой версии программы, то изучите исходный урок «Фигура и слой-фигура в Фотошоп» .

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

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

Инструменты группы «Фигуры»

Программа Photoshop предлагает нам на выбор шесть инструментов группы «Фигуры»: «Прямоугольник» (Rectangle Tool), «Прямоугольник с закругленными краями» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и «Произвольная фигура» (Custom Shape Tool). Все эти инструменты расположены в одном месте на панели инструментов. По умолчанию, нам виден инструмент «Прямоугольник», но если мы кликнем по иконке инструмента и удержим нажатой кнопку мыши, то на экране появится выпадающее меню с перечнем других инструментов, из которых мы сможем выбрать нужный:

Нажатие на значок инструмента «Прямоугольник» позволит нам просмотреть другие инструменты группы фигуры

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

Векторные фигуры, контуры и пиксельные формы

Прежде чем мы начнем рисовать фигуры, нам необходимо указать программе Photoshop, какой тип фигуры мы хотим нарисовать, поскольку в действительности, программа Photoshop позволяет нам рисовать фигуры трех разных типов — векторные фигуры, контуры и пиксельные формы. Более подробно разницу между этими типами фигур мы рассмотрим в других уроках, но как мы с вами уже узнали из урока «Рисуем векторные фигуры и пиксельные формы в программе Photoshop CS6» , в большинстве случаев вы будете рисовать векторные фигуры. В отличие от пиксельных форм, векторные фигуры легко изменяемы, совершенно масштабируемы и не зависят от разрешения. Это означает, что мы можем редактировать, изменять их размеры, как пожелаем, и при этом качество изображения не потеряется. И на экране, и при дальнейшей печати края векторных фигур остаются четкими и заостренными.

Для того чтобы нарисовать векторные фигуры, а не контуры или пиксельные формы, выберите параметр «Фигура» (Shape) на панели настроек инструмента в верхней части экрана:

Выбираем на панели настроек режим инструмента «Фигура»

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


Кликаем по значку образца цвета заливки

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

4 параметра заливки фигуры («Нет цвета», «Чистый цвет», «Градиент» и «Узор»)

Способ заливки «Нет цвета»

Как следует из названия, способ заливки «Нет цвета» (No Color) фигуру никаким цветом не заполняет. Вы можете спросить, зачем же нам нужна пустая фигура? Ну, в некоторых случаях, возможно, вам потребуется, чтобы у фигуры был только тонкий контур. Далее мы рассмотрим, как добавить к фигуре обводку, но если вы захотите, чтобы у фигуры был только контур без заливки цветом, выбирайте параметр «Нет цвета»:

При выборе параметра «Нет цвета» фигура никаким цветом не заполнится

Ниже приведен образец фигуры после применения параметра «Нет цвета». Всё, что мы видим — это тонкие очертания фигуры, так называемый «контур». Контур можно увидеть только в программе Photoshop, поэтому если вы начнете распечатывать документ или сохранять его в форматах JPEG или PNG, контур исчезнет. Чтобы сделать его видимым, нам нужно добавить к нему обводку, что мы и изучим далее, после того, как рассмотрим все опции заливки (Fill):


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

Способ заливки «Чистый цвет»

Для того чтобы заполнить фигуру цветом, выберите параметр «Чистый цвет» (Solid Color) (второй значок слева):

Кликаем по значку параметра «Чистый цвет»

После выбора параметра «Чистый цвет», выбираем цвет для фигуры, кликнув по одному из образцов цвета. Цвета, которые вы недавно использовали, появятся в ряду «Недавно использованные цвета» (Recently Used Colors) над основными образцами:

Выбираем цвет, кликнув по его образцу

Если среди образцов нет требуемого цвета, кликните по иконке Палитры цветов в правом верхнем углу диалогового окна:

Кликаем по иконке Палитры цветов

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


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

Ниже представлена та же фигура, только на этот раз заполненная цветом:


Наша фигура теперь заполнена цветом

Способ заливки «Градиент»

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

Сначала выбираем параметр «Градиент», а затем — нужный образец градиента

Ниже представлена та же фигура, только на этот раз заполненная градиентной заливкой:


Наша фигура теперь заполнена одним из образцов готовых градиентов

Способ заливки «Узор»

И, наконец, выбрав параметр «Узор» (Pattern), мы сможем заполнить фигуру узором. Кликните по одной из миниатюр, чтобы определиться с готовым узором. Первоначально в программе представлено не так много узоров, но вы также можете загрузить дополнительные узоры, скачанные из Интернета или созданные самостоятельно, кликнув по маленькому значку шестерни (под значком Палитры цветов) и выбрав пункт «Загрузить узоры» (Load Patterns) из появившегося меню:

Сначала выбираем параметр «Узор», а затем — нужный образец узора

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


Фигура, заполненная выбранным узором

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

По умолчанию, программа Photoshop не добавляет обводки по краям фигуры, однако добавить ее так же легко, как и выполнить заливку цветом. В действительности, опции параметров «Обводка» («Штрих») (Stroke) и «Заливка» (Fill) в версии программы Photoshop CS6 одинаковые, поэтому вы уже знаете, как их использовать!

Чтобы добавить обводку, кликните по образцу цвета обводки на панели настроек:


Кликаем по образцу цвета обводки

В результате, откроется диалоговое окно с теми же самыми параметрами, что и для заливки, за исключением того, что теперь мы выбираем цвет для обводки. В верхней части окна опять находятся четыре значка «Нет цвета» (No Color), «Чистый цвет» (Solid Color), «Градиент» (Gradient) и «Узор» (Pattern). По умолчанию, выбран параметр «Нет цвета». Я, в свою очередь, выберу параметр «Чистый цвет» и затем в качестве цвета обводки установлю черный, выбрав его из образцов. Так же как и в случае с заливкой, если нужного вам цвета среди образцов нет, кликните по значку Палитры цветов в верхнем углу, чтобы выбрать нужный цвет вручную:

Выбираем для обводки параметр «Чистый цвет», а затем из образцов цвета выбираем нужный

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

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

Изменяем ширину обводки

Опция «Выровнять края»

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

Удостоверьтесь, что опция «Выровнять края» включена

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

Для того чтобы опция «Выровнять края» работала, установите ширину обводки в пикселях (рх)

Ниже к фигуре применена черная обводка шириной 10 рх:


Простая фигура с черной обводкой вокруг нее

После добавления фигуре обводки, если я вернусь обратно и кликну по образцу цвета заливки на панели настроек, выбрав способ заливки «Нет цвета» (No Color), у меня останется только контур фигуры с обводкой. Внутри фигура станет пустой. Может показаться, что фигура заполнена белым цветом, но это только потому, что цвет заднего фона документа белый, что мы и видим в действительности.


Та же самая фигура, с параметром заливки «Нет цвета»

Дополнительные опции обводки

По умолчанию, программа рисует обводку в виде непрерывной линии, но мы можем изменить это, кликнув по кнопке «Задать тип штриха фигуры» (Stroke Options) на панели настроек:


Кликаем по кнопке «Задать тип штриха фигуры»

В результате откроется диалоговое окно «Параметры обводки» (Stroke Options), где мы сможем изменить внешний вид обводки с непрерывной линии на штриховую или пунктирную. Параметр «Выровнять» (Align) позволяет нам выбрать тип выравнивания для обводки: внутри контура, снаружи или посередине. Мы можем сделать концы линий для обводки (параметр «Концы» (Caps)) округлыми, квадратными или утолщенными, а места соединения линий в обводке (параметр «Углы» (Corners)): острыми, закругленными или скошенными. При нажатии кнопки «Другие параметры» (More Options), расположенной в нижней части диалогового окна, откроется еще одно окошко, где мы сможем установить конкретные значения для штрихов и пробелов пунктирной линии и даже сохранить настройки в виде пресета:

Параметры обводки

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


Внешний вид обводки изменился с непрерывной линии на пунктирную

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

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

Выбираем инструмент «Прямоугольник»

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


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

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


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

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

Как только вы нарисовали первоначальную фигуру, на панели настроек появятся ее текущие размеры: ширина (Width (W)) и высота (Height (H)). В моем случае, я нарисовал фигуру 533 пикселя шириной и 292 пикселя высотой:


На панели настроек видны первоначальные размеры фигуры (ширина и высота)

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


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


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

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

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

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

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

Давайте изучим несколько простых, но полезных клавишных комбинаций. Если вы нажмете и удержите клавишу Alt (Win) / Option (Mac) по мере перемещения курсора, то вы нарисуете фигуру от центра, а не от угла. Этот прием работает со всеми инструментами группы «Фигура», а не только с инструментом «Прямоугольник». Обратите внимание, что сначала надо начать рисовать фигуру и только потом нажимать клавишу Alt (Win) / Option (Mac). Также необходимо отпускать первой кнопку мыши и только потом нажатую клавишу Alt (Win) / Option (Mac), иначе прием не сработает:


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

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

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


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

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

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

Опции инструмента группы «Фигуры»

Если вы посмотрите на панель настроек, то слева от параметра «Выровнять края» (Align Edges) вы увидите значок шестерни. Кликнув по нему, вы откроете диалоговое окно с дополнительными настройками для того инструмента группы «Фигуры», который в данный момент выбран:

Кликаем по значку шестрени

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

Если вы выберете параметры «Заданный размер» (Fixed Size) или «Задать пропорции» (Proportional) и введете значения ширины и высоты, то данные значения также повлияют и на следующую фигуру, которая будет нарисована, а не только на ту, которую вы уже нарисовали. Поэтому нужно помнить о том, чтобы после рисования фигуры вернуться и заново выбрать параметр «Произвольно» (Unconstrained), в противном случае каждая новая нарисованная фигура будет такого же размера или с такими же пропорциями:

Параметры, которые вы видите, зависят от того, какой инструмент группы «Фигуры» выбран

Редактирование слоев-фигур

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

Каждая новая векторная фигура размещается на отдельном слое-фигуре

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


Значок на миниатюре слоя говорит нам о том, что это слой-фигура

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

Выбрав слой-фигуру, кликаем по образцу цвета Заливки

Кликаем по образцу голубого цвета

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


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

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

Когда мы внесли изменения, миниатюра слоя-фигуры также изменила свой вид

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

Давайте рассмотрим второй из инструментов группы «Фигуры» — «Прямоугольник со скругленными углами» (Rounded Rectangle Tool). Я выберу его на панели инструментов:

Выбираем инструмент «Прямоугольник со скругленными углами»

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


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

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


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

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


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

Ниже нарисован еще один прямоугольник с установленным значением радиуса 150 пикселей. Данное значение настолько велико (для этой фигуры, во всяком случае), что левая и правая стороны прямоугольника имеют форму кривой:


Чем больше значение радиуса, тем более круглыми получаются углы

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


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

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

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

Выбираем «Редактирование» > «Отменить: Инструмент «Прямоугольник со скругленными углами»

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

Чтобы нарисовать фигуру от центра, а не от угла, начните рисовать фигуру, а затем нажмите и удержите в нажатом состоянии клавишу Alt (Win) / Option (Mac). И, наконец, совместное нажатие клавиш Shift + Alt (Win ) / Shift + Option (Mac ) приведет к тому, что будет нарисован квадрат от центра. Клавиши необходимо отпустить только после того, как вы отпустите кнопку мыши.

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

Инструмент «Эллипс» (Ellipse Tool) позволяет нам рисовать эллипсы и круги. Я выберу его на панели инструментов:

Выбираем инструмент «Эллипс»

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


Рисуем эллипс с помощью инструмента «Эллипс»

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


Фигура заполнена цветом.

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

Круг, нарисованный инструментом «Эллипс»

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

Инструмент «Многоугольник» (Polygon Tool) более интересен для нас с точки зрения возможностей рисования фигур. Я выберу его на панели инструментов:

Выбираем инструмент «Многоугольник»

Если с помощью инструмента «Прямоугольник» мы можем рисовать только четырехугольные прямоугольники, то инструмент «Многоугольник» позволяет нам рисовать многоугольники с таким числом сторон, какое мы пожелаем. Далее мы рассмотрим, как с помощью это инструмента можно нарисовать даже звезды! Для того чтобы нарисовать фигуру с помощью инструмента «Многоугольник», для начала введите количество сторон, которое вам требуется, в окошко параметра «Стороны» (Sides) на панели настроек. Вы можете ввести любое число от 3 до 100. По умолчанию, количество сторон равно 5, я и оставлю его таким:

Введите количество сторон в окошко параметра «Стороны»

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

Фигура с 5 сторонами, нарисованная с помощью инструмента «Многоугольник»

Указав число сторон равное 3, мы можем с легкостью нарисовать треугольник:

Простой треугольник, нарисованный с помощью инструмента «Многоугольник»

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

Многоугольник с двенадцатью сторонами

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

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

Кликаем по иконке шестерни и выбираем параметр «Звезда»

Затем кликните мышкой в окне документа и протяните курсор для того, чтобы нарисовать звезду. Параметр «Стороны» (Sides) на панели настроек определяет число вершин звезды, таким образом, если по умолчанию значение параметра равно пяти, у нас получится пятиконечная звезда:

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

Изменив значение параметра «Стороны» на 8, мы получим восьмиконечную звезду:

Определите число вершин звезды с помощью параметра «Стороны»

Мы можем нарисовать фигуру, похожую на взорвавшуюся звезду, увеличив остроту лучей звезды с помощью параметра «Глубина лучей» (Indent Sides By). По умолчанию, значение этого параметра равно 50%, я увеличу значение до 90%. Также я увеличу число вершин звезды до 16:

Рисуем фигуру, похожую на взорвавшуюся звезду, увеличив значение параметра «Глубина лучей»

И вот, какая фигура у меня получилась:

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

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

Выбираем параметр «Сгладить внешние углы»

Ниже представлена пятиконечная звезда с выбранным параметром «Сгладить внешние углы»:

Параметр «Сгладить внешние углы» смягчает угловатость звезд

Мы можем также скруглить углы у оснований лучей звезды, выбрав параметр «Сгладить внутренние углы» (Smooth Indents):

Выбираем параметр «Сгладить внутренние углы»

И снова, наша звезда выглядит совершенно по-другому:

Нарисованная звезда с выбранным параметром «Сгладить внутренние углы»

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

Последним из основных инструментов группы Фигуры является инструмент «Линия» (Line Tool). Я выберу его на панели инструментов:

Выбираем инструмент «Линия»

Данный инструмент позволяет нам рисовать простые прямые линии, но также мы можем с его помощью нарисовать стрелки. Для того чтобы нарисовать прямую линию, во-первых, установите толщину линии, введя значение (в пикселях) в окошко параметра «Толщина» (Weight) на панели настроек. По умолчанию, значение толщины равно 1 пикселю, я увеличу его до 16 пикселей:

Параметр «Толщина» отвечает за толщину (или ширину) линии

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

Удерживайте нажатой клавишу Shift для рисования горизонтальных или вертикальных линий

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

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

Кликните по иконке шестерни, чтобы получить доступ к опциям «Стрелки».

Ниже нарисована линия, похожая на предыдущую, за исключением того, что на конце расположен значок стрелки:

С помощью инструмента «Линия» легко рисовать направляющие стрелки

Если установленный по умолчанию размер стрелки вас не устраивает, вы можете изменить его, используя параметры «Ширина» (Width) и «Длина» (Length). Мы можем также добавить стрелке изгиб, воспользовавшись параметром «Кривизна» (Concavity). По умолчанию, значение данного параметра равно 0%, но я увеличу его до 50%:

Изменяем форму стрелки, увеличив значение параметра «Кривизна»

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

Стрелка со значением параметра «Кривизна», равным 50%

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

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

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

На панели инструментов есть группа однородных инструментов (быстрая клавиша U ). Туда входят: прямоугольник, прямоугольник со скругленными краями, эллипс, многоугольник, линия и произвольная фигура .

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


Что такое произвольная фигура?

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

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


Как использовать?

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

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

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

Вы можете самостоятельно установить набор фигур себе в программу. Здесь работают те же принципы, что и, например, с или . Чтобы их установить, во-первых, скачайте себе на компьютер набор с фигурами. Такие наборы имеют расширение csh .

После этого, откройте меню фигур. Вы увидите такие 4 команды:

Выбрав «Загрузить…» , откроется диалоговое окно, в котором нужно указать путь до файла с расширением csh, например, так:


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

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

А если вы загрузили несколько наборов, удалили какие-либо отдельные фигуры, использовав команду «Удалить…» , вообщем, сделали набор под себя, то можете его сохранить командой «Сохранить произвольные…» . В будущем его можно будет загрузить в том же виде или передать кому-нибудь через интернет.

Последняя команда «Восстановить произвольные…» позволяет все вернуть по умолчанию.

Обратите внимание, что в этом же меню есть огромный список: Животные, Стрелки, Природа, Объекты и т.д. Это стандартные наборы, которые нам любезно предоставили разработчики фотошопа.

Второй способ установки с дополнительным преимуществом

Произвольные фигуры еще можно установить непосредственно в системные файлы фотошопа.

Сделать это немного сложнее, но главный плюс такого способа в том, что ваш набор появится в списке, что я описал выше (Животные, Стрелки, Природа, Объекты и т.д.). В случае, если вы намерены часто пользоваться этим инструментом, то такой способ установки сократит время, и вы сможете выбрать нужный набор в два клика.

Для этого необходимо скопировать файл с расширением csh в системную папку фотошопа «Custom Shapes» , обычно у нее такой адрес: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

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

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

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (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) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

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

«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

Нажатие на кнопку внизу окна «Другие параметры…» (More Options…) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эллипс

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

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

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

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

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

Линия

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

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

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

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

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

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

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

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

Идея создания урока пришла ко мне в процессе просмотра журнала по скрапбукингу, на страницах которого были готовые шаблоны простых форм. Все эти фигуры были разделены по разным темам и стоили они довольно дорого. Тогда я предположил: «А ведь их можно создать самим в программе Фотошоп и совершенно бесплатно»! Ко всему прочему, вам не обязательно увлекаться скрапбукингом для того, чтобы извлечь пользу из создания собственных произвольных фигур.

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

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

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

Прежде чем мы начнем, я хочу сделать еще одно отступление. Произвольная фигура создается при помощи инструмента Перо (P), так же их можно создавать, используя инструменты из группы Фигура, например «Эллипс» или «Прямоугольник». Но если вам требуется создать фигуру определенной формы, к примеру, ящики или шины от велосипеда, в этом случае следует использовать Перо (P).

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

Произвольная фигура у нас будет в виде милого Пряничного человечка.

1. Выбираем инструмент Перо (P)

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

Выбрать его также можно нажатием клавиши P на клавиатуре.

2. Параметр «Слой-фигура» в панели настроек

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

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

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

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

На самом деле данная функция немного затрудняет работу. Мы рассмотрим это ниже.

3. Рисуем фигуру

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

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


В следующем шаге мы решим эту проблему.

4. Уменьшение непрозрачности

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

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

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


5. Продолжаем выделять объект

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

Обратите внимание на маску слоя с фигурой, на ней появилась четкая фигурка.

В обведенный силуэт мы добавим рот, глазки, две пуговицы, галстук в виде бабочки. Здесь возникает вопрос — как добавить дополнительные детали в обведенный силуэт?

6. Выбор инструмента «Эллипс»

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

7. Параметр «Вычесть из области фигуры»

После выбора эллипса, посмотрите на панель настроек. Слева расположена группа значков в виде маленьких квадратиков. Они позволяют совершать с фигурами различные действия: добавить к области фигуры, пересечение областей нескольких фигур и вычесть из области. Нас интересует третий значок Subtract from shape area (Вычесть из области фигуры).

8. Извлечение фигур из обведенного силуэта

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


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

Пряничного человечка, расположенный на нижнем слое.


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


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


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

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

То же самое проделайте со второй пуговицей. Эллипсом обведите область вокруг неё.

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

Обратите внимание на панель слоев. На маске слоя Shape 1 появились по два отверстия для глаз и пуговиц, которые были вырезаны из обведенной формы.

9. Вырезаем оставшиеся детали при помощи пера

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

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

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

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

Обратите внимание на маску слоя Shape 1, здесь показаны вырезанные формы: галстук в виде бабочки, рот, 4 волнистых формы сахарной пудры.

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

10. Увеличение непрозрачности фигуры до 100%

Теперь, когда мы закончили делать обводку отдельных фигур, нет необходимости видеть исходное изображение под обведенным силуэтом. Верните значение непрозрачности до 100%.

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

Вот, как должна выглядеть фигура Пряничного человечка:

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

11. Определяем форму человечка в произвольную фигуру

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

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

После того, как выбран нужный слой, зайдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру).

В результате откроется окно, в котором будет запрашиваться «имя» для фигуры. Назовем её Gingerbread Man (Пряничный человечек).


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

12. Создание нового документа

Создайте новый документ в Фотошоп с параметрами, указанными ниже на скриншоте.


13. Выбор инструмента «Произвольная фигура»

Выберите инструмент Произвольная фигура. По умолчанию всегда отображается инструмент Прямоугольник. Поэтому нажмите и удерживайте на нем кнопку мышки, пока не откроется всплывающее меню. Из списка инструментов выберите Custom Shape Tool (U) (Произвольная фигура).

14. Выбираем нашу фигуру

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

15. Рисуем фигуру

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

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

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

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

16. Изменяем цвет

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

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


После нажатия OK, фигура сразу же окрасится в выбранный вами цвет.

Изменять цвет вы можете, сколько захотите и когда захотите.

17. Изменение размера и местоположения фигуры

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

Если вы решили изменить размер фигуры, просто выберите на панели слоёв слой с фигурой и нажмите Ctrl + T. Этими действиями откроется рамка трансформации где вы, потянув за любой угловой маркер, сможете изменить размер. Для сохранения пропорций при изменении размера зажимайте Shift. При зажатой клавише Alt размер фигуры будет изменяться от центра.

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

Если вы довольны результатом нажмите Enter, чтобы применить все проделанные изменения.

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эллипс

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

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

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

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

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

Линия

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

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

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

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

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

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

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

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

R ectangle (Прямоугольник) () — соответственно, позволяет рисовать прямоугольник (а с нажатой клавишей — квадрат), залитый цветом переднего плана.
Rounded Rectsngle (Скругленный прямо угольник) — создает фигуры, подобные описанным выше, но позволяет задавать радиус скругления углов прямоугольника.

Ellipse (Эллипс) — создает овалы (в сочетании с нажатой клавишей — круги).
Poligon(Многоугольник) — позволяет создавать геометрические фигуры с произвольным количеством углов, а также — многолучевые звезды. По умолчанию создает выпуклый пятиугольник.
Line(Линия) — рисует прямые линии произвольной или заданной длины, толщины, цвета и направления.
Custom Shape(Произвольная фигура) — позволяет создать геометрическую фигуру произвольной формы и сохранить ее для использования вдальнейшем.

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент — фигуры- на панели инструментов, откроется окно выбора инструмента:



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

Для любой фигуры можно выбрать:

  • режим рисования:
    • Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».

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

    • Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение

  • стиль и цвет фигуры

  • задать параметры, характерные для этой фигуры

Рисуем прямоугольники

Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура . Выберем стиль, щелкнув по треугольнику справа.

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

Теперь можно задать геометрические параметры:


  • Произвольно — как нарисуете, так и будет.
  • Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
  • Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
  • Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
  • От центра — рисует прямоугольник от центра.
  • Привязать к пикселам — края прямоугольника привязываются к границам пикселов.

Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles .


Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

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

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

Вот, что получилось у меня при различных комбинациях радиуса и стиля.


Чем не блоки новостей и кнопочки меню?

Рисуем окружности

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

Вот, что получилось у меня:

Рисуем многоугольники

Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:


  • Радиус — радиус многоугольника.
  • Сгладить внешние углы
  • Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
  • Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
  • Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.

Например:


Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.

Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.

Ко всем применен стиль.

Рисуем линии

Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:



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

  • Начало — стрелка в начале линии.
  • Конец — стрелка в конце линии.
  • Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
  • Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
  • Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).
  • Рисуем несколько фигур в одном слое

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

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


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

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

    Сохраняем фигуры

    Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.
    Photoshop

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

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

В действительности, программа Photoshop работает со всеми этими и другими фигурами и позволяет нам добавлять их на изображение с той же легкостью, с какой мы добавляли круги и квадраты. В программе все эти фигуры более сложной формы называются произвольными фигурами, и мы можем их нарисовать, используя инструмент «Произвольная фигура» (Custom Shape Tool), с которым мы познакомимся в этом уроке.

Инструмент «Произвольная фигура»

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

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

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

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

Выбор формы произвольной фигуры

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

Окошко предварительно просмотра отображает выбранную нами произвольную фигуру

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

Для открытия палитры «Произвольные фигуры» нажмите на окошко предварительного просмотра

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

Выбираем фигуру в форме сердца из палитры «Произвольные фигуры»

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

После выбора формы фигуры, вам нужно выбрать цвет для нее. Это можно сделать, нажав на значок образца цвета, расположенный справа от слова «Цвет» (Color) на панели настроек:

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

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


Из цветовой палитры выбираем цвет для фигуры в форме сердца

Выбор параметра «Слой-фигура»

Как я уже упоминал в прошлом уроке, программа Photoshop позволяет нам рисовать фигуры трех типов с помощью инструментов группы «Фигуры». Мы можем рисовать векторные фигуры, которые не зависят от разрешения и могут быть масштабируемы без потери качества (такой тип фигур мы бы рисовали в программе Illustrator). Мы можем также рисовать контуры, которые являются лишь очертаниями фигур, или мы можем рисовать пиксельные формы, которые программа заполняет цветными пикселями. В большинстве случаев, мы рисуем векторные фигуры, и чтобы иметь возможность это сделать, нам необходимо выбрать параметр «Слой-фигура» (Shape Layers) на панели настроек. Это первый значок в группе из трех значков, расположенных ближе к левому краю на панели настроек:

Для рисования векторных фигур выбираем параметр «Слой-фигура» на панели настроек

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


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

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


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

Рисование фигуры с правильными пропорциями

Обратите внимание, что моя фигура в форме сердца выглядит немного искаженной. Она шире и короче, чем я ожидал увидеть. Это случилось из-за того, что по умолчанию программа Photoshop не старается сохранить правильные пропорции (или по-другому форматное соотношение) фигуры в процессе ее изображения. Я нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия и попробую нарисовать фигуру снова.

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


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

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

Отпускайте клавишу Shift только после того, как вы отпустите кнопку мыши

Я снова нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия, а затем выберу фигуру другой формы, нажав на окошко предварительного просмотра фигуры на панели настроек для открытия палитры фигур. На этот раз я остановлюсь на изображении музыкальных нот:

Нажимаем на миниатюру музыкальных нот для выбора фигуры

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

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

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

Новая фигура заполнится тем же цветом, что и предыдущая

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

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

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

Программа Photoshop повторно откроет цветовую палитру, где мы сможем выбрать новый цвет. Я выберу фиолетовый цвет:


Из цветовой палитры выбираем новый цвет для фигуры

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

Мы можем в любой момент изменить цвет векторной фигуры

Загрузка дополнительных наборов фигур

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

Нажимаем на маленькую стрелку в в правом верхнем углу палитры фигур

Это действие приведет к открытию меню с различными параметрами, в самом низу которого будет расположен перечень дополнительных наборов фигур, установленных в программе Photoshop. Каждый из этих наборов является собранием фигур, объединенных общей тематикой, например, «Животные» (Animals), «Музыка» (Music), «Природа» (Nature) и т.д. Некоторые из наборов появились только в версии программы Photoshop CS5 (именно эту версию используя я), но большинство наборов доступны в любых недавних версиях программы:

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

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

Выбираем название «Все» (All) для загрузки всех дополнительных наборов форм

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


Для загрузки новых фигур при сохранении в палитре изначальных фигур выбираем «Добавить» (Append)

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

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

Ниже представлено несколько примеров фигур, которые мы теперь можем нарисовать в программе:


В палитре фигур теперь отражены все дополнительные фигуры, доступные в программе Photoshop

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

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

Перевод: Ксения Руденко

Читайте также…

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


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

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

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

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

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

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

    Прямоугольник.
    C помощью данного инструмента мы можем нарисовать прямоугольник или квадрат (с зажатой клавишей SHIFT).

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

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


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

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

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

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

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

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

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

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

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

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

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


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


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


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

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

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

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

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


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

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

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


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

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


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

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


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

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

Практика

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эллипс

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

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

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

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

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

Линия

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эллипс

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

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

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

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

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

Линия

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

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

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

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

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

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

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

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

Знакомство с Adobe Photoshop | Инструмент Line

Предыдущая | Далее | Оглавление

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

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

Попробуйте инструмент и нарисуйте линии и стрелки на вашем холсте.

Хотя инструмент линии довольно прост в использовании, он не совсем лучший способ делать линии. Фактически, большинство дизайнеров обычно используют клавишу SHIFT вместо инструмента линии для получения линий. Чтобы нарисовать прямую линию с помощью любого из инструментов рисования или редактирования, вы следует 1) щелкнуть по холсту, 2) нажать клавишу SHIFT и 3) щелкните по второй точке холста. Photoshop нарисует линию между двумя указанными вами точками. Попробуйте сами.

Вам также не нужно останавливаться на двух точках. Если вы продолжаете удерживать нажатой клавишу SHIFT и нажимаете больше точек на холст, вы добавите дополнительные линии, соединяющие все указанные точки. Можете ли вы сделать следующий дизайн без использования инструмента «Линия»?

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

Попробуйте получить следующее изображение…

Предыдущая | Далее | Оглавление

Сделайте редактируемые стрелки в Photoshop

Когда-нибудь нужно было создать стрелку, чтобы указывать на что-то на фотографии? (Например, «Здесь найден труп» или «Обратите внимание на трещину в фюзеляже»?) Для этого не нужно переходить в другую программу. Открыв изображение в Adobe Photoshop, есть как минимум два способа создать редактируемую векторную стрелку, указывающую именно на то, что вы хотите.
Метод 1. Использование одной из встроенных пользовательских фигур
Для начала выберите инструмент «Пользовательская форма» на панели инструментов.Не можете найти? Нажмите на инструмент «Прямоугольник» в нижней части группы векторных инструментов на панели инструментов (инструмент «Перо», инструмент «Текст», инструмент «Выделение»). Теперь на панели параметров отображаются все варианты инструмента векторной формы. Инструмент Custom Shape (Пользовательская форма) выглядит как клякса справа. Выделите его там или выберите во всплывающем меню инструмента «Прямоугольник» на панели инструментов.
Убедитесь, что инструмент находится в режиме векторной формы, одном из трех режимов, доступных при работе с векторными инструментами в Photoshop. Таким образом, перетаскивание инструмента по изображению создает слой векторной формы (вместо контура или выделения), что нам и нужно.Режим векторной формы — это первый значок в крайнем левом углу панели параметров, который выглядит как квадрат с точками по углам (рис. 1). Щелкните его, если он еще не выбран.
Рисунок 1.

Теперь, когда вы выбрали правильный режим и нужный инструмент, вы можете открыть библиотеку пользовательских форм. На панели параметров найдите метку «Фигуры:» и щелкните миниатюру фигуры справа, чтобы открыть библиотеку. Стрелки не входят в набор форм по умолчанию, поэтому вам, вероятно, придется использовать всплывающее меню библиотеки, чтобы выбрать их.(Подсказка: нужная библиотека называется «Стрелки». Очень непонятно.) Добавьте или добавьте фигуры к уже имеющимся в библиотеке; либо работает.
Вы увидите двадцать различных форм стрелок на выбор. Нажмите на тот, который вас зовет, а затем нажмите Return / Enter, чтобы закрыть библиотеку. Теперь просто начните перетаскивать изображение по диагонали, и вы увидите стрелку, меняющую соотношение ширины и высоты при перетаскивании мыши. Отпустите кнопку мыши, когда она станет примерно такой, как вы хотите (рис. 2).
Рисунок 2.

Изначально стрелка заполнена цветом переднего плана, но это легко изменить, дважды щелкнув миниатюру образца цвета в только что созданном слое фигуры и выбрав другой цвет (рис. 3).
Рисунок 3.

Вы можете изменить путь с помощью инструмента «Прямое выделение», добавить / удалить / изменить точки с помощью вариантов инструмента «Перо» и изогнуть форму с помощью «Правка»> «Преобразование»> «Деформация» (рисунок 4).
Рис. 4.

Чтобы вернуть ограничивающую рамку (чтобы вы могли изменить ширину, высоту и поворот всей формы стрелки), нажмите Command / Ctrl-T, что является сочетанием клавиш для Edit> Free Преобразовать путь.
Метод 2: Используйте инструмент «Линия»
Вот еще один способ снять шкуру с кошки. Вы могли заметить, что одним из вариантов инструмента векторной формы является инструмент Линия. Это единственный инструмент в Photoshop, который позволяет добавлять стрелки в начале или в конце (или в обоих).
Уловка инструмента «Линия» заключается в том, что вы должны настроить его толщину и стили стрелок, прежде чем перетаскивать с ним линию. После создания линии ее форму можно изменить только с помощью инструментов «Прямое выделение» и редактирования контура или путем ее преобразования, как описано выше.Таким образом, может потребоваться поэкспериментировать с различными линиями и настройками, чтобы получить то, что вы хотите. (Тем не менее, вы можете сохранить идеальные настройки как предустановку инструмента «Линия». Таким образом, у вас могут быть стрелки того же типа в других файлах Photoshop.)
Вы найдете инструмент «Линия» во всплывающем меню инструмента формы (нажмите и удерживайте любой инструмент формы, активный в данный момент (по умолчанию это Прямоугольник, чтобы открыть всплывающее окно) или как одну из фигур на панели параметров, когда активен любой инструмент «Перо» или «Форма».
Выберите инструмент «Линия» и измените его вес (толщину) в поле «Вес» на панели параметров со значения по умолчанию в 1 пиксель.Затем щелкните направленный вниз треугольник справа от набора инструментов формы на панели параметров. Откроются параметры для выбранного инструмента формы. Когда выбран инструмент «Линия», все параметры сводятся к стрелкам (рис. 5).
Рисунок 5.

Вот ваша шпаргалка по параметрам стрелок:
Начало: Вы хотите, чтобы стрелка появлялась в начальной точке линии, которую вы собираетесь растянуть? Если да, установите этот флажок.
Конец: Вы также или альтернативно хотите, чтобы в конце строки была стрелка, когда вы отпускаете кнопку мыши? Если да, включите его.
Ширина: Какой процент толщины линии должен составлять острие стрелки? Значение по умолчанию — 500% (в пять раз больше толщины линии), это обычная стрелка. Когда вы трансформируете готовую стрелку, стрелка будет пропорционально увеличиваться / уменьшаться.
Длина: Значение по умолчанию 1000% означает, что длина наконечника стрелки (от заостренного рабочего конца до основания) должна быть в десять раз больше веса линии.Другими словами, принятие 500% ширины и 1000% длины по умолчанию означает, что вы получите несколько узкую заостренную стрелку — ее длина будет вдвое больше ширины. Если вы хотите, чтобы стрелка была в виде равностороннего треугольника, введите для параметра «Длина» такое же процентное значение, что и для параметра «Ширина».
Вогнутость: Поскольку по умолчанию установлено значение 0%, основание стрелки — сторона, касающаяся конца линии — совершенно прямая. Чтобы нижний край изгибался внутрь, к кончику стрелки, введите больший процент.Вы можете увеличить до 50%, что, я думаю, составляет 50% длины наконечника стрелы. Интересно, что вы также можете опуститься до отрицательных 50% (введите -50), что приведет к тому, что нижний конец кривой будет направлен наружу в линию.
Теперь, когда вы ввели свои настройки, нажмите Return / Enter, чтобы закрыть окно параметров стрелки и перейти к перетаскиванию (рисунок 6).
Рис. 6.

Все ваши стрелки будут прямыми, когда вы их впервые создадите, потому что это то, что делает инструмент «Линия», но вы можете изогнуть их, выбрав «Правка»> «Трансформировать»> «Деформация».Для большего контроля вы можете добавить к фигуре точки кривой с помощью инструмента «Добавить точку привязки» (один из вариантов инструмента «Перо»). Однако это довольно сложно, поскольку инструмент «Линия» на самом деле создает очень тонкие прямоугольники, а не линии (!), Поэтому вам придется добавлять совпадающие точки кривой с обеих сторон.
Чтобы изменить общую ширину, высоту и поворот самой стрелки, используйте тот же метод свободного преобразования, что и выше.
Fancy It Up
С помощью обоих этих методов вы работаете со слоями-фигурами и можете применять эффекты слоя к слоям-фигурам (рис. 7).Я видел несколько ярких стрелок, созданных дизайнерами Photoshop с помощью умных приложений Stroke, Drop Shadow, Gradient Overlay и Bevel & Emboss. Их тоже можно сохранить в предустановках инструментов Custom Shape или Line.
Рисунок 7.

инструмент линии Photoshop 2021 не работает

инструмент линии Photoshop 2021 не работает GIMP — одна из самых важных рекомендаций, которые вы бы прочитали для такого инструмента, как Photoshop, и не зря. Я просто пытаюсь провести с ним черту.В этой статье представлены ** несколько инструментов клонирования, доступных в Photoshop **, и … Сделайте свою работу в течение 24 часов. Найдите лучшие портфолио графического дизайна и быстро наймите талантливых дизайнеров-фрилансеров в Designhill. Вместо редактирования я попытался создать совершенно новый текстовый слой. 2. Кроме того, у нас есть новый режим уточнения: с учетом цвета и объекта. Новая функция сверхвысокого разрешения Photoshop делает изображения больше, а не более размытыми. Увеличьте разрешение фотографий в четыре раза без потери качества. Поэтому я составил это руководство, которое ответит на все ваши вопросы об использовании RAM / памяти при редактировании изображений.Твоя очередь! I. Инструмент «Линия» позволяет создать прямолинейную фигуру. После того, как вы освоили уровни, пришло время перейти к инструменту, который, вероятно, является наиболее полезным для управления цветом и контрастом в Photoshop: Кривые. Как и в случае с уровнями, вы должны поиграть с базовой командой Кривые, чтобы почувствовать для этого. Стэн Горачек, 24 марта 2021 г. Твоя очередь! Шаг 2: Преобразуйте выделенный фрагмент в рабочие контуры. Поэтому я составил это руководство, которое ответит на все ваши вопросы об использовании RAM / памяти при редактировании изображений.Он доступен только при работе с различными инструментами для работы с фигурами, поэтому на самом деле нам нужно рассмотреть только два значка. Последний из инструментов Photoshop с геометрическими фигурами и последний инструмент, который мы рассмотрим в этом уроке, — это инструмент Line Tool. Adobe Lightroom (официально Adobe Photoshop Lightroom) — это программное обеспечение для творческой организации изображений и обработки изображений, разработанное Adobe Inc. в рамках подписки Creative Cloud. На панели вверху Photoshop появятся различные инструменты градиента.Кисти Photoshop также бывают разных дизайнов и форм. Появится всплывающее меню, в котором выберите инструмент. Затем вернитесь в Photoshop, и он работает. При работе в фотошопе очень легко внезапно получить изображение с несколькими разными слоями, каждый из которых занимает место в памяти и может вызвать отставание инструмента кисти (или любого другого инструмента фотошопа). Освоение Adobe Photoshop Elements 2021 Написано фотографом для фотографов Узнайте, как работает эта удивительная программа, узнайте о ее пяти режимах, ее функциях, наборе инструментов и широком спектре специальных эффектов — и, самое главное, о том, когда и где использовать каждый из них .В руках неосторожного художника клонирование Photoshop может иметь катастрофические последствия для достоверности результата. 3. Инструмент нестандартной формы позволяет рисовать произвольные формы. I. В руках неосторожного художника клонирование Photoshop может иметь катастрофические последствия для достоверности результата. Когда я возвращаюсь к инструменту «Линия», он все еще рисует стрелку. Для этого просто возьмите инструмент «Прямоугольник», щелкните правой кнопкой мыши свой логотип на холсте и выберите «Создать рабочий контур». Но даже с горой бесплатных руководств и руководств по рисованию в Photoshop вы все равно можете почувствовать себя немного не в своей тарелке.Если вы обнаружите, что ваша кисть все еще отстает, следующим шагом будет уменьшение размера файла. Начиная с Photoshop 2021, инструмент Line Tool теперь рисует фактические линии вместо длинных узких прямоугольников. Кисти Photoshop также бывают разных дизайнов и форм. Проблемы при использовании инструмента «Перо» в Photoshop CC версии 19.1 (только для macOS). Скрытая панель не отображается должным образом, когда пользователь наводит курсор, чтобы их открыть; Сбой при использовании фильтров искажения для 16-битных изображений RGB большого размера. Инструмент «Линия». Последней версией Photoshop, выпущенной как отдельный продукт, был Photoshop CS6; он был выпущен в 2012 году, и Adobe больше не будет обновлять программное обеспечение новыми функциями.В любом случае Photoshop будет на подиуме любого текущего обсуждения лучшего программного обеспечения для фотографии. Он поддерживается в Windows, macOS, iOS, Android и tvOS (Apple TV). Его основные виды использования включают импорт / сохранение, просмотр, организацию, добавление тегов, редактирование и совместное использование большого количества цифровых изображений. Начиная с Photoshop 2021, инструмент Line Tool теперь рисует фактические линии вместо длинных узких прямоугольников. Я не могу редактировать текстовый слой с неверной информацией. Пути будут обозначены черными опорными точками, соединенными сплошной тонкой линией.Теперь мы должны преобразовать наш выбор в пути. Таким образом, вы можете удалить пятна с изображения с помощью инструмента «Кисть». Когда я пытаюсь использовать Pen Tool, он вставляет узлы, но не создает линию связи. Редактируйте изображения, добавляйте эффекты и текст или создавайте портреты как профессионал с Fotor. Последней версией Photoshop, выпущенной как отдельный продукт, был Photoshop CS6; он был выпущен в 2012 году, и Adobe больше не будет обновлять программное обеспечение новыми функциями. При работе в фотошопе очень легко внезапно получить изображение с несколькими разными слоями, каждый из которых занимает место в памяти и может вызвать отставание инструмента кисти (или любого другого инструмента фотошопа).Adobe Photoshop Elements 2021 позволяет легко редактировать фотографии, снимать клипы и создавать мемы, чтобы делиться ими на своих любимых социальных сайтах. Но даже с горой бесплатных руководств и руководств по рисованию в Photoshop вы все равно можете почувствовать себя немного не в своей тарелке. Инструмент «Кисть истории»: Инструмент «Рука». В умелом и опытном руках эти инструменты приводят к феноменальным результатам. В отличие от большинства других графических редакторов, где для рисования можно использовать только кисти, кисти Photoshop универсальны. Теперь мы должны преобразовать наш выбор в пути.Я выбираю инструмент «Линия» на панели инструментов. Этот инструмент имеет квадратный значок с серым градиентом и имеет ту же кнопку, что и инструмент «Ведро с краской». Инструмент, который BBC назвал «Photoshop lite», прост и удобен в использовании. Он поставляется с множеством предварительно упакованных кистей, и в Интернете есть множество учебных пособий, которые помогут любому научиться … Adobe Photoshop — безусловно, самая популярная программа для рисования. Сбой при использовании инструмента Artboard после изменения ширины или высоты на 100%. Инструмент градиента в Photoshop позволяет создавать линейные, радиальные, угловые, отраженные или ромбовидные градиенты.Ручной инструмент. Нажмите Alt и щелкните по свежей оболочке, чтобы она могла скопировать новую область. Например, я могу выделить какой-нибудь текст или даже просто нажать в текстовом разделе. Инструмент градиента в Photoshop позволяет создавать линейные, радиальные, угловые, отраженные или ромбовидные градиенты. В умелом и опытном руках эти инструменты приводят к феноменальным результатам. Вы можете использовать их не только для рисования и раскрашивания, но также для стирания, клонирования и даже создания выделения и наложений. Сделайте свои фотографии потрясающими с помощью Adobe Photoshop Elements 2021.Выбор №4: Luminar 4 от Skylum Оценка: 7,4 Независимо от того, в какой версии Photoshop вы работаете, если вы получили это предупреждение, вы должны создать маску с прямыми острыми краями, которые представляют основную форму вашего объекта. Профессиональный стандарт редактирования изображений и лидер в линейке цифровых изображений Photoshop, включающий множество инструментов и графический движок Mercury. Что нового в Adobe Photoshop CC 2021… Инструмент «Линия» позволяет создавать прямолинейные формы. Если вы не видите инструмент градиента, нажмите и удерживайте ведро с краской, пока меню не развернется, а затем нажмите «« Инструмент градиента »».Выбор №4: Luminar 4 по версии Skylum Оценка: 7,4 V. Line Tool. Sketch заменил Photoshop в качестве инструмента дизайна пользовательского интерфейса, который выбирают многие веб-дизайнеры [Изображение: Bohemian Coding] (Изображение предоставлено: Bohemian Coding) Sketch Bohemian Coding — одна из наиболее широко используемых платформ веб-дизайна; это очень мощный векторный инструмент для совместного создания интерфейсов и прототипов. Шаг 2: Преобразуйте выделенный фрагмент в рабочие контуры. Затем вернитесь в Photoshop, и он работает. Как только вы окажетесь внутри Select & Mask, нажмите кнопку Select Subject, чтобы удалить фон.Выполняйте свою работу в течение 24 часов. Инструмент «Ластик для фона». Инструмент, который BBC назвал «Photoshop lite», прост и удобен в использовании. Вы также можете попробовать вместо этого создать векторную маску и использовать инструмент «Перо», чтобы создать простую форму. Не беспокойтесь о мелких деталях, например о распущенных волосках. Когда я пытаюсь использовать Pen Tool, он вставляет узлы, но не создает линию связи. Он доступен только при работе с различными инструментами для работы с фигурами, поэтому на самом деле нам нужно рассмотреть только два значка. Проблемы при использовании инструмента «Перо» в Photoshop CC версии 19.1 (только для macOS) Скрытые панели не отображаются должным образом, когда пользователь наводит курсор, чтобы их открыть; Сбой при использовании фильтров искажения для 16-битных изображений RGB большого размера. Adobe Photoshop Elements 2021 позволяет легко редактировать фотографии, снимать клипы и создавать мемы, чтобы делиться ими на ваших любимых социальных сайтах. Перейдите в Eraser Tool, нажмите правую кнопку (для Windows) или щелкните, удерживая Ctrl (для Mac). GIMP или GNU Image Manipulation Program — это очень многофункциональный инструмент для редактирования фотографий и творчества, который может делать почти все, что умеет Photoshop, и включает в себя все, от популярного программного обеспечения Adobe до бесплатного программного обеспечения с открытым исходным кодом.Используйте предустановленные формы, такие как сердце или круг, следуйте … Он поддерживается в Windows, macOS, iOS, Android и tvOS (Apple TV). Его основные применения включают импорт / сохранение, просмотр, систематизацию, добавление тегов, редактирование и совместное использование большое количество цифровых изображений. 17. Если вы обнаружите, что ваша кисть все еще отстает, то следующим шагом будет уменьшение размера файла. Инструмент «Лечебная кисть»: давайте посмотрим, как работать с «Лечебной кистью». Для работы с этим инструментом выберите изображение с пятнами, как на изображении ниже. V. Инструмент линии. Ручной инструмент.Кисти Photoshop также бывают разных дизайнов и форм. Пути будут обозначены черными опорными точками, соединенными сплошной тонкой линией. 1. Я переключаюсь на инструмент Custom Shape Tool и выбираю объект (например, я выбираю инструмент Line Tool на панели инструментов. Как только вы окажетесь внутри Select & Mask, нажмите кнопку Select Subject, чтобы удалить фон. Adobe Photoshop, безусловно, самый популярное программное обеспечение для рисования. Ручной инструмент. Пути будут обозначены черными опорными точками, соединенными сплошной тонкой линией.Появится всплывающее меню, в котором выберите инструмент. Когда я возвращаюсь к инструменту «Линия», он все еще рисует стрелку. Знать, сколько оперативной памяти (системной памяти) вам нужно для работы в Photoshop, иногда бывает довольно сложно, потому что нужно учитывать множество факторов. Вы можете добавить горизонтальный или вертикальный текст или ввести текст вдоль фигуры или пути. Используйте инструмент «Текст», чтобы добавить текст к фотографиям. Photoshop 22.3.0: инструмент «Перо» не работает должным образом. Я только что обновил Photoshop до версии 22.3 (10 марта 2021 г.).Решение, которое я нашел, заключается в том, что, как только вы обнаружите, что он не работает в Photoshop, просто переключитесь на другую программу, такую ​​как TextEdit, или Excel, или что-то еще, что вы могли открыть, и выберите некоторые вещи в этой программе. 17. Кисти — важная часть палитры инструментов Photoshop. Используйте инструмент «Текст», чтобы добавить текст к фотографиям. Вы можете использовать их не только для рисования и раскрашивания, но также для стирания, клонирования и даже создания выделения и наложений. Глядя на область панели инструментов, вы не найдете инструмент «Ластик для фона», потому что он скрыт в обычном инструменте «Ластик» в Photoshop.Обратите внимание на Krita 2. Я установил для него цвета и толщину заливки и обводки. Получите логотип, дизайн логотипа, дизайн премиум-логотипа, дизайн брошюры, дизайн визитной карточки, дизайн упаковки, услуги по дизайну брошюры каталога, услуги по дизайну канцелярских товаров, веб-сайт, брошюру и многое другое со 100% гарантией возврата денег. 3. Кроме того, у нас появился новый режим уточнения: с учетом цвета и объекта. Инструмент, который BBC назвал «Photoshop lite», прост и удобен в использовании. Если вы не видите инструмент градиента, нажмите и удерживайте ведро с краской, пока меню не развернется, а затем нажмите «« Инструмент градиента »».Этот инструмент используется для рисования прямых линий, и вы можете добавить стрелку в начале или в конце линии. Последней версией Photoshop, выпущенной как отдельный продукт, был Photoshop CS6; он был выпущен в 2012 году, и Adobe больше не будет обновлять программное обеспечение новыми функциями. Найдите лучшие портфолио графического дизайна и быстро наймите талантливых дизайнеров-фрилансеров в Designhill. Как только вы окажетесь внутри Select & Mask, нажмите кнопку Select Subject, чтобы удалить фон. Решение, которое я нашел, заключается в том, что, как только вы обнаружите, что он не работает в Photoshop, просто переключитесь на другую программу, такую ​​как TextEdit, или Excel, или что-то еще, что вы могли открыть, и выберите некоторые вещи в этой программе.Инструмент «Кисть истории». На панели в верхней части Photoshop появятся различные инструменты «Градиент». Я знаю, что сказал, что есть два режима, в которых может работать Pen Tool, и все же, как будто для большей запутанности, есть три значка, но значок справа, который является значком заливки пикселей, неактивен и недоступен при работе с помощью Pen Tool. Photoshop 22.3.0: инструмент «Перо» не работает должным образом. Я только что обновил Photoshop до версии 22.3 (10 марта 2021 г.). VI. Я использую Photoshop CC версии 20.0.1. Уменьшите размер файла, чтобы уменьшить задержку кисти Photoshop.Стэн Хорачек, 24 марта 2021 г. Инструмент для удаления фона. Но вместо линии он печатает стрелку. Кисти — важная часть палитры инструментов Photoshop. Выбор №4: Luminar 4 от Skylum Оценка: 7,4 Последний из инструментов Photoshop для геометрических фигур и последний инструмент, который мы рассмотрим в этом уроке, — это инструмент «Линия». Но вместо линии он печатает стрелку. Получите логотип, дизайн логотипа, дизайн премиум-логотипа, дизайн брошюры, дизайн визитной карточки, дизайн упаковки, услуги по дизайну брошюры каталога, услуги по дизайну канцелярских товаров, веб-сайт, брошюру и многое другое со 100% гарантией возврата денег.GIMP или GNU Image Manipulation Program — это очень многофункциональный инструмент для редактирования фотографий и творчества, который может делать почти все, что умеет Photoshop, и включает в себя все, от популярного программного обеспечения Adobe до бесплатного программного обеспечения с открытым исходным кодом. Скачайте Photoshop здесь. Затем нажмите на место. Вы можете добавить горизонтальный или вертикальный текст или ввести текст вдоль фигуры или пути. Независимо от того, в какой версии Photoshop вы работаете, если вы получили это предупреждение, вам следует создать маску с прямыми острыми краями, которые представляют основную форму вашего объекта.Adobe Lightroom (официально Adobe Photoshop Lightroom) — это программное обеспечение для творческой организации изображений и обработки изображений, разработанное Adobe Inc. в рамках подписки Creative Cloud. Sketch был создан специально для создания веб-сайтов и приложений, поэтому … Сбой при использовании инструмента Artboard после изменения ширины или высоты на 100%. VI. Sketch заменил Photoshop в качестве инструмента дизайна пользовательского интерфейса, который выбирают многие веб-дизайнеры [Изображение: Bohemian Coding] (Изображение предоставлено: Bohemian Coding) Sketch Bohemian Coding — одна из наиболее широко используемых платформ веб-дизайна; это очень мощный векторный инструмент для совместного создания интерфейсов и прототипов.Поэтому я составил это руководство, которое ответит на все ваши вопросы об использовании RAM / памяти при редактировании изображений. Инструмент «Произвольная фигура». Начиная с Photoshop 2021, инструмент Line Tool теперь рисует фактические линии вместо длинных узких прямоугольников. Вы также можете попробовать вместо этого создать векторную маску и использовать инструмент «Перо», чтобы создать простую форму. Глядя на область панели инструментов, вы не найдете инструмент «Ластик для фона», потому что он скрыт в обычном инструменте «Ластик» в Photoshop. Последний из инструментов Photoshop с геометрическими фигурами и последний инструмент, который мы рассмотрим в этом уроке, — это инструмент Line Tool.Освоение Adobe Photoshop Elements 2021 Написано фотографом для фотографов Узнайте, как работает эта удивительная программа, узнайте о ее пяти режимах, ее функциях, наборе инструментов и широком спектре специальных эффектов — и, самое главное, о том, когда и где использовать каждый из них . Инструмент «Линия». Sketch заменил Photoshop в качестве инструмента дизайна пользовательского интерфейса, который выбирают многие веб-дизайнеры [Изображение: Bohemian Coding] (Изображение предоставлено: Bohemian Coding) Sketch Bohemian Coding — одна из наиболее широко используемых платформ веб-дизайна; это очень мощный векторный инструмент для совместного создания интерфейсов и прототипов.GIMP — одна из самых важных рекомендаций, которые вы бы прочитали для такого инструмента, как Photoshop, и не зря. GIMP. Для этого просто возьмите инструмент «Прямоугольник», щелкните правой кнопкой мыши свой логотип на холсте и выберите «Создать рабочий контур». Не беспокойтесь о мелких деталях, например о распущенных волосках. Скачайте Photoshop здесь. Инструмент нестандартной формы позволяет рисовать произвольные формы. Adobe Lightroom (официально Adobe Photoshop Lightroom) — это программное обеспечение для творческой организации изображений и обработки изображений, разработанное Adobe Inc. в рамках подписки Creative Cloud.Я использую Photoshop CC версии 20.0.1. Ознакомьтесь с Krita 2. 1. Шаг 2: Преобразуйте ваш выбор в рабочие пути. Инструмент «Рука» позволяет перемещаться в любую область изображения без случайного перетаскивания слоя объекта на слое. Photoshop 22.3.0: инструмент «Перо» не работает должным образом. Я только что обновил Photoshop до версии 22.3 (10 марта 2021 г.). Перейдите в Eraser Tool, нажмите правую кнопку (для Windows) или щелкните, удерживая Ctrl (для Mac). Ручной инструмент. Adobe Photoshop — безусловно, самая популярная программа для рисования. Он поставляется с множеством предварительно упакованных кистей, и в Интернете есть множество руководств, которые помогут любому научиться.. Вы можете добавить горизонтальный или вертикальный текст или ввести текст вдоль фигуры или пути. Перейдите в Eraser Tool, нажмите правую кнопку (для Windows) или щелкните, удерживая Ctrl (для Mac). Я просто пытаюсь провести с ним черту. Но даже с горой бесплатных руководств и руководств по рисованию в Photoshop вы все равно можете почувствовать себя немного не в своей тарелке. Вместо редактирования я попытался создать совершенно новый текстовый слой. Этот инструмент используется для рисования прямых линий, и вы можете добавить стрелку в начале или в конце линии. Этот инструмент имеет квадратный значок с серым градиентом и имеет ту же кнопку, что и инструмент «Ведро с краской».Например, я могу выделить какой-нибудь текст или даже просто нажать в текстовом разделе. Широкий спектр инструментов клонирования Photoshop является причиной многих как самых лучших, так и худших работ, созданных с помощью этого приложения. Adobe Photoshop Elements 2021 позволяет легко редактировать фотографии, снимать клипы и создавать мемы, чтобы делиться ими на своих любимых социальных сайтах. Твоя очередь! 2. Инструмент «Произвольная форма». Используйте предустановленные формы, такие как сердце или круг, следуйте… Таким образом, вы можете удалить пятна с изображения с помощью инструмента «Кисть». Используйте предустановленные формы, такие как сердце или круг, следуйте инструкциям… Инструмент «Историческая кисть»: уменьшите размер файла, чтобы уменьшить задержку кисти Photoshop.Когда я возвращаюсь к инструменту «Линия», он все еще рисует стрелку. Инструмент «Лечебная кисть»: давайте посмотрим, как работать с «Лечебной кистью». Для работы с этим инструментом выберите изображение с пятнами, как на изображении ниже. Но вместо линии он печатает стрелку. Инструмент «Произвольная фигура». Этот инструмент имеет квадратный значок с серым градиентом и имеет ту же кнопку, что и инструмент «Ведро с краской». В руках неосторожного художника клонирование Photoshop может иметь катастрофические последствия для достоверности результата. После того, как вы освоите уровни, пора перейти к инструменту, который, вероятно, является наиболее полезным для управления цветом и контрастом в Photoshop: кривые.Как и в случае с уровнями, вы должны поиграть с основной командой Curves, чтобы прочувствовать ее. Обратите внимание на Krita 2. Он доступен только при работе с различными инструментами формы, так что нам действительно нужно рассмотреть только два значка. Я не могу редактировать текстовый слой с неверной информацией. GIMP. Затем нажмите на место. Вы также можете попробовать вместо этого создать векторную маску и использовать инструмент «Перо», чтобы создать простую форму. Я знаю, что сказал, что есть два режима, в которых может работать Pen Tool, и все же, как будто для большей запутанности, есть три значка, но значок справа, который является значком заливки пикселей, неактивен и недоступен при работе с помощью Pen Tool.Инструмент «Рука» позволяет перемещаться в любую область изображения без случайного перетаскивания слоя объекта на слое. Уменьшите размер файла, чтобы уменьшить задержку кисти Photoshop. Sketch был создан специально для создания веб-сайтов и приложений, поэтому… Если вы работаете в старой версии Photoshop, кнопка «Уточнить волосы» недоступна в старых версиях. Эта статья знакомит с ** несколькими инструментами клонирования, доступными в Photoshop ** и… 2. Широкий спектр инструментов клонирования Photoshop является причиной многих самых лучших и худших работ, созданных с помощью этого приложения.Вы можете использовать их не только для рисования и раскрашивания, но также для стирания, клонирования и даже создания выделения и наложений. Кисти — важная часть палитры инструментов Photoshop. Инструмент «Линия». Скачайте Photoshop здесь. Я знаю, что сказал, что есть два режима, в которых может работать Pen Tool, и все же, как будто для большей запутанности, есть три значка, но значок справа, который является значком заливки пикселей, неактивен и недоступен при работе с помощью Pen Tool. Для этого просто возьмите инструмент «Прямоугольник», щелкните правой кнопкой мыши свой логотип на холсте и выберите «Создать рабочий путь».. Новая функция сверхвысокого разрешения Photoshop делает изображения больше, а не более размытыми. Увеличьте разрешение фотографий в четыре раза без потери качества. Вместо редактирования я попытался создать совершенно новый текстовый слой. В любом случае Photoshop будет на подиуме любого текущего обсуждения лучшего программного обеспечения для фотографии. Иногда бывает сложно определить, какой объем оперативной памяти (системной памяти) вам понадобится для работы в Photoshop, потому что необходимо учитывать множество факторов.
Календарь государственных школ Балтимора на 2021-2022 гг., Карта частот центра Сиэтла, Пример программного вируса, Подведомственность государственной полиции, Номер, на который вы звоните, недоступен, Акрон Тольятти Flashscore, Регистрация Westside Rec, Слова, начинающиеся с попытки, Удалить шум соли и перца Opencv Python,

Как нарисовать прямую линию в Adobe Photoshop

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

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

Но Photoshop также имеет множество инструментов, которые помогут вам добавить новые объекты к этому изображению, например, линию. В нашем уроке ниже мы обсудим, как нарисовать линию в Photoshop с помощью инструмента «Кисть».

Как нарисовать линию в Photoshop CC

  1. Откройте изображение в Photoshop.
  2. Щелкните инструмент Brush .
  3. Щелкните в том месте, где вы хотите начать линию.
  4. Удерживая нажатой клавишу Shift , щелкните конечную точку линии.

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

Как рисовать линии с помощью инструмента Photoshop «Кисть» (Руководство с изображениями)

Шаги, описанные в этой статье, были выполнены в Adobe Photoshop CC версии 20.0.1, но эти шаги почти идентичны почти во всех других версиях Photoshop.

Шаг 1. Откройте изображение в Photoshop.

Шаг 2. Выберите инструмент «Кисть» на панели инструментов в левой части окна.

Обратите внимание, что вы также можете просто нажать клавишу «B» на клавиатуре в Photoshop, чтобы автоматически переключиться на этот инструмент.

Шаг 3а (рисование горизонтальной линии): Удерживая нажатой клавишу

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

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

Шаг 3b (рисование прямой негоризонтальной линии): щелкните желаемую начальную точку, отпустите кнопку мыши, удерживайте нажатой клавишу

Shift , затем щелкните желаемую конечную точку линии.

Как изменить цвет, форму и размер линии в Photoshop

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

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

Часто задаваемые вопросы

Как нарисовать прямую линию в Photoshop?

Используя инструмент кисти, щелкнув начальную точку линии, затем, удерживая клавишу Shift и щелкнув конечную точку линии, вы сможете создать прямую линию в Photoshop.

Есть ли в Photoshop инструмент «Линия»?

Чтобы найти инструмент «Линия» в Photoshop, нажмите и удерживайте инструмент «Форма» на панели инструментов, а затем выберите параметр «Линия».

Как создать новый слой в Photoshop?

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

Как быстро переключиться на инструмент «Кисть» в Photoshop?

Когда ваше изображение открыто в Photoshop, вы можете нажать клавишу «B» на клавиатуре, чтобы сделать инструмент «Кисть» вашим текущим активным инструментом.

Есть ли в вашем файле Photoshop в дальнейшем текст, который неверен или нуждается в обновлении? Узнайте, как редактировать текст в Photoshop и изменять текстовый слой, который вы создали ранее.

Дополнительные источники

Мэтью Берли пишет технические руководства с 2008 года.Его сочинения появились на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Установите пользовательское содержимое вкладки HTML для автора на странице своего профиля

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

Пунктирные линии в уроке по фотошопу

В Photoshop до Photoshop CC всегда было сложно построить пунктирные линии. Этот урок покажет вам, как сделать пунктирные линии в любой версии Photoshop , а не только CC.

Давайте сначала посмотрим, как создавать пользовательские пунктирные линии в Photoshop CC, а затем перейдем к старой школе.

Ограничение метода CC состоит в том, что мы можем работать только с контурами или формами. Другими словами, векторы.

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

Шаг 1

Используется с инструментом «Перо» или набором инструментов произвольной формы для произвольных форм или контуров. В этом случае возьмите индивидуальную форму сердца и выберите Форма для опций

Я сделал индивидуальную форму сердца.

Шаг 2

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

Шаг 3

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

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

Другой метод создания пунктирных линий (Растровый / Старая школа)

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

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

Шаг 1

Выберите инструмент «Кисть». (B)

Откройте панель кистей (F5) или Window> Brushes

Step 2

Давайте изменим некоторые настройки

Я выбрал 5 для размера. Очевидно, что чем больше размер, тем больше точки

Важно установить жесткость кисти

Установите интервал на 150% — Больше, чтобы увеличить промежуток между точками

Шаг 3

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

Step 4

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

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

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

Будьте в курсе!

CS6 Superguide

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


Рисование с фигурами в Photoshop Elements 4


Эта книга выдержка из фотошопа Elements 4: The Missing Manual — эксклюзив для Indezine. с разрешения O’Reilly Media, Inc.

Барбара Брандадж , автор книги был членом предварительных выпусков групп Adobe для Elements 3 и 4.

Отрывки, выбранные для публикации на Indezine, призваны показать насколько легко создавать графические элементы с фигурами в Photoshop Elements 4.

Мы хотим поблагодарить Theresa Pulido и Dawn Mann за облегчение разрешение на извлечение.



Рисование с фигурами
Прямоугольник и прямоугольник со скругленными углами
Эллипс
Многоугольник
Инструмент линии

Продолжение на странице 2 …


Рисунок с фигурами

Вау, столько вариантов кистей и еще Adobe не сделано — есть еще один способ рисовать в элементах. Elements включает инструмент Shape, который позволяет рисовать геометрически совершенные формы вне зависимости от ваших художественных способностей.И не просто формы, такие как круги и прямоугольники. Вы можете рисовать животных, растения, звездообразования, рамы для картин, разные вещи, как показано в Рисунок 11-20 . Этот инструмент должен понравиться любой, чьи школьные шедевры всегда казались на стене где-то за пианино.


Рисунок 11-20:
Вот лишь несколько форм, которые вы можете рисовать с Элементами, даже если ты завалил художественный класс в Начальная школа. Эти объекты выглядят намного больше впечатляет, как только ты слейте их с помощью Layer стили.

Превратите себя в художника с помощью Elements ’Shape инструмент прост. Просто следуйте эти шаги:

  1. Откройте изображение или создайте новое .

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

  2. Активируйте инструмент «Форма» .

    Щелкните инструмент Фигура на панели инструментов или нажмите клавишу U. Инструмент Фигура иногда бывает немного сбивает с толку новичков в Elements, потому что значок отражает форма активный в данный момент, поэтому вы можете увидеть прямоугольник, многоугольник или линия для экземпляр.Маленький мультяшный речевой шар нестандартной формы инструмент — это значок Elements изначально представляет вам.
  3. Выберите тип фигуры, которую хотите нарисовать .

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

  4. Настройте параметры на панели параметров .

    Выберите цвет, щелкнув цветной квадрат на панели параметров. или используйте передний план цвет (стр.184). Если щелкнуть цветной квадрат панели параметров, вы видите Палитра цветов (стр. 185). Если щелкнуть стрелку вправо площади, вы вместо этого получите палитру «Образцы цвета» (стр. 189).

    Если у вас есть особые требования, например, прямоугольник, ровно 1 «× 2», нажмите стрелка рядом с миниатюрой формы для палитры параметров формы и войдите в размер вашей формы.

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

  5. Перетащите изображение, чтобы нарисовать фигуру .

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

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

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

Вы также можете превратить любую фигуру из векторного изображения (бесконечное изменение размера) в растр изображение (нарисованное пиксель за пикселем), нажав кнопку Упростить на панели параметров.Поле «Растеризация векторных фигур» на странице 304 сообщает ты все, что тебе нужно знать разницу между векторными и растровыми изображениями.

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

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

Задний


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

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

  • Без ограничений: Выберите Без ограничений, чтобы нарисовать прямоугольник любых размеров ты хочешь. То, как вы перетаскиваете, определяет пропорции вашего форма.
  • Квадрат: Чтобы нарисовать квадрат вместо прямоугольника, щелкните этот переключатель кнопка перед вы начинаете, или просто удерживайте клавишу Shift при перетаскивании.
  • Фиксированный размер: Этот параметр заставляет элементы рисовать вашу форму по размеру вы указываете.Просто введите нужные размеры в дюймах, пикселях, или сантиметры.
  • Пропорционально: Используйте эту настройку, если вам известны пропорции, которые вы хочу твой прямоугольник иметь, но не точного размера. Просто введите пропорции. Итак, если вы войдете длина 2 и высота 1, независимо от того, где вы перетащить, форма всегда вдвое длиннее, чем она выше.
  • From Center: Этот параметр позволяет рисовать фигуру из ее центра вместо из угла. Это полезно, когда вы точно знаете, где тебе нужна форма, но не уверены, насколько он должен быть большим.
  • Привязка к пикселям: Этот параметр гарантирует, что край вашего прямоугольник падает ровно на краю пикселя. Вы станете более четкими края с включенным. Доступно только для прямоугольников и Инструменты прямоугольника со скругленными углами.

Большинство инструментов «Форма» имеют аналогичные параметры. Закругленный прямоугольник есть один вариант, тем не менее: Радиус. Радиус — это сумма, в пикселях, что углы округляются. Более высокое число означает большее округление.

Задний


Эллипс

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

Задний


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

С помощью этого инструмента можно нарисовать любой многоугольник. Вы устанавливаете количество сторон на панели параметров.

Параметры формы в раскрывающемся меню панели параметров немного разные для этого инструмент:

  • Радиус: Этот параметр устанавливает расстояние от центра к крайним точкам.
  • Гладкие углы: Если вам не нужны острые края на углы, выберите Smooth Углы.
  • Звезда: Этот параметр инвертирует углы для создания звездообразной формы, как показано в Рисунок 11-21 .
  • Отступ сторон: Если вы рисуете звезду, это устанавливает сколько (в процентах) ты хотите, чтобы стороны имели отступ.
  • Smooth Indent: Используйте Smooth Indent, если вы не хотите резкого углы на твоих звезда.

Задний


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

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

  • Начало / конец: Вы хотите, чтобы стрелка в начале или конец строки вы рисовать? Сообщите Elements о своих предпочтениях с помощью этой настройки.
  • Ширина и длина: Этот параметр определяет, как широкий и как долго ты хочешь стрелка быть. Единица измерения — процент ширины линии, поэтому, если вы введете число меньше 100, стрелка уже, чем линия, к которой он прикреплен.Вы можете выбрать значения между 10 процентов и 5000 процентов.
  • Вогнутость: Используйте этот параметр, если хотите, чтобы стороны стрелки с отступом. В число определяет величину кривизны на самом широком часть наконечника стрелы. См. Рисунок 11-22 . Выберите настройку от -50 процентов. и +50 процентов.

Совет: Также доступны стрелки в инструменте Custom Shape, если вы хотите что-то более интересное.


Рисунок 11-21:
Вверху: шестиугольник, нарисованный с помощью инструмента «Форма».

Внизу: При включении опции «Звезда» углы инвертируются. а многоугольник, поэтому вместо рисования шестиугольника вы создаете а звезда.


Рисунок 11-22: Две стрелки, нарисованные с помощью инструмента «Линия».

Слева: Стрелка без вогнутость.

Справа: Стрелка с вогнутостью 50 процентов. Оба стрелки имеют К ним применены стили слоя, чтобы они не выглядели так плоский. Ты можешь читать подробнее о том, как это сделать, в следующей главе.

Задний

Продолжение на странице 2 …

Авторские права © 2006 O’Reilly Media, Inc. Все права защищены.


Произошла ошибка при настройке вашего пользовательского файла cookie

Произошла ошибка при настройке вашего пользовательского файла cookie

Этот сайт использует файлы cookie для повышения производительности. Если ваш браузер не принимает файлы cookie, вы не можете просматривать этот сайт.

Настройка вашего браузера для приема файлов cookie

Существует множество причин, по которым cookie не может быть установлен правильно.Ниже приведены наиболее частые причины:

  • В вашем браузере отключены файлы cookie. Вам необходимо сбросить настройки своего браузера, чтобы он принимал файлы cookie, или чтобы спросить вас, хотите ли вы принимать файлы cookie.
  • Ваш браузер спрашивает вас, хотите ли вы принимать файлы cookie, и вы отказались. Чтобы принять файлы cookie с этого сайта, нажмите кнопку «Назад» и примите файлы cookie.
  • Ваш браузер не поддерживает файлы cookie. Если вы подозреваете это, попробуйте другой браузер.
  • Дата на вашем компьютере в прошлом. Если часы вашего компьютера показывают дату до 1 января 1970 г., браузер автоматически забудет файл cookie. Чтобы исправить это, установите правильное время и дату на своем компьютере.
  • Вы установили приложение, которое отслеживает или блокирует установку файлов cookie. Вы должны отключить приложение при входе в систему или проконсультироваться с системным администратором.

Почему этому сайту требуются файлы cookie?

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

Что сохраняется в файле cookie?

Этот сайт не хранит ничего, кроме автоматически сгенерированного идентификатора сеанса в cookie; никакая другая информация не фиксируется.

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

.

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *