Как сделать ромб в фотошопе
В этом уроке мы будем изучать основы работы с векторными формами (их ещё называют «фигурами», англ — Shapes) и слой-фигурами в Photoshop. Мы начнем с изучения применения пяти геометрических инструментов формы — «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), и инструмент «Линия» (Line Tool). Чтобы узнать о каждой из этих фигур подробнее, кликните по их названию.
Затем, в следующем уроке, мы узнаем, как работать с более сложными фигурами — инструментом «Произвольная фигура» (Custom Shape Tool).
Большинство пользователей позиционируют Photoshop как программу для редактирования фотографий, а если вы попросите рекомендовать хорошую программу для рисования эскизов, макетов и иллюстраций, вам, как правило, посоветуют Adobe Illustrator. Действительно, возможности рисования иллюстраций у программы Illustrator выходят далеко за пределы в Photoshop, но и Photoshop имеет достаточно широкие возможности для выполнения этих задач, как можно было бы ожидать от редактора изображений на основе пикселей. Это достигается в значительной степени благодаря векторным инструментам Photoshop, о которых и пойдёт речь в этом уроке.
Начиная с версии Photoshop CS6, в векторные инструменты внесли значительные обновления. Это добавление обводки, пунктира, типов заливки, изменение радиуса углов и т.п.
Инструменты форм
Adobe Photoshop имеет шесть инструментов формы, это «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и инструмент «Произвольная фигура» (Custom Shape Tool). Все они вложены в одном месте в панели инструментов. По умолчанию, на инструментальной панели отображён инструмент «Прямоугольник», но если вы нажмёте на него правой клавишей мыши, то откроется выпадающий список с остальными инструментами:
Инструменты векторных форм, верхний инструмент — «Прямоугольник» (Rectangle Tool)
Я выберу первый инструмент в списке, это «Прямоугольник» (Rectangle Tool).
Фигура, Контур или Пиксели
Прежде, начинать создавать какие-либо формы, в первую очередь необходимо указать Photoshop, какой тип формы мы хотим нарисовать. Это необходимо потому, что на самом деле Photoshop позволяет нам создать три абсолютно разных вида форм. Это «Фигура» (Shape), «Контур» (Path) и «Пиксели» (Pixel Shapes).
Установка опции режима инструмента «Фигура» (Shape)
В абсолютном большинстве случаев вы будете рисовать векторные фигуры. В отличие от пиксельных форм, векторные фигуры являются гибкими, масштабируемыми и не зависят от разрешения изображения, что означает, что мы можем задать им любой желаемый размер, редактировать и масштабировать их столько, сколько нам потребуется, не теряя качества и даже распечатать их в любом размере также без потери качества!
Вне зависимости от того, показаны они фигуры на экране или в печати, края векторных фигур всегда остаются четкими и резкими.
Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:
Выбор опции «Фигура» (Shape) на панели параметров
Заливка формы цветом
Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:
Клик по кнопке в панели параметров для открытия диалогового окна свойств заливки фигуры.
Это действие открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения формы, каждый из которых представлен одним из четырех значков, расположенных вдоль верхней части окна. Назначение значков, начиная с левого края:
- Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
- Чистый цвет (Solid Color) — заливка сплошным цветом
- Градиент (Gradient) — заливка градиентом
- Узор (Pattern) — залива Photoshop-узором (паттерном)
Различные методы заливки формы
Нет цвета (No Color)
Как следует из названия, выбор этой опции оставит форму без заливки, с пустыми пикселями внутри. Для чего это нужно? Ну, в некоторых случаях может понадобится только сам контур. Также, часто нужна только обводка с прозрачными пикселями внутри.
Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:
Фигура «Прямоугольник» без заливки и обводки.
Чистый цвет (Solid Color)
Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:
Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом
При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:
Выбор цвета нажатием на образец.
Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:
Клик на значок Color Picker для выбора собственного цвета.
Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.
Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:
Фигура, залитая цветом.
Заливка градиентом
Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.
Выбор готового или создание собственного градиента для заливки фигуры.
Вот тот же форма, только теперь она заполнена градиентом:
Форма, заполненная одним из предустановленных градиентов Photoshop.
Заливка узором (Patterns)
Наконец, опция заливки узором позволяет нам заполнить форму одним из предустановленных узоров Photoshop.
Нажмите на одну из миниатюр для выбора узора. Заранее в Photoshop установлено не так много вариантов узоров, выбор, загрузка и установка узора для заливки подробно описаны здесь.
Ниже показана та же форма, на этот раз заполненная узором:
Та же форма, только на этот раз залитая стандартным узором Photoshop.
Если вы не пока уверены, какой цвет, градиент или узор, нужен вашей фигуры, не волнуйтесь. Как мы увидим далее, вы всегда сможете вернуться к редактированию фигуры позже и изменить вид заливки.
Добавление обводки к векторной фигуре
Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.
Для добавления обводки, нажмите на соответствующую опцию в панели параметров:
Опция добавления обводки.
Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.
В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.
Изменение толщины обводки
Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения. Я, практически всегда, выбираю пиксели:
Изменение ширины и единиц измерения обводки.
Опция выравнивания краёв (Align Edges)
Правее всех других, в панели параметров расположена опция «Выровнять края». При включении этой функции (она включена по умолчанию) Photoshop приведёт в соответствие положение краёв обводки с пиксельной сеткой, что сделает изображение чётче.
Опция будет активна только при единицах измерения обводки пиксели.
Дополнительные параметры обводки
По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options ) на панели параметров:
Кнопка окна выбора дополнительных свойств — выбор штриха обводки — сплошного, пунктирного, точечного и др.
Это открывает окно «Параметры обводки» (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:
Диалоговое окно дополнительных параметров обводки
Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.
- штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
- конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
- конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны
«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.
Нажатие на кнопку внизу окна «Другие параметры…» (More Options…) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:
Обводка внутри фигуры, в которой используется два типа штриха — отрезок и точка.
В этом Вы узнаете, как создать миниатюрный мир, используя стоковые фоторесурсы и некоторые интересные методы, которые открывает для нас программа Photoshop.
Сложность урока: Сложный
В этом уроке мы покажем, как создать миниатюрный мир, используя стоковые фоторесурсы и некоторые интересные методы, которые открывает для нас программа Photoshop.
Урок был так же приурочен к обновлению фотобанка PhotoDune, материалы которого и были использованы как исходник. Давайте начнем!
Исходники:
Примечание переводчика: если у Вас возникли затруднения с предложенными автором ресурсами, вы можете использовать свой материал.
Шаг 1
Создайте новый документ в Photoshop размером 3000 × 1900 пикселей. С помощью инструмента Прямоугольник (Rectangle Shape Tool (U)) нарисуйте ромб.
Шаг 2
Активируйте инструмент Перо (Pen Tool (P)) и нарисуйте левую грань ромба. Создайте выделение контура и залейте его темно-серым цветом. Дублируйте грань. Отобразите по горизонтали (Flip Horizontal ) полученную копию. Создайте выделение второй грани и залейте его светло-серым цветом.
Шаг 3
Скопируйте исходное изображение "Трава" на свой компьютер.
Перейдите к Файл > Открыть как смарт-объект (File > Open as a Smart Object), найдите изображение травы в списке и нажмите "Открыть".
Перенесите картинку с травой в основной рабочий документ. Разместите ее над слоем с ромбом. Наведите курсор на разделительную линию между этих двух слоев и зажмите клавишу "Alt ". Когда появится значок с двумя кружками, сделайте щелчок левой клавишей мыши и примените слой "Трава" как обтравочную маску (сlipping мask) к слою с ромбом.
Стоя на слое "Трава" нажмите комбинацию клавиш "Ctrl + T" и уменьшите масштаб изображения так, чтобы текстура смотрелась гармонично. При необходимости дублируйте слой с уменьшенной текстурой, и разместите копию так, что бы была покрыта вся площадь ромба.
Теперь добавим немного резкости травяному покрову. Для этого перейдите к Фильтр > Усиление резкости > Контурная резкость (Filter > Sharpen > Unsharp Mask). Отрегулируйте настройки резкости руководствуясь общим видом и применяя небольшие значения для параметра Радиус (Radius) и большие значения для параметра Эффект (Amount).
Шаг 4
Сделаем траву ярче и насыщенней. Для этого примените к слою с травянистой текстурой корректирующий слой Цветовой тон \Насыщенность (Hue/Saturation).
Примечание переводчика: автор не указывает настройки для корректирующего слоя, вы можете подобрать их по своему усмотрению. либо использовать мои:
Объедините слои с ромбом, травяной текстурой и корректирующим слоем в одну группу. Создайте выделение по контуру ромба (Ctrl + щелчок по миниатюре слоя с ромбом) и добавьте к группе слоев векторную маску. Для этого просто нажмите на значок "Добавить слой-маску" в нижней части панели слоев.
Теперь обработаем края травы, что бы она выглядела более реалистично. Встаньте на слой-маску группы и активируйте инструмент Кисть (Brush Tool). Выберете круглую жесткую кисть маленького размера, цвет кисти - черный. Обработайте край травы в верхней части ромба.
Шаг 5
Добавим почву. Повторите действия шагов №3- №4, но вместо изображения с травой используйте исходник "Почва". Накладывайте данную текстуру на левую и правую грань ромба. Для удобства работы, создайте группы для каждой из граней.
Шаг 6
Дорисуем немного корней в почве.
Активируйте инструмент Кисть (Brush Tool). Выберете круглую жесткую кисть маленького размера, цвет кисти - коричневый. Создайте новый слой над всеми предыдущими. Установите режим наложения (blending mode) данного слоя Осветление основы (Color Dodge). Теперь дорисуйте волнистые корни , как в примере ниже.
Шаг 7
Добавим свет и тень на лужайку.
Для этого используйте обычную круглую мягкую Кисть (Brush Tool). Для осветления участков воспользуйтесь кистью белого цвета, а для затемнения - черного. Темные и светлые участки рисуйте на разных слоях.
Примечание переводчика: после того как вы закончите прорисовку осветленных и затемненных областей , понизьте непрозрачность (opacity) этих слоев до 20% - 50%.
Шаг 8
Рисуем аквариум. Создайте новый слой, поверх предыдущих, и залейте его белым цветом. Перейдите к меню 3D > Новая фигура из слоя > Сфера (3D > New Shape for Layer > Sphere). Масштабируйте сферу и разместите ее на лужайке. Когда будете довольны результатом, растрируйте слой со сферой.
Примечание переводчика: для того что бы растрировать слой со сферой, сделайте щелчок правой кнопкой мыши по 3D слою. В подменю выберите пункт "Растрировать 3D"
Сделайте двойной щелчок по слою с шаром, для того что бы перейти к меню "Стиль слоя" (Layer Style). Установите параметры указанные на картинке ниже:
Дублируйте слой со сферой. Установите режим наложения (blending mode) для слоя-копии Затемнение основы (Color Burn), непрозрачность (opacity) слоя понизьте до 70%.
Шаг 9
Используя инструмент Овальная область (Elliptical Marquee Tool) нарисуйте эллипс и залейте выделение черным цветом. Примените к эллипсу Размытие по Гауссу (Gaussian Blur). Режим наложения (blending mode) для данного слоя измените на Мягкий свет (Soft Light), а непрозрачность (opacity) установите 80%.
Полученный размытый эллипс должен располагаться в нижней половине сферы. Разместите слой с размытым эллипсом между слоев со сферами.
Добавим белый блики в верхней части сферы. Для этого, создайте новый слой поверх слоя с размытым эллипсом и нарисуйте на нем белый овал. Размойте белый эллипс и примените режим наложения как для предыдущего слоя.
Примечание переводчика: данный шаг нужен для создания объема. Когда вы примените режим наложения Мягкий свет (Soft Light), то будет казаться, что изменений не произошло, результат этого шага будет виден после добавления цвета. При необходимости вы сможете вернуться к слоям с эллипсами и воспользоваться функциями Трансформирования для редактирования.
Шаг 10
Добавим цвет аквариуму. В этом нам поможет корректирующий слой Цветовой тон\ Насыщенность (Hue/Saturation). Для того чтобы настройки были применены только к аквариуму, необходимо добавить слой-маску к корректирующему слою. Затем понизьте непрозрачность (opacity) слоя Цветовой тон\ Насыщенность (Hue/Saturation) до 60%.
Далее создайте черную овальную форму вверху сферы (отверстие), как показано ниже, и установите режим смешивания на Перекрытие (Overlay).
Примечание переводчика: если после применения корректирующего слоя вы не довольны цветом аквариума, рекомендую добавить еще один дополнительный корректирующий слой "Цвет".Примените к данному слою векторную маску. Для этого зажмите клавишу Ctrl + щелчок по слою со сферой, а затем, стоя на корректирующем слое "Цвет" нажмите на значок "Добавить векторную маску", либо инвертируйте выделение сферы и залейте пространство черным цветом на маске слоя. Установите режим наложения для слоя "Цвет" на Цветность, значение заливки уменьшите по собственному усмотрению (у меня заливка составила 60%). Ниже я привожу примеры своих настроек в картинках.
Шаг 11
Начнем заполнять аквариум. Для получения иллюзии воды хорошо работает простой прием. Создайте новый слой, поверх предыдущих. Залейте его темно-серым цветом. Установите цвет переднего и фонового плана на черный и белый. Перейдите к Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Режим наложения для данного слоя установите Мягкий свет (Soft Light), а непрозрачность (opacity) - 80%. Отмасштабируйте полученный слой, уменьшите его размеры чтобы углы немного выходили за границы аквариума. Вода должна быть только внутри сферы, а потому, необходимо добавить слой-маску ( к слою с фильтром "Облака") и скрыть на ней все кроме самого аквариума.
Шаг 12
Встаньте на маску слоя с водой и прорисуйте черной кистью верхнюю часть аквариума ( ту где находится отверстие).
Добавьте новый слой. Установите режим наложения для него Мягкий свет (Soft Light), непрозрачность (opacity) 50%. Создайте выделение по контуру сферы. Активируйте инструмент Кисть (Brush Tool). Установите цвет кисти на черный и выберите в палитре кистей мягкую круглую кисть. Прорисуйте нижнюю часть аквариума, для создания большего объема.
Шаг 13
Следующим шагом является создание тени от сферы-аквариума.
Для этого мы используем инструмент Эллипс (Ellipse Tool (U)). Нарисуйте овальную черную форму на новом слое. Расположите ее под слоем с аквариумом. Непрозрачность (opacity) данного слоя понизьте до 60%, а затем примените фильтр Размытие (Blur).
Примечание переводчика: вы можете использовать фильтр "Размытие по Гауссу" со значением 5-7 пикс.
Обратите внимание что в этом шаге так же мы рисуем дно аквариума. Для этого просто создайте новый слой поверх предыдущего, нарисуйте белый овал и понизьте его непрозрачность.
Шаг 14
Добавим медуз. Откройте исходный ресурс с медузами. Если ваше изображение открылось как смарт-объект необходимо его растрировать. Затем нажмите на комбинацию клавиш Ctrl + I для инвертирования картинки. Далее применяем комбинацию клавиш Ctrl + Shift + U для того что бы обесцветить изображение. Сохраните полученный файл.
Перенесите полученное изображение с медузами в ваш рабочий документ. При необходимости масштабируйте его. Установите режим наложения (blending mode) Темнее (Darken). Дублируйте слой и установите для копии режим наложения (blending mode) Затемнение основы (Color Burn), непрозрачность (opacity) понизьте до 20%.
Шаг 15
Активируйте инструмент Штамп (Stamp Tool (S)). Используя как образец траву лужайки, прорисуйте нижнюю часть аквариума так, что бы трава покрывала низ сферы.
Шаг 16
Добавим рябь на воде. Нарисуйте круг серого цвета с помощью инструмента Эллипс (Ellipse Tool (U)). Примените стиль слоя указанный на картинке ниже. Растрируйте слой с формой и примените комбинацию клавиш Ctrl + I, чтобы инвертировать его. Установите режим смешивания (blending mode) для круга на Перекрытие (Overlay) , а непрозрачность (opacity) - 20% .
Примечание переводчика: создайте пустой слой поверх слоя с кругом-воронкой. Создайте выделение пустого слоя и ряби. Объедините их в один слой. Далее примените инструменты трансформирования (перспектива, наклон) к полученному слою и преобразуйте его в эллипс.
Шаг 17
Займемся декорированием лужайки. Добавьте в ваш рабочий документ изображение с садом. Примените к данному слою маску слоя и скройте все элементы кроме фиолетовых цветов. Уточнить границы маски, рисуя по краям цветов черной кистью маленького диаметра. Затем примените к растению Фильтр > Усиление резкости > Контурная резкость (Filter > Sharpen > Unsharp Mask). Установите маленькое значение радиуса и большое значение для параметра эффект (значения установите руководствуясь общей картинкой).
Шаг 18
Повторите шаг №17, но поместите цветы в другом месте. Если вы хотите изменить цвет растений используйте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), применив корректирующий слой как обтравочную маску (сlipping мask) к слою с цветком.
Шаг 19
Добавьте больше элементов в свой коллаж, например, камни и грибы. Используйте представленное ниже изображение как пример.
Шаг 20
Руководствуясь предыдущими шагами разместите на поверхности воды кораблик. Трансформируйте и масштабируйте его воспользовавшись комбинацией клавиш Ctrl + T.
Шаг 21
Используя любой удобный вам метод, добавьте тень от корабля на поверхности воды. В свой коллаж я, так же, поместил маленькую бутылку с посланием.
Создайте новый слой поверх первого слоя "Фон" (Вackground) и залейте его светло-голубым цветом.
Шаг 22
Добавим воздушный шар. Скопируйте на ваш компьютер и откройте в рабочем документе изображение с воздушными шарами. Отделите один из них от фона, используя любой удобный инструмент, например Волшебную палочку (Magic Wand Tool). Активируйте инструмент Перемещение (Move Tool (V)) и разместите аэростат в левом верхнем углу.
Для того что бы воздушный шар выглядел ярче и выразительней, используйте корректирующий слой Цветовой тон\ Насыщенность (Hue/Saturation Layer Adjustment) (как обтравочную маску), а так же добавьте фильтр Контурная резкость (Unsharp Mask).
Шаг 23
Выберете другой шар с изображения-исходника и повторите шаг №22.
Обратите внимание на расположение воздушного шара и основной источник света . В моем примере свет падает с правой стороны, поэтому шар будет отбрасывать тень на аквариум. Что бы нарисовать тень, создайте новый слой под вторым воздушным шаром и добавьте на него тень.
Примечание переводчика: рекомендую ознакомиться и использовать данный полезный урок о тенях.
Шаг 24
Сейчас пришло время украсить наш коллаж облаками.
Есть множество способов создания облаков. Сейчас мы рассмотрим один из самых простых методов. Создайте новый слой. Активируйте инструмент Кисть (Brush Tool), цвет кисти - белы, непрозрачность (opacity) около 20%., тип кисти - круглая мягкая. Теперь просто нарисуйте облака. Затем создайте еще один слой. Переключите цвет кисти на черный и нарисуйте на облаках тени. Затем вы можете использовать для корректировки объема и формы такие инструменты как Осветлитель (Dodge) и Затемнитель (Burn), Ластик ( Eraser Tool). Для уточнения контура облаков хорошо подойдет инструмент Палец (Smudge Tool).
Шаг 25
Откройте изображение с птицами. Используйте любые инструменты быстрого выделения и отделите птиц от фона. Разместите их в произвольном порядке над тучами.
Шаг 26
Откройте исходный материал "Игрушечный самолет". Руководствуясь предыдущими шагами, отделите его от фона, трансформируйте и масштабируйте. Разместите самолетик в верхней центральной части коллажа.
Шаг 27
Активируйте инструмент Перо (Pen Tool (P)) и нарисуйте контур ленты, которая развивается за самолетом.
Затем примените Стили слоя (Layer Style), которые указаны на изображениях ниже.
Шаг 28
На новом слое, используя круглую, жесткую Кисть (Brush Tool) маленького размера (цвет - белый), нарисуйте связующие канаты между самолетом и лентой.
Шаг 29
Добавьте текст на ленте (инструмент Горизонтальный текст (Horizontal Type Tool)).
Шаг 30
Мы подошли к финальному шагу! Осталось лиш добавить тень под лужайкой-островом.
Узнайте, как создавать фигуры на холсте и использовать функцию «Свойства интерактивной формы» для взаимодействия с фигурами.
В Photoshop предусмотрена удобная функция рисования и редактирования векторных фигур. Также можно преобразовать векторную фигуру в растровую или пиксельную. Прочитайте полную статью, чтобы узнать больше.
Выполните эти быстрые действия для создания фигур в Photoshop:
Выберите инструмент «Фигура»
На панели инструментов, нажмите и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура» — Прямоугольник, Эллипс, Треугольник, Многоугольник, Линия и Произвольная фигура . Выберите инструмент для рисования нужной фигуры.
Настройка параметров инструментов группы «Фигура»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- Режим : задайте режим для инструмента «Фигура» — Фигура, Контур и Пиксели .
- Заливка : выберите цвет заливки фигуры.
- Обводка : выберите цвет, ширину и тип обводки фигуры.
- Ш и В : вручную задайте ширину и высоту фигуры.
- Операции с контуром : используйте операции с контуром для настройки взаимодействия фигур друг с другом.
- Выравнивание контура : используйте этот параметр для выравнивания и распределения компонентов фигуры.
- Упорядочение контура : используйте этот параметр для настройки порядка расположения создаваемых фигур.
- Дополнительные параметры фигур и контуров : щелкните значок шестеренки () для доступа к дополнительным параметрам фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при рисовании фигур.
Рисование фигуры
Чтобы нарисовать фигуру, выберите нужный инструмент группы «Фигура», затем щелкните кнопку мыши и перетащите указатель мыши на холсте. При этом автоматически создается новый слой-фигура на панели «Слои».
- Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
- Выбрав слой-фигуру, используйте инструмент Перемещение , чтобы перемещать фигуру и менять ее расположение на холсте.
- Чтобы легко масштабировать, трансформировать или поворачивать фигуру, выберите Редактирование > Свободное трансформирование или нажмите клавиши Control+T (Win) / Command+T (Mac).
Редактирование свойств фигуры
Можно легко редактировать свойства фигуры прямо с помощью элементов управления на холсте или с помощью раздела Свойства фигуры на панели Свойства . Элементы управления на холсте позволяют взаимодействовать с фигурами на более интуитивном уровне.
Можно использовать элементы управления трансформированием и скруглением на холсте для коррекции внешнего вида фигуры. Модификаторы клавиатуры будут управлять трансформированием на холсте так же, как при использовании инструмента Трансформирование в Photoshop. Можно изменять радиус всех углов прямоугольника одновременно: удерживайте клавишу Alt (Win) или Option (Mac) во время перетаскивания для изменения радиуса одного угла. У треугольников изменяются все углы, даже если перетащить только один из них. С легкостью поворачивайте фигуру с помощью маркера поворота на холсте, который появляется при наведении курсора мыши на фигуру.
Щелкните значок сброса () на панели «Свойства», чтобы сбросить сразу все изменения.
Нарисовав фигуру, можно щелкнуть любую точку холста, чтобы вызвать всплывающее диалоговое окно Создание фигуры и изменить параметры фигуры.
Используйте диалог «Создание фигуры» (в приведенном выше примере это «Создание прямоугольника») для изменения параметров.
Узнайте, как в Photoshop работать с инструментом «Прямоугольник».
Инструмент «Прямоугольник» позволяет рисовать прямоугольники и прямоугольники со скругленными углами на холсте.
Выберите инструмент Прямоугольник
На панели инструментов щелкните и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура». Выберите инструмент Прямоугольник .
Настройте свойства фигуры инструмента «Прямоугольник»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- «Режим»: задайте режим для инструмента «Прямоугольник» — «Фигура», «Контур» и «Пиксели».
- «Заливка»: выберите цвет заливки прямоугольной фигуры.
- «Обводка»: выберите цвет, ширину и тип обводки фигуры.
- «Ширина обводки»: вручную укажите ширину обводки прямоугольника.
- Stroke type (Тип обводки): выберите тип обводки для построения прямоугольника.
- Shape W&H (Ш и В фигуры): вручную задайте ширину и высоту фигуры.
- «Операции с контуром»: используйте операции с контуром для настройки взаимодействия нарисованных прямоугольников друг с другом.
- «Выравнивание контура»: используйте этот параметр для выравнивания и распределения прямоугольников.
- «Упорядочение контура»: используйте этот параметр для настройки порядка расположения создаваемых прямоугольников.
- Дополнительные параметры фигур и контуров: щелкните значок шестеренки () для доступа к дополнительным параметрам прямоугольных фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при построении прямоугольника.
- Radius of rounded corners (Радиус скругления углов): вручную задайте радиус скругления углов прямоугольника.
Рисование прямоугольника
Щелкните холст, чтобы вызвать диалоговое окно «Создание прямоугольника». В этом диалоговом окне можно вручную задать размер, радиусы углов прямоугольника и выбрать выравнивание по центру. Для применения изменений нажмите кнопку «ОК». Разместите и перетащите указатель мыши на холсте, чтобы нарисовать прямоугольник. При этом автоматически создается новый слой на панели «Слои».
Программа Adobe Photoshop широко используется для работы с изображениями, предоставляя действительно широкий спектр возможностей. Большинство пользователей применяют Фотошоп для ретуши фото, но, помимо этого, программа позволяет создавать: рисунки, картины, графику — разной степени сложности. В Photoshop имеется несколько инструментов, предназначенных для создания рисунков. Первым делом необходимо научиться рисовать простейшие элементы вроде треугольников, линий, эллипсов и прочего, так как они используются очень часто при создании разного рода рисунков. В этой статье подробно рассмотрим, как нарисовать в Фотошопе простейшие фигуры. Давайте разбираться. Поехали!
Постигаем азы компьютерной графики
Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:
- «Прямоугольник»;
- «Прямоугольник со скруглёнными углами»;
- «Эллипс»;
- «Многоугольник»;
- «Линия»;
- «Произвольная фигура».
Редактор предлагает несколько классических и произвольных форм
Всего существует три режима рисования:
- Создаётся новая фигура, для которой можно сделать слой-заливку или векторную маску. и закрашивается каким-либо цветом.
- Пиксельный режим. В этом случае изображения получаются растровыми, а не векторными.
Для каждой выбранной фигуры задаются геометрические параметры, иначе говоря — пропорции. Чтобы нарисовать прямоугольник, выберите соответствующий инструмент, установите необходимые настройки контуров и цвет заливки. А теперь просто установите курсор в той точке листа, с которой хотите начать рисовать. Зажав левую кнопку мыши, растягивайте прямоугольник так, как нужно.
Нет ничего проще, чем провести линию. Для этого применяется одноимённый инструмент.
Для круга используйте клавишу Shift либо меню дополнительных настроек
Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.
Рисуем красивую композицию стандартными средствами
Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно — выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.
Стрелки в начале или конце можно задать в свойствах инструмента
Рассмотрим, как нарисовать стрелку в Photoshop. Сделать это можно двумя способами. Первый заключается в том, что нужно выбрать инструмент «Линия», затем в окне параметров отметить, с какой стороны линии будет находится стрелка (в начале, либо в конце), далее нужно задать толщину стрелки в пикселях. Поставьте курсор в нужную точку и начните растягивать линию мышкой. Второй способ — выберите «Произвольная фигура». На верхней панели есть таблица с шаблонами, среди них есть и стрелка.
Шаблоны, идущие в обычной комплектации приложения
Теперь вы знаете, как добавить простейшие геометрические фигуры в Photoshop. Как вы можете убедиться нет ничего проще. Пишите в комментариях была ли полезной для вас эта статья и задавайте любые интересующие вопросы по рассмотренной теме.
Читайте также: