Как нарисовать трапецию в фотошопе
Автопредложение помогает быстро сузить результаты поиска, предлагая возможные совпадения по мере ввода.
- Главная
- Иллюстратор
- Обсуждения
- Как сделать трапеции?
Скопировать ссылку в буфер обмена
Я новичок в 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
- Создать прямоугольник
- Выделите две верхние опорные точки с помощью белого инструмента прямого выделения.
- Выберите инструмент «Масштаб».
- Перетащите влево и вправо, чтобы изменить масштаб только верхней строки. Он автоматически ограничивается только горизонтальным масштабированием.
- Выберите меню «Объект > Трансформировать > Масштаб».
- Введите процентное значение — не имеет значения, используете ли вы Равномерное или Горизонтальное, опять же, только выбранные опорные точки будут перемещаться по горизонтали.
Это не работает с диалоговым окном 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. Надеюсь, вам понравилось это руководство, и вы узнали из него одну или две вещи.
Как сделать трапецию в фотошопе
Коррекция перспективы Photoshop — исправление трапецеидальных искажений
Вы, наверное замечали, что при фотосъёмке зданий с некоторых ракурсов, здания получаются как бы наклонёнными назад? Это искажение перспективы называется трапецеидальным искажением и вызвано наклоном фотокамеры вверх, т.к. съёмка ведётся снизу здания (понятно, что фотокамера направлена вверх для того. чтобы в объектив поместилось всё здание, а не только нижняя его часть).
Для исправления перспективы в этом уроке мы будем использовать фильтр 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, в отличии от версий ниже, самостоятельно размещает исправленное изображение в кадре, так что обрезка не требуется.
Как нарисовать трапецию в фотошопе: Как сделать трапецию в фотошопе
В этом уроке вы узнаете пять различных способов, как быстро нарисовать трапецию, используя такие инструменты, как «Основные фигуры», «Форма», «Прямоугольник», а также освоите различные команды для преобразований в CorelDRAW.
Активируем инструмент «Основные фигуры». Выбираем подгруппу «Правильные фигуры». В мини–библиотеке, которая появилась на панели свойств, выбираем нужную фигуру и рисуем ее на рабочем листе документа.
После активирования инструмента «Основные фигуры», на панели свойств появится список правильных фигур.
В левом верхнем углу нарисованной трапеции появляется красный маркер в форме ромба. Этот маркер называется глифом. Вид трапеции или любой другой фигуры из группы основных фигур изменяется, путем перетаскивания глифа инструментом «Форма». При наведении инструмента на глиф, курсор изменится и глиф можно будет переместить.
Активируем инструмент «Прямоугольник» и рисуем произвольный прямоугольник. Выделяем его и в меню «Эффекты» выбираем пункт «Добавить перспективу».
Инструментом «Форма» перемещаем верхние маркеры на одной из сторон прямоугольника. Можно перемещать и точку схождения перспективы, добиваясь нужного наклона сторон трапеции. Перемещая маркеры перспективы, или изменяя положение точки схода легко добиться нужного эффекта.
После применения эффекта перспективы, в статусной строке программы появится информация о том, что к объекту был применен эффект перспективы. Можно сразу же преобразовать объект с примененным эффектом в простую кривую командой меню «Объект» > «Преобразовать в кривую». Форма объекта будет сохранена.
Способ третий.
«Конструктор».
Инструментом «Прямоугольник» рисуем основной объект — квадрат или прямоугольник.
Удерживаем во время рисования инструментом «Прямоугольник клавишу Сtrl – рисуем квадрат.
Удерживаем во время рисования клавишу «Shift» – рисуем прямоугольник не от угла, а от центра.
Удерживаем во время рисования обе клавиши Сtrl+Shift – рисуем квадрат от центра.
Выставляем по сторонам прямоугольника (квадрата) направляющие. Включаем «привязку к направляющим». Это можно сделать соответствующей командой меню «Вид» > «Привязать к» > «Направляющим».
Рисуем еще два одинаковых прямоугольника, с высотой, соответствующей высоте базового основного прямоугольника. Размещаем эти объекты слева и справа от основного, базового прямоугольника вплотную к нему. Поскольку включен режим привязки к направляющим, то не составит большого труда правильно расположить объекты.
Преобразуем левый и правый прямоугольники в кривые, командой «Объект» > «Преобразовать в кривую» или используя комбинацию клавиш «Ctrl+ Q».
Инструментом «Форма» удаляем по одному углу во вспомогательных прямоугольниках.Выделяем инструментом выбора все три фигуры и применяем команду меню «Объект» > «Формирование» > «Объединение» или нажимаем на кнопку этой же команды на панели свойств.
Так выглядит фигура после объединения.
Способ четвертый. «Рисование по сетке или направляющим».
Сначала включаем режим отображения сетки документа. Это можно сделать командой меню «Вид»> «Сетка»> «Сетка документа» либо включить на съемной панели быстрого вызова команд меню.
На этой же панели находится и кнопка включения различных режимов привязки, включаем режим привязки «сетка документа».
Теперь можно активировать инструмент «Прямая через две точки» и рисовать трапецию нужного размера.
Узлы фигуры будут надежно привязаны к узлам сетки документа. Не забудьте проверить включен ли режим автоматического замыкания полученной кривой.
Кстати, если режим привязки к сетке включен, а сама сетка документа невидима, то во время рисования фигуры сохранится способность притяжения к сетке и фигура будет нарисована именно по сетке.
Точно таким же образом можно нарисовать трапецию или любую другую сложную фигуру, используя привязку к направляющим. Сначала выставляются направляющие по размеру будущей фигуры, затем включается режим привязки к направляющим и рисуется собственно фигура.
Наверное, самый простой способ рисования трапеции – преобразовать в нее обычный прямоугольник. Сначала придется просто преобразовать прямоугольник в кривую (комбинация клавиш «Ctrl+Q») и, затем, поочередно инструментом «Форма» переместить два параллельных узла на нужное расстояние.
Для точности удобно воспользоваться направляющими и включить соответствующий режим привязки.
Таким способом легко рисовать самые разнообразные трапеции – остроугольные, тупоугольные, прямоугольные.
А вот если необходимо нарисовать равнобедренную трапецию, лучше применить способ симметричного перемещения узлов. Рисуем прямоугольник, преобразуем его в кривую. Активируем инструмент «Форма», выделяем этим инструментом два параллельных узла. На панели свойств включаем режим «Отразить узлы по горизонтали» и начинаем передвигать выделенные ранее узлы. Оба узла будут перемещаться симметрично до нужного положения.
Аналогичным образом можно перемещать узлы, включая режим «отразить по вертикали».
Работа в режиме отражения узлов по вертикали или горизонтали значительно упрощает работу при рисовании симметричных фигур. На панели свойств инструмента «Форма» есть еще несколько очень интересных кнопок, позволяющих масштабировать и поворачивать отдельные узлы кривых.
Включение режима «Повернуть или наклонить узел» позволит переместить, наклонить, повернуть один или несколько узлов и создать новую фигуру.
Навыки рисования трапеций различными способами всегда пригодятся при рисовании других простых или сложных фигур.Как добавить фигуры в фотошоп и пользоваться ими
Автор Дмитрий Костин Просмотров 1.3к. Опубликовано 12.04.2018 Обновлено 19.06.2018
Всем привет, уважаемые читатели блога koskomp и мои дорогие друзья. Сегодня я расскажу вам, как добавить фигуры в фотошоп, как ими пользоваться и для чего они нужны. А также в конце статьи мы нарисуем симпатичный стакан в векторном стиле. Многие считают, что от этого инструмента толка нет, но я вас уверяю, что в веб-дизайне — это чуть ли не основная функция. Посмотрите на дизайн в моем паблике.
Он буквально построен на фигурах. Поэтому знать это нужно. При этом дело не ограничится простым рисованием квадратов. Тут всё гораздо интереснее.- Как рисовать фигуры
- Использование произвольных фигур в фотошопе
- Как установить фигуры в фотошопе
- Возможности фигур
- Свойства
- Вырезание и добавление
- Как выравнивать фигуры относительно других элементов
- Деформация фигур
- Рисование объектов с помощью фигур (практика)
Как рисовать фигуры
Начнем с простого, а именно рисования. Сама по себе группа инструментов состоит из шести видов:
- Прямоугольник
- Прямоугольник с закругленными углами
- Эллипс
- Многоугольник
- Линия (подробнее здесь)
- Произвольная фигура
У каждого из данных видов существуют свои некоторые фишки, которые различаются друг от друга. Поэтому рассмотрим в начале общие принципы начертания.
Чтобы добавить фигуру, нужно выбрать ее в группе инструментов, и зажав левую кнопку мышки начинаем ее вырисовывать, а точнее выбирать область и размер.
Сама по себе фигура может быть любого размера и по умолчанию она будет чертиться непропорционально. Но если зажать клавишу SHIFT, то она получится ровная со всех сторон, и таким образом прямоугольник будет квадратом, а эллипс кругом.В верхнем меню мы увидим панель свойств, где мы можем выставить заливку самой фигуры, а также цвет обводки. Если вы не хотите никаких цветов, а только линию, то выберите цвет «Без заливки» и «Без обводки». Также мы можем установить толщину этой самой обводки, если мы все таки решимся на выбор цвета.
Для того, чтобы изменить цвет нарисованного объекта можно просто снова выбрать инструмент «Фигура» и заменить его в свойствах сверху, либо же нажать дважды на значок на панели слоев.
Использование произвольных фигур в фотошопе
Если со всеми вышеуказанными фигурами все понятно (бери и рисуй), то немного хотелось бы задержаться именно произвольном варианте. Для начала выберите данный инструмент.
Здесь нет какой-то четкой формы (отсюда и название), но зато существует много уже готовых вариантов.
Для того, чтобы рассмотреть их все, в свойствах элемент «Фигура», а точнее раскройте его. Как видите, у нас тут присутствуют разные контуры, с помощью которых мы можем нарисовать стрелку, сердечко, запрещающий знак и многое другое.Давайте попробуем добавить в фотошоп произвольную фигуру в виде галочки. Я задам ей цвет, обводку и нарисую ее стандартным способом, то есть зажав левую кнопку мыши и потянув немного в другую сторону. Не забываем зажимать клавишу Shift, чтобы соблюдать все пропорции. Таким образом можно рисовать прикольные нестандартные объекты. Примечателен и тот факт, что какого бы размера объект мы не рисовали, он всегда будет ровным и гладким. Всё это потому, что фигура изначально векторный объект. А векторные объекты состоят не из пикселей, как обычное изображение, а формируются исходя из формул.
Как установить фигуры в фотошопе
Но самая прелесть в том, что этот набор можно пополнять, то есть произвольные фигуры можно загрузить дополнительно, пополняя свою коллекцию.
Сделать это совершенно легко. Для этого вам достаточно скачать эти наборы с какого-либо сайта, например [urlspan]pixelbox[/urlspan]. Там очень большая коллекция с различными наборами. Допустим, я скачаю этот замечательный набор со скейтбордистами.Теперь идем в папку «Загрузки» или туда, куда у вас скачиваются файлы по умолчанию. Далее запускаем тот файл, который мы скачали. Его даже необязательно распаковывать, можно запустить прямо в архиве.
После этого откроется фотошоп и новые произвольные элементы уже появятся в вашей коллекции. Берите и пользуйтесь.
Возможности фигур
Сами по себе фигуры обладают очень большими возможностями. Изначально я думал, что с помощью них можно рисовать только квадратики и кнопки, но я сильно ошибался. Давайте разберемся подробнее.
Свойства
Стоит учесть, что у каждой фигуры есть свои свойства, которые можно менять, чтобы достигнуть наиболее интересного результата. Они располагаются в отдельном окошке и как правило находятся где-то в районе панели слоев, но это необязательно.
Если они у вас не активированы, то сделайте это войдя в главном меню в «Окно» — «Свойства». После этого можно нарисовать любой элемент и посмотреть, что в нем можно поменять.У прямоугольника и прямоугольника с закругленными краями один и тот же набор свойств. В основном он касается радиуса углов. И если в первом случае он нулевой по всем фронтам, то во втором он уже заранее установлен. Вы можете изменить этот самый радиус, делая углы более загругленными или наоборот, причем как все сразу, так и по отдельности.
Давайте ради интереса нарисуем прямоугольник и поставим радиус 35 только в двух углах (правом верхнем и левом нижнем). Только перед этим обязательно отключите связь углов, нажав на значок скрепочки между ними, иначе значения будут меняться для всех.
В случае, если вы используете обводку, можно сменить ее местоположение. То есть, она может быть снаружи фигуры, внутри нее или идти по центру контура. Это вы можете выбрать нажав на соответствующий значок.
Кроме того, обратите внимание на значок шестеренки. Он дает дополнительные свойства для ваших фигур. Например, если у вас активирован прямоугольник или эллипс, то можно будет сразу задать, чтобы он рисовал в равных пропорциях, дабы получить квадрат или окружность, и уже не придется зажимать клавишу SHIFT.
Если вы используете многоугольник, то вы можете задать количество сторон, сглаживание или рисование звезды. А в случае с рисованием линии вы сможете задать, чтобы чертилась стрелка. Поэтому не забывайте обращаться к данной функции.
Вырезание и добавление
Но недостаточно просто добавить фигуры в фотошоп, нужно научиться пользоваться всеми их прелестями. По умолчанию, при добавлении нового объекта, он создается на новом слое. Но если вы этого не хотите, то в «операциях с контурами» выберите пункт «Объединить фигуры». Теперь вы сможете создавать целые объекты из нескольких элементов.
Многие спросят, мол как же их тогда выделять, если они все будут на одном слое? Ответ прост: на панели инструментов у нас имеется два курсора, один из которых отвечает за выделение контура, а другой за выделение узла.
Вот как раз с помощью выделения контура (черный курсор) мы и сможем выбрать лишь определенную фигуру на слое.Кроме того, мы можем вырезать, а точнее вычесть фигуру из другой, при этом не задевая первоначальную. Для этого нарисуйте другой объект внутри первоначального (не забудьте поставить режим «Объединить фигуры», как мы это делали чуть выше, чтобы они были на одном слое). Как видите, пока особо ничего не изменилось. Но так и должно быть.
Теперь, выберите инструмент «Выделение контура» и ткните на фигуру, которую мы только что нарисовали. После этого снова идем в «Операции с контурами», но на сей раз выбираем «Вычесть переднюю фигуру». Вы сами увидите, как ее ловно выпилили и теперь вместо нее кусок фона. Но на самом деле это не так. Элемент как был, так и остался, просто он стала невидимый, но вы все равно можете его двигать, трансформировать и снова сделать видимым.
Такая фишка частенько используется при создании логотипов, баннеров и других элементов веб-дизайна.
Как выравнивать фигуры относительно других элементов
Еще немаловажным свойством при рисовании фигур является их выравнивание. Например, нам нужно сделать несколько фигур с одинаковым расстоянием друг от друга, а также на одной линии. Допустим я возьму инструмент «Эллипс» и с помощью зажатого Shift нарисую несколько кругов.
Теперь, возьмем уже знакомый черный курсор, который называется «Выделение контура» и с помощью зажатой кнопкой мыши выделим все четыре круга, при условии, что они все таки на одном слое. Если каждый круг у вас находится на разном слое, то тогда вам нужно будет выделить именно слои. Для этого можете использовать зажатый SHIFT или CTRL в панели слоев. После этого жмем правой кнопкой мыши и нажимаем «Объединить фигуры».
Но можно и не объединять. Если, например, у вас каждый элемент требует собственного цвета, то просто выделите слои и возьмите инструмент «Перемещение», иначе дальше у вас ничего не выйдет, то есть функции выравнивания будут недоступны.
Когда мы всё выделили, идем в меню «Выравнивание контура» и выбираем те параметры, которые нам нужны. В моем случае я должен выбрать «Центры по вертикали» и «Распределить по ширине». В этом случае фигуры будут выравнены по центру, а расстояние между ними будет одинаковым. Точно также эта функция работает и в случае с вертикальной расстановкой.
Теперь все будет выравнено относительно своих центров, но ничто не помешает вам отцентрировать фигурки по нижнему краю.
Деформация фигур
Ну и осталось разобрать еще одно интересное свойство, а именно деформацию. Нет, это не совсем то, что мы изучали в этой статье, но мы будем изменять внешний вид фигур.
- Допустим, возьмем и нарисуем прямоугольник с закругленными краями.
- После этого берем белый курсор («Выделение узла») и выделяем только левый верхний угол, чтобы у нас захватилось две точки. Теперь, не меняя инструмент, зажимаем левой кнопкой мыши на этом самом углу, после чего начинаем им управлять и ставить его куда хотим.
При этом остальные углы и стороны остаются неподвижными. - Точно также можно поступить с другими углами. Но помните, что если вы выделите только одну точку на углу, то деформация будет происходить совершенно по другому.
Точно также я могу из звезды сделать какое-то подобие короны. Для этого выбираю многоугольник, в свойствах ставлю режим звезды, а затем рисую ее. После этого выбираю инструмент «Выделение узла» и начинаю двигать все доступные точки. Примерно так — до и после.
Рисование объектов с помощью фигур (практика)
Теперь, давайте посмотрим на практике, как добавить фигуры в фотошопе, чтобы с их помощью можно было нарисовать прикольные векторные объекты. Для примера нарисуем с вами векторный стаканчик с кофе из фаст-фуда.
- Выбираем «Прямоугольник с закругленными углами» и рисуем заготовку нашего стакана. Сразу выберите подходящий цвет для стакана, например коричневый. Для этого измените его в свойствах сверху. Обводку можно не ставить.
- Теперь, выберем инструмент «Выделение узла» и выделим левый угол заготовки полностью (у вас должно быть задействовано две точки, а не одна).
- Теперь зажмите SHIFT и нажмите на стрелочку влево на клавиатуре, после чего у вас выскочит окно, где будет говориться то, что данная операция превратит фигуру в контур. Соглашайтесь. После этого еще раз нажмите на стрелку влево с зажатым шифтом. Надписи уже не будет. После это манипуляции левый угол должен будет оттопыриться.
- То же самое теперь проделываем и с правым углом, то есть выделяем с помощью белого курсора и делаем пару нажатий на стрелку вправо, чтобы оттопырить другую сторону. Если надпись снова появится, соглашайтесь.
- Далее создадим крышку. Для этого снова берем многоугольник с закругленными краями, только на сей раз выбрать пункт «Объединить фигуры» не получится, так как на одном слое нельзя менять цвет заливки разных контуров.
- Далее рисуем прямоугольник сверху нашей получившейся трапеции.
И если у вас она получилась не черного цвета, то поставьте его в свойствах. - Сейчас я вижу, что крышка сильно выпирает с обоих сторон. Надо бы ее слегка уменьшить по бокам. Для этого жмем комбинацию клавиш CTRL+T, чтобы активировать «Свободное трансформирование», после чего зажимаем клавишу ALT и тянем чуть-чуть за боковую область. Это позволит уменьшить нам крышку по бокам пропорционально.
- Далее, снова берем «Выделение узла» и также как и в предыдущем случае немного загибаем углы, по очереди выделив сначала один, а затем второй. Получиться в итоге должно примерно так.
- Остается только выровнять всё это дело. Для этого выделяем оба слоя в панели слоев с помощью зажатой клавиши CTRL, а затем берем инструмент «Перемещение» и в свойствах под главным меню ставим «Выравнивание центров по горизонтали».
Можете еще подредактировать некоторые элементы, например выделить узлы и уменьшить размер дна, чтобы стаканчик выглядел более естественно.
Либо можете добавить деталей, например какую-нибудь произвольную фигуру. Но в целом у нас получился простейший и в то же время стильный стакан в векторном исполнении.Надеюсь, что теперь вы поняли как добавить фигуры в фотошоп, для чего они нужны и как ими пользоваться в веб-дизайне и не только. Кстати, если вы хотите рисовать улетные дизайны для социальных сетей, баннеры, обложки и даже макеты сайтов, то рекомендую вам пройти профессиональное обучение в [urlspan]онлайн-школе веб-дизайна[/urlspan]. Здесь целая куча различных направлений. Достаточно только выбрать и все сделать под руководством профессионала.
Ну а если вы хотите знать фотошоп на ура и научиться им пользоваться на пять с плюсом, то рекомендую вам посмотреть и изучить [urlspan]эти офигенные видеоуроки[/urlspan]. На сегодняшний день это один из лучших и подробных крсов по фотошопу, который я когда-либо видел. А самое главное, что всё рассказано простым человеческим языком. поэтому вам не нужно будет втыкать в тему, вы всё поймете, даже если вы полный новичок.
Очень рекомендую.Ну а на этом я свою статью буду заканчивать. Не забывайте подписываться на обновления моего блога, а также на паблики в социальных сетях, чтобы не пропустить выхода новой статьи и интересной новости. Жду вас снова. Удачи вам. Пока-пока!
С уважением, Дмитрий Костин
Как сделать трапецию в фотошопе
Если вы когда-либо пытались сделать трапецию с помощью Photoshop, вы, возможно, заметили, что в программе нет встроенного инструмента для этой формы. Итак, если вам действительно нужна трапеция в вашем художественном или дизайнерском проекте, какие методы вы можете использовать?
Хотя в Photoshop нет специального инструмента трапеции, есть и другие способы получить эту форму. А именно, вы можете создать его с помощью инструмента «Линия» или «Кисть», нарисовав форму от руки и используя направляющие. Вы также можете использовать существующие формы, такие как инструмент прямоугольника или даже инструмент многоугольника, чтобы получить те же результаты.
Каким бы ни был ваш метод, вы обязательно получите приличную трапециевидную форму, и вы все равно сможете включить эту форму в свою работу. Если вам интересно, что вам нужно знать, чтобы начать, у нас есть все методы, перечисленные в этой статье! Продолжайте читать, чтобы узнать больше о том, как оживить трапецию с помощью Adobe Photoshop!
Создание трапеции в Photoshop
К сожалению, Adobe Photoshop не включает трапецию в свой репертуар встроенных инструментов форм. Однако это не означает, что создание этой формы в Adobe Photoshop невозможно. На самом деле, есть много разных способов, которыми художники и дизайнеры работают с этой недостающей формой! Мы рассмотрим некоторые из этих методов в разделах ниже.
Использование инструмента «Линия»
Если вы хотите создать упрощенный стиль трапеции, вы можете использовать инструмент «Линия», чтобы создать контур трапеции.
- Запустите Adobe Photoshop на своем компьютере.
- Выберите инструмент «Линия» в меню фигур на панели инструментов.
- Теперь создайте форму трапеции, используя отрезки линии, и обязательно соедините их в конце, чтобы замкнуть форму.
- Вы можете использовать направляющие или эталонное изображение, чтобы создать идеальную форму трапеции.
Немного поработав с линиями, вы легко создадите форму трапеции, которую сможете использовать в своих проектах и работах!
Использование инструмента «Прямоугольник»
Один из самых простых способов создания трапеции в Photoshop — начать с использования инструмента «Прямоугольная фигура». Вот шаги, которые вам нужно выполнить:
- В Photoshop откройте новый файл.
- Выберите инструмент «Прямоугольник» на панели инструментов или используйте ярлык U, чтобы активировать инструмент.
- Теперь щелкните и перетащите прямоугольник, который вам нравится, на холст.
- Когда форма будет готова, выберите инструмент выбора пути.
- Щелкните контур прямоугольника, и вы увидите, что опорные точки станут активными.
- Щелкните правой кнопкой мыши по выделенному фрагменту и выберите параметр «Свободный путь преобразования».
- Щелкните правой кнопкой мыши еще раз и выберите параметр «Наклон». , убедившись, что они находятся под одним и тем же углом снизу.
Теперь вы сделали идеальную трапецию!
Использование инструмента «Форма многоугольника»
Еще один отличный способ использования существующих фигур — использовать инструмент многоугольника. Многоугольник по умолчанию имеет пять сторон, поэтому вам не нужно будет вносить слишком много изменений, чтобы использовать его для создания трапеции. Вот как это можно сделать:
- Запустите Adobe Photoshop и выберите инструмент «Многоугольник».
- Нажмите и перетащите многоугольник, чтобы создать нужный размер.
- Теперь выберите инструмент выбора пути.
- Выберите контур и переместите курсор на самую верхнюю опорную точку.
- Щелкните правой кнопкой мыши и выберите «Удалить опорную точку».
Будет создана полная трапеция!
Рисование от руки с помощью инструмента «Кисть»
Если вы умеете пользоваться кистью в Photoshop и уверены в своих навыках, вы также можете нарисовать совершенно новую трапецию от руки! Все, что вам нужно сделать, чтобы это произошло, это использовать инструмент «Кисть» (сочетание клавиш B) и нарисовать трапецию от руки.
Один из советов при этом заключается в том, что вы можете удерживать клавишу Shift при рисовании линий, чтобы убедиться, что они прямые.
Вот видео, где кто-то использует этот метод:
Заключительные мысли
Нелегко представить, откуда возьмется трапеция, когда смотришь на параметры в Photoshop.
Однако, сделав несколько шагов здесь и там, вы сможете создать свою собственную трапецию в кратчайшие сроки! Мы надеемся, что эта статья помогла вам понять множество способов, которыми вы можете включить трапецию в Photoshop.3 простых способа сделать трапецию в Adobe Illustrator
В Adobe Illustrator есть готовые к использованию инструменты для создания фигур, такие как инструменты «Прямоугольник», «Эллипс», «Многоугольник» и «Звезда», но вы не найдете менее распространенных форм, таких как трапеция или параллелограмм.
К счастью, с помощью мощных векторных инструментов Illustrator вы можете сделать трапецию из простых фигур, таких как прямоугольник или многоугольник. Кроме того, вы также можете нарисовать трапецию с помощью инструмента «Перо».
В этом уроке вы узнаете три простых способа сделать трапецию, используя различные инструменты в Adobe Illustrator.
Посмотрите, какой метод вам больше нравится.
Примечание. Все скриншоты из этого руководства взяты из версии Adobe Illustrator CC 2022 для Mac.
Windows или другие версии могут выглядеть иначе. - 3 способа сделать трапецию в Adobe Illustrator
- Способ 1. Превратить прямоугольник в трапецию в Adobe Illustrator
- Способ 2. Превратить многоугольник в трапецию в Adobe Illustrator 9 3 00209 Метод 9 : Нарисуйте трапецию с помощью инструмента «Перо» в Adobe Illustrator 9.0020
3 способа сделать трапецию в Adobe Illustrator
Когда вы превратите прямоугольник в трапецию, вы будете использовать инструмент «Масштаб», чтобы сузить два верхних угла прямоугольника. Если вы решите использовать инструмент «Многоугольник», вы удалите две нижние опорные точки, чтобы создать форму трапеции.
Инструмент «Перо» позволяет нарисовать трапецию от руки, но вы также можете сделать идеальную трапецию с помощью инструмента преобразования.
Я объясню детали каждого метода в следующих шагах.
Метод 1. Превратите прямоугольник в трапецию в Adobe Illustrator
Шаг 1: Выберите инструмент Rectangle Tool на панели инструментов или используйте сочетание клавиш M , чтобы активировать инструмент.
Нажмите и перетащите на монтажную область, чтобы создать прямоугольник.Если вы хотите сделать квадрат, удерживайте клавишу Shift при перетаскивании.
Шаг 2: Выберите инструмент прямого выбора (сочетание клавиш A ) на панели инструментов щелкните и перетащите верхнюю часть прямоугольника, чтобы выбрать две угловые точки. Вы увидите два маленьких круга, когда точки будут выбраны.
Шаг 3: Выберите инструмент масштабирования (сочетание клавиш S ) на панели инструментов.
Щелкните за пределами прямоугольника и перетащите вверх, чтобы масштабировать только выбранные (две) точки. Вы увидите форму трапеции.
Вот оно! Так просто, как, что.
Метод 2: Превратите многоугольник в трапецию в Adobe Illustrator
Шаг 1: Выберите инструмент Polygon Tool на панели инструментов, удерживайте клавишу Shift , щелкните и перетащите, чтобы создать такой многоугольник.
Шаг 2: Выберите инструмент Удалить опорную точку (сочетание клавиш — ) на панели инструментов.
Удерживая клавишу Shift , нажмите на два нижних угла многоугольника.
Видишь? Идеальная трапеция.
Инструментом «Прямое выделение» можно перемещать якорь, чтобы получилась неправильная трапеция.
Способ 3. Нарисуйте трапецию с помощью инструмента «Перо» в Adobe Illustrator
Если вы решите использовать инструмент «Перо» для рисования, просто щелкните монтажную область, чтобы создать и соединить опорные точки. Вы щелкнете пять раз, и последний щелчок должен соединиться с первым щелчком, чтобы закрыть путь.
Если вы хотите сделать идеальную трапецию, выполните следующие действия.
Шаг 1: Используйте Pen Tool, чтобы нарисовать прямую трапецию.
Шаг 2: Скопируйте и вставьте фигуру в то же место.
Нажмите Command + C (или Ctrl + C для пользователей Windows), чтобы скопировать и нажмитеCommand 005 Ф (или Контр. + F для пользователей Windows), чтобы вставить на место.
Шаг 3: Выбрав верхний объект, перейдите на панель Свойства > Преобразовать и нажмите Отразить по горизонтали .
Вы увидите две перекрывающиеся прямые трапеции.
Шаг 4: Выберите верхний объект, удерживайте клавишу Shift и перемещайте его по горизонтали, пока центральные линии не пересекутся.
Шаг 5: Выберите обе фигуры и используйте инструмент Shape Builder Tool (сочетание клавиш Shift + M ), чтобы объединить две фигуры.
Как сделать трапецию в фотошопе. Как рисовать простые геометрические фигуры в Photoshop. Изменение размера фигуры после того, как она нарисована
Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.
Создайте новый файл для тренировки.
Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:
Здесь представлены основные фигуры, которыми мы можем воспользоваться. Выберете любую и посмотрите на панель параметров:
Для любой фигуры можно выбрать:
- режим рисования:
- Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».
- Контуры . Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке «Контуры» панели «Слои».
- Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение
Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура. Выберем стиль, щелкнув по треугольнику справа.
Выберете любой, какой понравится. Кстати, если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные стили. Если же вы не хотите использовать стиль, то выберите белый квадратик, перечеркнутый красной линией.
Теперь можно задать геометрические параметры:
- Произвольно — как нарисуете, так и будет.
- Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
- Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
- Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
- От центра — рисует прямоугольник от центра.
- Привязать к пикселам — края прямоугольника привязываются к границам пикселов.
Достаточно полезный инструмент для создания кнопочек и менюшек для ваших 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 пикселов.
Ко всем применен стиль.
Рисуем произвольные фигуры
Выберем фигуру — произвольная фигура. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:
Если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные фигуры.
Рисуем несколько фигур в одном слое
Принцип здесь такой же, как и с инструментами прямоугольного выделения (на первом уроке мы делали нестандартную область выделения, применяя инструменты на панели параметров: добавить к выделению, вычесть из выделения и т.д.). Такие же инструменты есть и на панели параметров фигур.
Например, создайте фигуру прямоугольник, теперь на панели параметров щелкните по иконке «добавить к области фигуры», а теперь выберите фигуру эллипс. Подведите курсор мыши к верхней границе нашего прямоугольника, нажмите левую клавишу мыши и, не отпуская, растяните эллипс. Должно получится примерно так:
Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура-:
Подведите курсор к границе эллипса и, удерживая нажатой левую кнопку мыши, перетащите эллипс куда следует. Используя все эти инструменты, можно рисовать фигуры различной сложности.
Сохраняем фигуры
Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.
Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.
На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями.
В этом уроке мы рассмотрим всё, что касается создания произвольных фигур в программе Photoshop и последующей работы с ними. Поскольку материала достаточно много, мы разобьем его на две части. В первой части мы научимся создавать фигуру, определять ее как произвольную фигуру и в дальнейшем выводить ее на экран и использовать по мере необходимости. Во второй части мы рассмотрим, как объединять разнообразные фигуры в отдельные наборы фигур и сохранять их в программе.
Идея создать данный урок пришла ко мне, когда я просматривал журнал по скрапбукингу с многочисленными страницами, содержащими готовые шаблоны простых фигур. Эти фигуры были объединены по различным темам и стоили до абсурда дорого. Я тогда подумал: «Эй, вы можете создать все эти фигуры в программе Photoshop сами и вдобавок бесплатно!» Кроме того, не обязательно увлекаться скрапбукингом — чтобы извлечь пользу из создания собственных произвольных фигур.
Во-первых, при создании фигур можно просто повеселиться! А если вы создадите много различных фигур и объедините их в отдельный набор, будет еще интереснее. Во-вторых, вы можете использовать произвольные фигуры в качестве элемента декора при оформлении рисунков или даже в дизайнерском деле. В-третьих, вы можете совместить произвольную фигуру с векторной маской и получить забавную фоторамку. Но прежде чем мы начнем применять произвольные фигуры, давайте научимся их создавать!
Перед началом освоения материала я позволю себе еще одно отступление. Создание произвольных фигур требует применения инструмента «Перо» (Pen Tool). Вы можете создавать фигуры с помощью основных инструментов группы «Фигуры», таких как «Прямоугольник» или «Эллипс», но если вы не хотите ограничить себя созданием фигур определенной формы, напоминающих ящики или велосипедные шины, вам понадобится использовать инструмент «Перо». Более подробно мы изучали инструмент «Перо» в нашем уроке «Как делать выделения с помощью инструмента «Перо», поэтому в данном уроке этой темы мы коснемся лишь слегка. Если вы не знакомы с основными свойствами инструмента «Перо», прочитайте сначала наш урок о применении этого инструмента.
В этом уроке мы будем создавать произвольные фигуры, предварительно обведя объект на изображении. Если вы умеете рисовать, отлично — тогда вы без труда нарисуете фигуру от руки без обводки предмета, поскольку при создании произвольной фигуры не важно, как вы будете рисовать ее — с помощью обводки или от руки. Что касается меня, я предпочитаю обводить объект (поскольку художественными способностями не обладаю), поэтому в данном уроке мы будем делать именно так.
Я собираюсь сделать произвольную фигуру из этого милого Пряничного Человечка:
Пряничный Человечек
Шаг 1: Выбираем инструмент «Перо»
Как я уже упоминал, вы можете создавать произвольные фигуры, используя основные инструменты группы «Фигуры», такие как «Прямоугольник» или «Эллипс», но если вы попробуете обвести нашего Пряничного Человечка с помощью этих инструментов, то, скорее всего, он останется в лучшем случае без головы (извините за небольшую иронию). Что нам действительно потребуется — так это инструмент «Перо» (Pen Tool), поэтому выберем его на панели инструментов:
Выбираем инструмент «Перо»
Вы можете также выбрать инструмент «Перо», нажав клавишу Р.
Шаг 2: Выбираем параметр «Слой-фигура» на панели настроек
Выбрав инструмент «Перо», давайте взглянем на панель настроек в верхней части экрана. В левой части панели вы увидите группу из трех значков:
Три значка на панели настроек, которые позволяет нам выбрать способ применения инструмента «Перо»
Эти значки показывают нам, что мы можем сделать с помощью инструмента «Перо». Значок справа в данный момент выглядит затененным. Он доступен нам только тогда, когда мы работаем с основными инструментами группы «Фигуры» (инструмент «Перо» и инструменты группы «Фигуры» имеют практически одинаковые параметры на панели настроек). Как мы с вами проходили в уроке «Как делать выделения с помощью инструмента «Перо», значок в середине используется тогда, когда мы хотим нарисовать контуры, но в данный момент нам это не требуется. Мы хотим воспользоваться инструментом «Перо», чтобы нарисовать фигуру, и для этого нам необходимо выбрать значок слева, который отвечает за параметр «Слой-фигура» (Shape Layers):
Для рисования фигур с помощью инструмента «Перо» выбираем параметр «Слой-фигура»
Параметр «Слой-фигура» выбирается по умолчанию всякий раз, как вы обращаетесь к инструменту «Перо», поэтому, возможно, вам не придется устанавливать его самим. Но все равно будет неплохо, если вы проверите и убедитесь, что данный параметр выбран, прежде чем начнете рисовать фигуру.
Я должен отметить, что разницы между рисованием контуров и рисованием фигур с помощью инструмента «Перо» нет. В обоих случаях вы щелкаете в окне документа, чтобы установить опорные точки, затем перемещаете направляющие линии по мере необходимости для создания прямых или изогнутых участков (и снова, если вы не знакомы с этими понятиями, изучите наш урок «Как делать выделения с помощью инструмента «Перо»). На самом деле, независимо от того, что вы «официально» рисуете — фигуры или контуры, в любом случае вы рисуете контуры. Разница заключается в том, что при рисовании фигур программа Photoshop заливает контур цветом уже в процессе рисования, что позволяет нам видеть фигуру.
Как ни странно, но это свойство немного затруднит нашу работу. Почему — мы рассмотрим далее.
Шаг 3: Начинаем рисовать фигуру
После того как мы выбрали инструмент «Перо» и параметр «Слой-фигура» на панели настроек, мы можем начинать обводить изображение. Я хочу начать обводку с головы Пряничного Человечка. Для этого я кликну кнопкой мышки для установки опорных точек и начну перемещать направляющие линии для создания изогнутого участка обводки вокруг головы Человечка. На рисунке ниже можно увидеть опорные точки и направляющие линии, но при этом возникает проблема. Программа Photoshop заливает контур фигуры фоновым цветом (в моем случае — это черный цвет) в процессе обводки, не позволяя нам видеть голову Человечка:
Программа заполняет контур фоновым цветом в процессе рисования, не позволяя нам видеть изображение
Для того чтобы программа не скрывала в процессе обводки само изображение, нам надо просто перейти на панель слоев и снизить непрозрачность слоя фигуры. В данный момент на панели слоев видно, что у нас есть два слоя — нижний слой заднего фона (Background), на котором помещено изображение Пряничного Человечка, и верхний слой фигуры под названием «Фигура 1» (Shape 1). Я могу с уверенностью сказать, что в настоящее время выбран слой фигуры, потому что он подсвечен синим цветом, поэтому для уменьшения его непрозрачности, нам нужно просто выбрать параметр «Непрозрачность» (Opacity) в правом верхнем углу панели слоев и уменьшить его значение. В моем случае, я уменьшу непрозрачность до 50%:
Уменьшаем непрозрачность слоя фигуры, используя параметр «Непрозрачность» в верхнем правом углу панели слоев
После уменьшения непрозрачности слоя фигуры голова Человечка видна сквозь фоновый цвет заливки, в результате чего делать дальнейшую обводку станет для нас значительно легче:
После уменьшения непрозрачности слоя фигуры изображение видно сквозь фоновый цвет заливки
Шаг 5: Продолжаем обводить изображение
Теперь, когда Пряничный Человечек виден сквозь цвет заливки рисующейся фигуры, я могу продолжать обводить изображение с помощью инструмента «Перо» до тех пор, пока не вернусь в начало обводки:
Обводка фигуры полностью закончена
Если мы посмотрим на слой фигуры на панели слоев, то увидим, что на нем появилась отчетливая фигура Пряничного Человечка:
На панели слоев теперь отчетливо видна фигура нашего Человечка
До сих пор у нас всё было хорошо. Мы сделали обводку фигуры Пряничного Человечка, и в некоторых случаях этого было бы достаточно. В моем случае, однако же, обведенная фигура требует доработки. По крайней мере, мне кажется, нам нужно включить в обведенный силуэт глаза и рот, а также, возможно, галстук-бабочку и две больших пуговицы под ним. Как мы добавим эти детали в обведенную фигуру? Очень просто! Мы не будем их добавлять — мы эти детали из фигуры уберем (или вычтем)!
Шаг 6: Выбираем инструмент «Эллипс»
Давайте начнем с глаз. По желанию, мы могли бы выделить глаза с помощью инструмента «Перо», но поскольку они у Человечка круглые, мы выделим их более легким способом, используя инструмент «Эллипс» (Ellipse Tool). Выбираем инструмент «Эллипс» на панели инструментов. По умолчанию, данный инструмент скрыт за инструментом «Прямоугольник» (Rectangle Tool), поэтому нажмите на инструмент «Прямоугольник» и удержите кнопку мыши нажатой несколько секунд, в результате чего на экране появится всплывающее меню, где вы сможете выбрать инструмент «Эллипс»:
Нажимаем на инструмент «Прямоугольник» на панели инструментов, затем удерживаем кнопку мыши нажатой до тех пор, пока на экране не появится всплывающее меню, где мы выбираем инструмент «Эллипс»
Шаг 7: Выбираем параметр «Вычесть из области фигуры»
Выбрав инструмент «Эллипс», посмотрите на панель настроек, где вы увидите несколько значков, сгруппированных вместе и похожих на маленькие квадратики, которые соединены друг с другом различным образом. Эти значки позволяют нам совершать с фигурами разнообразные действия, такие как: добавление к области фигуры, вычитание из нее отдельной области и пересечение областей нескольких фигур. Нажмите на третий слева значок, который отвечает за параметр «Вычесть из области фигуры» (Subtract from shape area):
На панели настроек нажимаем на значок параметра «Вычесть из области фигуры»:
Шаг 8: Рисуем отдельные фигуры для их извлечения из обведенного силуэта
Теперь, после выбора параметра «Вычесть из области фигуры» мы можем начать добавлять к нашей фигуре детали при помощи удаления отдельных областей. Я начну преображать фигуру, рисуя овал вокруг левого глаза:
Рисуем овал вокруг левого глаза, удерживая кнопку мыши нажатой
Когда я отпущу кнопку мыши, овальная область вокруг глаза тотчас исчезнет или «вырежется» из обводки основной фигуры, оставив после себя дырку, через которую будет виден левый глаз Человечка на исходном изображении, размещенном на нижнем слое «Задний фон»:
Левый глаз теперь «вырезан» из первоначальной обводки фигуры, в результате чего виден глаз на исходном изображении под обведенным силуэтом.
То же самое я проделаю и с правым глазом. Для начала, я нарисую овал вокруг глаза:
Рисуем овал вокруг правого глаза
Как только я отпущу кнопку мыши, появится вторая круглая дырка, через которую тоже будет виден глаз Человечка на исходном изображении:
На фигуре появилась вторая дырка, через которую виден глаз Человечка
Поскольку две пуговицы под галстуком-бабочкой тоже имеют круглую форму, я еще раз воспользуюсь инструментом «Эллипс» для их удаления из обведенной фигуры. Для начала, я нарисую овал вокруг верхней пуговицы:
Рисуем овал вокруг верхней пуговицы
Когда я отпущу кнопку мыши, овальная область вокруг пуговицы тотчас исчезнет из обведенной фигуры, оставив после себя дырку, через которую будет видна пуговица на нижележащем изображении:
На фигуре появилась дырка, через которую видна верхняя пуговица
А теперь я сделаю то же самое для нижней пуговицы, начав с рисования овала вокруг нее:
Рисуем овал вокруг нижней пуговицы
Когда я отпущу кнопку мыши, на обведенном силуэте появится четвертая дырка:
Обе пуговицы теперь вырезаны из обведенной фигуры
Если в данный момент я посмотрю на миниатюру слоя фигуры, расположенную на панели слоев, то увижу две дырки для глаз и две дырки для пуговиц, которые я вырезал из обведенной фигуры:
Миниатюра слоя фигуры отображает нам дырки для глаз и для пуговиц, вырезанные из обведенной фигуры
Шаг 9: Извлекаем оставшиеся детали из обведенного силуэта с помощью инструмента «Перо»
Я собираюсь опять переключиться на инструмент «Перо», потому что мне нужно добавить к обведенной фигуре несколько деталей, которые я не смогу выделить с помощью инструмента «Эллипс».
Я хочу добавить к обведенному силуэту рот, а также галстук-бабочку. Поскольку после повторного выбора инструмента «Перо» на панели настроек параметр «Вычесть из области фигуры» уже отмечен, я просто начну обводить рот и галстук-бабочку, чтобы «вырезать» их из обведенного силуэта Пряничного Человечка.
На рисунке ниже видны линии обводки наряду с исходным изображением Пряничного Человечка, которое проглядывает сквозь дырки, которые я создал:
И рот, и галстук-бабочка теперь вырезаны из обведенной фигуры Пряничного Человечка с помощью инструмента «Перо»
Давайте закончим рисовать фигуру Пряничного Человечка, вырезав волнистые дорожки сахарной пудры на его ногах и руках. И снова, я буду использовать для создания дорожек инструмент «Перо». Сначала я обведу дорожку сахарной пудры на левой руке Человечка, в результате чего она вырежется из первоначальной обводки фигуры:
С помощью инструмента «Перо» вырезаем дорожку сахарной пудры на левой руке Человечка
После очерчивания первой дорожки, я перейду к оставшимся трем и начну их обводить до тех пор, пока все четыре дорожки сахарной пудры не будут вырезаны из фигуры Человечка:
Дорожки сахарной пудры на ногах и руках теперь вырезаны из обведенного силуэта
Если мы снова посмотрим на миниатюру слоя фигуры на панели слоев, то отчетливо увидим вырезанные из фигуры дорожки сахарной пудры, глаза, рот, галстук-бабочку и пуговицы:
Миниатюра слоя фигуры на панели слоев отражает все детали, которые вырезаны из первоначальной обводки фигуры Пряничного Человечка
Итак, фигура Пряничного Человечка готова! Мы воспользовались инструментом «Перо», чтобы сделать первоначальную обводку фигуры, а затем мы применили инструменты «Перо» и «Эллипс» наряду с параметром «Вычесть из области фигуры», чтобы добавить на фигуру мелкие детали.
Шаг 10: Повышаем непрозрачность слоя фигуры до 100%
После того как мы сделали обводку отдельных областей нашей фигуры, нам больше не нужно видеть под обведенным силуэтом исходное изображение, поэтому мы опять выберем параметр «Непрозрачность» (Opacity) в правом верхнем углу панели слоев и увеличим значение до 100%:
Повышаем непрозрачность слоя фигуры до 100%
Я также собираюсь временно скрыть из вида слой заднего фона (Background), нажав на иконку видимости слоя (иконка в виде глазного яблока), чтобы мы могли видеть только обведенную фигуру на прозрачном фоне. Если вы не хотите, вы можете не скрывать слой заднего фона. Я это делаю только для удобства просмотра фигуры:
Нажимаем на иконку видимости слоя, чтобы временно скрыть слой заднего фона из вида
И вот как выглядит фигура Пряничного Человечка, которую я создал, после скрытия из вида слоя заднего фона и увеличения непрозрачности слоя фигуры до 100%:
Законченная фигура Пряничного Человечка, размещенная на прозрачном фоне
После многочисленных действий мы, наконец, создали нашу фигуру! Но это еще не конец. Теперь нам надо сделать из нее произвольную фигуру, и этим мы и займемся далее.
Шаг 11: Определяем фигуру как произвольную фигуру
Чтобы сделать из фигуры произвольную фигуру, для начала убедитесь, что на панели слоев выбран слой фигуры. Также вам надо удостовериться, что выделена миниатюра предварительного просмотра слоя фигуры. Если она выделена, то ее будет обрамлять белая подсвеченная рамка и вы сможете увидеть очерченный контур вокруг фигуры в документе. Если миниатюра слоя не имеет подсвеченной рамки и вы не видите контур вокруг фигуры, просто нажмите на миниатюру слоя, чтобы ее выделить:
В случае необходимости нажимаем на миниатюру слоя фигуры для ее выделения
Примечание: если вам когда-нибудь потребуется скрыть контур вашей фигуры, просто нажмите на миниатюру слоя еще раз, чтобы отменить ее выделение
После выбора слоя фигуры и выделения миниатюры слоя, перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Определить произвольную фигуру» (Define Custom Shape):
Выбираем «Редактирование» >«Определить произвольную фигуру»
В результате этого действия откроется диалоговое окно «Имя фигуры» (Shape Name), где вам потребуется ввести имя для вашей фигуры. Я назову мою фигуру «Пряничный Человечек» (Gingerbread Man):
Введите имя для вашей фигуры в соответствующий раздел диалогового окна «Имя фигуры»
Нажмите ОК для выхода из диалогового окна, когда имя будет введено, и всё — вашу произвольную фигуру можно использовать! На данном этапе вы можете закрыть документ в программе Photoshop, поскольку мы создали и сохранили нашу фигуру. Теперь рассмотрим, где ее можно найти и как ее можно применить!
Шаг 12: Создаем новый документ в программе Photoshop
Создаем новый пустой документ в программе Photoshop, перейдя в раздел меню «Файл» (File) в верхней части экрана и выбрав пункт «Новый» (New). Это действие приведет к открытию диалогового окна «Новый документ» (New Document), где вы сможете указать для вашего документа любой размер изображения. В строке «Установки» (Preset) я выберу размер 640×480 пикселей:
Создайте новый пустой документ в программе Photoshop
Шаг 13: Выбираем инструмент «Произвольная фигура»
Создав новый пустой документ, на панели инструментов выбираем инструмент «Произвольная фигура». По умолчанию на экране отображается инструмент «Прямоугольник» (Rectangle Tool), поэтому нажмите на него и удержите кнопку мыши нажатой несколько секунд до тех пор, пока не появится всплывающее меню с перечнем других инструментов, где вы сможете выбрать инструмент «Произвольная фигура» (Custom Shape Tool):
Нажмите на значок инструмента «Прямоугольник» и удержите кнопку мыши нажатой, затем из появившегося меню выберите инструмент «Произвольная фигура»
Шаг 14: Выбираем нашу произвольную фигуру
Выбрав инструмент «Произвольная фигура», кликните правой кнопкой мышки в окне документа, в результате чего появится окошко выбора фигуры, где вы сможете выбрать любую из доступных на данный момент произвольных фигур. Фигура, которую вы только что создали, будет последней в перечне фигур. Для ее выбора просто нажмите на соответствующую миниатюру фигуры:
Кликните правой кнопкой мыши в окне документа для открытия окошка выбора фигуры, затем нажмите на миниатюру произвольной фигуры, чтобы ее выбрать
Шаг 15: Рисуем нашу фигуру
После выбора произвольной фигуры просто кликните мышкой в окне документа и, удерживая кнопку мыши нажатой, нарисуйте фигуру. Чтобы сохранить пропорции фигуры по мере перемещения курсора и случайно не исказить их, нажмите и удержите клавишу Shift. Вы также можете нажать и удержать клавишу Alt (Win) / Option (Mac) для рисования фигуры от центра. Если вы хотите изменить местоположение фигуры в процессе ее рисования, нажмите и удержите клавишу «пробел», далее переместите фигуру на новое место, затем отпустите клавишу «пробел» и продолжите рисовать фигуру.
В процессе рисования вы будете видеть только тонкий контур будущей фигуры:
По мере того, как вы будете рисовать фигуру, появится ее тонкий контур
Когда месторасположение и размер фигуры вас удовлетворят, просто отпустите кнопку мыши, и программа тотчас заполнит фигуру цветом, который является в данный момент фоновым (в моем случае, это черный):
Отпустите кнопку мыши, и программа Photoshop заполнит фигуру цветом
Шаг 16: Дважды кликаем кнопкой мыши по миниатюре слоя фигуры для изменения цвета фигуры
Не стоит беспокоиться о цвете вашей фигуры в процессе ее рисования и добавления в документ. Программа автоматически заполнит фигуру тем цветом, который в данный момент выбран в качестве фонового цвета. Если же вы захотите после этого изменить цвет фигуры, просто кликните дважды кнопкой мыши по миниатюре слоя фигуры. Именно по миниатюре слоя, а не по миниатюре предварительного просмотра фигуры, расположенной с правой стороны (которая формально называется миниатюра векторной маски). Вам нужна миниатюра с левой стороны, которая похожа на значок образца цвета с маленьким бегунком внизу. Дважды кликните по ней кнопкой мыши, чтобы изменить цвет фигуры:
Дважды кликните кнопкой мыши по миниатюре слоя фигуры (значок образца цвета), расположенной слева, чтобы изменить цвет фигуры
Это действие приведет к открытию палитры цветов, где вы сможете выбрать новый цвет для вашей фигуры. Для моего Пряничного Человечка я хочу выбрать коричневый цвет:
Для выбора нового цвета воспользуйтесь палитрой цветов
Нажмите ОК для выхода из палитры цветов, когда вы выберете цвет, и ваша фигура тотчас зальется новым цветом:
Цвет фигуры теперь изменился
Вы можете изменять цвет вашей фигуры столько раз, сколько захотите, в любой момент, когда вам потребуется!
Шаг 17: В случае необходимости изменяем размер фигуры с помощью команды «Свободное трансформирование»
При работе с фигурами вы можете изменять не только цвет. Большое преимущество заключается в том, что при рисовании фигур используются векторы вместо пикселей, таким образом, вы можете спокойно изменить размер фигур, когда захотите, без потери качества изображения! Если вы решили, что вам требуется увеличить или уменьшить вашу фигуру, просто выберите слой фигуры на панели слоев, а затем нажмите сочетание клавиш Ctrl+T (Win) / Command+T (Mac), чтобы открыть рамку трансформации. Измените размер фигуры, потянув за любой из угловых маркеров. Нажмите и удержите клавишу Shift при перемещении маркера, чтобы сохранить пропорции фигуры. Вы также можете нажать и удержать клавишу Alt (Win) / Option (Mac) при перемещении маркера, чтобы изменить размер фигуры от ее центра:
Измените размер фигуры с помощью рамки свободной трансформации
Для того чтобы повернуть фигуру, просто кликните мышкой за пределами рамки свободной трансформации и передвиньте курсор в нужном направлении:
Кликните мышкой за пределами рамки трансформации и переместите курсор для поворота фигуры
Нажмите клавишу Enter (Win) / Return (Mac), когда вы закончите изменение размера фигуры, чтобы подтвердить окончательную транформацию.
На свой документ вы можете добавлять столько копий вашей произвольной фигуры, сколько пожелаете, каждый раз по желанию изменяя цвет, размер и местоположение фигуры. Каждая копия произвольной фигуры будет размещена на отдельном слое фигуры на панели слоев. В моем случае, я добавил в документ несколько фигур Пряничного Человечка, каждая из которых имеет свой цвет, размер и угол поворота. Обратите внимание, что независимо от своего размера, все фигуры сохраняют острые четкие углы:
Добавляйте в документ столько копий вашей произвольной фигуры, сколько пожелаете, изменяя цвет, размер и угол поворота каждой из них
И вот мы закончили! Сначала мы создали фигуру, обведя исходный рисунок с помощью инструмента «Перо». Маленькие детали на нашей фигуре мы «вырезали», применяя инструменты «Перо» и «Эллипс» с установленным параметром «Вычесть из области фигуры». Далее мы сохранили нашу фигуру как произвольную фигуру с помощью параметра «Определить произвольную фигуру» в разделе меню «Редактирование». После этого мы создали новый документ, выбрали инструмент «Произвольная фигура» и нарисовали произвольную фигуру в нашем документе. И, наконец, мы рассмотрели, как можно в любой момент изменить цвет, размер и угол наклона произвольной фигуры!
Итак, мы с вами изучили основы создания и применения произвольных фигур в программе Photoshop, т.е. изучили первую часть нашего урока. Во второй части мы рассмотрим, как объединить созданные нами произвольные фигуры в отдельные наборы и сохранить их в программе.
Перевод: Ксения Руденко
Рисуем облако пером
Простенький урок рисования. Как рисовать все, что угодно инструментом Pen Tool (Перо). Инструмент универсальный, может очень многое, но непрофессионалы редко им пользуются. Почему? Им кажется, что сложно научиться пользоваться инструментом Перо в фотошопе. Ничего сложного. Попробуйте на примере этого урока.
Как нарисовать пером несложную фигуру – облако или маленькую тучку? Или любую другую фигуру, состоящую из нескольких криволинейных сегментов. Самый простой путь — создать простой и примитивный прямолинейный контур, а затем «искривить» его сегменты так, как нужно.
Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:
Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.
На облако это мало похоже. Выберите инструмент Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.
Чтобы прямая изогнулась нужно потянуть наружу за середину, то есть за эту дополнительную точку, которую мы установили. От этой точки отходят две направляющие. Если они совсем короткие, дуга будет изгибаться круто. Чтобы изменить форму дуги, возьмите за кончик направляющей и растяните ее. Чтобы дуга была симметричной, направляющие должны быть одинаковой длины и располагаться под одинаковым углом к ней.
Превратите в дуги все прямолинейные отрезки как на рисунке.
Получился контур, напоминающий облако. Но нарисованная таким образом фигура не является изображением, а только лекалом, которое можно использовать для создания изображения. Контур невидимый на картинке. Созданный контур облака можно залить цветом или текстурой или же обвести карандашом или кистью.
Выберите на панели инструментов фотошопа основной цвет белый.
Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.
В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.
Вот результат — нарисовано симпатичное белое облако:
А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.
Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.
Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).
В открывшемся окне выберите инструмент Pencil (Карандаш),
нажмите ОК и получите результат — обведенный карандашом контур облака.
Для обводки можно использовать и другие инструменты, например, кисть. Каждый инструмент необходимо предварительно настроить.
Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:
Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)
Получится вот такой результат:
Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру) .
В открывшемся окне задайте имя фигуры и ОК.
В дальнейшем вы найдете свое облако в разделе готовых векторных фигур произвольной формы и сможете использовать, когда оно вам понадобится.
Фотошоп является растровым редактором изображений, но в его функционал также включена возможность создания векторных фигур. Векторные фигуры состоят из примитивов (точек и отрезков) и заливки. На деле это векторный контур, залитый каким-либо цветом.
Сохранение таких изображений возможно только в растровых форматах, но, если требуется, рабочий документ можно экспортировать в векторный редактор, например, Illustrator .
Инструментарий для создания векторных фигур находится там же, где и все остальные приспособления – на панели инструментов. Если есть желание стать настоящим профессионалом, то горячая клавиша вызова любого из этих инструментов – U .
Сюда входят Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Произвольная фигура» и «Линия» . Все эти инструменты выполняют одну функцию: создают рабочий контур, состоящий из опорных точек, и заливают его основным цветом.
Как видим, инструментов довольно много. Поговорим обо всех кратко.
-
Прямоугольник.
C помощью данного инструмента мы можем нарисовать прямоугольник или квадрат (с зажатой клавишей SHIFT ).
Радиус скругления предварительно настраивается на панели параметров.
Количество углов также настраивается на панели параметров. Обратите внимание, что в настройке указан параметр «Стороны» . Пусть этот факт не вводит Вас в заблуждение.
Толщина линии настраивается все там же – на панели параметров.
Стандартный набор Фотошопа, содержащий произвольные фигуры, также можно найти на верхней панели настроек инструмента.
В данный набор можно добавлять фигуры, скачанные из интернета.
Общие настройки инструментов
Как мы уже знаем, большинство настроек фигур находится на верхней панели параметров. Настройки, приведенные ниже, одинаково применяются ко всем инструментам группы.
Следующие настройки позволяют производить с фигурами различные, довольно сложные, манипуляции, поэтому поговорим о них более подробно.
Манипуляции с фигурами
Данные манипуляции возможны, только если на холсте (слое) уже присутствует хотя бы одна фигура. Ниже станет понятно, почему так происходит.
Данный пункт позволяет, после совершения одной или нескольких предыдущих операций, объединить все контуры в одну цельную фигуру.
Практика
Практическая часть сегодняшнего урока будет представлять собой набор сумбурных действий, направленных только на то, чтобы посмотреть в действии работу настроек инструментов. Этого уже будет достаточно для того, чтобы понять принципы работы с фигурами.
1. Для начала создадим обычный квадрат. Для этого выберем инструмент «Прямоугольник» , зажмем клавишу SHIFT и потянем от центра холста. Можно воспользоваться направляющими для удобства работы.
2. Затем выберем инструмент «Эллипс» и пункт настроек «Вычесть переднюю фигуру» . Сейчас мы будем вырезать круг в нашем квадрате.
3. Кликаем один раз по любому месту на холсте и, в открывшемся диалоговом окне, пропишем размеры будущего «отверстия», а также поставим галку напротив пункта «От центра» . Круг будет создан точно в центре холста.
4. Нажимаем ОК и видим следующее:
5. Далее нам необходимо объединить все компоненты, создав цельную фигуру. Для этого выбираем соответствующий пункт в настройках. В данном случае это делать не обязательно, но, если бы круг выходил за границы квадрата, наша фигура состояла из двух рабочих контуров.
6. Поменяем цвет фигуры. Из урока мы знаем, какая настройка отвечает за заливку. Есть и другой, более быстрый и практичный способ смены цвета. Необходимо дважды кликнуть по миниатюре слоя с фигурой и, в окне настройки цвета, выбрать желаемый оттенок. Таким способом можно залить фигуру любым сплошным цветом.
Соответственно, если требуется градиентная заливка или узор, то пользуемся панелью параметров.
7. Зададим обводку. Для этого взглянем на блок «Штрих» на панели параметров. Здесь выберем тип обводки «Пунктир» и ползунком изменим ее размер.
8. Цвет пунктира зададим с помощью клика по соседнему цветовому окошку.
9. Теперь, если полностью отключить заливку фигуры,
То можно увидеть следующую картину:
Таким образом мы пробежались почти по всем настройкам инструментов из группы «Фигура» . Обязательно потренируйтесь, моделируя различные ситуации, чтобы понять, каким законам подчиняются растровые объекты в Фотошопе.
Фигуры примечательны тем, что, в отличие от своих растровых собратьев, не теряют качества и не приобретают рваных краев при масштабировании. Вместе с тем, они обладают теми же свойствами и подлежат обработке. К фигурам можно применять стили, заливать любыми способами, путем объединения и вычитания создавать новые формы.
Навыки работы с фигурами незаменимы при создании логотипов, различных элементов для сайтов и полиграфии. При помощи данных инструментов можно выполнять перевод растровых элементов в векторные с последующим экспортом в соответствующий редактор.
Фигуры можно скачивать из интернета, а также создавать свои собственные. При помощи фигур можно рисовать огромные плакаты и вывески. В общем, полезность данных инструментов весьма сложно переоценить, поэтому уделите особое внимание изучению данного функционала Фотошопа, а уроки на нашем сайте Вам в этом помогут.
В фотошопе есть интересный инструмент — «Произвольная фигура» . На практике к этому инструменту редко обращаются, но он все равно обладает рядом интересных особенностей. В этом уроке вы познакомитесь с произвольными фигурами, а также узнаете как самостоятельно добавлять свои наборы таких фигур в фотошоп.
На панели инструментов есть группа однородных инструментов (быстрая клавиша U ). Туда входят: прямоугольник, прямоугольник со скругленными краями, эллипс, многоугольник, линия и произвольная фигура .
На панели атрибутов есть окошечко, где можно выбрать фигуру из числа стандартных. Для этого нужно нажать на маленькую стрелку справа от миниатюры. Посмотрите на скриншоты:
Что такое произвольная фигура?
Она представляет из себя векторное изображение, а значит не имеет ограничений по размерам. Поэтому ее можно растягивать сколько угодно без потери качества.
У фигуры нет своего цвета (кроме того, какой мы выберем перед созданием), объема, теней, обводки границ или чего-либо еще. В этом она напоминает кисть, где цвет вы задаете сами, все остальное уже придется дорисовывать самостоятельно.
Как использовать?
Чтобы нарисовать произвольную фигуру, выберите ее из раскрывающегося списка, затем кликните левой кнопкой мыши в вашем открытом документе и ведите мышку в сторону. Вы увидите, что появился контур будущей фигуры. Двигая мышь в разных углах и направлениях, вы регулируете ее размер и форму, т.е. она может быть широкой или узкой. Не забывайте сперва выбрать нужный цвет, а потом уже рисовать.
Зажмите клавишу Shift , чтобы рисовать фигуру идеально ровной, без искажений в какую-либо сторону.
Как установить свои фигуры в фотошоп?
Вы можете самостоятельно установить набор фигур себе в программу. Здесь работают те же принципы, что и, например, с или . Чтобы их установить, во-первых, скачайте себе на компьютер набор с фигурами. Такие наборы имеют расширение csh .
После этого, откройте меню фигур. Вы увидите такие 4 команды:
Выбрав «Загрузить…» , откроется диалоговое окно, в котором нужно указать путь до файла с расширением csh, например, так:
Этот набор автоматически добавится в конец списка всех фигур. Допустим, у вас был в списке набор с животными, а вы загрузили стрелочки. В итоге получится список, состоящий из животных и стрелочек.
Выбрав «Заменить…» , будет все тоже самое, за исключением того, что новые фигурки появятся не в конце списка, а полностью заменят собой те, что уже есть. Например, у вас изначально были в списке подгружены наборы с животными и стрелочками, а вы решили открыть с заменой набор орнаментов. В итоге, в списке будут только орнаменты.
А если вы загрузили несколько наборов, удалили какие-либо отдельные фигуры, использовав команду «Удалить…» , вообщем, сделали набор под себя, то можете его сохранить командой «Сохранить произвольные…» . В будущем его можно будет загрузить в том же виде или передать кому-нибудь через интернет.
Последняя команда «Восстановить произвольные…» позволяет все вернуть по умолчанию.
Обратите внимание, что в этом же меню есть огромный список: Животные, Стрелки, Природа, Объекты и т.д. Это стандартные наборы, которые нам любезно предоставили разработчики фотошопа.
Второй способ установки с дополнительным преимуществом
Произвольные фигуры еще можно установить непосредственно в системные файлы фотошопа.
Сделать это немного сложнее, но главный плюс такого способа в том, что ваш набор появится в списке, что я описал выше (Животные, Стрелки, Природа, Объекты и т.д.). В случае, если вы намерены часто пользоваться этим инструментом, то такой способ установки сократит время, и вы сможете выбрать нужный набор в два клика.
Для этого необходимо скопировать файл с расширением csh в системную папку фотошопа «Custom Shapes» , обычно у нее такой адрес: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.
Как нарисовать трапецию в фотошопе
Вы также можете при необходимости дополнительные стили.
В первой части мы научимся создавать тем самым ретро стиль и опять находятся четыре значка из этого милого Пряничного Человечка: дырка, через которую тоже стороне диалоговое окно, затем нажмите и его.
Чтобы создать равнобедренную трапецию с двумя равными длинами / углами в Illustrator: 1. Выберите Pen Tool (P). Нарисуйте две параллельные линии разной длины. Нарисуйте их идеально горизонтально, удерживая клавишу Shift. 2. Используя инструмент «Выделение» (V), разведите линии на расстояние по вашему выбору. 3. С помощью инструмента «Выделение» (V) перетащите, чтобы выделить обе линии. В верхней части окна на панели управления наведите курсор на кнопки, пока не найдете горизонтальный центр выравнивания, и щелкните его. Линии теперь должны быть центрированы относительно друг друга. 4. Наконец, у вас есть два варианта добавления в две строки одинаковой длины: а. Выделив обе параллельные линии, используйте команду «Соединение», дважды нажав Ctrl + J или выбрав «Объект»> «Путь»> «Объединить дважды», чтобы создать две линии. б. Используя Pen Tool (P), соедините концы двух линий с каждой стороны.
Теперь у вас должна быть полная равнобедренная трапеция, которую можно вращать и трансформировать с помощью инструмента «Выделение» (V).
Как сделать трапецию в фотошопе
Нарисовать трапецию в фотошопе. Как создать произвольные фигуры или формы в 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) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.- штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
- конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
- конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны
«Углы» (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, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:
- «Прямоугольник»;
- «Прямоугольник со скруглёнными углами»;
- «Эллипс»;
- «Многоугольник»;
- «Линия»;
- «Произвольная фигура».
Редактор предлагает несколько классических и произвольных форм
Всего существует три режима рисования:
- Создаётся новая фигура, для которой можно сделать слой-заливку или векторную маску.
- Создаётся контур фигуры и закрашивается каким-либо цветом.
- Пиксельный режим. В этом случае изображения получаются растровыми, а не векторными.
Для каждой выбранной фигуры задаются геометрические параметры, иначе говоря — пропорции. Чтобы нарисовать прямоугольник, выберите соответствующий инструмент, установите необходимые настройки контуров и цвет заливки. А теперь просто установите курсор в той точке листа, с которой хотите начать рисовать. Зажав левую кнопку мыши, растягивайте прямоугольник так, как нужно.
Нет ничего проще, чем провести линию . Для этого применяется одноимённый инструмент.
Для круга используйте клавишу Shift либо меню дополнительных настроек
Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.
Рисуем красивую композицию стандартными средствами
Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно — выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.
Стрелки в начале или конце можно задать в свойствах инструмента
Рассмотрим, как нарисовать стрелку в Photoshop. Сделать это можно двумя способами. Первый заключается в том, что нужно выбрать инструмент «Линия», затем в окне параметров отметить, с какой стороны линии будет находится стрелка (в начале, либо в конце), далее нужно задать толщину стрелки в пикселях. Поставьте курсор в нужную точку и начните растягивать линию мышкой. Второй способ — выберите «Произвольная фигура». На верхней панели есть таблица с шаблонами, среди них есть и стрелка.
Шаблоны, идущие в обычной комплектации приложения
Теперь вы знаете, как добавить простейшие геометрические фигуры в Photoshop. Как вы можете убедиться нет ничего проще. Пишите в комментариях была ли полезной для вас эта статья и задавайте любые интересующие вопросы по рассмотренной теме.
Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.
Создайте новый файл для тренировки.
Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:
Здесь представлены основные фигуры, которыми мы можем воспользоваться. Выберете любую и посмотрите на панель параметров:
Для любой фигуры можно выбрать:
- режим рисования:
- Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».
- Контуры . Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке «Контуры» панели «Слои».
- Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение
- стиль и цвет фигуры
- задать параметры, характерные для этой фигуры
- Произвольно — как нарисуете, так и будет.
- Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
- Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
- Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
- От центра — рисует прямоугольник от центра.
- Привязать к пикселам — края прямоугольника привязываются к границам пикселов.
- Радиус — радиус многоугольника.
- Сгладить внешние углы
- Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
- Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
- Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.
- Начало — стрелка в начале линии.
- Конец — стрелка в конце линии.
- Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
- Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
- Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).
- Режим инструмента выбора. Здесь можно выбрать одно из трёх.
- Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
- Контур. Рисуется контур фигуры без заливки.
- Пикселы. Создаётся не векторная, а растровая фигура.
- Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.
- Обводка. Настройки контура фигуры: толщина, тип, цвет.
- Ширина и высота. Позволяют уточнить размер фигуры, когда непозволительно делать это «на глаз».
- Радиус. В этом поле задаётся радиус будущего многоугольника.
- Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
- Звезда. Установите флажок, если на выходе хотите получить звезду.
- Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
- Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.
- Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
- Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
- Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
- Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
- Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).
- Слой-фигура. Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке "Контуры" панели "Слои".
- Контуры. Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке "Контуры" панели "Слои".
- Заливка пикселов. При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение
- Произвольно — как нарисуете, так и будет.
- Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
- Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
- Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
- От центра — рисует прямоугольник от центра.
- Привязать к пикселам — края прямоугольника привязываются к границам пикселов.
- Радиус — радиус многоугольника.
- Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.
- Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
- Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
- Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.
- Начало — стрелка в начале линии.
- Конец — стрелка в конце линии.
- Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
- Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
- Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).
Рисуем прямоугольники
Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура. Выберем стиль, щелкнув по треугольнику справа.
Выберете любой, какой понравится. Кстати, если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные стили. Если же вы не хотите использовать стиль, то выберите белый квадратик, перечеркнутый красной линией.
Теперь можно задать геометрические параметры:
Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles.
Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?
Рисуем прямоугольники со скругленными углами
Выберем вторую фигуру — прямоугольник со скругленными углами. На панели выберем режим — слой-фигура, радиус скругления углов — например, 15 и цвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.
Вот, что получилось у меня при различных комбинациях радиуса и стиля.
Чем не блоки новостей и кнопочки меню?
Рисуем окружности
Выберем третью фигуру — эллипс. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же, как у прямоугольника, с той лишь разницей, что вместо квадрата можно выбрать окружность. Выберите -произвольно- и растяните эллипс. Если хотите, чтобы был круг, то удерживайте нажатой клавишу Shift или выберите в геометрических параметрах -окружность-.
Вот, что получилось у меня:
Рисуем многоугольники
Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:
Первый девятиугольник имеет радиус 3см, остальные галочки сняты.
Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.
Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.
Ко всем применен стиль.
Рисуем линии
Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:
Если все галочки сняты будет просто линия, параметры задают стрелки на концах этой линии.
У первой линии все галочки сняты, ширина — 500%, длина — 1000%, толщина — 2 пиксела.
У второй линии все тоже самое, но стоит галочка у -начало- и кривизна — 5%.
У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.
У четвертой линии стоят обе галочки, ширина — 500%, длина — 1000%, кривизна — 15%, толщина — 5 пикселов.
Ко всем применен стиль.
Рисуем произвольные фигуры
Выберем фигуру — произвольная фигура. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:
Если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные фигуры.
Рисуем несколько фигур в одном слое
Принцип здесь такой же, как и с инструментами прямоугольного выделения (на первом уроке мы делали нестандартную область выделения, применяя инструменты на панели параметров: добавить к выделению, вычесть из выделения и т.д.). Такие же инструменты есть и на панели параметров фигур.
Например, создайте фигуру прямоугольник, теперь на панели параметров щелкните по иконке «добавить к области фигуры», а теперь выберите фигуру эллипс. Подведите курсор мыши к верхней границе нашего прямоугольника, нажмите левую клавишу мыши и, не отпуская, растяните эллипс. Должно получится примерно так:
Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура-:
Подведите курсор к границе эллипса и, удерживая нажатой левую кнопку мыши, перетащите эллипс куда следует. Используя все эти инструменты, можно рисовать фигуры различной сложности.
Сохраняем фигуры
Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.
Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.
На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями.
· Урок 2. Слои и текст
· Урок 6. Трансформация
· Урок 7. Рисование — кисть и карандаш
· Урок 11. Рисование — инструмент перо
Мы говорили о рисовании в Photoshop с помощью карандаша и кисти. Линии от руки — это прекрасно, но часто бывает, что нужно изобразить ровную геометрическую фигуру. Линейки и циркули ушли в прошлое, и теперь сделать это можно с помощью простых инструментов редактора.
Чтобы выбрать один из них, на палитре инструментов нажмите значок Фигуры.
Независимо от того, какой инструмент группы вы выберите, на панели параметров появятся следующие, общие для всех фигур, элементы.
Как всегда, создайте новый документ с белым фоном. Остальные параметры можно оставить по умолчанию или выбрать на своё усмотрение.
Прямоугольник
Выберите фигуру Прямоугольник и, чтобы нарисовать его, щёлкните кнопкой мыши на холсте, а затем перемещайте указатель, удерживая при этом кнопку мыши нажатой. Точка, в которой вы щёлкнули, будет углом фигуры.
На панели параметров нажмите значок . Откроется окно геометрических настроек.
По умолчанию переключатель установлен в положение Прямоугольник. Если вы установите его в положение Квадрат, то при рисовании всегда будете получать фигуру с одинаковой длиной сторон. Аналогичного эффекта можно добиться и не нажимая флажок: для получения квадрата в процессе рисования прямоугольника достаточно удерживать нажатой клавишу Shift .
Если параметры вашего прямоугольника заранее известны, установите переключатель в положение Заданный размер и в полях укажите требуемые значения. Фигура будет полностью нарисована, как только вы щёлкните на холсте кнопкой мыши.
После установки переключателя в положение Задать пропорции в ставших доступными полях для ввода вы можете указать соотношения сторон создаваемой фигуры.
Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.
Прямоугольник со скруглёнными углами
Следующий пункт в списке геометрических фигур. Понятно, что от обычного он отличается скруглением на углах. Соответственно, и настройки у этой фигуры и прямоугольника почти идентичны. Радиус скругления можно указать в соответствующем поле панели параметров.
Эллипс
Параметры совпадают с прямоугольником, только вместо квадрата можно рисовать круг. Для этого в окне настроек геометрии установите флажок в положение Окружность либо во время рисования удерживайте нажатой клавишу Shift .
Многоугольник
С помощью этого инструмента можно нарисовать треугольник, додекаэдр, икосаэдр, звезду или вообще любую фигуру, которая содержит от трёх до ста сторон. Их количество можно задать в поле ввода Стороны, расположенном на панели параметров.
Окно геометрических настроек от предыдущих фигур заметно отличается.
Линия
Используйте этот инструмент, чтобы создавать по-настоящему прямые линии — от руки их делать просто нецелесообразно. Чтобы добиться максимальной точности, настройте геометрические параметры в соответствующем окне.
Произвольная фигура
Чтобы не создавать для каждой из десятков оставшихся фигур собственный инструмент, разработчики объединили их здесь. Все элементы панели параметров вам уже знакомы, кроме самого главного — кнопки Фигура, щелчок на которой открывает окно выбора фигур.
Если щёлкнуть на шестерёнке, расположенной в правой части окна, откроется меню дополнительных параметров, содержащее категории фигур.
Благодаря рассмотренным инструментам вы буквально в два щелчка сможете нарисовать огромное количество фигур, на создание которых вручную ушло бы довольно продолжительное время.
Трансформация выделения в Photoshop
Вам требуется выделить объект в Photoshop достаточно несложным образом — например, вписать его в прямоугольную рамку, да вот беда, стороны этой рамки должны быть наклонными, как, например, на рис. 1.45. То есть требуется выделить объект наклонной прямоугольной рамкой. Где такую взять?
Рис. 1.45. Поворот прямоугольного выделения в Photoshop
На самом деле никакой специальной наклонной рамки нет, да это и не требуется: достаточно использовать обычную, а потом ее немножко наклонить или иным образом преобразовать. Делается это командой Transform Selection в меню Select (или комбинацией Alt-S > Т).
По этой команде в углах рамочки и посредине сторон появляются квадратики-узелки, взявшись за которые рамочку можно растягивать или сжимать (курсор приобретает, например, такой вид: ).
Если же мышкин курсор окажется вблизи углового квадратика (но за пределами рамки), то станет таким: и это означает, что теперь мы можем рамку поворачивать (см. рис. 1.45).
Центр поворота обозначен на рисунке чем-то вроде прицела:, прежде чем поворачивать рамку, вы можете передвинуть его мышкой в другое место -например в угол, и поворачивать относительно угла.
Взявшись за рамочку (внутри ее, но не по центру поворота), вы сможете целиком передвинуть ее на новое место.Иногда требуется сделать рамку в виде параллелограмма (операция называется Skew — перекос). Возьмитесь мышкой за рамку при нажатой клавише Ctrl (курсор станет таким: ) и тащите в нужную сторону. Добавив к «контролу» еще и Shift, вы сохраните неизменной высоту параллелограмма. Клавиша Alt делает изменения симметричными.
Если же взяться с «контролем» за угловой узелок (курсор тоже будет таким: ), вы сможете тащить только этот угол, отчего прямоугольник превращается в неправильный четырехугольник (с «шифтом» — в трапецию, а с «шифтом» и «альтом» — в симметричную трапецию).Перетаскивая узелки с клавишей Alt, получим симметричное изменение формы: противоположная сторона или угол подвинутся в противоположную сторону на такое же расстояние. Клавиша Shift сохраняет пропорции выделенной области. А комбинация Alt-Shift делает и то и другое вместе: и пропорции сохраняет, и выделение меняет симметрично.
Видите, какая куча возможностей! А ведь клавиш-модификаторов всего три штуки!
Панель настроек, которая появляется при деформации выделения, позволяет все эти операции задать цифрами, с точностью до пикселя (см. рис. 1.46). Но обычно хватает точности мышки. Если же вам вдруг понадобится выполнить такое сверхточное преобразование, вы с этой панелью разберетесь самостоятельно.Рис. 1.46. Панель трансформаций выделенной области
Где тут координаты верхнего угла, а где длина, ширина, угол поворота и наклон, легко догадаться, взглянув на пиктограммы.
Хочу обратить ваше внимание только на интересную конструкцию в левой части панели: . Это наш пульт дистанционного управления центром поворота: черная точка в центре — значит, и поворот будет вокруг центра. Щелкнете по уголку или по середине стороны, точка перейдет туда, — и поворот будет вокруг угла или середины. Этим пультом пользоваться довольно удобно, даже если не вводишь углы и размеры цифрами.
Пока трансформация не закончена, другие дела Photoshop делать не дает. Для подтверждения результатов трансформации и возвращения к нормальному режиму работы нажмите кнопку-галочку справа на панели настроек или клавишу Enter.
А для отмены трансформации нажмите кнопку с перечеркнутым кружком (в 6.0 — с крестиком) или клавишу Esc.Как нарисовать трапецию в фотошопе
Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.
Создайте новый файл для тренировки.
Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:
Здесь представлены основные фигуры, которыми мы можем воспользоваться. Выберете любую и посмотрите на панель параметров:
Для любой фигуры можно выбрать:
Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура. Выберем стиль, щелкнув по треугольнику справа.
Выберете любой, какой понравится. Кстати, если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные стили. Если же вы не хотите использовать стиль, то выберите белый квадратик, перечеркнутый красной линией.
Теперь можно задать геометрические параметры:
Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles.
Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?
Рисуем прямоугольники со скругленными углами
Выберем вторую фигуру — прямоугольник со скругленными углами. На панели выберем режим — слой-фигура, радиус скругления углов — например, 15 и цвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.
Вот, что получилось у меня при различных комбинациях радиуса и стиля.
Чем не блоки новостей и кнопочки меню?
Выберем третью фигуру — эллипс. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же, как у прямоугольника, с той лишь разницей, что вместо квадрата можно выбрать окружность. Выберите -произвольно- и растяните эллипс. Если хотите, чтобы был круг, то удерживайте нажатой клавишу Shift или выберите в геометрических параметрах -окружность-.
Вот, что получилось у меня:
Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:
Первый девятиугольник имеет радиус 3см, остальные галочки сняты.
Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.
Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.
Ко всем применен стиль.
Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:
Если все галочки сняты будет просто линия, параметры задают стрелки на концах этой линии.
У первой линии все галочки сняты, ширина — 500%, длина — 1000%, толщина — 2 пиксела.
У второй линии все тоже самое, но стоит галочка у -начало- и кривизна — 5%.
У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.
У четвертой линии стоят обе галочки, ширина — 500%, длина — 1000%, кривизна — 15%, толщина — 5 пикселов.
Ко всем применен стиль.
Рисуем произвольные фигуры
Выберем фигуру — произвольная фигура. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:
Если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные фигуры.
Рисуем несколько фигур в одном слое
Принцип здесь такой же, как и с инструментами прямоугольного выделения (на первом уроке мы делали нестандартную область выделения, применяя инструменты на панели параметров: добавить к выделению, вычесть из выделения и т.д.). Такие же инструменты есть и на панели параметров фигур.
Например, создайте фигуру прямоугольник, теперь на панели параметров щелкните по иконке "добавить к области фигуры", а теперь выберите фигуру эллипс. Подведите курсор мыши к верхней границе нашего прямоугольника, нажмите левую клавишу мыши и, не отпуская, растяните эллипс. Должно получится примерно так:
Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура-:
Подведите курсор к границе эллипса и, удерживая нажатой левую кнопку мыши, перетащите эллипс куда следует. Используя все эти инструменты, можно рисовать фигуры различной сложности.
Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.
Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.
На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями.
Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.
Как нарисовать трапецию в фотошопе cs5. как нарисовать трапеции
3 Replies to “Как нарисовать трапецию в фотошопе cs5”
Уася! Ты бы хоть написал что надо Ctrl+T нажать что бы квадратики появились и что Ctrl надо удерживать, что бы курсор изменился, а то видео твое весь смысл теряет.
БОЖЕЕЕЕЕ. ПОЧЕМУ ТЫ НЕ НАПИСАЛ, ЧТО CTRL НАДО ЖАТЬ. УДАЛИ ЭТО ВИДЕО, НЕ МОРОЧЬ ЛЮДЯМ ГОЛОВУ
В данном разделе мы познакомимся со способами редактирования фигур. Дело в том, что при необходимости вам не нужно редактировать фигуры с помощью стирательной резинки и тому подобных неточных инструментов. Можно все сделать гораздо лучше и аккуратнее. Изменить контуры фигуры можно, просто пододвинув в нужном направлении некоторые ее точки. При этом границы фигуры будут автоматически плавно сглажены и изменены.
Допустим, вам понадобилось нарисовать трапецию. Как вы знаете, специального инструмента для рисования трапеций в Photoshop CS6 не предусмотрено. Но зато есть инструмент построения прямоугольников. Вот им мы и воспользуемся — нарисуем сначала прямоугольник, а потом уменьшим верхнюю его сторону, чтобы получилась трапеция. Сделать это можно, просто немного переместив точки верхних углов прямоугольника навстречу друг другу. Как нарисовать прямоугольник, мы уже знаем, остается выяснить, каким образом можно перемещать углы.
Рис. 3.19. Редактирование фигур
Для этого вам нужно на панели инструментов выбрать Direct Selection (Инструмент Стрелка). Указатель мыши примет вид белой стрелочки. Щелкните этой стрелочкой по краю фигуры. В результате контур фигуры выделится и станут видны ключевые точки — точки в которых происходит изменение формы фигуры (углы и т. п.). Эти точки помечаются маленькими квадратиками (рис. 3.19). Так вот вы можете ухватиться стрелочкой за любой из таких квадратиком и перетащить его в нужное место. Возвращаясь к нашему примеру с трапецией — перетащите навстречу друг другу верхние углы. Чтобы перетаскивание происходило строго по горизонтали (или по вертикали — но это не для нашего примера), удерживайте нажатой клавишу «Ctrl».
Аналогичным образом можно в любой другой фигуре двигать ключевые точки ее контура. Более того, вы можете выбирать по нескольку точек сразу и дружно их передвигать в каком-либо направлении. Выбор нескольких точек осуществляется щелчками мыши по ним при нажатой клавише «Shift».
Чтобы изменить цвет какой-либо фигуры — установите на панели инструментов в качестве фонового цвета тот цвет, в который вы хотите перекрасить фигуру. На палитре Layers (Слои) выберите тот слой, на котором находится фигура, и нажмите сочетание «Ctrl» + « Backspaces
Как нарисовать трапецию в фотошопе — подборка видео уроков
На этой странице собраны лучшие ролики о том Как нарисовать трапецию в фотошопе. Если вы хотите научиться рисовать с нуля, просто начните делать это ежедневно. Постарайтесь понять, в каком направлении искусства вы хотите развиваться: иллюстрации, концепт-арт, графический дизайн, детские рисунки, анимация или что-то другое.
Если вы еще не знаете, то наш сайт поможет вам определиться. Просто просматривайте страницы и пробуйте рисовать то что показано в видеоуроках. Если у вас есть какие-то полезные советы о том Как нарисовать трапецию в фотошопе, пожалуйста напишите об этом в комментариях. Тем самым вы поможете и нам и многим другим людям.
После получения базовых навыков вы можете перейти к изучению перспективы, композиции, цвету и освещению. Хороший художник знает все эти аспекты, но вам нужно с чего-то начать.
Помните, рисование — это не талант, это выученный навык и тысячи часов практики.
Как нарисовать трапецию в фотошопе
Вы также можете при необходимости дополнительные стили.
В первой части мы научимся создавать тем самым ретро стиль и опять находятся четыре значка из этого милого Пряничного Человечка: дырка, через которую тоже стороне диалоговое окно, затем нажмите и его.
Чтобы создать равнобедренную трапецию с двумя равными длинами / углами в Illustrator: 1. Выберите Pen Tool (P). Нарисуйте две параллельные линии разной длины. Нарисуйте их идеально горизонтально, удерживая клавишу Shift. 2. Используя инструмент «Выделение» (V), разведите линии на расстояние по вашему выбору. 3. С помощью инструмента «Выделение» (V) перетащите, чтобы выделить обе линии. В верхней части окна на панели управления наведите курсор на кнопки, пока не найдете горизонтальный центр выравнивания, и щелкните его. Линии теперь должны быть центрированы относительно друг друга. 4. Наконец, у вас есть два варианта добавления в две строки одинаковой длины: а. Выделив обе параллельные линии, используйте команду «Соединение», дважды нажав Ctrl + J или выбрав «Объект»> «Путь»> «Объединить дважды», чтобы создать две линии. б. Используя Pen Tool (P), соедините концы двух линий с каждой стороны.
Теперь у вас должна быть полная равнобедренная трапеция, которую можно вращать и трансформировать с помощью инструмента «Выделение» (V).