Заливки и обводки
Руководство пользователя Отмена
Поиск
Последнее обновление Jan 13, 2022 03:02:27 AM GMT
- 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)
Инструмент «Заливка» выполняет заливку области, близкой по цвету к пикселям, которые вы щелкаете.
Область можно также залить фоновым цветом или узором.
Выберите основной цвет.
Активизируйте инструмент «Заливка» на панели инструментов.
Задайте по своему усмотрению параметры на панели параметров инструмента, затем нажмите область изображения, которую требуется залить цветом.
Чтобы заливка не заполняла прозрачные области слоя, закрепите прозрачность слоя на панели «Слои».
По желанию можно задать следующие параметры инструмента «Заливка»:
Раскрасить / Узор
Устанавливает основной цвет (Раскрасить) или оформление узора (Узор) в качестве заливки.
Непрозрачность
Задает степень непрозрачности применяемого цвета обводки. Низкое значение параметра позволяет пикселям под перекрытием просвечиваться. Перетащите ползунок или введите значение непрозрачности в числовом поле.
Допуск
Определяет насколько смежные пиксели должны быть близки по цвету, чтобы подвергнуться действию инструмента.
При низком допуске происходит заливка пикселей, цвет которых очень близок к цвету пикселя, на котором вы щелкаете. При высоком значении допуска происходит заливка пикселей более широкой цветовой гаммы.Режим
Задает режим смешивания применяемого цвета обводки с имеющимися пикселями в изображении.
Все слои
При установленном флажке будут окрашиваться все видимые слои с учетом значений, заданных параметром «Допуск» и «Смежные пикселы».
Смежные пикселы
Окрашивает пиксели, расположенные рядом друг с другом. Снимите этот флажок, чтобы закрашивать все пиксели идентичного цвета на всем изображении, даже если вы на них не щелкаете. «Допуск» определяет, насколько смежные пиксели должны быть близки по цвету, чтобы подвергнуться действию инструмента.
Сглаживание
Сглаживает края выделенной области заливки.
При низком допуске происходит заливка пикселей, цвет которых очень близок к цвету пикселя, на котором вы щелкаете. При высоком значении допуска происходит заливка пикселей более широкой цветовой гаммы.Чтобы применить заливку или узор к изображению, не прибегая к использованию какой-либо кисти, можно создать слой заливки.
Слой заливки предоставляет гибкую возможность изменения свойств заливки и узора и редактирования маски слоя заливки, чтобы ограничить воздействие заливки фрагментом изображения (ошибка в оригинале, не градиент, а заливка).
Укажите основной или фоновый цвет.
Выберите область, в которой необходимо выполнить заливку. Чтобы выполнить заливку всего слоя, выберите этот слой на панели «Слои».
Выберите «Редактирование» > «Залить слой» или «Редактирование» > «Залить выделенное».
Задайте параметры в диалоговом окне «Выполнить заливку», и затем нажмите «ОК».
Содержание
Выберите цвет из меню «Использовать». Чтобы выбрать другой цвет, выберите «Цвет», затем выберите нужный цвет из палитры «Выбор цвета». Выберите узор для заливки узором.
Пользовательский узор
Задает узор для использования при выборе «Узор» в меню «Использовать». Можно использовать узоры из библиотеки узоров или создать свои личные узоры.
Режим
Задает режим смешивания цветного узора с имеющимися пикселями в изображении.
Непрозрачность
Задает непрозрачность применяемого цветного узора.
Сохранить прозрачность
Выполняет заливку только непрозрачных пикселей.
Для автоматической обводки контура выделения или целого слоя используется команда «Обвести».
Чтобы выделить контур фонового слоя, его необходимо преобразовать в обычный изобразительный слой. Фоновый слой не содержит прозрачных пикселей, поэтому выделяется контур всего слоя.
Выделите область в изображении или слой на панели «Слои».
Выполните команду «Редактирование» > «Выполнить обводку выделенной области».
Задайте по своему усмотрению любой из следующих параметров в диалоговом окне «Обвести», затем нажмите «ОК», чтобы обвести контур:
Ширина
Задает ширину четкого контура.
Значения выбираются в диапазоне от 1 до 250 пикселей.Цвет
Задает цвет обводки. Нажмите палитру образцов, чтобы вызвать палитру «Выбор цвета» для выбора желаемого цвета.
Расположение
Задает положение контура: внутри, снаружи или в центре над границами выделенной области или слоя.
Режим
Задает режим смешивания применяемого цвета обводки с имеющимися пикселями в изображении.
Непрозрачность
Задает степень непрозрачности применяемого цвета обводки. Введите значение непрозрачности или нажмите стрелку и перетащите ползунок.
Сохранить прозрачность
Обводит только области, содержащие непрозрачные пиксели на слое. Если изображение не содержит прозрачных областей, этот параметр недоступен.
Значения выбираются в диапазоне от 1 до 250 пикселей.Справки по другим продуктам
- Основной и фоновый цвет
- Режимы смешивания
- Сглаживание границ выделенной области с помощью алгоритма сглаживания
- Создание слоев заливки
- Узоры
Вход в учетную запись
Войти
Управление учетной записью
Обводка контура и текста в Photoshop
Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 653 Обновлено
В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать различные виды обводок у контуров, фигур и текста с помощью Кисти (Brush Tool) и некоторых других инструментов.
Эта функция незаменима при создании различных текстовых эффектов, рамок и бордюров, эскизов и т.д. Чтобы эффективно использовать данную функцию, надо понимать, что для обводки можно использовать не только инструмент Кисть, но и другие инструменты рисования, например, «Ластик» (Eraser Tool), «Размытие» (Blur tool), «Резкость» (Sharpen Tool) и т.д.
Кроме того, обводку контура не обязательно применять непосредственно к слою, её можно применить к слой-маске, тем самым, закрыв или отрыв область изображения по форме контура.
Обводку контура можно создавать сплошной и пунктирной линией (эта опция поддерживается начиная с CS6, подробнее здесь), а в этом уроке мы поговорим о художественной обводке, выполненной с помощью инструмента Кисть (Brush Tool).
Вот пример текста, преобразованного в контур и обведённого кистью по методу, о котором рассказано в данном уроке:
Давайте начнём. Для начала нам надо создать контур. Нам подойдёт любой контур, созданный при помощи любого из инструментов группы векторных контуров или инструментами «Перо» (Pen Tool) и «Свободное перо» (Freeform Pen Tool).
Кроме того, обвести можно и контур, созданный из текста. Как преобразовать текст в контур, рассказывается здесь.
Я создал простой прямоугольник со скруглёнными углами с помощью одноимённого инструмента:
Перед тем, ка создать обводку, надо определить, с помощью какого инструмента рисования мы её будем делать и затем настроить этот инструмент.
Я использую круглую кисть с такими настройками:
После того, как мы настроили кисть, снова берём инструмент контура, кликаем правой клавишей мыши внутри контура и в открывшемся контекстном меню нажимаем на пункт «Выполнить обводку контура» (Stroke Path). Открывается новое диалоговое окно, где в раскрывающемся списке выбираем «Кисть»
Результат:
Пишем текст:
Преобразуем текст в контур, как описывается здесь.
Для Photoshop CC это делается через вкладку главного меню Текст —> Создать рабочий контур (Type —> Convert to Work Path):
Видимость тестового слоя можно отключить. Теперь создаём новый слой, выбираем любой контурный инструмент, кликаем правой клавишей мыши внутри контура и применяем функцию «Обводка контура», кисть, конечно, у нас заранее настроена:
Но есть и более интересное решение — применить обводку не к самому слою, а к слой-маске, а под этим слоем с маской разместить какую-либо текстуру.
Итак, я отменяю обводку (Ctrl+Alt+Z), создаю к слою слой-маску и заново применяю обводку, да, ещё я убрал у кисти интервалы.
Внешних изменений не произошло, т.к. под этим слоем фон у меня такого же цвета, а вот на миниатюре маски видны изменения:
Теперь осталось сунуть под этот слой какую-либо текстуру, я выбрал ретро-гранж.
Результат:
Осталось только немного убрать непрозрачность текстуры, и готово, результат Вы можете посмотреть вверху странички.
Как превратить обводку в фигуру в Adobe Illustrator | Малый бизнес
Автор: Дэвид Видмарк Обновлено 26 февраля 2021 г.
Adobe Illustrator — мощный инструмент. Спустя десятилетия это все еще главная программа для дизайнеров и иллюстраторов, но если вы не используете Illustrator каждый день, многие из его мощных функций могут показаться неуловимыми.
Большая часть путаницы связана с терминами, которые использует Illustrator. Инструмент «Перо», например, не рисует линии, как может ожидать новичок; рисует штрихи. Если вы хотите манипулировать обводкой так же, как любой другой фигурой на экране, вы должны преобразовать эту обводку не в фигуру, а в составной контур.
Обводка в Illustrator
С обводкой можно делать множество вещей. Вы можете сгибать их, изменять их форму, изменять их размер, но вы не можете изменить контур, как это можно сделать с формой. Например, вы можете закруглить углы прямоугольника или квадрата, но не можете закруглить углы обводки.
Прежде чем превратить обводку в форму, создайте обводку и придайте ей желаемый размер, толщину, форму и цвет. Думайте об этом как о грубом наброске того, каким будет ваш окончательный дизайн. Как только штрих будет завершен, вы можете преобразовать одиночный штрих в контурный штрих, уточнив свой грубый набросок в окончательную форму, которую вы задумали.
Создание обводки в Illustrator
Чтобы создать обводку в Adobe Illustrator, используйте инструмент «Перо», который находится на панели инструментов и выглядит как авторучка. Прежде чем рисовать с помощью инструмента «Перо», убедитесь, что вы выбрали толщину обводки, цвет и заливку на панели «Свойства».
Чтобы нарисовать прямую линию, щелкните в том месте, где должен начинаться штрих, а затем щелкните в том месте, где он должен заканчиваться. После двух щелчков у вас есть прямая линия. Нажмите третий раз, чтобы завершить линию.
Чтобы сделать кривую линию, нарисуйте прямую линию, а затем наведите курсор на опорную точку и перетащите один из маркеров на опорной точке, чтобы изогнуть линию.
Преобразование обводки в фигуру в Illustrator
Чтобы превратить обводку в Adobe Illustrator в редактируемую фигуру, необходимо преобразовать ее в составной контур. Составной контур делает контур штриха редактируемым. Например, если у вас есть одна толстая обводка, напоминающая прямоугольник, изменение этой обводки на путь делает контур прямоугольника редактируемым.
Выберите обводку, которую вы создали в Adobe Illustrator, а затем:
- Выберите «Объект» в меню.
- Выберите «Путь» в раскрывающемся меню.
- Выберите «Контур обводки».
Теперь, когда вы увеличиваете масштаб объекта, вы видите, что его контур состоит из нескольких штрихов, а не из одного штриха по центру линии.
Редактирование обводки контура в Illustrator
После преобразования обводки в обводку контура при увеличении масштаба вы видите, что вместо одной синей линии по центру теперь есть линии на контуре.
Вместо точки привязки на каждом конце теперь есть привязка на каждом углу.
Чтобы манипулировать фигурой, щелкните любую опорную точку и переместите ее в нужное место. Например, перетащите опорную точку к середине фигуры и отпустите кнопку мыши.
Справочные материалы
- Adobe: рисование с заливками и обводками
- Adobe: начало создания с помощью инструмента «Перо»
Советы
- Сохраните копию обведенного объекта на случай, если вы решите преобразовать его, используя другую толщину обводки.
- Пути, пересекающиеся друг с другом, объединятся в местах пересечения, когда вы их обрисовываете. Если вы хотите сохранить дискретные элементы пути, разделите части вашего пути, которые пересекаются друг с другом, и обведите их по отдельности.
- Вы можете применить «Обводку контура» к тексту, но только если сначала преобразуете тип в векторные контуры.
Предупреждения
- Хотя вы можете применить процедуру «Контурная обводка» к векторному объекту с несколькими обводками, результат использует цвет самой верхней обводки в качестве цвета заливки для каждого из создаваемых контурных объектов.
Writer Bio
Публикуемый автор и профессиональный оратор Дэвид Уидмарк более 20 лет консультирует предприятия по вопросам технологий, средств массовой информации и маркетинга. Он преподавал информатику в Алгонкинском колледже, основал три успешных предприятия и написал сотни статей для газет, журналов и интернет-изданий, включая About.com, Re/Max и American Express.
css — обводка контура figma не создает путь для каждой буквы в svg
Я пытаюсь экспортировать слово как svg и получить отдельные пути для всех букв.
Но мой svg имеет только один путь для всего слова.
Я использую рабочий стол Windows Figma
мои шаги:
- создать текстовое слово
- обводка контура
- удалить заполнить
- экспортировать как svg
- css
- svg
- фигма
3
У вашего шрифта, вероятно, есть проблемы с кривыми, и Figma не может исправить это при выполнении действия контура.
В этом случае Adobe Illustrator обычно лучше обрабатывает .
Итак, вот решение, если вы столкнетесь с этим случаем:
- Выведите или сделайте его на Adobe Illustrator , обведите объект.
- Скопируйте и вставьте его в Figma .
- Разгруппируйте и создайте «союзы» по своему усмотрению.
Итак, вот код SVG с «отдельными путями для всех букв»: