Редактирование контуров
Контур состоит из одного или более прямых или криволинейных сегментов. Узловые точки помечают конечные точки сегментов контура. В криволинейных сегментах каждая выбранная узловая точка отображает один или два вектора, заканчивающихся точками направления. Позиции векторов и тяг определяют размер и форму криволинейного сегмента. Перемещение этих элементов меняет форму кривых в контуре.
A. Криволинейный сегмент B. Управляющая точка C. Вектор D. Выделенная узловая точка E. Невыделенная узловая точка
Контур может быть замкнутым, не имеющим ни начала, ни конца, (например, круг) или открытым, имеющим отдельные конечные точки (например, волнообразная линия).
Гладкие кривые соединяются узловыми точками, называемыми точками сглаживания. Контуры с резкими кривыми соединяются точками преломления.
При перемещении вектора гладкой узловой точки криволинейные сегменты по обе стороны точки настраиваются одновременно. В отличие от этого, при перемещении вектора точки преломления настраивается только кривая с той стороны точки, где расположен вектор.
Контур необязательно состоит из одной связной последовательности сегментов. Он может содержать несколько отдельных компонентов контура. Каждая фигура в слое-фигуре представляет собой компонент контура, что задается обтравочным контуром слоя.
Выбор контура
При выборе компонента или сегмента контура отображаются все узловые точки выделенной части, в том числе все векторы и управляющие точки, если выделенный сегмент является криволинейным. Управляющие точки отображаются в виде залитых кружков, выделенные опорные точки — в виде залитых квадратиков, а невыделенные опорные точки — в виде пустых квадратиков.
Чтобы выделить компонент контура (включая фигуру в слое-фигуре), выберите инструмент «Выделение контура» и щелкните в любом месте внутри компонента контура. Если контур состоит из нескольких компонентов, будет выделен только компонент, находящийся под курсором.
Чтобы выделить сегмент контура, выберите инструмент «Стрелка» и щелкните одну из узловых точек сегмента или выделите прямоугольную область, захватывающую часть сегмента.
Если выбран инструмент «Стрелка», контур или компонент контура можно выбрать целиком, щелкнув мышью в пределах контура при нажатой клавише «Alt» (Windows) или «Option» (Mac OS). Активизировать инструмент «Стрелка» можно, когда выбран любой другой инструмент, установив указатель над узловой точкой и нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS).
Выбор нескольких контуров | Photoshop
Можно выбрать несколько контуров на одном или нескольких слоях.
На панели Контуры выполните любое из следующих действий, чтобы сделать контуры видимыми.
- Для выбора нескольких смежных контуров щелкайте их, удерживая клавишу «Shift».
- Щелкните мышью, нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS), чтобы выбрать контуры, не следующие подряд друг за другом.
Выберите инструмент Выделение контура или Стрелка и выполните одно из следующих действий.
- Перетащите курсор над сегментами.
- Щелкайте контуры, удерживая клавишу «Shift».
Чтобы выделить дополнительные компоненты или сегменты контура, выберите инструмент Выделение контура или Стрелка и выделяйте дополнительные контуры или сегменты, удерживая клавишу «Shift».
При желании с контурами можно работать в режиме изоляции. Чтобы изолировать только слой, содержащий контур, и сделать контур активным, дважды щелкните его, предварительно выбрав инструмент выделения. Также можно изолировать один или несколько слоев, используя элемент меню Выбрать/изолировать слои или установив для параметра Фильтрация слоев значение Выбрано .
Выйти из режима изоляции можно несколькими способами, такими как:
- Отключение фильтрации слоев
- Выбор для параметра Фильтрация слоев другого значения вместо Выбрано
- Двойной щелчок вне контура, когда выбран инструмент выделения
Изменение порядка контуров
Можно изменить порядок сохраненных контуров, которые не относятся к типу «Фигура», «Текст» или «Векторная маска», на панели Контуры .
На панели Контуры перетащите контур в нужное место. В Photoshop можно выбирать и перетаскивать несколько контуров одновременно.
Создание дубликатов контуров
На панели Контуры выберите контур, дубликат которого необходимо создать. В Photoshop можно выбирать несколько контуров одновременно.
Выполните одно из следующих действий.
- Удерживая клавишу «Alt» (Windows) или «Option», перетащите контуры.
- Выберите команду Создать дубликат контура в меню панели.
Укажите параметры контура
Можно задать цвет и толщину линий контура по своему вкусу и для упрощения видимости. При создании контура — например, с помощью инструмент «Перо» — щелкните значок шестеренки ( ) на панели параметров. Теперь укажите цвет и толщину линий контура. Кроме того, укажите, следует ли выполнить предварительный просмотр сегментов контура по мере перемещения указателя мыши между щелчками (эффект Просмотр ).
Корректировка сегментов контура
Отредактировать сегмент контура можно в любой момент, но редактирование существующих сегментов несколько отличается от их создания. При редактировании сегментов следует помнить приведенные ниже советы.
Если опорная точка соединяет два сегмента, то при ее перемещении изменяются оба эти сегмента.
При рисовании с помощью инструмента «Перо» можно временно активировать инструмент «Стрелка» для корректировки уже нарисованных сегментов. Для этого при рисовании нажмите клавишу «Ctrl» (Windows) или «Command» (Mac OS).
При создании точки сглаживания с помощью инструмента «Перо» перетаскивание управляющей точки изменяет длину управляющей линии по обе стороны точки. Однако при редактировании существующей точки сглаживания с помощью инструмента «Стрелка» длина управляющей линии изменяется только с той стороны, в которую направлено перетаскивание.
Перемещение прямых сегментов
С помощью инструмента «Частичное выделение» выберите сегмент, который нужно скорректировать.
Корректировка длины и угла сегментов прямой
С помощью инструмента «Стрелка» выберите опорную точку сегмента для изменения.
Корректировка положения и формы сегментов кривой
С помощью инструмента «Частичное выделение» выберите сегмент кривой или опорную точку на любом конце сегмента. Отобразятся управляющие линии, если они есть (в некоторых сегментах кривой всего одна управляющая линия).
Чтобы скорректировать положение сегмента, перетащите сегмент. Удерживайте клавишу «Shift», чтобы ограничить корректировку углом, кратным 45°.
Для того чтобы скорректировать форму сегмента с любой стороны от выделенной опорной точки, перетащите опорную точку или управляющую точку. Удерживайте клавишу «Shift», чтобы ограничить движение углом, кратным 45°.
Корректировка сегмента контура также обеспечивает корректировку связанных сегментов, позволяя интуитивно трансформировать очертания контуров. Чтобы только отредактировать сегменты между выбранными точками привязки аналогично более ранним версиям Photoshop, на панели параметров выберите «Ограничения перемещения контуров».
Кроме того, к сегменту или опорной точке можно применить трансформирование, например, масштабирование или поворот.
Удаление сегмента
(Необязательно) Если создается разрыв в замкнутом контуре, выберите инструмент «Добавить опорную точку» и добавьте две точки в требуемом месте разрыва.
Выберите инструмент «Частичное выделение» , затем выделите сегмент, который нужно удалить.
Удаление линии направления опорной точки
- Выберите инструмент «Преобразовать опорную точку» и щелкните опорную точку на линии направления.
Точка сглаживания становится точкой преломления. Дополнительные сведения см. в разделе Преобразование между гладкими узловыми точками и точками преломления.
Расширение открытого контура
Для того чтобы создать угловую точку, поместите инструмент «Перо» в то место, где должен заканчиваться новый сегмент, затем щелкните мышью. Если расширяется контур, который заканчивается точкой сглаживания, то новый сегмент будет изогнут существующей управляющей линией.
Для того чтобы создать точку сглаживания, поместите инструмент «Перо» в то место, где должен заканчиваться новый сегмент, затем перетащите инструмент.
Соединение двух открытых контуров
Для того чтобы соединить один открытый контур с другим, щелкните конечную точку второго контура. Когда инструмент «Перо» будет наведен точно на конечную точку другого контура, рядом с указателем появится значок объединения .
Для соединения нового контура с существующим нарисуйте новый контур рядом с существующим, затем переместите инструмент «Перо» к невыбранной конечной точке существующего контура. Щелкните конечную точку, когда рядом с указателем появится значок объединения.
Перемещение или пошаговое смещение опорных точек или сегментов с помощью клавиатуры
Удерживайте клавишу «Shift» в дополнение к клавише со стрелкой для перемещения на 10 пикселов за один раз.
Добавление и удаление узловых точек
Добавление опорных точек позволяет более эффективно управлять контуром, а также расширять открытый контур. Однако старайтесь не добавлять больше точек, чем требуется. Контур с меньшим числом точек легче редактировать, он быстрее отображается и выводится на печать. Можно уменьшить сложность контура путем удаления ненужных точек.
Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку» и инструмент «Удалить опорную точку» .
По умолчанию инструмент «Перо» заменяется на инструмент «Добавить опорную точку», когда указатель наведен на выделенный контур, и на инструмент «Удалить опорную точку», когда указатель наведен на опорную точку Чтобы инструмент «Перо» автоматически заменялся на инструмент «Добавить опорную точку» или «Удалить опорную точку», на панели параметров должен быть выбран параметр «Оптимизация».
Можно выделить и отредактировать несколько контуров одновременно. Можно также перерисовать контур при добавлении опорных точек щелчком и перетаскиванием по мере добавления.
Чтобы удалить опорные точки, не используйте клавиши «Delete» или «Backspace», а также команды «Редактирование» > «Вырезать» или «Редактирование» > «Удалить». Эти клавиши и команды удаляют как саму точку, так и присоединенные к ней сегменты.
Как раскрасить рисунок (Урок III)
В этом уроке я постараюсь объяснить, как разукрашивать рисунок в стиле аниме. Метод раскраски в этом уроке особенно подойдет для новичка, без использования графического планшета.
А также я покажу вам, из чего состоит цифровая иллюстрация.
И так приступим…
Цифровая иллюстрация состоит из объединения различных слоёв (вы должны были уже ознакомиться с ними в предыдущих уроках), с различными эффектами, такими как прозрачность или другими параметрами в соответствии с вашими потребностями.
Необходимо знать, как правильно использовать слои для цвета (например, какой выбрать параметр для слоя “normal” или “multiply” или в каком порядке выставлять слои).
Все это может показаться очень трудным, но не невозможным.
Ниже находиться “визуальное” объяснение того, что мы создадим:
Описание изображения (снизу вверх):
1 – «background», белый фоновый слой, параметры слоя “normal”. В действительности этот слой не нужен, его используют только чтобы не видеть прозрачности сетки.
2 –« lineart», слой с контуром, параметры слоя могут быть установлены на “normal”(в данном случае) или “multiply”.
3 – «base colors», группа слоев которая включает в себя все слои с основными цветами (имейте в виду, что каждый цвет имеет свой слой), параметры слоя “multiply”.
4 –«shadows», группа слоев, которая включает в себя все слои с тенями (каждый цвет тени имеет свой слой), каждый слой с параметром “multiply”.
5 – «lights» последний слой, на котором рисуются блики, как правило, он находиться выше всех других слоев. Параметр слоя “normal” или “multiply”.
Далее идут добавочные слои для различных целей, например слой с фоном или слой с подписью автора (я советую вам всегда подписывать ваши работы, если вы не хотите увидеть их в сети под другими именами …).
Порядок слоев можно менять, однако помните, что слой, на котором рисуются блики, должен всегда быть последним.
1) Откройте файл, с которого вы срисовывали и поставьте его рядом с созданным контуром. Я предлагаю вам пересохранить свою работу в новый файл с именем, например, “FanartColour1” или как вам нравиться, для этого идем File>Save As (Файл>Сохранить как).
Не забывайте сохранять свою работу часто и в процессе окраски. Если вы сделаете что-то необратимое, то вы всегда сможете загрузить предыдущее сохранение. В конце работы у вас может быть “FanartColour1”, “FanartColour2”, “FanartColour3”, и т.д. … XD. Но главное не испортить свою работу!
2) Я всегда начинаю окраску с кожи. Моя последовательность: кожа, волосы, глаза, одежда, аксессуары, тени, освещение/блики.
Если вы рисуете свой фанарт, то можно выбирать любой необходимый цвет из палитры цветов, но в данном случае мы имеем колорит, используя стиль Gotoh, поэтому выбирать цвета нам необходимо непосредственно из оригинала с использованием инструмента пипетки (Eyedropper Tool).
Выберите светлый оттенок розового, нажав на часть лица Рури.
Создайте новый слой.
Переименуйте его в ” base skin” (основная кожа).
В настройке слоя выставите Multiply.
Существуют два способа окраски: c помощью кисти (мышкой или на графическом планшете) и с помощью лассо.
Закрасьте лицо, не выходя за границы контура.
Обратите внимание, насколько важно установить параметр слоя Multiply:
На этом рисунке слой с параметрами “Normal”.
А на этом рисунке слой с параметрами ” Multiply”.
Таким способом, вы можете:
– Точно проходить цветом, не выходя за контур (я заменила светло розовый цвет на более темный тон для того, что бы вы четче видели мои действия):
– Нанести цвет неаккуратно, а затем исправить:
– Нанести цвет неаккуратно, а затем “прикрыть” слоем стоящим выше, с параметрами «Normal».
Например, раскрашивая кожу лица, вы зайдете на границу волос или на одежду. Затем создадите новый слой выше слоя с кожей и с параметрами «Normal», и перекроите свои ошибки цветом волос и одежды.
Лассо! Выберите инструмент “Polygonal Lasso”.
Этот способ требует терпения, так как придется обводить много элементов.
Нажмите в точке обозначенной окружностью на скриншоте, потом идите против часовой стрелки каждый раз нажимая мышкой там, где указано стрелкой.
Проще говоря, вы должны создать выделение выбранного элемента с помощью прямых и руководящих точек. Выделение закроется, когда вы подойдете концом к началу выделения и возле инструмента (указатель/лассо) появиться кружок.
Когда это будет сделано, зажмите клавишу Shift, и повторите предыдущий шаг, обводя другие части лица (все части будут объединяться, благодаря зажатой кнопке Shift).
Мы выделили ту часть лица, где будет розовый цвет (не забывайте, что вы должны находиться на слое «base skin» (основная кожа), с параметром Multiply). Теперь с помощью инструмента Paint Bucket (заливка) и цветом, взятым пипеткой с лица оригинальной картинки Рури, щелкните внутри выделенной области. Вы получите:
Метод, с использованием инструмента лассо, требует придельной точности … Однако если вы допустите, какие ни будь ошибки их можно исправить (если вышли за контур – стереть резинкой, а если где-то не дошли закрасить кистью). Во всяком случае, я считаю, этот способ достаточно “ужасным”, и редко его использую. Но если у вас нет графического планшета, то это самый быстрый способ добавления цвета! Имейте в виду, что отменить неверное действие можно с помощью клавиш ALT + CTRL + Z!
Не важно, какой метод вы используете, важно, получить нужный результат.
Добавляем цвет волосам и одежде.
3) Теперь раскрасьте волосы, используя метод, который вам больше всего понравился.
Помните, что нельзя выходить цветом за границы, если выше не стоит слой, который перекроит ваши ошибки.
Сглаживание краев вырезанного объекта в Фотошопе
Во время работы в программе Photoshop достаточно часто приходится вырезать какой-либо объект для его последующего переноса в новое место, наложения на другой фон и т.д. При этом края объекта после вырезания не всегда получаются аккуратными. Давайте посмотрим, каким образом это можно исправить.
Примечание: подробно останавливаться на том, как отделить объект от фона, мы не будем, так как рассматривали это в отдельной статье – “Как вырезать объект в Фотошопе”.
- Сглаживаем края объекта
- Заключение
Сглаживаем края объекта
Работать будем со следующим вырезанным объектом.
Для большей наглядности разместим цветок на черном фоне.
Наши дальнейшие действия:
- Выбираем слой с нашим объектом (цветком) в Палитре слоев.
- Затем, зажав клавишу Ctrl на клавиатуре, щелкаем по миниатюре слоя.
- Таким образом нам удастся загрузить выделенную область (другими словами, выделить объект).
- На боковой панели инструментов выбираем любой инструмент из группы “Выделение”, например, “Прямоугольную область”.
- В верхней строке параметров жмем по кнопке “Выделение и маска” или “Уточнить край” – зависит от версии Фотошопа. В наше случае – первый вариант.
- Откроется окно, где мы можем настроить свойства инструмента. Здесь мы определяемся с режимом просмотра (в нашем случае мы ничего не выбрали), устанавливаем прозрачность на уровне 100%, чтобы в реальном времени отслеживать результат вносимых изменений в области предпросмотра. Работать будем со следующими параметрами:
- Сглаживание – как следует из названия, отвечает за сглаживание зубчатых краев. Чем выше установленное значение, тем больше эффект.
- Растушевка – позволяет смягчить края, создав границу по краям объекта в виде градиента. Чем выше значение, тем шире получится граница.
- Сместить край – позволяет убрать участки фона, случайно попавшие в область выделения при вырезании объекта. Положительное значение расширяет края, отрицательное – сужает.
- Остальные параметры используются не так часто и в большинстве случаев остаются нетронутыми.
- После того, как настройки выполнены, убеждаемся в том, что для параметра “Вывод в” выбран вариант “Выделение” и жмем кнопку OK.
- Получаем видоизмененное выделение объекта на холсте.
- Теперь необходимо удалить лишние участки, не попавшие в область выделения. Щелкаем правой кнопкой мыши по холсту и в открывшемся контекстном меню выбираем пункт “Инверсия выделенной области”. Также вместо этого можно воспользоваться комбинацией клавиш Ctrl+Shift+I.
- После того, как команда будет выполнена, должны выделиться все участки за пределами объекта, в т.ч., холст по контуру. Жмем кнопку Del или Backspace, чтобы удалить их.
- Снимаем выделение с помощью сочетания Ctrl+D, после чего можем оценить результат наших трудов.
Заключение
Итак, мы только что рассмотрели, как можно сгладить края вырезанного объекта в Photoshop. Выполненные настройки продемонстрированы в качестве примера, и ваши значения параметров могут отличаться от наших. И напоследок, лучше потратить немного больше времени на качественное отделение объекта от фона, чтобы потом не пришлось слишком много сглаживать и смягчать его края.
Как не выходить за контур в фотошопе
Войти
Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal
«Adobe Photoshop. Базовый уровень». Занятие 12.1. Версия 2019
Первая часть конспекта к двенадцатому занятию курса «Adobe Photoshop. Базовый уровень» в его гибридной версии, стартовавшей в 2019 году. Курс состоит из 8 видоезанятий и 7 онлайн занятий. Конспекты сделаны только для видеозанятий, поскольку на онлайн занятиях идет разбор пройденной темы и домашних заданий. Здесь можно посмотреть полное описание и программу курса .
Перед записью на любой курс по Adobe Photoshop очень рекомендую прйти тест на знание программы . Как показывает опыт, самостоятельная оценка собственных знаний не всегда адекватно отражает их действительный уровень.
Конспекты к старой версии курса, состоявшей из 12 онлайн занятий и проходившей с 2012 по 2019 год можно найти здесь .
Дополнительные материалы — материалы, рекомендованные к изучению в процессе прохождения курса.
Для самостоятельного изучения — материалы, рассчитанные на самостоятельное освоение не только в процессе, но и по окончании курса.
Для стандартизации внешнего вида, обеспечения стабильности и удобства доступа, данные материалы представлены в виде документов Evernote с упрощенным форматированием. Чтобы перейти к оригиналу статьи, кликните по адресу сайта непосредственно под ее названием.
Для лучшей связи конспекта и занятия в соответствующих местах помещены миниатюры разбираемых в этот момент изображений.
Задачи на занятие
1. Познакомиться с путями (Path) и освоить методику быстрого построения контура
2. Научиться создавать при помощи путей векторные и растровые маски
3. Понять принципы создания реалистичных фотомонтажей
4. Научиться работать с текстом и верстать простые макеты