Создание фигур
Руководство пользователя Отмена
Поиск
- Photoshop Elements User Guide
- Introduction to Photoshop Elements
- What’s new in Photoshop Elements
- System requirements | Photoshop Elements
- Workspace basics
- Guided mode
- Making photo projects
- Workspace and environment
- Get to know the Home screen
- Workspace basics
- Tools
- Panels and bins
- Open files
- Rulers, grids, and guides
- Enhanced Quick Mode
- File information
- Presets and libraries
- Multitouch support
- Scratch disks, plug‑ins, and application updates
- Undo, redo, and cancel actions
- Viewing images
- Fixing and enhancing photos
- Resize images
- Cropping
- Process camera raw image files
- Add blur, replace colors, and clone image areas
- Adjust shadows and light
- Retouch and correct photos
- Sharpen photos
- Transforming
- Auto Smart Tone
- Recomposing
- Using actions to process photos
- Photomerge Compose
- Create a panorama
- Moving Overlays
- Moving Elements
- Adding shapes and text
- Add text
- Edit text
- Create shapes
- Editing shapes
- Painting overview
- Painting tools
- Set up brushes
- Patterns
- Fills and strokes
- Gradients
- Work with Asian type
- Guided edits, effects, and filters
- Guided mode
- Filters
- Guided mode Photomerge edits
- Guided mode Basic edits
- Adjustment filters
- Effects
- Guided mode Fun edits
- Guided mode Special edits
- Artistic filters
- Guided mode Color edits
- Guided mode Black & White edits
- Blur filters
- Brush Stroke filters
- Distort filters
- Other filters
- Noise filters
- Render filters
- Sketch filters
- Stylize filters
- Texture filters
- Working with colors
- Understanding color
- Set up color management
- Color and tonal correction basics
- Choose colors
- Adjust color, saturation, and hue
- Fix color casts
- Using image modes and color tables
- Color and camera raw
- Working with selections
- Make selections in Photoshop Elements
- Saving selections
- Modifying selections
- Move and copy selections
- Edit and refine selections
- Smooth selection edges with anti-aliasing and feathering
- Working with layers
- Create layers
- Edit layers
- Copy and arrange layers
- Adjustment and fill layers
- Clipping masks
- Layer masks
- Layer styles
- Opacity and blending modes
- Creating photo projects
- Project basics
- Making photo projects
- Editing photo projects
- Saving, printing, and sharing photos
- Save images
- Printing photos
- Share photos online
- Optimizing images
- Optimizing images for the JPEG format
- Dithering in web images
- Guided Edits — Share panel
- Previewing web images
- Use transparency and mattes
- Optimizing images for the GIF or PNG-8 format
- Optimizing images for the PNG-24 format
- Keyboard shortcuts
- Keys for selecting tools
- Keys for selecting and moving objects
- Keys for the Layers panel
- Keys for showing or hiding panels (expert mode)
- Keys for painting and brushes
- Keys for using text
- Keys for the Liquify filter
- Keys for transforming selections
- Keys for the Color Swatches panel
- Keys for the Camera Raw dialog box
- Keys for the Filter Gallery
- Keys for using blending modes
- Keys for viewing images (expertmode)
В программе Photoshop Elements фигуры представляют собой векторные графические объекты, контуры линий и кривых которых задаются их геометрическими характеристиками, а не пикселями.
Векторные графические объекты не зависят от разрешения, т.е их можно масштабировать до любого размера и выводить на печать при любом разрешении без потери четкости и деталей. Векторные объекты можно перемещать и редактировать, допускается менять их размеры без ухудшения качества изображения. Поскольку мониторы компьютеров отображают изображения на пиксельной сетке, векторные данные отображаются на экране в виде пикселей.
Фигуры создаются и располагаются на слоях типа «фигура». Слой типа «фигура» может содержать одну или несколько фигур, в зависимости от указанных параметров наложения фигур. По желанию на одном слое можно располагать сразу несколько фигур.
Цвет фигуры можно изменить путем редактирования слоя заливки или применения к ней стиля слоя. Инструменты рисования фигур помогают легко создавать кнопки, навигационные панели и другие объекты, используемые на веб-страницах.
Векторные объекты, созданные с помощью инструментов рисования фигур Photoshop ElementsВыберите инструмент «Прямоугольник» или «Прямоугольник со скругленными углами».
Можно также выбрать инструмент «Прямоугольник» и «Прямоугольник со скругленными углами» на панели «Параметры инструмента».Нажмите Alt/Option и нажмите инструмент «Фигура», чтобы просмотреть все доступные инструменты.
(Необязательно) На панели параметров инструмента можно задать следующие параметры.
Произвольно
Позволяет задать ширину и высоту прямоугольника перетаскиванием.
Квадрат
Рисует квадрат.
Заданный размер
Рисует прямоугольник заданного размера, указанного в поле «Ширина» и «Высота».
Задать пропорции
Рисует прямоугольник пропорционально указанным значениям ширины и высоты.
Радиус
Указывает радиус скругленного угла. Чем меньше значение, тем острее угол.
От центра
Рисует прямоугольник от центра начала рисования (обычно прямоугольник отрисовывается из верхнего левого угла).
Привязка
Привязывает границы прямоугольника по границам пикселей.
Упростить
Преобразовывает нарисованную фигуру в растровую графику. Сжатие или расширение фигуры, преобразованной в растровую форму, может привести к появлению зубчатых краев и мозаичному внешнему виду.
Для отрисовки фигуры протащите указатель мыши по изображению.
В рабочей среде «Редактирование» выберите инструмент «Эллипс» .
Нажмите Alt/Option и нажмите инструмент «Фигура», чтобы просмотреть все доступные инструменты.
(Необязательно) На панели параметров инструмента можно задать следующие параметры.
Произвольно
Позволяет задавать ширину и высоту эллипса перетаскиванием.
Окружность
Рисует идеальную окружность вместо эллипса.
Заданный размер
Рисует эллипс заданного размера, указанного в поле «Ширина» и «Высота».
Задать пропорции
Рисует пропорциональный эллипс, исходя из размеров, указанных в поле «Ширина» и «Высота».
От центра
Рисует эллипс от центра начала рисования (обычно эллипс отрисовывается из верхнего левого угла).
Упростить
Преобразовывает нарисованную фигуру в растровую графику. Сжатие или расширение фигуры, преобразованной в растровую форму, может привести к появлению зубчатых краев и мозаичному внешнему виду.
Перетащите указатель мыши на изображении, чтобы изобразить эллипс.
Выберите инструмент «Многоугольник» или «Звезда»
Нажмите Alt/Option и нажмите инструмент «Фигура», чтобы просмотреть все доступные инструменты.
(Необязательно) На панели параметров инструмента можно задать следующие параметры.
Сглаживание углов
Рисует многоугольник со сглаженными углами.
Глубина лучей
Задает значение глубины выреза лучей звезды. Этот параметр доступен только для инструмента «Звезда».
Сглаживание лучей
Рисует звезду со сглаженными лучами. Этот параметр доступен только для инструмента «Звезда».
Упростить
Преобразовывает нарисованную фигуру в растровую графику. Сжатие или расширение фигуры, преобразованной в растровую форму, может привести к появлению зубчатых краев и мозаичному внешнему виду.
В поле «Стороны» задайте число сторон многоугольника
Перетащите курсор мыши на изображении, чтобы нарисовать многоугольник.
Выберите инструмент «Линия» .
(Необязательно) На панели параметров инструмента можно задать следующие параметры.
Наконечник стрелы
Рисует линию со стрелками. Чтобы указать конец, на котором необходимо отрисовать стрелки, выберите «В начале», «В конце» или «На обоих концах».
Выберите параметры для инструмента «Наконечник стрелы».Ширина и Длина
Задайте пропорции стрелок в процентах от ширины линии (от 10% до 1000% в поле «Ширина» и от 10% до 5000% в поле «Длина»).
Вогнутость
Определяет степень вогнутости самой широкой части стрелки в месте, где она пересекается с линией. Введите значение вогнутости стрелок (от -50% до +50%).
Упростить
Преобразовывает нарисованную фигуру в растровую графику. Сжатие или расширение фигуры, преобразованной в растровую форму, может привести к появлению зубчатых краев и мозаичному внешнему виду.
В поле «Ширина» укажите ширину линии в пикселях.
Перетащите курсор на изображении, чтобы нарисовать линию.
Инструмент «Произвольная фигура» позволяет нарисовать разнообразные фигуры. При выборе инструмента «Произвольная фигура» можно вызвать фигуры на панели параметров.
Выбор инструмента «Произвольная фигура» .
На панели параметров выберите фигуру из всплывающего меню «Произвольная фигура». Нажмите стрелку вверху панели, чтобы открыть список доступных фигур и параметры их отображения.
(Необязательно) На панели параметров инструмента можно задать следующие параметры.
Произвольно
Произвольный выбор ширины и высоты прямоугольника с прямыми или скругленными углами, эллипса или произвольной фигуры путем перетаскивания указателя мыши.
Сохранить пропорции
Рисует произвольную фигуру, исходя из пропорций, в которой она была создана.
Сохранить размеры
Рисует произвольную фигуру, исходя из размера, при котором она была создана.
Заданный размер
Рисует произвольную фигуру с размерами, указанными в поле «Ширина» и «Высота».
От центра
Рисует произвольную фигуру от центра.
Упростить
Преобразовывает нарисованную фигуру в растровую графику. Сжатие или расширение фигуры, преобразованной в растровую форму, может привести к появлению зубчатых краев и мозаичному внешнему виду.
Для отрисовки фигуры протащите указатель мыши по изображению.
Выберите слой-фигуру в палитре «Слои» (вкладка «Эксперт») или создайте новую слой-фигуру.
Если вы хотите создать другой тип фигуры, активизируйте другой инструмент для рисования фигуры.
Выберите параметр наложения фигур и перетащите курсор на изображении, чтобы нарисовать новые фигуры:
Добавление
Добавляет дополнительную фигуру к имеющейся фигуре. Комбинированная фигура покроет все область фигуры, отрисованной с использованием параметра «Добавление».
Вычитание
Удаляет область наложения фигур. Остальные области фигур сохраняются.
Пересечение
Отображает только область пересечения фигур. Остальные области будут удалены.
Исключение
Удаляет области наложения фигур в новой и имеющейся фигуре.
Справки по другим продуктам
- Выделение или перемещение фигуры
- Трансформация фигуры
- Применение стиля слоя к фигуре
Вход в учетную запись
Войти
Управление учетной записью
Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка
Автор Дмитрий Евсеенков На чтение 9 мин Просмотров 617 Обновлено
В этом уроке мы будем изучать основы работы с векторными формами (их ещё называют «фигурами», англ — 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 является “непрозрачность”. Благодаря ней, прозрачными можно сделать не только главные объекты, но и заливку, чтобы оставить видимыми только стили слоя.
В этом уроке мы детально ознакомимся с тем, как работать с непрозрачностью в Фотошопе и в каких случаях его можно эффективно применять.
Также вы узнаете, как благодаря этой функции задать определенной картинке прозрачность.
Основная непрозрачность слоя
Главные показатели и настройки непрозрачности находятся на самом верху палитры слоев и измеряются с помощью %. Изменять показатель можно как ползунком, так и вводом значения.
На скриншоте выше установлен показатель прозрачности 0,5 и через него виден нижний слой. Т.к. наш нижний слой это просто белый цвет с рамкой, то наш основной логотип стал бледным. Но для демонстрации самой функции этого достаточно.
Непрозрачность заливки
Если основная непрозрачность может действовать в отношении всего слоя, то такая функция как «Заливка» не трогает стили слоя.
Допустим, мы зашли в “параметры наложения” и применили к слою стиль «Тиснение».
После того, как стили применены, устанавливаем показатели «Заливки» на 0%.
При такой настройке исчезнет все, кроме стиля. Мы, кстати, наложили еще и узор, чтобы выглядело получше.
Благодаря такой функции можно создать прозрачные объекты, например, водяные знаки.
Непрозрачность и отдельный объект
Чтобы сделать прозрачным только один объект на слое, необходимо применить маску слоя, например, с помощью волшебной палочки.
Затем надо нажать на кнопку ALT и кликнуть по маске внизу панели слоев.
Результатом станет исчезнувший объект, на месте которого появится черная область такой же формы. Следующим шагом будет нажатие клавиши CTRL и клик по миниатюре в панели слоев.
После этого на холсте появится выделение:
Теперь его необходимо инвертировать с помощью комбинации горячих клавиш CTRL+SHIFT+I.
Теперь область выделения нужно залить любым оттенком серого цвета, так как черный полностью закроет область, а белый наоборот. Нажимаем клавиши SHIFT+F5 и выбираем цвет.
Затем нажимаем ОК и получаем выбранную непрозрачность, исходя из выбранного цвета.
Чтобы убрать выделение, нажимаем CTRL+D.
Непрозрачность градиента
Неравномерную градиентную непрозрачность можно также получить с помощью маски. Для этого достаточно создать белую маску с помощью специальной кнопки.
Следом нужно выбрать инструмент «Градиент», оттенок которого может быть белым, черным или серым, т.к. только эти цвета распознает маска.
Затем, находясь на маске, зажимаем левую кнопку мыши и тянем градиент. Делать это можно в любую сторону, а если не получится, то можно повторить.
Это все, что пока можно делать с непрозрачностью. Надеемся, что этот урок помог вам. До “встречи”!
Рисование фигур с помощью инструментов формы в Photoshop
Сплошной цвет: Заливает или обводит слой-фигуру текущим цветом переднего плана. Используйте палитру цветов или предустановки цвета, чтобы выбрать другой цвет.
Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента».
Установить дополнительные параметры градиента:
- Угол определяет угол, под которым применяется градиент.
- Reverse — переворачивает ориентацию цветов градиента.
- Стиль определяет форму градиента.
- Scale изменяет размер градиента.
- «Выровнять по слою» использует ограничивающую рамку слоя для вычисления градиентной заливки. Вы можете перетащить в окно изображения, чтобы переместить центр градиента.
Узор: Начиная с Photoshop 21.2, вы также можете установить угол, чтобы повернуть заливку и узор обводки фигуры и легко изменить ее ориентацию. Выберите узор во всплывающем меню и установите дополнительные параметры узора:
- Угол определяет угол, под которым применяется узор.Установите переключатель угла в определенное положение или вручную введите значение угла, чтобы повернуть рисунок на нужный угол.
- Масштаб изменяет размер рисунка. Введите значение или перетащите ползунок.
.
Как сделать фон прозрачным в Photoshop
Узнайте, как сделать фон прозрачным в Photoshop, и откройте для себя более быструю альтернативу в редакторе Shutterstock.
Есть много способов вырезать объект или удалить фон из изображения. Многие начинают с фотошопа. Два популярных метода маскирования в Photoshop используют инструменты выделения, такие как Magic Wand, Lasso, а также режим Select и Mask. Между тем, режим быстрой маски использует кисть для рисования фона.
Эти методы можно использовать для более сложного удаления фона, но иногда требуется быстрый и простой вариант для удаления фона. Если вы ищете бесплатную и простую альтернативу Photoshop, мы покажем вам, как Shutterstock Editor может помочь вам сделать фон прозрачным за несколько простых шагов.
Метод 1. Инструменты и маски выделения
Шаг 1. Использование инструмента Magic Wand Tool
Выберите инструмент Magic Wand Tool в окне «Инструменты».Начните с Допуск 20% в меню Опции .
Измените допуск по мере необходимости, чтобы добавить новые области к выделению.
Вы можете добавить к выделению с помощью Magic Wand, удерживая Shift и щелкая в другой области. Вы можете вычесть из выделенного, удерживая Option и щелкнув область, которую вы не хотите включать.
Шаг 2. Используйте инструмент «Лассо» для точной настройки выделения
Когда у вас есть грубый выбор объекта или фона, используйте инструмент Lasso для точной настройки краев.Удерживайте Shift и перетащите, чтобы добавить к выделению.
Существует три варианта инструмента «Лассо». Вы найдете их, нажав и удерживая лассо в меню «Инструменты»:
- Лассо — Щелкните и перетащите курсор, чтобы нарисовать выделение от руки.
- Polygonal Lasso — Создание многоугольной области выделения путем добавления точек к форме выделения.
- Магнитное лассо — Автоматическое добавление к выделению путем обводки области.
Обратите внимание на изображение выше, как выделение переходит в сумку. Я использовал Лассо, держал Shift и нарисовал небольшую область, чтобы заново выделить этот край. Чтобы зафиксировать выделение, убегающее от мешка, я удерживаю Option и делаю то же самое, чтобы удалить эту область выделения.
Шаг 3. Используйте панель «Выделение и маска» для уточнения выделения
Когда вы будете удовлетворены грубым выбором, нажмите кнопку Select and Mask в меню Options в верхней части экрана.Или нажмите Command + Option + R , чтобы открыть окно.
Поэкспериментируйте с настройками Global Refinement, чтобы получить более плавный выбор.
В разделе Global Refinements начните со следующих настроек для большого изображения с высоким разрешением:
- Smooth : 3
- Feather : .3px
- Shift Edge : -20
Это сделает выделение более плавным, смягчит края и слегка сузится, чтобы уменьшить любое отражение фона.
Вот что я имею в виду:
Если вы застряли, лучше всего нажать Отмена и исправить выбор вручную с помощью Magic Wand или Lasso, а затем вернуться в окно Select and Mask.
Шаг 4. Создайте маску слоя для удаления фона
В Output Settings внизу окна Select and Mask выберите Layer Mask из списка. Окно закроется, а слой с вашим объектом будет иметь маску, скрывающую фон.Затем вы можете активировать или деактивировать маску, щелкнув правой кнопкой мыши значок маски слоя в окне «Слои».
Когда активирована маска слоя, фон становится прозрачным.
Метод 2: Быстрая маска
В этом методе используется инструмент Quick Mask в Photoshop. Это способ быстро создать маску с помощью кисти. Подобно рисованию на маске слоя, вы будете переключать цвета переднего плана, чтобы добавить или удалить из маски.
Активируйте быструю маску с помощью кнопки в нижней части окна «Инструменты».
Включите / выключите режим быстрой маски в нижней части панели инструментов или просто нажмите Q.
Затем активируйте инструмент кисти (B) . В режиме быстрой маски на палитре отображаются только два цвета: черный, используемый для скрытия содержимого, и белый, используемый для отображения содержимого. Идея состоит в том, чтобы закрасить фон — ту часть, которую вы хотите удалить — черным цветом. Область, которую вы закрашиваете, станет красной.
В режиме быстрой маски области, которые вы закрашиваете, станут красными, показывая вам выделение.
Совет: Чтобы сделать большие выделения быстрее, используйте кисть большого размера и щелкните один раз в качестве отправной точки в области, которую нужно исключить. Затем, удерживая Shift, щелкните следующую точку. Это заполнит пространство между ними по прямой линии.
Чтобы сделать маску более детальной, просто увеличьте масштаб и уменьшите размер кисти, чтобы закрасить или округлить меньшие углы и кривые.
Теперь вы можете переключаться между режимом быстрой маски и стандартным режимом редактирования, нажимая Q на клавиатуре.Это покажет вам живой выбор.
Если вы хотите продолжить работу, просто нажмите Q, чтобы вернуться в режим быстрой маски и продолжить работу.
Когда вы довольны выбором, нажмите кнопку «Добавить маску слоя» в нижней части окна «Слои», чтобы замаскировать фон.
Альтернативы удалению фона в Photoshop
Если вам нужно выполнить только базовые задачи дизайна, например удаление фона, Photoshop может не подойти.Это дорого и сложно научиться. Вот несколько простых в использовании альтернатив:
- Powerpoint имеет инструмент под названием Remove Background , который начинает с выбора объекта переднего плана, замаскированного от фона. У вас также есть возможность добавлять или удалять определенные части.
- Бесплатные веб-сайты — Существует множество бесплатных приложений и веб-сайтов, которые позволяют пользователям вручную удалять фон.
Хотя они могут быть просты в использовании, к минусам относятся проблемы с надежностью и точностью, а также отсутствие безопасности системы. - Shutterstock Editor — Средство удаления фона в Editor позволяет легко вырезать формы и элементы из изображения. Со всеми другими инструментами дизайна в приложении вы можете создать профессиональный дизайн за половину шагов и с гораздо меньшими хлопотами.
Как удалить фон в редакторе
Shutterstock Editor — отличная альтернатива всему вышеперечисленному — мощный бесплатный инструмент для редактирования с новой функцией удаления фона. У вас есть не только прямой доступ ко всей библиотеке изображений Shutterstock и тщательно подобранным коллекциям, вы также можете настроить лицензионное изображение перед загрузкой.
Если вы следовали описанному выше методу быстрой маски, это будет несложно. Если вы сочли его слишком техническим, вы будете счастливы, что этот инструмент так же прост, как перетаскивание курсора.
С помощью трех простых шагов вы быстро удалите фон с любого изображения:
- Найдите и выберите изображение
- Используйте инструмент «Удалить фон»
- Загрузите лицензионный образ
Чтобы начать работу, откройте редактор в своем браузере. Найдите и выберите изображение, затем нажмите Удалить фон под Инструменты изображения в правой части окна.
Хорошее маленькое изображение собачки через Пола Стивена
Просто нажмите на кнопку — Удалить и закрасьте фон. Это уберет фон. Чтобы настроить выделение, нажмите + Добавить и закрасьте объект, который хотите сохранить. Уменьшите размер кисти с помощью ползунка Размер кисти , чтобы получить более подробную информацию, или увеличьте его, чтобы блокировать большие участки за раз.
В желтой области отображается предварительный просмотр того, что будет удалено.
Между каждым шагом программа будет настраиваться и показывать вам результаты.
Часть, которую нужно удалить, будет выделена желтым цветом. Когда вас устраивает предварительный просмотр, просто нажмите Применить .
Теперь вы можете загрузить свое полностью лицензированное изображение с удаленным фоном и использовать его где угодно. Убедитесь, что вы сохранили его как PNG, чтобы сохранить прозрачность.
Для получения дополнительных уроков и техник продолжайте читать:
Обложка фонового изображения через FabrikaSimf , изображение кошелька через Creative Lab
.
Как сделать фон прозрачным в Photoshop
В этом практическом руководстве мы рассказали, как сделать фон прозрачным в Photoshop, чтобы вы могли изолировать любой объект и использовать его более гибко.
Как сделать фон прозрачным в Photoshop
Часто растровые иллюстрации или логотипы имеют неприглядный белый фон, что бесполезно, если вы хотите разместить объект на веб-сайте или в брошюре.
Для устранения фона (т.е.е. сделайте его прозрачным), сначала перейдите на панель Layers и скопируйте слой изображения. Просто перетащите свой слой на значок «Новый слой» (он выглядит как белый квадрат со загнутым углом) в нижней части панели.
Затем перейдите на панель инструментов и выберите Magic Wand (или нажмите клавишу W). Щелкните фон, и вы увидите пунктирные линии вокруг объекта и краев изображения. Теперь вернитесь к исходному фоновому слою на панели «Слои» и щелкните значок в форме глаза, чтобы сделать слой невидимым.Мы рекомендуем сохранить этот исходный слой в проекте на случай, если вы захотите вернуться к нему позже.
Не снимая выделения с скопированного слоя, просто нажмите клавишу Delete, и фон будет удален. Теперь вы должны увидеть серо-белую шахматную доску вместо фона, что означает, что фон прозрачный.
Чтобы отменить выбор объекта, нажмите Ctrl + D (или Command + D на Mac), и пунктирные линии также исчезнут. Теперь вы можете использовать объект как отдельную графику, не беспокоясь о фоне.
Как изолировать сложный логотип от фона
После выполнения ранее упомянутых шагов вы можете обнаружить, что сложный логотип все еще имеет оставшиеся фоновые области, которые необходимо удалить. Например, Photoshop может упускать из виду белые промежутки между буквами или крошечные формы, поэтому вам нужно позаботиться о них вручную.
Сначала создайте новый фоновый слой, выбрав инструмент «Прямоугольник» и нарисовав фигуру, охватывающую размеры вашего проекта.Выберите цвет фона, который контрастирует с предыдущим фоном, чтобы вы могли четко видеть оставшиеся области. Убедитесь, что ваш новый фон указан под слоем логотипа на панели «Слои».
Выделив слой с логотипом, щелкните инструмент «Масштаб» и увеличьте масштаб оставшихся областей фона, чтобы они были более заметными на экране. Затем снова выберите Волшебную палочку, щелкните оставшиеся области и удалите их одну за другой.
Если вам нужно быстрое решение и у вас нет доступа к Photoshop, вы также можете удалить фон в своем изображении в редакторе Shutterstock.
.
Как рисовать фигуры в Photoshop (+ Объяснение настроек инструмента Shape!)
Создание фигур — базовая основа Photoshop, которую каждый должен научиться делать в какой-то момент. В Photoshop есть множество инструментов, которые вы можете использовать для создания фигур в своем проекте, и множество настроек, влияющих на то, как они выглядят и работают.
Чтобы создать фигуру в Photoshop, нажмите U, чтобы получить доступ к инструменту «Форма», или нажмите и удерживайте инструмент «Форма» на панели инструментов, чтобы выбрать нужную форму. Затем щелкните и перетащите на холсте, чтобы создать фигуру, удерживая при этом Shift, чтобы при желании она оставалась симметричной.
Инструмент «Форма» можно использовать для создания пользовательских фигур или выделений, а также для заполнения различных фигур цветами, узорами, изображениями и т. д. Сегодня мы углубимся в различные инструменты формы, доступные в Photoshop, какие настройки использовать и, в конечном счете, как нарисовать идеальную форму!
Как получить доступ к инструментам формы в Photoshop
Вы можете получить доступ к различным инструментам формы Photoshop ( U ) на панели инструментов слева. Значок инструмента будет отображаться в форме, которую вы использовали последней, или в форме прямоугольника по умолчанию.
Вы можете получить доступ к различным доступным формам, щелкнув и удерживая значок и выбрав из появившихся вариантов.
Щелкнув по значку, вы заметите, что панель инструментов вверху содержит настройки, которые позволяют дополнительно настроить внешний вид и поведение вашей фигуры.
Эти настройки остаются доступными для вас независимо от того, какую форму вы выбрали в параметрах инструмента. Позже мы подробнее рассмотрим эти настройки, а сейчас полезно знать, где они находятся.
Как рисовать фигуры на холсте в Photoshop
Выбрав нужный инструмент «Форма», вы можете создать фигуру, просто щелкнув и перетащив ее на холст. Чтобы сделать идеальный круг, равносторонний треугольник или квадрат, удерживайте Shift , пока вы щелкаете и перетаскиваете, чтобы создать фигуру. Так вы сохраните форму со всех сторон.
Создать фигуру в Photoshop очень просто. В зависимости от ваших настроек фигура, скорее всего, будет выглядеть довольно просто, но мы немного рассмотрим различные настройки, которые вы можете внести во внешний вид вашей фигуры.
Как изменить положение и размер фигуры
Теперь, когда вы добавили фигуру на холст, давайте рассмотрим, как перемещать фигуру и изменять ее размер.
Чтобы легко изменить размер фигуры, щелкните и перетащите любой из переключателей, появившихся вокруг нее после создания фигуры. Чтобы сохранить первоначальные размеры фигуры, удерживайте Shift при изменении размера фигуры.
Вы можете изменить положение фигуры с помощью инструмента перемещения. Имейте в виду, что, когда инструмент фигуры все еще активен, если вы попытаетесь щелкнуть и перетащить фигуру, чтобы переместить ее, вы создадите только новую фигуру. Вы должны выбрать Переместите инструмент ( V ) на панели инструментов, прежде чем пытаться переместить фигуру. Выбрав инструмент перемещения, щелкните и перетащите фигуру, чтобы изменить ее положение.
Объяснение настроек инструмента «Форма»
Теперь давайте рассмотрим различные настройки, которые позволяют настроить внешний вид вашей фигуры.
Вы можете найти их на панели Options .
1. Фигура, путь или пиксели
Вы можете использовать этот параметр, чтобы выбрать тип слоя, который вы будете создавать при создании фигуры. Нажатие на стрелки раскрывающегося списка дает варианты между формой, контуром и пикселями.
При выборе Shape будет создан слой формы, который позволит вам легко изменить заливку и обводку формы. Для большинства ситуаций, когда вы хотите нарисовать фигуру, это будет лучший вариант. Этот параметр сохраняет форму как слой формы, что позволит вам вернуться и отредактировать ее, если это необходимо. Слои-фигуры также масштабируемы, поскольку они создаются как векторный слой.
Контуры полезны для создания выделений определенной формы; например, если вы хотите выбрать круглую область изображения или графика, вы можете использовать параметр «Путь».
После того, как вы щелкните и перетащите, чтобы создать свой путь, вы можете нажать Выбор , чтобы изменить радиус растушевки выделения.
Нажмите OK, когда закончите.
Когда вы нажмете OK, вы увидите, как фигура превратится в выделение на вашем изображении или холсте.
С помощью этого инструмента вы также можете выделить произвольную фигуру, если область, которую вы хотите выделить, похожа на фигуру, но имеет некоторые отдаленные области, которые вы хотите добавить к выделению. Для этого следуйте приведенному выше процессу, чтобы создать свой путь на основе формы — выберите любую форму, покрывающую большую часть области, которую вы хотите выбрать. Затем выберите инструмент «Перо» ( P ).
Теперь щелкните по выделенному фрагменту, чтобы добавить опорные точки к областям, которые вы хотите перетащить. Например, на изображении ниже я добавил три опорные точки в верхнем левом углу круга, но добавляйте столько, сколько вам нужно.
Теперь вы можете перетаскивать опорные точки так, чтобы они выделяли нужную область.
Чтобы сохранить эту область как часть выделения, нажмите Selection на верхней панели инструментов и убедитесь, что Add To Selection проверяется.
Нажмите кнопку «ОК», и вы заметите, что выбор изменился, чтобы включить только что добавленную область. Вы также можете использовать этот же метод, чтобы создать свою собственную фигуру, не делая выбора из нее.
Имейте в виду, что выбор контура и создание фигуры не позволит вам изменить внешний вид фигуры или штриха; вы увидите только контур фигуры, и он не появится на панели слоев .
Однако вы сможете увидеть путь в Панель путей .
Выбор пикселей позволит вам создать растровую форму. Это означает, что вы не сможете редактировать заливку или обводку фигуры; он автоматически появится заполненным цветом, на который вы установили цвет переднего плана.
Формы, созданные с помощью параметра «Пиксели», также не масштабируются, поскольку при слишком большом увеличении размера форма станет пиксельной. Это лучший вариант, если вы хотите создать фигуру быстро и легко, и вам не нужно выполнять дальнейшее редактирование
В целом, использование параметра «Форма» из приведенных выше параметров, вероятно, является лучшим выбором, поскольку у вас будет максимальный контроль над тем, как ваша фигура выглядит после ее создания.
2. Настройки заливки и обводки
Теперь пришло время изучить все способы заполнения фигуры и ее обводки. После того, как вы создали свою фигуру, используя параметр формы (не путь или пиксели), щелкните поле рядом с Заполнить , чтобы увидеть различные варианты заполнения вашей фигуры.
В появившемся окне вы увидите различные варианты заполнения фигуры. В порядке слева направо варианты: «Без заливки», «Сплошной цвет», «Градиент» и «Узор».
Секция сплошного цвета довольно проста, просто изучите доступные варианты цвета и выберите тот, который вам нравится, или выберите свой собственный с помощью палитры цветов.
Щелкните следующий значок, значок градиента, чтобы увидеть различные настройки градиента.
Здесь вы можете просмотреть доступные комбинации цветов или выбрать свои собственные цвета с помощью палитры цветов.
В нижней области вы можете использовать редактор градиентов, чтобы выбрать, сколько каждого цвета вы хотите использовать в градиенте.
Нажмите и перетащите квадратные ограничители градиента в нижней части каждой стороны, чтобы отрегулировать количество каждого цвета, и маленький ромб в центре, чтобы отрегулировать, где находится средняя точка градиента.
Ниже вы также можете выбрать, будет ли градиент отображаться в линейном направлении или другим способом, щелкнув стрелку раскрывающегося списка. Кроме того, вы можете повернуть градиент на любую желаемую степень.
Теперь давайте посмотрим, как мы можем заполнить фигуру узором. Щелкните значок шаблона, и вы увидите все доступные шаблоны, которые поставляются с Photoshop, а также те, которые вы создали или добавили. Выберите тот, который вам нравится.
Выбрав шаблон, вы можете использовать настройки в нижней части панели, чтобы отрегулировать масштаб шаблона (сколько раз он повторяется), а также угол.
Эти настройки могут повлиять на внешний вид вашего рисунка. Обратите внимание на разницу в масштабе шаблона, установленного на 100% вверху и 23% внизу.
Параметры заливки применяются только к фигурам, у которых есть пространство, которое можно заполнить, а не к инструменту Line . Инструмент «Линия» особенно полезен, если вам нужно сделать стрелки, так как вы можете перейти к значку шестеренки перед созданием линии и настроить ее так, чтобы она имела наконечник стрелки на одном конце, выбрав только «Начало» или «Конец» или оба конца, нажав выбрав оба. Вы также можете установить ширину и длину стрелок.
3. Настройки ширины и высоты
Следующие настройки позволяют настроить размер фигуры, добавив определенные значения ширины и высоты.
Чтобы изменить эти параметры, просто введите количество пикселей в ширину и высоту. Активируйте значок «Связь», чтобы убедиться, что при настройке одного из них другой автоматически настраивается для сохранения исходных размеров.
4. Параметры углового радиуса
Этот параметр определяет степень скругления угла фигуры (если применимо).
Чтобы изменить настройку, просто введите количество пикселей для изгиба угла. Чем выше количество пикселей, тем более изогнутыми будут края.
Например, если установлено значение 20 пикселей, закругленные углы прямоугольника выглядят следующим образом:
5. Настройки обводки
После того, как вы определились с внешним видом вашей фигуры, вы также можете изменить обводку фигуры. похоже на заливку. Обводка относится к пикселям, которые составляют контур вашей фигуры, и может быть настолько толстой или тонкой, насколько вы хотите. Те же настройки заливки, что и для самой фигуры, применимы и к обводке. Чтобы получить к ним доступ, щелкните значок Stroke .
В появившейся панели вы найдете те же параметры, что и параметры формы заливки.
Выберите цвет, градиент или узор обводки. Затем вы можете выбрать ширину обводки, щелкнув стрелку раскрывающегося списка и перетащив ползунок вверх или вниз, или введя количество пикселей в поле.
Обводка появится в виде контура вашей фигуры.
Наконец, вы можете изменить тип обводки, которую вы видите — обычная, пунктирная или пунктирная линия — на панели параметров обводки.
В нижней части панели вы найдете еще несколько полезных настроек, таких как настройка Выровнять , которая позволяет вам выбрать, хотите ли вы, чтобы обводка располагалась внутри, снаружи или непосредственно на краю форма; и параметр Corners , который позволяет вам выбрать, насколько закругленными, прямыми или заостренными должны выглядеть углы штриха.
Выбрав Дополнительные параметры , вы также можете выбрать, сколько точек или тире вы хотите видеть в своем штрихе, заполнив числа под тире и пробелом.
Как заполнять фигуры изображениями
Вы можете захотеть заполнить фигуру изображением, например, чтобы особым образом вписать изображение в проект или добавить к изображению рамку или рамку. Для этого сначала создайте свою форму. Пока не беспокойтесь о настройке заливки или обводки.
Затем перетащите изображение из ваших файлов или рабочего стола в проект, где оно появится в документе как новый слой. Это полезно, поскольку позволяет вносить дополнительные изменения в оба по мере необходимости.
Теперь, на панели Layers , вы можете добавить обтравочную маску к слою Image, щелкнув правой кнопкой мыши (Win) или Control + щелкнув (Mac) слой и выбрав Create Clipping Mask . Убедитесь, что слой изображения находится прямо над слоем формы.
Вы заметите значок обтравочной маски рядом с миниатюрой изображения на панели «Слои».
Теперь перетащите изображение на фигуру с помощью инструмента Move и расположите его так, как хотите.
Как заполнить фигуры текстом
Вы также можете заполнить фигуру текстом, перейдя к инструменту фигуры и выбрав нужную фигуру, затем в области Инструмент фигуры выберите Контур .
Создайте фигуру, щелкнув и перетащив ее на холсте.
Затем выберите Text инструмент на панели инструментов.
Поместите текст в фигуру, щелкнув внутри фигуры, чтобы создать текстовое поле. Текст появится внутри пути, который вы создали на основе формы.
Вы можете изменить шрифт, цвет, размер и другие характеристики текста в панели параметров.
Как создавать прозрачные фигуры с помощью контуров
Вы также можете сделать заливку фигуры прозрачной и оставить обводку в виде контура фигуры. Для этого создайте фигуру и направляйтесь к области Fill .
На появившейся панели убедитесь, что для заливки фигуры установлено значение Нет заливки (первый значок слева).
Теперь у вас будет простой контур с прозрачным центром. Вы можете редактировать контур, используя Ход настройки.
Использование пользовательских форм и импорт дополнительных фигур
Последним инструментом формы является инструмент Custom Shape .
Нажав и удерживая значок формы, вы сможете получить доступ к инструменту Custom Shape .
Когда этот инструмент активен, вы можете нарисовать одну из пользовательских фигур, поставляемых с Photoshop, или любую другую, которую вы могли импортировать, щелкнув раскрывающийся список Shape на панели Options .
Если вы ищете нестандартные формы, на Shapes4Free их множество. Чтобы импортировать пользовательскую фигуру, которую вы загрузили, вы можете щелкнуть значок шестеренки в правом верхнем углу панели пользовательских фигур и выбрать Import Shapes .
После того, как вы выбрали и импортировали свою пользовательскую форму, она появится в папках Custom Shapes под фигурами по умолчанию.
Инструменты формы, доступные в Photoshop, являются одними из самых универсальных инструментов для всех типов редактирования. От графического дизайна до создания выделений и многого другого — существует множество способов использования фигур в рабочем процессе.
С советами, которые вы узнали здесь, вы теперь знаете все тонкости использования инструментов формы, поскольку настройки остаются почти одинаковыми для каждого используемого вами инструмента формы.
Удачного редактирования!
Как создать пользовательскую форму в Photoshop (2 простых способа)
Если вам нужно добавить пользовательскую форму в ваш проект Photoshop, может быть утомительно рисовать ее каждый раз, когда вам нужно ее включить. К счастью, есть несколько способов создать собственную фигуру, которую вы можете использовать столько раз, сколько захотите.
Чтобы создать пользовательскую фигуру в Photoshop, создайте контур с помощью инструмента «Перо», чтобы определить параметры фигуры. После завершения пути перейдите в «Правка»> «Определить пользовательскую форму», чтобы превратить путь в фигуру. Ваша пользовательская форма теперь будет доступна в вашем инструменте Custom Shape Tool (U).
Теперь вы можете создать собственную фигуру из существующего изображения или создать собственный путь, как упоминалось выше.
Давайте рассмотрим оба метода, чтобы вы могли начать создавать собственные формы с любой отправной точки.
Как сделать пользовательскую фигуру из изображения
Использовать существующее изображение для создания пользовательской формы очень просто.
Для этого хорошо подходят изображения с ограниченным количеством цветов, например, с черным контуром и цветной заливкой. Кроме того, силуэт может работать одинаково хорошо, если вы хотите, чтобы пользовательская форма была формой самого силуэта.
В этом примере я буду использовать этот желто-черный смайлик, превращая черный контур в мою пользовательскую форму.
Выбрав подходящее изображение, откройте его в Photoshop.
Ваше изображение должно быть высокого качества, без пикселизации и иметь четко определенные цвета, такие как черный цвет смайлика. Вы можете использовать любой инструмент быстрого выбора, чтобы сделать выбор. Однако проще всего для этой цели использовать метод цветового диапазона.
Чтобы выбрать основной цвет, перейдите на Выберите > Цветовой диапазон .
Откроется диалоговое окно Color Range , где вы можете щелкнуть цвет, который хотите выбрать. В этом случае я щелкнул черный контур, чтобы выбрать эти цвета графики.
В раскрывающемся списке «Выбрать» есть параметры для цветовых диапазонов. Поскольку мое изображение ограничено тремя цветами, оно легко подберет подходящую цветовую гамму. Если области вашего изображения, которые вы превращаете в пользовательскую форму, являются единственными темными областями, выберите «Тени» в раскрывающемся списке.
Затем вы увидите выбранную область в окне предварительного просмотра.
Вы можете выбрать определенные параметры цвета для других цветов или использовать пипетку, чтобы выбрать цвет непосредственно на изображении. Если ваш цвет похож на другой цвет, он может быть не таким успешным, как выбор только этого цвета.
Выбрав цветовую гамму, вы можете более точно отредактировать ее.
Ползунок «Диапазон» поможет добавить или удалить другие похожие цвета и тона к вашему выбору. Если выбранный вами цвет, как и мой, сильно отличается от других цветов на изображении, вам не нужно иметь очень большой диапазон.
Переместите ползунок влево, чтобы уменьшить диапазон, или вправо, чтобы выбрать больший диапазон тонов.
Затем отрегулируйте ползунок Нечеткость , чтобы настроить допуск цветов, которые будут включены в ваш выбор.
Наконец, последнее, что нужно проверить в диалоговом окне «Цветовой диапазон», — это то, что изображение не инвертировано. Окно предварительного просмотра показывает изображение в оттенках серого.
Все, что окрашено в белый цвет, станет вашей индивидуальной формой.
Можно проверить Инвертировать , если вы хотите отменить выбор и создать пользовательскую форму, исключив выбранную область.
Все, что окрашено в черный цвет, будет проигнорировано при создании вашей индивидуальной формы.
Если вы довольны настройками, нажмите OK .
Ваше изображение теперь будет иметь активное выделение вокруг выбранных цветов. Все выбранное будет одного цвета. На моем изображении все, что черное, окружено марширующими муравьями, чтобы показать, что оно выделено.
Теперь нам нужно создать путь из выделения, сначала открыв Панель путей . Перейдите к Окно > Пути .
Панель путей открывается там, где находится панель слоев, так что вы можете переключаться между ними. В настоящее время панель Paths пуста.
Внизу панели Paths выберите Make work path from selection .
Это удалит марширующих муравьев вокруг выбранного вами цвета и заменит его синими дорожками и опорными точками.
Панель Paths теперь показывает Рабочий путь из вашего образа.
Теперь пришло время преобразовать этот путь в фигуру, выбрав Edit > Define Custom Shape .
Назовите свою новую фигуру в диалоговом окне и нажмите OK .
Найдите инструмент Shape Tool (U) на панели инструментов и удерживайте его, чтобы увидеть все параметры инструмента Shape. Выберите инструмент Custom Shape Tool .
На панели параметров вы можете выбрать, какая форма будет использоваться в инструменте Custom Shape Tool. Photoshop уже предоставляет предустановленные формы, но теперь в этом списке также отображается ваша пользовательская форма.
Выберите стрелку вниз рядом с фигурой по умолчанию на панели параметров , чтобы открыть библиотеку форм.
Существует несколько категорий уже существующих фигур. Ваша самая новая пользовательская форма будет внизу.
Выберите собственную форму. На панели параметров установите цвета Fill и Stroke .
На холсте щелкните и перетащите, чтобы нарисовать собственную форму. Чтобы сохранить пропорции, нажмите Shift , перетаскивая инструмент Custom Shape Tool до желаемого размера.
Каждая новая фигура появится на своем слое.
Как создать пользовательскую фигуру из пути
Вы можете создать пользовательскую фигуру, используя пути, что дает вам больше возможностей для настройки по сравнению с использованием готового изображения.
Для начала выберите Pen Tool (P) .
На панели параметров выберите Путь в раскрывающемся меню.
С помощью инструмента «Перо», установленного на «Путь», вы можете нарисовать любую форму на холсте.
Вы можете использовать инструмент «Перо» как обычно, независимо от того, рисуете ли вы прямые линии или добавляете кривые, до тех пор, пока вы завершаете форму и соединяете окончательные опорные точки.
Если вы довольны своей формой пути, на панели параметров выберите Shape .
Это превращает ваш путь в сплошную фигуру с обводкой и заливкой.
Теперь, чтобы превратить ваш пользовательский путь в пользовательскую форму, снова перейдите к Edit > Define Custom Shape .
Назовите свою пользовательскую фигуру в диалоговом окне «Имя фигуры» и нажмите OK , когда закончите.
Теперь вы создали пользовательскую фигуру из контура. Чтобы найти и использовать новую пользовательскую форму, перейдите на страницу Shape Tool ( U ) и выберите Custom Shape Tool .
На панели параметров по умолчанию отображается последняя использованная форма.
Щелкните стрелку вниз рядом с текущей фигурой, чтобы открыть библиотеку форм. Ваша новая пользовательская форма будет внизу списка.
Выберите собственную форму.
Чтобы создать фигуру на холсте, щелкните мышью и перетащите ее до нужного размера. Чтобы сохранить пропорции, удерживайте Shift при перетаскивании. Вы можете изменить цвета Fill и Stroke на панели параметров .
Теперь, когда вы знаете, как создавать собственные фигуры, важно знать весь набор доступных настроек, чтобы фигуры выглядели правильно. В моем окончательном руководстве по работе с фигурами в Photoshop я разбиваю все, что вам нужно знать.
Как использовать инструмент Custom Shape Tool
Когда вы видите классный дизайн, созданный в Photoshop, вы можете задаться вопросом, какой инструмент использовался для его создания. Вы обязательно обнаружите, что дизайн был создан с помощью инструмента Custom Shape Tool в Photoshop.
Пользовательские формы, вы думаете? Единственные рисунки фигур, которые вы видели, выглядят как стоковые рисунки. Но этот надежный инструмент может предложить гораздо больше, и его универсальность часто используется недостаточно. Итак, вот руководство для начинающих по использованию Custom Shape Tool в Adobe Photoshop.
Что такое инструмент пользовательской формы в Photoshop?
Инструмент пользовательской формы Photoshop — это инструмент формы, который позволяет создавать нестандартные, индивидуальные формы. В то время как различные инструменты форм Photoshop предлагают основные фигуры, которые вы можете создавать, редактировать и объединять вместе, такие как 9Инструменты 0005 Rectangle и Ellipse — инструмент Custom Shape Tool предоставляет гораздо больше возможностей.
Инструмент Custom Shape Tool не только предоставляет библиотеку готовых фигур, но также позволяет легко создавать собственные формы для использования с этим инструментом.
Вы можете добавить свои собственные дизайны в библиотеку форм для использования в любое время.
После того как вы добавили фигуру в свой дизайн, вы можете легко превратить его в узор, который можно добавить на любую поверхность в Photoshop.
Где находится инструмент пользовательской формы в Photoshop?
В представлении Photoshop по умолчанию инструмент Custom Shape Tool скрыт на виду. Инструмент пользовательской формы можно найти на левой панели инструментов как один из многих инструментов, расположенных под значком инструмента по умолчанию. Найдите инструмент формы по умолчанию — обычно инструмент «Прямоугольник» — и нажмите и удерживайте значок, пока не отобразятся другие инструменты.
Вы узнаете инструмент Custom Shape Tool по небольшим пятнам на его значке, почти похожим на лужу. Щелкните значок, чтобы активировать Инструмент пользовательской формы . После того, как вы активировали его, вы можете удерживать U на клавиатуре, чтобы выбрать инструмент позже.
Как использовать инструмент Custom Shape Tool в Photoshop
Использовать Custom Shape Tool очень просто, как и любой другой инструмент Photoshop. Когда ваш инструмент Custom Shape Tool активен, верхняя панель настроек в верхней части рабочей области изменяется в соответствии с его параметрами.
Шаг 1: выберите форму
Наиболее важной частью инструмента Custom Shape Tool является выбор самой формы. Чтобы выбрать фигуру из библиотеки Photoshop, перейдите в меню выбора «Пользовательская фигура».
Как только вы нажмете на раскрывающееся меню, вы увидите целый ряд готовых опций. Эти формы варьируются от рамок для картин и вывесок до элементов природы, текстовых пузырей, сердец и квадратов. У вас также будут любые самодельные нестандартные формы в этой библиотеке.
Шаг 2. Настройте параметры
После того, как вы выберете стиль фигуры, вы должны выбрать цвет заливки и обводки. Заливка — это цвет, который будет находиться внутри вашей фигуры.
Обводка — это цвет, которым будет очерчена ваша фигура.
Эти две опции находятся в верхнем левом углу рабочей области. Нажав на каждый соответствующий образец, вы увидите раскрывающееся меню.
Оттуда вы можете выбрать оттенок для заливки или обводки. Вы также можете вообще не использовать цвет. Чтобы оставить поле «Заливка» или «Обводка» пустым, выберите белое поле с красной перечеркнутой линией. Кроме того, если вам не нравятся какие-либо из этих цветовых образцов, вы также можете выбрать собственный цвет из палитры цветов . Он находится в правой части раскрывающегося меню.
Вы хотите использовать несколько пользовательских цветов одновременно? Вот как создать цветовую палитру в Photoshop.
Шаг 3: нарисуйте фигуру
Теперь, когда вы познакомились с инструментом Custom Shape Tool, пришло время рисовать. Во-первых, убедитесь, что ваш инструмент Custom Shape Tool все еще активен. Затем щелкните и перетащите курсор по странице, чтобы нарисовать фигуру.
Вы увидите контур синего цвета. Удерживайте Shift при перетаскивании, чтобы сохранить пропорции.
Как только ваша фигура станет примерно нужного размера, отпустите курсор. Синие линии автоматически заполнятся цветом, если у вас нет Заполнить параметр , установленный красным зачеркиванием, прежде чем вы начали.
Вы также увидите маленькие «маркеры», размещенные в стратегических точках вдоль этого синего контура, который все еще окружает вашу фигуру. Вы можете использовать эти маркеры, чтобы настроить свою форму, так что давайте сделаем это прямо сейчас.
Шаг 4. Настройте свою форму
Чтобы изменить форму, нажмите A или перейдите на левую панель инструментов и щелкните Инструмент прямого выделения . Его значок выглядит как маленькая белая стрелка, не путать с инструментом выбора пути, расположенным под тем же значком.
Инструмент прямого выбора позволяет настраивать отдельные опорные точки вдоль контура.
Как только инструмент «Прямое выделение» активен, щелкните в любом месте фигуры, и вы увидите, что все синие «маркеры» станут белыми. Это ваши опорные точки.
Чтобы настроить опорную точку, нажмите на одну из белых точек — она снова станет синей, показывая, что она выбрана. Нажмите и перетащите несколько опорных точек, чтобы выбрать более одной за раз. Чтобы настроить фигуру, перетащите любую из выбранных опорных точек на новое место.
Когда опорные точки окажутся там, где вы хотите, отпустите курсор. Форма автоматически приспособится к этому новому пути. Продолжайте делать это, пока все ваши точки не будут настроены так, как вы хотите.
Шаг 5. Настройте опорные точки
Когда вы нажимаете на опорную точку, вы можете заметить, что по обе стороны от нее торчат две маленькие «ручки». Эти ручки являются вашими контрольными точками перетаскивания. Когда вы их корректируете, они изменяют форму и кривизну вашей опорной точки, а не перемещают ее из точки А в точку Б.
Чтобы отрегулировать эти ручки, щелкните точку привязки, которую вы хотите отрегулировать. Затем наведите указатель мыши на ручку, которую хотите настроить, и она станет синей. Нажмите и перетащите ручку, чтобы переместить ее. Вы заметите, что индивидуальная кривая вашей фигуры, связанная с этой конкретной опорной точкой, изменится вместе с ней.
Все остальные точки привязки останутся прежними. Вам придется перетаскивать каждый маркер привязки по отдельности, чтобы внести эти изменения, так как нет способа сделать это глобально.
Если вам не нравится внешний вид новой кривой, вы можете просто пойти Редактировать > Отменить перетаскивание контрольной точки . Photoshop вернет ваши изменения.
Шаг 6: отрегулируйте ход
Теперь, когда вы изменили форму цветка, пришло время усовершенствовать Обводку .
Убедитесь, что ваша фигура выбрана с помощью инструмента Direct Selection Tool ( A ) или путем выбора слоя формы на панели слоев, когда активен инструмент Custom Shape Tool (U).
Затем перейдите на верхнюю панель настроек и щелкните раскрывающееся меню для Stroke Size . Перетаскивая ползунок вперед и назад по полосе, вы можете сделать линию Обводки тоньше или толще.
Вы также можете изменить Тип штриха, щелкнув раскрывающееся меню рядом с ним. Здесь вы можете выбрать последовательный, пунктирный или пунктирный стиль линии. Здесь вы также можете изменить настройки выравнивания, заглавных букв и углов.
Как сделать пользовательскую фигуру в Photoshop
Если в библиотеке пользовательских фигур Photoshop нет нужной формы, вы можете легко создать свою собственную. Вы можете сохранить свою самодельную форму в библиотеке для будущего использования вместе с остальной библиотекой форм.
Чтобы создать пользовательскую фигуру, нарисуйте изображение с помощью инструмента «Кисть» ( B ) или создайте черный силуэт из изображения с помощью настройки «Порог» на вкладке «Изображение».
Когда у вас есть изображение или фигура, которая отлично смотрится в черном цвете, используйте инструмент Magic Wand Tool 9.0006 ( W ), чтобы выбрать область, щелкнув по ней.
Выделив черную часть изображения — так будет выглядеть ваша пользовательская фигура — перейдите в Окно > Пути , чтобы открыть панель путей. Затем щелкните Сделать рабочий путь из выделения в нижней части панели Пути.
Это превратит марширующих муравьев в синие линии пути с якорями и добавит слой пути под названием Work Path. Затем перейдите к Edit > Define Custom Shape 9.0006 . Назовите свою фигуру в диалоговом окне и нажмите OK .
Теперь ваша пользовательская фигура появится в библиотеке Custom Shape Tool, и вы сможете использовать ее так же, как и любую другую пользовательскую форму.
С помощью инструмента Custom Shape Tool в Photoshop вы можете добавлять в свою работу забавные, профессиональные или полностью персонализированные формы.
