Как сделать трапецию в фотошопе

автор: admin
12.09.2023

Как нарисовать трапецию в фотошопе

Вы также можете при необходимости дополнительные стили.

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

Чтобы создать равнобедренную трапецию с двумя равными длинами / углами в Illustrator: 1. Выберите Pen Tool (P). Нарисуйте две параллельные линии разной длины. Нарисуйте их идеально горизонтально, удерживая клавишу Shift. 2. Используя инструмент «Выделение» (V), разведите линии на расстояние по вашему выбору. 3. С помощью инструмента «Выделение» (V) перетащите, чтобы выделить обе линии. В верхней части окна на панели управления наведите курсор на кнопки, пока не найдете горизонтальный центр выравнивания, и щелкните его. Линии теперь должны быть центрированы относительно друг друга. 4. Наконец, у вас есть два варианта добавления в две строки одинаковой длины: а. Выделив обе параллельные линии, используйте команду «Соединение», дважды нажав Ctrl + J или выбрав «Объект»> «Путь»> «Объединить дважды», чтобы создать две линии. б. Используя Pen Tool (P), соедините концы двух линий с каждой стороны.

Теперь у вас должна быть полная равнобедренная трапеция, которую можно вращать и трансформировать с помощью инструмента «Выделение» (V).

Как нарисовать трапецию в фотошопе

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

Главная
Иллюстратор
Обсуждения
Как сделать трапеции?

Скопировать ссылку в буфер обмена

Я новичок в Illustrator и не могу найти хороший способ создания трапеций (что мне придется делать часто). Я пробовал использовать инструмент «Линия» и рисовать каждую ногу до нужных мне размеров, но это не очень просто и неэффективно. Я также попытался сделать прямоугольник, а затем, используя инструмент Sheer, наклонить ноги по мере необходимости. Этот способ очень ограничен, так как вы не можете наклонять ноги в противоположных направлениях, а две стороны должны быть параллельны друг другу.

Есть ли лучший способ сделать это?

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

1 правильный ответ

Нарисуйте прямоугольник. Переключитесь на инструмент полого (прямого) выбора. Перетащите выделение на 2 угла прямоугольника (2 выбранные векторные точки будут сплошными, полые не выделены и останутся неподвижными) Переключитесь на инструмент масштабирования, удерживайте нажатой клавишу SHIFT и масштабируйте. При необходимости сдвиньте выделение

Скопировать ссылку в буфер обмена

Извините, я использую CS5.

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

Скопировать ссылку в буфер обмена

1. Инструмент «Прямоугольник». Нарисуйте прямоугольник.

2. Белый указатель. Отменить выбор. Нажмите на сторону (не на anchorPoint).

3. Масштабируйте выделение.

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

Скопировать ссылку в буфер обмена

Идеальный мужчина! Большое спасибо.

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

Скопировать ссылку в буфер обмена

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

Если удерживать Shift при перетаскивании, то при горизонтальном перетаскивании горизонтальная линия не изменит угол

и то же самое по вертикали.

Вот небольшое видео. Хотя описанный выше метод хорош, он может быть не тем, что вы искали…

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

Скопировать ссылку в буфер обмена

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

Скопировать ссылку в буфер обмена

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

1a) Создайте прямоугольник длиной, равной верхнему сегменту:

1b) Прямой выбор нижнего правого угла, Ctrl/Cmd+Shift+M и применение значения,

1c) Повторите 1b) для нижнего левого угла со знаком -.

2a) Создайте прямоугольник длиной с нижний сегмент:

2b) Прямой выбор левого верхнего угла, Ctrl/Cmd+Shift+M и применение значения,

2c) Повторите 2b) для правого верхнего угла со знаком -.

3a) Создайте прямоугольник длиной, равной среднему значению верхнего и нижнего сегментов:

3b) Прямой выбор нижнего правого угла, Ctrl/Cmd+Shift+M и применение значения,

3c) Direct Выберите левый верхний угол и Ctrl/Cmd+D, чтобы просто повторить 3b).

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

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

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

Надеюсь, это решит вашу дилемму. Если хочешь, я могу построить тебе один.

P.s. В настоящее время я создаю курс по фотошопу, если вы хотите получать уведомления; напишите мне в личку

Спасибо и да, с удовольствием приму участие.

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

Включите линейки и перетащите две горизонтальные направляющие на расстоянии 12 см друг от друга, чтобы помочь вам (возможно, две вертикальные направляющие также на расстоянии 17 см друг от друга). Затем с помощью инструмента «Перо» создайте слой-фигуру (возможно, просто контур, если он вам нужен для чего-то другого), который представляет собой линию длиной 17 см (две точки) вдоль одной из двух горизонтальных направляющих. Свободное преобразование (поворот) линии с точкой вращения, установленной на одном из концов, пока верх/низ не выровняются с направляющими (если вы рассчитали необходимый угол — 45 градусов? — вы могли бы ввести его вместо этого и не нуждаться в направляющих) . Дублируйте и отразите линию, затем используйте инструмент «Перо», чтобы соединить концы. Используйте инструмент прямого выбора, чтобы настроить ширину фигуры по мере необходимости.

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

1) Я создаю горизонтальный прямоугольник. 2) Я выбираю 2 верхние опорные точки, используя Direct Select, белую стрелку (A), удерживая Shift. 3) Если я двигаю их, они двигаются так же, образуя параллелограмм.

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

3 ответа 3

инструмент масштабирования

Создать прямоугольник
Выделите две верхние опорные точки с помощью белого инструмента прямого выделения.
Выберите инструмент «Масштаб».
Перетащите влево и вправо, чтобы изменить масштаб только верхней строки. Он автоматически ограничивается только горизонтальным масштабированием.
1. Выберите меню «Объект > Трансформировать > Масштаб».
2. Введите процентное значение — не имеет значения, используете ли вы Равномерное или Горизонтальное, опять же, только выбранные опорные точки будут перемещаться по горизонтали.
Это не работает с диалоговым окном Transform Each, которое всегда влияет на весь объект.

Интернет-справка предлагает использовать панель «Преобразование» в качестве третьего варианта, но, опять же, похоже, что это всегда работает для всего объекта. Жаль, потому что это, кажется, единственная панель, где вы можете ввести значение измерения вместо процента.

Чтобы создать равнобедренную трапецию с двумя равными длинами/углами в Illustrator:

1. Выберите инструмент «Перо» (P). Нарисуйте две параллельные линии разной длины. Нарисуйте их ровно горизонтально, удерживая нажатой клавишу Shift.

2. Инструментом «Выделение» (V) раздвиньте линии на нужное расстояние.

3. Инструментом «Выделение» (V) перетащите, чтобы выделить обе линии. В верхней части окна на Панели управления наведите указатель мыши на кнопки, пока не найдете Центр выравнивания по горизонтали, и щелкните его. Теперь линии должны быть центрированы относительно друг друга.

4. Наконец, у вас есть два варианта добавления двух строк одинаковой длины:

а. Выделив обе параллельные линии, используйте команду «Соединить», дважды нажав Ctrl + J или дважды выбрав «Объект» > «Контур» > «Соединить», чтобы создать две линии.

б. Инструментом «Перо» (P) соедините концы двух линий с обеих сторон.

Теперь у вас должна получиться полная равнобедренная трапеция, которую можно вращать и трансформировать с помощью инструмента «Выделение» (V).

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

Инструмент Photoshop Shape Tool позволяет рисовать векторные фигуры в Photoshop. Они настолько хороши, что вам не нужно переключать его аналог, Adobe Illustrator, на векторное рисование, если только вам не нужна какая-то конкретная функция. Этот урок для начинающих покажет вам, как использовать инструмент формы с нуля. В конце мы создадим простой проект рисования простого дерева с помощью Инструментов формы.

Предварительный просмотр

Вот векторное дерево, которое мы нарисуем с помощью инструментов Shape Tools.

Шаг 1

Лучший способ научиться пользоваться инструментами – это попрактиковаться. Во-первых, мы собираемся создать новый файл. Вы можете нажать кнопку «Создать» на главной странице или выбрать «Файл» > «Создать». Не нужно беспокоиться о размере файла, подойдет что угодно.

Шаг 2

Вы можете активировать инструменты формы из панели инструментов. Нажмите и удерживайте, чтобы открыть все инструменты формы. Вы можете использовать ярлык U и нажать Shift + U, чтобы прокрутить все инструменты формы. На панели параметров выберите «Форма», чтобы сохранить созданную фигуру как слой векторной формы. Если вы выберете Path, фигура будет векторным путем. Если вы выберете «Пиксели», результатом будет пиксельный рисунок на активном слое. Для этого урока давайте выберем форму.

Шаг 3. Рисование фигуры

Чтобы нарисовать фигуру, просто нажмите и перетащите кнопку мыши. Если вы удерживаете Shift, вы можете ограничить прямоугольник. Если вы удерживаете Alt, вы будете рисовать от центра к краям. Удерживайте Alt и Shift для достижения обоих. На изображении ниже показан результат использования инструмента «Прямоугольник». Он также работает с инструментами «Прямоугольник со скругленными углами», «Эллипс» и «Многоугольник».

Шаг 4

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

Шаг 5

То же самое относится к инструменту «Прямоугольник со скругленными углами» и другим инструментам «Форма».

Шаг 6. Изменение формы

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

Шаг 7

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

Шаг 8

Форма прямоугольника на самом деле представляет собой прямоугольник со скругленными углами и радиусом закругления 0. Если вы хотите, чтобы Радиус скругления был неравномерным, щелкните значок цепочки.

Шаг 9

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

Шаг 10. Заливка и обводка

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

Шаг 15

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

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

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

Шаг 17

Выберите «Объединить фигуры», чтобы добавить новую фигуру к существующей. Попробуйте следующие три варианта, чтобы увидеть результат.

Шаг 18

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

Шаг 19

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

Шаг 20

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

Шаг 21. Выровняйте и распределите фигуры

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

Шаг 22

Конечно, есть инструмент «Линия» для рисования линии. Очень прост в использовании, просто установите толщину линии на панели инструментов. Нажмите и перетащите, чтобы нарисовать линию.

Шаг 23. Инструмент «Линия»

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

Шаг 24

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

Шаг 25. Инструмент пользовательской формы

И последнее, но не менее важное: у нас есть инструмент Custom Shape. В раскрывающемся меню параметров инструмента выберите фигуру, которую хотите нарисовать. Нажмите и перетащите, чтобы нарисовать фигуру. Удерживайте клавишу Shift, чтобы ограничить его пропорции.

Шаг 26

Форму можно изменить с помощью инструмента «Частичное выделение». Нажмите и перетащите, чтобы выбрать опорные точки. Затем вы можете переместить их в соответствии со своими потребностями.

Шаг 27. Рисование векторного дерева

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

Шаг 28

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

Шаг 29

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

Шаг 30

Убедитесь, что фигура выделена, а затем нажмите «Правка» > «Копировать» или Ctrl + C. Мы собираемся объединить эту фигуру с другими листьями на следующих этапах.

Шаг 31

Нарисуйте еще один лист из эллипсов. На этот раз цвет должен быть светлее.

Шаг 32

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

Шаг 33

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

Шаг 34

Мы собираемся повторить процесс еще раз. Нарисуйте несколько эллипсов светло-зеленым цветом. Объединить их все.

Шаг 35

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

Шаг 36

Нарисуйте несколько кругов в виде фруктов.

Шаг 37

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

Шаг 38

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

Заключение

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

Как нарисовать трапецию в фотошопе

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

Сложность урока: Легкий

В прошлом уроке мы научились работать с фигурами и слоями фигур в программе 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 работает с гораздо большим количеством произвольных фигур, чем то ограниченное количество, которое предоставлено нам изначально. Нам просто необходимо загрузить дополнительные фигуры в палитру. Мы можем сделать это, открыв палитру фигур на панели настроек и нажав на маленькую стрелку в правом верхнем углу палитры:

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

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

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

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

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

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

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

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

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

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

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

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

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

Узнайте, как в Photoshop работать с инструментом «Прямоугольник».

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

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

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

Настройте свойства фигуры инструмента «Прямоугольник»

На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- «Режим»: задайте режим для инструмента «Прямоугольник» — «Фигура», «Контур» и «Пиксели».
- «Заливка»: выберите цвет заливки прямоугольной фигуры.
- «Обводка»: выберите цвет, ширину и тип обводки фигуры.
- «Ширина обводки»: вручную укажите ширину обводки прямоугольника.
- Stroke type (Тип обводки): выберите тип обводки для построения прямоугольника.
- Shape W&H (Ш и В фигуры): вручную задайте ширину и высоту фигуры.
- «Операции с контуром»: используйте операции с контуром для настройки взаимодействия нарисованных прямоугольников друг с другом.
- «Выравнивание контура»: используйте этот параметр для выравнивания и распределения прямоугольников.
- «Упорядочение контура»: используйте этот параметр для настройки порядка расположения создаваемых прямоугольников.
- Дополнительные параметры фигур и контуров: щелкните значок шестеренки () для доступа к дополнительным параметрам прямоугольных фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при построении прямоугольника.
- Radius of rounded corners (Радиус скругления углов): вручную задайте радиус скругления углов прямоугольника.
Щелкните холст, чтобы вызвать диалоговое окно «Создание прямоугольника». В этом диалоговом окне можно вручную задать размер, радиусы углов прямоугольника и выбрать выравнивание по центру. Для применения изменений нажмите кнопку «ОК». Разместите и перетащите указатель мыши на холсте, чтобы нарисовать прямоугольник. При этом автоматически создается новый слой на панели «Слои».

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

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

Выполните эти быстрые действия для создания фигур в Photoshop:

Выберите инструмент «Фигура»

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

Настройка параметров инструментов группы «Фигура»

На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- Режим : задайте режим для инструмента «Фигура» — Фигура, Контур и Пиксели .
- Заливка : выберите цвет заливки фигуры.
- Обводка : выберите цвет, ширину и тип обводки фигуры.
- Ш и В : вручную задайте ширину и высоту фигуры.
- Операции с контуром : используйте операции с контуром для настройки взаимодействия фигур друг с другом.
- Выравнивание контура : используйте этот параметр для выравнивания и распределения компонентов фигуры.
- Упорядочение контура : используйте этот параметр для настройки порядка расположения создаваемых фигур.
- Дополнительные параметры фигур и контуров : щелкните значок шестеренки () для доступа к дополнительным параметрам фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при рисовании фигур.
Чтобы нарисовать фигуру, выберите нужный инструмент группы «Фигура», затем щелкните кнопку мыши и перетащите указатель мыши на холсте. При этом автоматически создается новый слой-фигура на панели «Слои».
- Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
- Выбрав слой-фигуру, используйте инструмент Перемещение , чтобы перемещать фигуру и менять ее расположение на холсте.
- Чтобы легко масштабировать, трансформировать или поворачивать фигуру, выберите Редактирование > Свободное трансформирование или нажмите клавиши Control+T (Win) / Command+T (Mac).
Редактирование свойств фигуры

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

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

Щелкните значок сброса () на панели «Свойства», чтобы сбросить сразу все изменения.

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

Используйте диалог «Создание фигуры» (в приведенном выше примере это «Создание прямоугольника») для изменения параметров.

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

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

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

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

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

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

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

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

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

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

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

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

Эллипс

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

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

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

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

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

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

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

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

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

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

Для исправления перспективы в этом уроке мы будем использовать фильтр Photoshop CS6 «Lens Correction», в официальной русской версии он переведён почему-то как «Коррекция дисторсии».

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

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

А вот как будет выглядеть исправленная фотография:

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

Теперь, когда мы работаем над копией изображения, давайте применим к неё фильтр «Коррекция дисторсии» (Lens Correction). Открывается он через меню «Фильтр»:

Выравнивание изображения по горизонтали

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

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

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

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

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

Исправление подушкообразного и бочкообразного искажения

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

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

В Photoshop имеется несколько способов устранения подушкообразных и бочкообразных искажений, простейший и эффективный — воспользоваться инструментом «Удаление искажения» (Remove Distortion), иконка которого находится в левом вернем углу диалогового окна фильтра «Коррекция дисторсии»:

Если вы всё-таки переусердствовали с исправлением, введите в окошко над ползунком значение 0 (ноль).

Исправление трапецеидальности

В нижней части колонки, расположенной в правой части диалогового окна, имеется раздел «Перспектива» (Transform), где находится опция «По вертикали» (Vertical Perspective), и все, что нам нужно сделать, чтобы для исправления, это перетащить слайдер опции «По вертикали влево или вправо. Для изображений, где здание выглядит наклонённым внутрь снимка, следует перетащить ползунок влево. В процессе перетаскивания вы увидите, как изображение в области предварительного просмотра постепенно наклоняется вперед. Чем дальше вы будете перетаскивать ползунок, тем сильнее изображение будет наклоняться, при этом стороны здания как бы сами будут выпрямляться. Смотрите на стороны здания и сравнивайте их положение с вертикальными линиями в сетке. Когда линии сетки и положение сторон здания станут параллельно друг другу, исправление трапецеидального искажения закончено:

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

Применение «Свободной Трансформации» (при необходимости)

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

Обрезка изображения

Photoshop CS6, в отличии от версий ниже, самостоятельно размещает исправленное изображение в кадре, так что обрезка не требуется.

Как сделать трапецию в фотошопе

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

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

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

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

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

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

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

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%).
  У первой линии все галочки сняты, ширина — 500%, длина — 1000%, толщина — 2 пиксела.
  
  У второй линии все тоже самое, но стоит галочка у -начало- и кривизна — 5%.
  
  У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.
  
  У четвертой линии стоят обе галочки, ширина — 500%, длина — 1000%, кривизна — 15%, толщина — 5 пикселов.
  
  Ко всем применен стиль.
  
  Рисуем произвольные фигуры
  
  Выберем фигуру — произвольная фигура. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:
  
  Рисуем несколько фигур в одном слое
  
  Принцип здесь такой же, как и с инструментами прямоугольного выделения (на первом уроке мы делали нестандартную область выделения, применяя инструменты на панели параметров: добавить к выделению, вычесть из выделения и т.д.). Такие же инструменты есть и на панели параметров фигур.
  
  Например, создайте фигуру прямоугольник, теперь на панели параметров щелкните по иконке «добавить к области фигуры», а теперь выберите фигуру эллипс. Подведите курсор мыши к верхней границе нашего прямоугольника, нажмите левую клавишу мыши и, не отпуская, растяните эллипс. Должно получится примерно так:
  
  Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура —
  
  Подведите курсор к границе эллипса и, удерживая нажатой левую кнопку мыши, перетащите эллипс куда следует. Используя все эти инструменты, можно рисовать фигуры различной сложности.
  
  Сохраняем фигуры
  
  Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.
  
  Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.
  
  Программа Adobe Photoshop широко используется для работы с изображениями , предоставляя действительно широкий спектр возможностей. Большинство пользователей применяют Фотошоп для ретуши фото , но, помимо этого, программа позволяет создавать: рисунки, картины, графику — разной степени сложности. В Photoshop имеется несколько инструментов, предназначенных для создания рисунков. Первым делом необходимо научиться рисовать простейшие элементы вроде треугольников, линий, эллипсов и прочего, так как они используются очень часто при создании разного рода рисунков. В этой статье подробно рассмотрим, как нарисовать в Фотошопе простейшие фигуры. Давайте разбираться. Поехали!
  
  Постигаем азы компьютерной графики
  
  Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:
  - «Прямоугольник»;
  - «Прямоугольник со скруглёнными углами»;
  - «Эллипс»;
  - «Многоугольник»;
  - «Линия»;
  - «Произвольная фигура».
  Редактор предлагает несколько классических и произвольных форм
  
  Всего существует три режима рисования:
  1. Создаётся новая фигура, для которой можно сделать слой-заливку или векторную маску.
  2. Создаётся контур фигуры и закрашивается каким-либо цветом.
  3. Пиксельный режим. В этом случае изображения получаются растровыми, а не векторными.
  Для каждой выбранной фигуры задаются геометрические параметры, иначе говоря — пропорции. Чтобы нарисовать прямоугольник, выберите соответствующий инструмент, установите необходимые настройки контуров и цвет заливки. А теперь просто установите курсор в той точке листа, с которой хотите начать рисовать. Зажав левую кнопку мыши, растягивайте прямоугольник так, как нужно.
  
  Нет ничего проще, чем провести линию . Для этого применяется одноимённый инструмент.
  
  Для круга используйте клавишу Shift либо меню дополнительных настроек
  
  Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.
  
  Рисуем красивую композицию стандартными средствами
  
  Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно — выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.
  
  Стрелки в начале или конце можно задать в свойствах инструмента
  
  Рассмотрим, как нарисовать стрелку в Photoshop. Сделать это можно двумя способами. Первый заключается в том, что нужно выбрать инструмент «Линия», затем в окне параметров отметить, с какой стороны линии будет находится стрелка (в начале, либо в конце), далее нужно задать толщину стрелки в пикселях. Поставьте курсор в нужную точку и начните растягивать линию мышкой. Второй способ — выберите «Произвольная фигура». На верхней панели есть таблица с шаблонами, среди них есть и стрелка.
  
  Шаблоны, идущие в обычной комплектации приложения
  
  Теперь вы знаете, как добавить простейшие геометрические фигуры в Photoshop. Как вы можете убедиться нет ничего проще. Пишите в комментариях была ли полезной для вас эта статья и задавайте любые интересующие вопросы по рассмотренной теме.
  
  Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.
  
  Создайте новый файл для тренировки.
  
  Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:
  
  Здесь представлены основные фигуры, которыми мы можем воспользоваться. Выберете любую и посмотрите на панель параметров:
  
  Для любой фигуры можно выбрать:
  - режим рисования:
    - Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».

Добавить комментарий Отменить ответ