Обводка выделенной области
Иногда требуется обвести выделенную область (т.е. обрисовать контур). Эта техника оказывается действительно удобной, когда используется в сочетании с инструментами выделения. Например, можно объединить с инструментом Прямоугольная область, чтобы добавить к фотографии тонкий черный контур, или с овальным выделением.
Когда дело доходит до придания изображению шика, немногие эффекты могут превзойти тонкий черный контур.
Вставляете ли вы изображение в текст или размещаете его в блоге, добавление контура делает края чуть более четкими, придавая рисунку законченный вид.
Вот как можно добавить контур по краю изображения:
Шаг 1
Откройте изображение и выделите его. Если изображение такого же размера, что и документ, выберите команду меню Выделение => Все. Если оно меньше, чем документ, и находится на собственном слое, щелкните вместо этого кнопкой мыши, удерживая клавишу Ctrl по миниатюре слоя.
Шаг 2
Выберите команду меню Редактирование => Выполнить обводку (Stroke)
Шаг 3
Нажмите кнопку ОК, чтобы просмотреть новый контур.
Чтобы обвести кого-то на фотографии, вам нужно будет выполнить в основном те же шаги:
Шаг 1
Откройте фото и выберите инструмент, например, Овальная область. Перетащите указатель мыши, чтобы нарисовать овал. Помните, что можно при перетаскивании удерживать клавишу Shift для создания идеального круга или клавишу Alt и нарисовать овал изнутри. Переместите выделение, если необходимо, нажав и удерживая кнопку мыши внутри нее и перетаскивая мышь.
Шаг 2
Выберите команду меню Выполнить обводку, введите ширину и подберите цвет. Нужно, чтобы она была не менее 2 пикселов в ширину: так круг будет достаточно жирным, чтобы его можно было заметить. В группе Расположение установите переключатель в положение По центру, тогда Фотошоп разместит обводку по центру поверх «марширующих муравьев». Например, если вы ввели ширину 2 пиксела, программа расположит один пиксел с внешней стороны выделения и один с внутренней (другими словами, она «перешагнет» через выделение).
Шаг 3
Нажмите кнопку ОК, чтобы увидеть результат.
Теперь можете избавиться от «марширующих муравьев», нажав сочетание клавиш Ctrl+D.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
от простого к сложному. Часть 31. Контуры
7 — 2000Сами по себе контуры — вещь очень интересная, и если вы ими не пользуетесь, вы лишаетесь одного из самых эффективных творческих средств в Photoshop.
Создание выделений
Создание сложных контуров
Объединение подконтуров
Контуры как средство рисования
Хитрости при формировании контуров
Создание выделений
Построение выделений, позволяющих редактировать только часть изображения без воздействия на остальные области — одна из важнейших особенностей работы в Photoshop.
-
Самое очевидное применение контуров в Photoshop — это создание на выделений их основе. Откройте какое-нибудь изображение, содержащее объекты с четкими границами, и выберите инструмент «перо».
-
Обведите один из объектов, используя при этом как можно меньше опорных точек. Щелчки образуют прямолинейные сегменты между точками, а протягивание — криволинейные.
-
При вычерчивании контуров удобно пользоваться клавишами-модификаторами. Когда у вас активно «перо», нажатие клавиши Control/Command вызывает инструмент «стрелку», которая позволяет перемещать точки и изменять форму сегментов. Отпустите клавишу — и можете продолжать работать «пером».
-
Чтобы замкнуть контур, щелкните на первой опорной точке (приближаюсь к ней курсор слегка видоизменяется). Если поместить «перо» на сегмент контура, оно превращается в инструмент «перо+», служащий для добавления точек на контур.
-
Перемещая опорные точки и двигая регуляторы «стрелкой», добейтесь того, чтобы контур облегал объект как можно точнее. Форму сегментов можно изменять также, протягивая их «стрелкой». Если это помогает плохо, подвигайте лучше регуляторы.
-
С готовым контуром можно поступить двояко: либо экспортировать его как обтравочный в программу верстки, напр. в QuarkXPress, либо преобразовать в выделение. Если вы выбираете последнее, нажмите кнопку «выделение в контур» в нижней части палитры Paths (Контуры) или, удерживая Control/Command, щелкните на строке контура на палитре Paths.
-
Чтобы сохранить контур как обтравочный, выберите из меню же палитры Paths команду Clipping Path (Обтравочный контур). Поле Flatness (Спрямление) в большинстве случаев можно оставлять пустым. Нажмите ОК. Начертание шрифта, которым отображается имя контура на палитре Paths, меняется, показывая, что контур является обтравочным.
-
Теперь файл можно сохранить в формате EPS, DCS или TIFF для экспорта в программу верстки или для печати непосредственно из Photoshop. EPS предпочтительнее, так как обтравочный контур будет отображаться в превью.
-
Контур можно экспортировать и в программу Illustrator. Выберите команду File > Export > Paths to Illustrator (Файл > Экспорт > Контуры в Illustrator). Раскрывающийся список в диалоге Save позволяет выбрать контур для экспорта, если у вас их несколько.
|
Создание сложных контуров
Объекты более сложных форм требуют более сложной техники построения контуров.
-
Контуры удобны для создания простых плавных выделений, но Photoshop 5 предлагает средства для формирования и очень сложных контуров.
-
Двойным щелчком на пиктограмме инструмента «магнитное перо» откройте палитру его параметров. Для обводки морского конька мы задали здесь следующие установки: Curve Fit (Точность) 2 пиксела, Width (Ширина) 10 пикселов, Frequency (Частота) 30 и Edge Contrast (Контраст границ) 10 процентов.
-
Приступая к вычерчиванию контура, щелкните в начальной точке, а выполнять обводку можно с отпущенной кнопкой мыши — так легче контролировать движение курсора. Не забывайте обращаться к клавишам-модификаторам: для добавления точек вручную нажимайте Alt/Option, для вычерчивания прямых пользуйтесь щелчками с удержанием Alt/Option.
-
Конечная форма вычисляется на основе магнитного контура и параметров, заданных вами на палитре Options. Чем меньше значение Curve Fit, тем больше точек будет в контуре. Контур обычно получается более гладким, чем граница выделения, созданного с помощью инструмента «магнитное лассо». Здесь мы преобразовали контур в выделение, растушевали на 2 пиксела и использовали в качестве слой-маски.
-
Векторный слой может содержать более одного контура (тогда они называются подконтурами). В качестве подконтура мы добавили плавник. Этот подконтур можно преобразовать в выделение и добавить в слой-маску. Будьте осторожны при превращении в выделения подконтуров, которые пересекаются, так как в полученном выделении останутся только пересекающиеся области.
-
Чтобы загрузить подконтур как выделение, выделите его инструментом «стрелка» (при этом становятся видны все его опорные точки) и нажмите кнопку «контур в выделение» в нижней части палитры Paths.
|
Объединение подконтуров
Иногда вместо того, чтобы рисовать сложный контур, проще создать несколько подконтуров, а потом объединить их.
-
Для объединения подконтуров вовсе необязательно обращаться к векторной программе. Проделаем это в Photoshop. Выделим подконтур плавника, затем, протягивая «стрелкой», выделим сразу все точки, залезающие в другой подконтур, и удалим их.
-
В Photoshop объединять контуры приходится вручную. Активизируем «перо» и выделяем контур плавника. Если поместить курсор на конечную точку, тот видоизменяется — внизу справа появляется маленький квадратик. Щелкнув на конечной точке, мы можем либо продолжить вычерчивание контура, либо объединить ее с другой конечной точкой.
-
Удерживая Shift+Control/Command, выделяем контур морского конька. Щелчком на конечной точке, ближайшей к контуру плавника, объединяем две точки и поочередно замыкаем остальные пробелы. Теперь у нас единый контур для всего конька.
|
Контуры как средство рисования
Воздействуя на контуры рисовальными инструментами и используя при этом различные команды, мы можем получить интересные и неожиданные результаты.
-
Обводка контуров дает неплохие художественные эффекты. Нарисуйте простой контур, вроде стилизованного солнца.
-
Установите цвет похожий на солнечный и выберите одну из самых маленьких художественных кистей на палитре Brushes (Кисти). Выделите контур и выберите из меню палитры Paths команду Stroke Path (Обвести контур). В открывшемся диалоге выберите вариант Airbrush (Аэрограф) и нажмите ОК.
-
Задавая различные значения в поле Fade (Ослабление) на палитре параметров «аэрографа», можно получить ослабление интенсивности штрихов. Введите в это поле 300, затем, протягивая «стрелкой» при нажатой клавише Shift, выделите «лучи» солнца. Выберите команду Stroke Subpaths и снова укажите вариант Airbrush.
-
Чтобы получить более естественные штрихи, дополните файл какой-нибудь абстрактной картинкой. Выберите инструмент «палец», задайте на палитре его параметров величину Pressure (Нажим) 70 процентов и режим наложения Darken (Затемнение). Дважды обведите солнце текстурной кистью среднего размера.
-
На палитре History (Протокол) в качестве исходного материала для «восстанавливающей кисти» укажите обводку. Создайте новый слой и залейте его белым. Обведите контур снова, выбрав в диалоговом окне вариант History Brush (Восстанавливающая кисть). В качестве альтернативы к слою с картинкой можно применить какой-нибудь художественный фильтр и использовать его результат в качестве исходного материала для «восстанавливающей кисти».
-
Слегка сдвинув слой с обводкой относительно слоя с контуром, мы придали штрихам дополнительную глубину, затем задали обводку еще раз, теперь инструментом «палец». Попробуйте и другие варианты, например, различные режимы наложения или команду Fade (Ослабление).
|
Хитрости при формировании контуров
Некоторые клавиатурные комбинации помогут вам ускорить построение контуров.
-
Чтобы дублировать контур, протяните его, удерживая Control+Alt (Command+Option). Если вы хотите дублировать несколько подконтуров, выделите их, чтобы стали видны опорные точки, и протяните один из них, удерживая Control+Alt (Command+Option).
-
Инструмент «угол» преобразует гладкую опорную точку в линейную (без регуляторов). В процессе формирования контура «угол» можно вызвать нажатием клавиши Alt/Shift. Для превращения линейной точки в гладкую, протяните на ней инструментом «угол». Преломив инструментом «угол» регулятор, вы превращаете гладкую точку в угловую.
-
Превратить границу обычного выделения в контур так же просто, как и контур в выделение. Диалоговое окно, вызываемое командой Make Work Path (Создать рабочий контур), позволяет задавать допуск, определяющий, насколько много точек будет в контуре. Укажите в поле Tolerance значение от 0.5 до 20 пикселов. Чем ниже значение, тем меньше точек.
КомпьюАрт 7’2000
Как в фотошопе сделать ровный контур рисунка. Как сделать контур в фотошопе
Обводка и выделение контура изображения или рисунка: как правильно обвести, вырезать, выделить, сделать или обрезать.
Для создания коллажей и других многослойных изображений могут потребоваться контуры тех или иных объектов. Также привлечь внимание зрителя поможет обводка человека или другого предмета по его контуру. Создать контур — это не самая легкая операция. Далеко не каждому новичку данные действия по силам. Этот урок будет посвящен именно работе с контурами и силуэтами. Если вы будете повторять наши действия, то легко научитесь новой операции.
Контур в Фотошопе
Создать контур в Фотошопе (или силуэт) можно без особого труда. Нужно лишь уметь выделять предмет и знать, что делать дальше. Этот урок поможет понять, что же нужно нажать, чтобы в графическом редакторе появился силуэт выбранного предмета.
Сначала необходимо открыть в Фотошопе снимок, на котором изображен тот или иной предмет. В нашем случае это будет сердечко. Именно его контур мы постараемся перенести на другую фотографию. В этом нет ничего сложного, в чём вы скоро убедитесь.
Теперь необходимо выделить объект. Если бы это был человек, то пришлось бы использовать инструмент «Магнитное лассо». Но с человеком данную операцию мы проведем позже. Сейчас же перед нами простенькое изображение сердечка. Его выделить гораздо проще. Достаточно задействовать инструмент «Быстрое выделение». Отрегулируйте размер кисти, после чего начинайте щелкать по фигуре. И так до тех пор, пока по контуру объекта не побежит пунктирная линия. Если вы случайно выделили лишнюю область, то щелкните по ней при зажатой клавише Alt.
Как создать контур изображения Фотошопе?
Но мы ранее задавались вопросом, как создать контур изображения в Фотошопе и пока же вместо контура мы имеем лишь выделение. В случае с человеком оно будет ещё и не очень четким. Как уточнить края выделения — вы уже должны знать по нашим прошлым урокам. Если же у вас таких знаний нет, то чуть позже мы об этой функции Фотошопа расскажем. В данном же случае выделение должно пройти отлично, с краями работать не нужно.
При выделенном объекте перейдите в панель «Слои». Здесь сейчас создан всего один слой, имеющий наименование «Фон». Создайте новый слой, для этого используется соответствующая кнопка в нижней части данной панели. Активным мгновенно станет новый слой. Но заметьте: выделение сохранилось!
Теперь обратите внимание на левую часть рабочего окна Adobe Photoshop. Почти в самом низу имеются два квадратика, окрашенные в разные цвета. Вас должен интересовать левый квадратик. Щелкните по нему левой кнопкой мыши. Вам будет предоставлена палитра цветов. Если вы собираетесь создать стандартный черный силуэт, то и цвет выбирайте черный. Если же вы желаете окрасить силуэт в другой цвет, то сейчас самое время выбрать его. Но не забывайте, что в любой момент вы можете сменить цвет.
В нашем случае был выбран красный цвет. Далее необходимо перейти к инструменту «Заливка». После этого остается лишь щелкнуть по выделенной области левой кнопкой мыши. Вся эта область тут же окрасится в выбранный цвет. Теперь можно задействовать сочетание клавиш Ctrl+C, чтобы скопировать данный контур. Заметьте, скопирован будет именно данный слой, фон останется нетронутым.
Откройте другую фотографию. Нажмите сочетание клавиш Ctrl+V. Тут же созданный вами силуэт появится на фотографии. Для его позиционирования используется инструмент «Перемещение». Для изменения размеров нужно перейти в режим свободного трансформирования. Это делается при помощи выбора инструмента из группы «Выделение» и щелчка по силуэту правой кнопкой мыши. В контекстном меню вы быстро заметите нужный пункт. Размеры меняйте при зажатой клавише Shift, это позволит сохранить пропорции изображения. Для изменения цвета силуэта вновь используется инструмент «Заливка».
Контур рисунка в Фотошопе
Но контур рисунка в Фотошопе можно создать и другим способом. Давайте вернемся к тому моменту, когда мы выделили сердечко. Новый слой ещё не создан. Напомним, делали мы это в панели «Слои». Теперь же для создания слоя будет использоваться отдельное меню.
Когда предмет выделен — перейдите по пути «Слои>Новый слой-заливка>Цвет». Дальше вам будет предоставлена знакомая уже палитра цветов. Выберите тот или иной цвет, после чего им будет залита вся выделенная область. Заливка окажется на новом слое. Мы повторили рассмотренную ранее операцию, но уже другим путем. Графический редактор Adobe Photoshop тем и хорош, что он позволяет добиться одного и того же результата при помощи разных действий.
Если вы повторяли действия вслед за нами, то уже догадались о том, что силуэт можно окрасить не только в какой-нибудь цвет. Ещё раз перейдите по пути «Слои>Новый слой-заливка». В выскочившем контекстном меню имеются пункты «Градиент» и «Узор». Они действуют сходим образом, только теперь вам будут предоставлены на выбор градиенты и узоры. Градиент вы даже сможете создать с нуля.
Как выделить контур в Фотошопе?
Создание силуэтов простеньких объектов не вызывает никаких затруднений. Другой дело — создание контура человека. Некоторые начинающие пользователи даже задаются более простым вопросом: как выделить контур в Фотошопе, если это человек? Инструмент «Быстрое выделение» с этой задачей уже не справится. Либо вы будете мучиться с ним очень долго.
Откройте фотографию, на которой изображен человек. Желательно, чтобы он был сфотографирован почти в полный рост, так в силуэте точно можно будет узнать мужчину или женщину. Ещё нужно помнить, что для правильного выделения нужна четкая фотография. Если она получена при помощи зеркальной камеры, то это идеальный вариант. Снимки, сделанные «мыльницей» или смартфоном тоже подойдут. Но на выделение человека в этом случае вы потратите очень много времени.
Но хватит слов, пора приступать к решению нашей задачи. Увеличьте масштаб изображения до 100-процентного. Выберите инструмент «Магнитное лассо». Теперь двигайте курсор по контуру человека, совершая щелчок за щелчком. Постепенно вы соедините последний маркер с первым, после чего по контуру человека побежит пунктирная линия. Для перемещения по увеличенному изображению зажимайте клавишу «Пробел».
На человеке могут присутствовать такие места, которые выделять не нужно. Например, в нашем случае это пространство между левой рукой и грудью, также участок между пальцами на правой руке. Для отмены выделения этих пространств нужно зажать клавишу Alt. Затем данные участки точно так же выделяются по их контуру.
Как в Фотошопе вырезать контур?
Выделение почти завершено. Осталось лишь уточнить края выделения. Ведь как бы вы не старались — помарки будут. Устранить их поможет автоматика. А если точнее, то кнопка «Уточнить край». Нажмите её, после чего выскочит не самое маленькое диалоговое окно. Если вы знакомились с нашими прошлыми уроками, то суть этого окна вам уже знакома.
Данная функция позволяет добиться идеального выделения. Для начала следует поставить в окне галочку около пункта «Умный радиус». Ниже расположен ползунок, с помощью которого вы регулируете радиус работы автоматики. А ещё ниже можно найти ползунки, отвечающие за настройку краев. С их помощью можно уточнить выделение ещё лучше. В нашем случае особая работа в данном диалоговом окне не требуется. Ведь в дальнейшем человек будет закрашен, поэтому за сохранение детализации бороться не следует.
Остается лишь перейти по пути «Слои>Новый слой-заливка>Цвет». Щелкните по черному цвету и нажмите кнопку «OK».
Пора задаться вопросом, как в Фотошопе вырезать контур. А делается это методом простого перетаскивания. Сначала откройте новое изображение, куда вы хотите добавить созданный только что силуэт. Вернитесь к картинке с черным контуром. Перейдите к панели «Слои». Теперь захватите мышью самый верхний слой и тащите его на новую картинку. Силуэт появится на изображении, после чего останется переместить его в нужную часть картинки. Как это делается — рассказано выше.
Как сделать контур в Фотошопе?
Теперь вы поняли, как сделать контур в Фотошопе и сейчас мы совершили самые простые операции. Графический редактор Adobe Photoshop способен и на большее. Выделение контура нужно для реализации самых разных задач. Давайте вернемся к тому моменту, когда мы выделили человека. Что можно сделать после этого выделения?
В данный момент вы сможете до неузнаваемости изменить человека. Выделен именно он, поэтому фона это никак не коснется. Легче всего изменить картинку при помощи фильтра. Графический редактор обладает большим их количеством. Особенно богата на всевозможные фильтры последняя версия Adobe Photoshop. С их помощью можно даже превратить человека в карандашный рисунок. Способны на подобные действия и сторонние фильтры. Их ещё называют плагинами.
Но исказить таким образом можно не только человека. В данный момент выделен его контур. Если же перейти по пути «Выделение>Инверсия», то картина изменится. Теперь можно произвести любые изменения с фоном. Попробуйте перейти по пути «Фильтр>Размытие>Размытие по Гауссу». Далее останется лишь подобрать степень размытия. После этого лишь размытый контур вокруг человека не позволит сказать, что кадр получен при помощи сильного раскрытия диафрагмы. Как избавиться от этого контура — тема отдельного урока, который уже имеется на сайте.
Обводка контура в Фотошопе
В самом начале нашего урока было сказано, что речь пойдет не только о создании силуэта. Иногда улучшить изображение помогает обводка контура в Фотошопе — это делается примерно так же, как и создается силуэт.
Вновь мы возвращаемся к тому моменту, когда человек оказывается выделенным. Впрочем, вы можете тренироваться и на более простых объектах, это уже не важно. После выделения перейдите в панель «Слои». Здесь необходимо создать новый слой, который тут же сделается активным. Далее перейдите по пути «Редактирование>Выполнить обводку». Выскочит небольшое диалоговое окно. В нём вам необходимо выбрать цвет обводки и её толщину. К сожалению, толщину предстоит выбирать наугад, так как предпросмотр в данном случае не работает.
Зачем нужна обводка контура? Это очень интересный вопрос. Пожалуй, умение совершить данную операцию пригодится при создании именной открытки. Также обводкой контура регулярно пользуются для создания эффекта рисунка. Так создается впечатление, что контур человека обведен тушью (при этом используется черный цвет). А ещё можно попробовать создать привидение. Для этого уже используется белый цвет и сильная прозрачность. Затем слой с этим контуром переносится на новую картинку. После этого остается изменить размер этого контура и поменять его местоположение. При необходимости нижнюю часть контура можно стереть инструментом «Ластик». А если вы ещё и фильтр «Размытие» к этому слою примените…
Как обвести контур в Фотошопе?
Пожалуй, вы получили ответ на вопрос, как обвести контур в Фотошопе — но на самом деле тему можно продолжить. В данный момент человек у нас обведен по контуру стандартным белым цветом. Но иногда может потребоваться более интересная обводка. Например, в виде градиента. Как же это сделать?
При создании обводки нам предлагают стандартную палитру цветов. Никаких градиентов нам не предлагается. Поэтому белым цветом изначально обвести контур придется. Или любым другим, это совершенно не важно. Затем перейдите по пути «Выделение>Отменить выделение». Теперь нам не будет мешаться пунктирная линия. Затем взгляните на панель «Слои». Активным должен быть верхний слой, именно он содержит в себе наш контур. Нажмите кнопку «Fx», в предоставленном контекстном меню выберите пункт «Наложение градиента». Откроется диалоговое окно, в котором останется выбрать нужный градиент. Также предлагается выбрать его направление, масштаб и прочие параметры. Если в вашем графическом редакторе градиентов мало, то никто не помешает создать новый. Рассматривать подробно данный процесс мы не будет, так как этому однажды будет посвящен отдельный урок.
Другие вкладки использовать не нужно. Не забывайте, что в данный момент работа происходит только с обводкой, изменения происходят именно с ней. То есть, тень будет отбрасывать именно обводка, а не человек. Но и после создания простой градиентной обводки эффект получился достаточно интересный.
Выделение контура в Фотошопе
Далее предлагаем вам самостоятельно заняться экспериментами. Поверьте, вы без всякой помощи сможете совершать разные уникальные операции с имеющимся под рукой материалом. Также попробуйте уже без всяких подсказок повторить предыдущие действия.
Выделение контура в Фотошопе — это одна из самых простых операций. Лишь сперва она кажется очень сложной. Если вы научитесь всему этому, то в дальнейшем сможете создавать очень интересные коллажи. Например, давайте напоследок попробуем создать уникальную картинку. Пусть наш мужчина будет выделен по контуру. Обводка будет окрашена в градиентные цвета. За мужчиной будет располагаться надпись «Котельнич». При этом головой человек должен заслонять одну из букв. Сможете создать такое изображение самостоятельно? Если нет, то читайте инструкцию.
Как обрезать по контуру в Фотошопе?
Возьмите фотографию. Выделите человека при помощи инструмента «Магнитное лассо». Теперь перейдите по пути «Редактирование>Копировать» или воспользуйтесь сочетанием клавиш Ctrl+C. Так вы сможете человека обрезать по контуру в Фотошопе, затем перейдите по пути «Редактирование>Вставить». Или нажмите сочетание клавиш Ctrl+V. Повторите последнее действие. Визуальных изменений не произойдет. Но на самом деле теперь существует три слоя с позирующим мужчиной.
В панели «Слои» выберите второй по счету слой. Далее перейдите по пути «Редактирование>Выполнить обводку». Подберите ширину, цвет — не важен. В качестве расположения выберите «Снаружи». Вновь перейдите в панель «Слои» и нажмите в нижней части панели кнопку «Fx». Щелкните по пункту «Наложение градиента». Выберите понравившийся градиент или создайте новый. Когда закончите — жмите кнопку «OK».
Большая часть работы сделана. Теперь осталось лишь задействовать инструмент «Горизонтальный текст». Напишите слово «Котельнич» или любую другую надпись. Затем выделите её, после чего измените размер и тип шрифта. Далее можно окрасить надпись в другой цвет или даже воспользоваться каким-либо стилем. Когда будете довольны результатом — вернитесь в панель «Слои». Вам нужно слой с текстом сделать вторым снизу. То есть, он должен располагаться над слоем «Фон». Вот и всё, картинка готова!
Итоги урока
Вот и всё, наш урок закончен. Теперь вы должны уметь работать с контурами и силуэтами. Отныне вы знаете, что с контурами можно совершать различные операции. И все эти действия достаточно легки, мастером Фотошопа для их свершения быть не нужно. Оставайтесь с нами, тогда вы узнаете ещё очень много нового!
Каждый веб дизайнер знает, что сложнее всего поддается отрисовке шапка сайта. И, соответственно, именно к этой части работы клиент предъявляет больше всего требований. Порой, поймать нужную волну удается далеко не с первого раза. А чем больше багаж ваших знаний, тем больше может разгуляться ваша фантазия. Чем скорее вы выкатываете клиенту удачный вариант, тем меньше тратите время на разработку. А это выгодно. Будьте готовы к тому, что вам следует удержать в голове сотни вариаций обработки текста и фото. Некоторые из них используются практически постоянно. К ним относится обводка текста.
Добавление обводки тексту в фотошопе — одна из самых простых, но, в то же время одна из самых востребованных операций. Потому, знать, как ее выполнять просто необходимо любому веб дизайнеру. Приступим же.
Начнем с самого простого. Как сделать обводку текста одинарную. Создаем новый документ. Пишем текст. Я выберу крупный шрифт и жирное начертание. На фоновый слой я добавила градиент. Если уже делать, то красиво.
Делаем обводку черным цветом. Переходим к окну слоев. Выбираем наш, с текстом. Кликаем по нему левой клавишей мыши.
Нам нужно найти «параметры наложения».
Выбираем пункт «обводка» и задаем настройки.
Результат:
Настройки можно менять на ваше усмотрение. Ширина обводки. Ее цвет и тип.
Давайте несколько усложним задачу. И сделаем двойную обводку. Но! К сожалению, фотошоп не дает возможности сделать двойную обводку тем же способом. Потому, следует прибегнуть к хитрости. И перевести нашу надпись в смарт-объект. Правда, тут есть один недостаток. Ваша надпись становится уже картинкой. То есть, отредактировать ее в режиме текста уже не получится. В том же окне слоев вызываем левой клавишей мышки тот же список операций. И выбираем «преобразовать в смарт-объект». Он будет располагаться чуть ниже параметров наложения.
Слой примет подобный вид:
Теперь возвращаемся к параметрам наложения и обводке. Задаем следующие настройки.
Вуаля! Теперь обводка двойная.
Оказалось, что на первый взгляд такой мощный инструмент фотошопа как обводка совсем прост в создании. Поэтому, давайте зайдем чуть дальше. И добавим шрифту обводку градиентом.
Я изменила фоновый слой, дабы наш текст смотрелся лучше. И добавила тексту вот такой градиент:
Плюс простая черная обводка. Исходное изображение у меня выглядит так:
Теперь преобразовываю его в смарт-объект и добавляю ему обводку градиентом. Для этого в параметрах наложения во вкладке обводка в выпадающем списке выбираем «градиент»
Задаем настройки:
И вот, что имеем. Текст с обводкой градиентом. Благодаря игре цветов мы создали эффект светящейся надписи. Выглядит очень интересно, не находите?
Благодаря парочке инструментов у нас получилось создать классную надпись, которая вполне может подойти для создания шапки сайта.
Вам следует запомнить несколько вещей.
- Обводку текста нельзя делать бесконечно. Всему есть предел. Либо вы делаете множество тонких обводок, либо парочку, но толстых.
- Обводка бывает как внешней, так и внутренней. У внутренней есть существенный недостаток. Она «съедает» обводимый объект.
- С помощью обводок вы можете создать иллюзию объема. Все дело в цветах. При подборе нужной комбинации вы запросто достигните подобного эффекта.
- Обводка текста не увеличивается пропорционально тексту. Допустим, вы сделали обводку шрифта с кеглем 20px и обводку в 2 px. Если вы увеличите кегль до 40 px, обводка останется того же размера. То есть, выглядеть она будет совершенно иначе.
Здравствуйте, уважаемые читатели. Продолжаем изучать программу Photoshop и ее возможности. Сегодняшний урок относится к базовому разделу. Все будет легко и просто. Однако, благодаря этому навыку вы уже сможете выполнять интересные действия к примеру, создавать неплохие коллажи, делать красивые надписи и даже научитесь рисовать силуэты.
Сегодня я расскажу вам как в фотошопе сделать контур. Мы поработаем с изображениями, научимся делать рамки по краям картинок и выполнять обводку текста. Надеюсь, вы уже умеете работать с выделением сложных объектов. Этот навык очень пригодится сегодня. Если нет, советую начать с другой публикации из моего блога.
Однако, что-то я забегаю вперед. Давайте переходить к каждому моменту постепенно. Возможно, это и не понадобится для решения конкретной задачи. Начнем с простых рамок, для которых от вас не потребуется ничего, кроме исходного изображения.
Обрамление фото
В верхнем меню находим раздел «Файл» и выбираем категорию «Открыть», ищем на своем компьютере нужную фотографию и благополучно заливаем ее в фотошоп. Обычно, я просто перетаскиваю изображение из папки в программу.
Мы же открываем фотку любым понравившимся способом. В принципе, в конкретном случае «правильность» не имеет такого уж важного значения. Мы не будем работать с ее размером.
Многие новички, в принципе, не могут ничего сделать с картинкой, которую только что залили в Photoshop. Они ищут в чем проблема, почему набор функций слишком ограничен. Вся проблема заключается в том, что нижний слой по умолчанию блокируется от редактирования. Достаточно снять замок с картинки, ситуация мгновенно изменится в лучшую сторону. Вам будет доступно больше опций.
Стыдно признаться, но в стародавние времена, для редактирования я и сам просто создавал новый слой при помощи клавиш Ctrl+J, пока не открыл для себя этот элементарнейший момент. Вот почему так важно читать книги и смотреть полноценные курсы для начинающих. Экономит время и помогает не совершать глупых действий, но об этом чуть позже.
Как только вы это сделали, отыщите в меню справа раздел «Параметры наложения». Он скрывается под иконкой функции fx. В этом разделе откройте категорию «Обводка».
Готово, то что нам нужно. Первым делом справа, под кнопками «Ок», «Отмена» и «Новый стиль» отыщите «Просмотр» и поставьте напротив него галочку, чтобы сразу видеть изменения на рисунке.
Теперь определитесь с размером рамки. Можете при помощи мыши оттащить меню. Зацепите его сверху, там где написано «Стиль слоя» и перенесите в нужное место.
Решите внутри, снаружи или из центра будет нарисована рамка. Естественно, если это край изображения, то вы не увидите контура, когда примените функцию «снаружи». Лишь часть отобразится, если она будет размещена «По центру». Чуть позже или в процессе работы вы наглядно поймете в чем различия.
Еще одна важная настройка – «Цвет». Щелкните по этой плашке и получите доступ к спектру, чтобы изменить оттенок.
Вот такой результат получился у меня после того, как я все сделал и кликнул на «Ок».
Сложный контур
Вы можете делать рамку не только по краям картинки, но и применять ее к сложным фигурам. В этом-то случае вам и понадобится умение пользоваться выделением. На этом рисунке я постараюсь обвести цветок.
Итак, я буду пользоваться волшебной палочкой. Она находится в инструментах слева. Помимо нее есть и другие – быстрое выделение, магнитное и прямолинейное лассо. Ссылку на статьи о них, я уже давал, так что вкратце расскажу о палочке. Вы просто щелкаете по объекту и он определяет все цвета, близкие к тому оттенку, на котором вы применяли палочку. В данном случае – это желтый.
Наш глаз не чувствует разницу так остро, как ее «видит» программа. Особенно для мужчин, все это – желтый. Палочка различает миллионы оттенков – лазерный или незрелый лимон, желтая сера, кукурузный и так далее. Если у вас выделяется слишком мало оттенков, попробуйте настроить «Допуск» в меню сверху. В моем случае он составляет целую сотню, и то не определяет фигуру идеально.
Теперь наведите курсор на выделенный фрагмент и щелкните правой кнопкой мыши. В появившемся меню вам необходимо выбрать опцию «Образовать рабочий контур».
Перейдите в раздел правого меню «Контуры».
Так как обводка будет осуществляться посредством кисти, необходимо предварительно ее настроить. Выберите цвет, толщину, определитесь с прозрачностью. Все это предназначается для будущего контура.
Теперь в разделе «Контуры» нажмите на правую кнопку мыши и щелкните «Выполнить обводку».
Готово. Жмете «Ок».
Альтернативный более простой вариант
В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на при помощи клавиш Ctrl+J.
Кстати, если вы только недавно начали пользовать программой Photoshop, почитайте мою статью о слоях. Это будет полезно. Вы еще не раз встретитесь с этим термином. Его нужно понимать.
Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).
И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».
Надписи
Теперь я покажу вам как работать с буквами. В этом тоже нет ничего сложного. Могу предложить интересные статьи о том, или . Тоже не бесполезное умение. Обратите внимание.
Сам же создаю картинку и вставляю в нее текст обычным способом при помощи одноименного инструмента из левой панели.
В этот раз не думаю что будет сложно найти обводку.
Ну и осталось лишь разобраться со ставшими привычными настройками. Ничего нового.
Видео инструкция
Если какие-то моменты остались для вас непонятными, могу предложить видео, благодаря которому все становится ясно. Здесь максимум полезной информации о использовании наложения цвета.
Ну а если вам больше понравился (или был непонятен) рабочий контур, то вам подойдет другой ролик.
Если у вас появилось необъяснимое желание узнать о программе максимум, хоть владеете вы ей недостаточно, могу предложить курс «Фотошоп для начинающих в видеоформате ». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.
Вот и все. До новых встреч и не забывайте, что у вас есть возможность подписаться на мою группу Вконтакте , чтобы быть в курсе новых возможностей для заработка в интернете. Монетизируйте собственное хобби. До новых встреч и, как всегда, удачи.
Нажмите Просмотр в строке меню.
Щелкните по 200% , чтобы увеличить изображение. Или в выпадающем меню «Просмотр» нажмите «Увеличить» или «Уменьшить», чтобы сделать размер изображение таким, какой удобен для создания контура.
Выберите цвет контура. Для этого щелкните по одному из двух пересекающихся квадратов в верхней правой части экрана, а затем щелкните по нужному цвету в спектре, который расположен под квадратами. Щелкните по другому квадрату, а затем выберите тот же цвет.
- Черно-белый цвет находится на крайнем правом конце спектра.
Выберите инструмент на панели инструментов в левой части окна.
- Карандаш : этот инструмент создает ровные штрихи одинаковой ширины (посередине и на концах). Карандаш подойдет, если вы хотите создать контур из небольших и соприкасающихся штрихов. Значок инструмента «Карандаш» выглядит как карандаш и находится в верхней части второго раздела панели инструментов. Если на панели инструментов отображается значок в виде кисти, а не карандаша, зажмите значок в виде кисти, а затем в меню нажмите «Карандаш».
- Кисть : этот инструмент создает конические штрихи, которые тоньше на концах и толще посередине. Кисть подойдет, если вы хотите создать «мягкий» контур из штрихов, похожих на мазки кистью. Значок инструмента «Кисть» выглядит как кисть и находится в верхней части второго раздела панели инструментов. Если на панели инструментов отображается значок в виде карандаша, а не кисти, зажмите значок в виде карандаша, а затем в меню нажмите «Кисть».
- Перо : этот инструмент создает контур с опорными точками; такой контур можно редактировать. Перо подойдет, если вы планируете изменить созданный контур. Щелкните по значку в виде пера чернильной ручки (находится под значком в виде буквы «T» на панели инструментов), чтобы выбрать инструмент «Перо».
Отрегулируйте настройки инструмента «Карандаш» или «Кисть».
- Щелкните по выпадающему меню рядом со значком инструмента, чтобы настроить его размер и жесткость. Чем больше жесткость, тем штрихи более похожи на сделанные настоящими карандашом или кистью.
- Щелкните по значку в виде папки в правой части выпадающего меню, чтобы выбрать форму и свойства кисти или карандаша.
Отрегулируйте настройки инструмента «Перо». Они находятся в верхней левой части окна.
- Чтобы создать контур с помощью инструмента «Перо», откройте выпадающее меню справа от значка инструмента и выберите «Контур».
Приступите к созданию контура. Воспользуйтесь мышью или трекпадом, чтобы провести инструментом вдоль нужных линий изображения.
- Если вы решили использовать инструмент «Карандаш» или «Кисть», зажмите левую кнопку мыши и перетащите курсор вдоль линий. Отпустите кнопку, чтобы переместить инструмент и создать другой ряд штрихов.
- Если вы решили использовать инструмент «Перо», щелкните по изображению левой кнопкой мыши; будет создана опорная точка. Теперь еще раз щелкните по изображению; будет создана вторая опорная точка, а между двумя опорными точками появится прямая линия. В случае кривых линий изображения нужно создать как можно больше опорных точек.
Весь прошлый урок мы рисовали фигуры, выбирая на панели параметров режим «Слой-фигура», сегодня рассмотрим два остальных режима — «Контуры» и «Заливка пикселов».
Контуры
Линия, ограничивающая фигуру, представляет собой контур. Рабочий контур — это временный контур, который появляется на панели «Контуры» и определяет границы фигуры.
Контуры можно использовать несколькими способами:
- Контуры можно использовать в качестве векторной маски, чтобы скрыть отдельные области слоя.
- Контур можно преобразовать в выделенную область.
- Контур можно залить или обвести произвольным цветом.
В нижней части панели находятся кнопки, за которыми закреплены наиболее полезные команды работы с контурами:
Выполнить заливку контура основным цветом.
Выполнить обводку контура.
Загрузить контур как выделенную область.
Сделать из выделенной области рабочий контур.
Создать новый контур.
Удалить активный контур.
Итак, вы нарисовали контур, теперь щелкните по иконке -выполнить заливку контура основным цветом- и вот ваш контур похож на фигуру. Попробуйте в деле и другие кнопки панели «Контуры».
Теперь посмотрите на верхнюю часть панели и щелкните по трем параллельным черточкам:
Здесь можно выбрать инструмент для обводки контура. Аналогично можно настроить и заливку контура в соответствующем пункте меню.
На самом деле основным инструментом для работы с контурами является «Перо», это очень полезный инструмент и ему посвящен следующий урок.
Заливка пикселов
В этом режиме фигура рисуется, растрируется и заливается основным цветом. Растровые фигуры создаются с использованием текущего основного цвета и их нельзя редактировать как векторный объект.
- Выберите слой на котором будете рисовать.
- Выберите на панели инструментов желаемый основной цвет.
- Выберите инструмента «Фигура» на панели инструментов.
- Выберите на панели параметров режим «Заливка пикселов», остальные параметры по желанию.
- Растяните мышкой фигуру на холсте.
Обводка выделенной области. Выделение объектов в фотошопе
Создание коллажей стало очень популярным способом творчества. Для этого применяются графические редакторы, с помощью которых можно вырезать фон, использовать различные плагины для создания эффектов. Одной из таких программ является – Фотошоп. Разберем подробные способы удаление фона в данном редакторе.
Фотошоп – графический редактор, разработанный корпорацией Adobe. Имеет поддержку растровой и векторной графики. Он интегрируется со многими программами для обработки медиа-файлов. Пользователи могут применять данный инструмент для нелинейного монтажа видео, создания анимации и спецэффектов.
Формат, с которым работает Photoshop имеет расширение «PSD», поддерживается большим количеством программного обеспечения. Таким образом, пользователи могут производить импорт файлов во многие программы для последующей постобработки.
Все инструменты одинаковые для всех версий Фотошоп, в том числе последних, начиная с CS6.
Как вырезать объект в Фотошопе
Используем инструмент «Лассо»
Лассо представляет собой инструмент для выделение какого-либо элемента на фотографии с помощью создания контура. Лассо позволит вырезать любой объект по контуру.
Для начала необходимо разобраться, что из себя представляет данный инструмент и подробно описать его виды:
- «Лассо ». Обычное «Лассо» представляет собой один из самых простых способов выделить нужный объект на картинке. Работать с ним достаточно просто, необходимо зажать левую кнопку мыши и вести курсор по контуру от начальной до конечной точки;
- «Прямолинейное лассо ». Инструмент, позволяющий быстро создать контуры, состоящие из прямых линий. Лучше всего подходит для выделения геометрических фигур. Пользоваться им просто, жмем «ЛКМ» и ставим начальную точку, отпускаем клавишу мыши и переносим курсом далее по контуру добавляя новую метку. Таким образом выделяем элемент до того момента, пока курсор снова достигнет начальной точки;
- «Магнитное лассо ». Данная функция, позволяет быстро и точно создать контур. Наиболее точное определение магнитного лассо – инструмент автоматического распознавания краев. Алгоритм его работы заключается в том, что он пытается распознать края объекта находя отличия в яркости, насыщенности, контрасте.
Как вырезать изображение:
Инструмент позволит быстро и точно вырезать элемент из изображения или часть картинки. Стоит заметить, что пользователь сам контролирует все особенности выделения объекта, настраивая необходимые параметры маски.
Быстрое выделение
Данный инструмент позволяет быстро произвести выделение объекта на фотографии. Необходимо заметить, что способ не может гарантировать 100% результат, т.к. наилучшим образом работает только на контрастных элементах.
Как вырезать:
Стираем фон Ластиком
Способ подразумевает под собой удаление фона без создания контура выделения. Недостатком ластика является то, что пользователь практически не может задать какие-либо параметры. Нельзя выполнить уточнение края (сглаживание или увеличение резкости).
Процесс достаточно простой:
Эффект от использования волшебной палочки наблюдается только на тех фотографиях, которые имеют нейтральный фон по отношению к вырезаемому объекту. Лучше всего, если фон имеет белый или серый цвет.
Вырезание сложных объектов
Для вырезания сложных элементов оптимальным вариантом будет использования инструмента «Уровни ». С его помощью можно выделить края и вырезать те объекты, которые имеют неоднородную структуру, например, шерсть животного, волосы, крона деревьев, человека, лицо и т.д.
Порядок действий:
Инструмент «Перо»
С помощью пера можно выделять достаточно сложные объекты имеющие большое количество деталей. Профессиональные графические дизайнеры отдают предпочтение именно этому инструменту. С его помощью можно добиться быстрых результатов за небольшое количество времени.
Порядок действий:
Инструмент Select Subject
Инструмент является новой разработкой компании Adobe. Он использует искусственный интеллект для быстрого выделения объекта. Далее рассмотрим подробно, как им пользоваться. Важно знать, что Select Subject используется исключительно версиях Photoshop CC 2016 и более поздних сборках.
Инструкция:
- открываем фото и создаем дубликат слоя;
- выбираем инструмент «Быстрое выделение» и щелкаем «Select Subject »;
- автоматически произойдет выделение объекта, далее кликаем «Select and Mask »;
- в правой части откроется панель настройки параметров. Подгоняем каждый ползунок на свое усмотрение и щелкаем «Ок».
Цветовой диапазон
Данный способ подразумевает под собой выделение элементов по цветам и образцам.
Как копировать объект
Для копирование выделенного объекта существует несколько способов рассмотрим их ниже.
Первый способ:
- выделяем объект одним из способов, представленных выше;
- затем щелкаем комбинацию клавиш «CTRL+C »;
- после этого, создаем новый слой и нажимаем сочетание клавиш «CTRL+V ». Элемент будет помещен на новый слой.
Второй способ.
Данный вариант самый простой, слой с выделенной областью будет создан автоматически. Достаточно выделить объект и нажать сочетание клавиш «CTRL+J » и он будет помещен на новый слой.
Третий метод.
После того, как нужный элемент на фотографии будет выделен, необходимо последовательно нажать комбинацию клавиш «CTRL+C», «CTRL+N» «CTRL+V». Первая команда отвечает за то, что копирует область в буфер обмена. С помощью второго сочетания клавиш, будет создан новый документ. Третья выполняет вставку элемента в новый документ.
Как вставить фон
- открываем нужное фото и используем один из методов удаления фона выше;
- инвертируем : «Выделение» и «Инверсия», жмем «Ок»;
- удаляем старый фон с помощью клавиши «Delete»;
- открываем картинку с фоном, щелкаем на клавиатуре «CTRL+C» и вставляем изображение поверх вырезанного элемента «CTRL+V»;
- после этого перетаскиваем фон под слой с вырезанным объектом, зажав левую кнопку мыши.
Как увеличить или уменьшить вырезанный объект
Для того, чтобы увеличить или уменьшить вырезанный элемент понадобиться применение инструмента «Трансформация »:
Вырезаем геометрические фигуры
Для вырезки геометрических фигур будем использовать способ «Цветовой диапазон »:
- открываем изображение с геометрическими фигурами и делаем дубликат;
- затем выбираем вкладку «Выделение » и в ней открываем пункт «Цветовой диапазон»;
- производим настройку параметров: в пункте «Выбрать» используем команду «По образцам »;
- после этого щелкаем по значку «Пипетка+ » и добавляем образцы оттенков. Если предварительный результат устраивает, щелкаем «Ок».
По мно-о-огочисленным просьбам делаю урок по техникам выделения сложных объектов из фона.
Посмотрите на это изображение:
Как проще всего выделить это изображение. Здесь обычное Лассо
, точно не подойдет.
Можно поковыряться Полигональным Лассо
, но это займет у вас очень много времени, оно больше подойдет для выделения прямоугольных объектов (стол, кубик, книга).
1 способ:
Магнитное лассо в этом случае сделает хорошую работу, так как картинка с высоким уровнем контраста, но все же не идеальную.
Если вы не будете сами останавливаться и добавлять на острых выступах и в уголках дополнительных точек, то инструмент их просто будет проскакивать. Результат на двоечку.
В случае с инструментом Лассо главное неудобство заключается в том, что вы не можете оторваться от контура до тех пор, пока его не закроете.
2 способ:
Хорошей альтернативой будет инструмент Перо . При работе с ним можно постоянно отрываться: переключаться на другие инструменты, работать с другими документами, сходить чай попить и т.д.
Еще одно его достоинство, что полученный контур, можно корректировать до того как превратить его в выделение.
Сначала выделили грубо:
Потом ставим дополнительную точку по середине прямого участка:
Зажимаем Ctrl и превращется в белую стрелку, что позволяет перетаскивать точку.
Когда вы закроете последнюю точку, появится сплошной контур. Чтобы получить выделение, нужно щелкнуть правой кнопкой мыши и выбрать команду Make Selection (Образовать выделенную область)
Там вас спросят про растушевку. Если вы хотите, чтобы края выделенного объекта слегка смягчились, то поставьте 1 — 2 px .
Кого заинтересовал инструмент Перо, советую прочитать эту .
3 способ:
Для этого изображения супер-быстрым способом выделения будет использование Волшебной палочки .
Главное угадать с параметром «Допуск». Я, например, установила 45 и щелкнула 1 раз по фону. У меня почти все выделилось.
Потом я зажала Shift и пощелкала по светло-зеленым участкам. Готово!
Осталось нажать Shift+Ctrl+I , чтобы инвертировать выделение.
4 способ:
Как еще можно сделать выделение?
С помощью быстрой маски!
Обводка и выделение контура изображения или рисунка: как правильно обвести, вырезать, выделить, сделать или обрезать.
Для создания коллажей и других многослойных изображений могут потребоваться контуры тех или иных объектов. Также привлечь внимание зрителя поможет обводка человека или другого предмета по его контуру. Создать контур — это не самая легкая операция. Далеко не каждому новичку данные действия по силам. Этот урок будет посвящен именно работе с контурами и силуэтами. Если вы будете повторять наши действия, то легко научитесь новой операции.
Контур в Фотошопе
Создать контур в Фотошопе (или силуэт) можно без особого труда. Нужно лишь уметь выделять предмет и знать, что делать дальше. Этот урок поможет понять, что же нужно нажать, чтобы в графическом редакторе появился силуэт выбранного предмета.
Сначала необходимо открыть в Фотошопе снимок, на котором изображен тот или иной предмет. В нашем случае это будет сердечко. Именно его контур мы постараемся перенести на другую фотографию. В этом нет ничего сложного, в чём вы скоро убедитесь.
Теперь необходимо выделить объект. Если бы это был человек, то пришлось бы использовать инструмент «Магнитное лассо». Но с человеком данную операцию мы проведем позже. Сейчас же перед нами простенькое изображение сердечка. Его выделить гораздо проще. Достаточно задействовать инструмент «Быстрое выделение». Отрегулируйте размер кисти, после чего начинайте щелкать по фигуре. И так до тех пор, пока по контуру объекта не побежит пунктирная линия. Если вы случайно выделили лишнюю область, то щелкните по ней при зажатой клавише Alt.
Как создать контур изображения Фотошопе?
Но мы ранее задавались вопросом, как создать контур изображения в Фотошопе и пока же вместо контура мы имеем лишь выделение. В случае с человеком оно будет ещё и не очень четким. Как уточнить края выделения — вы уже должны знать по нашим прошлым урокам. Если же у вас таких знаний нет, то чуть позже мы об этой функции Фотошопа расскажем. В данном же случае выделение должно пройти отлично, с краями работать не нужно.
При выделенном объекте перейдите в панель «Слои». Здесь сейчас создан всего один слой, имеющий наименование «Фон». Создайте новый слой, для этого используется соответствующая кнопка в нижней части данной панели. Активным мгновенно станет новый слой. Но заметьте: выделение сохранилось!
Теперь обратите внимание на левую часть рабочего окна Adobe Photoshop. Почти в самом низу имеются два квадратика, окрашенные в разные цвета. Вас должен интересовать левый квадратик. Щелкните по нему левой кнопкой мыши. Вам будет предоставлена палитра цветов. Если вы собираетесь создать стандартный черный силуэт, то и цвет выбирайте черный. Если же вы желаете окрасить силуэт в другой цвет, то сейчас самое время выбрать его. Но не забывайте, что в любой момент вы можете сменить цвет.
В нашем случае был выбран красный цвет. Далее необходимо перейти к инструменту «Заливка». После этого остается лишь щелкнуть по выделенной области левой кнопкой мыши. Вся эта область тут же окрасится в выбранный цвет. Теперь можно задействовать сочетание клавиш Ctrl+C, чтобы скопировать данный контур. Заметьте, скопирован будет именно данный слой, фон останется нетронутым.
Откройте другую фотографию. Нажмите сочетание клавиш Ctrl+V. Тут же созданный вами силуэт появится на фотографии. Для его позиционирования используется инструмент «Перемещение». Для изменения размеров нужно перейти в режим свободного трансформирования. Это делается при помощи выбора инструмента из группы «Выделение» и щелчка по силуэту правой кнопкой мыши. В контекстном меню вы быстро заметите нужный пункт. Размеры меняйте при зажатой клавише Shift, это позволит сохранить пропорции изображения. Для изменения цвета силуэта вновь используется инструмент «Заливка».
Контур рисунка в Фотошопе
Но контур рисунка в Фотошопе можно создать и другим способом. Давайте вернемся к тому моменту, когда мы выделили сердечко. Новый слой ещё не создан. Напомним, делали мы это в панели «Слои». Теперь же для создания слоя будет использоваться отдельное меню.
Когда предмет выделен — перейдите по пути «Слои>Новый слой-заливка>Цвет». Дальше вам будет предоставлена знакомая уже палитра цветов. Выберите тот или иной цвет, после чего им будет залита вся выделенная область. Заливка окажется на новом слое. Мы повторили рассмотренную ранее операцию, но уже другим путем. Графический редактор Adobe Photoshop тем и хорош, что он позволяет добиться одного и того же результата при помощи разных действий.
Если вы повторяли действия вслед за нами, то уже догадались о том, что силуэт можно окрасить не только в какой-нибудь цвет. Ещё раз перейдите по пути «Слои>Новый слой-заливка». В выскочившем контекстном меню имеются пункты «Градиент» и «Узор». Они действуют сходим образом, только теперь вам будут предоставлены на выбор градиенты и узоры. Градиент вы даже сможете создать с нуля.
Как выделить контур в Фотошопе?
Создание силуэтов простеньких объектов не вызывает никаких затруднений. Другой дело — создание контура человека. Некоторые начинающие пользователи даже задаются более простым вопросом: как выделить контур в Фотошопе, если это человек? Инструмент «Быстрое выделение» с этой задачей уже не справится. Либо вы будете мучиться с ним очень долго.
Откройте фотографию, на которой изображен человек. Желательно, чтобы он был сфотографирован почти в полный рост, так в силуэте точно можно будет узнать мужчину или женщину. Ещё нужно помнить, что для правильного выделения нужна четкая фотография. Если она получена при помощи зеркальной камеры, то это идеальный вариант. Снимки, сделанные «мыльницей» или смартфоном тоже подойдут. Но на выделение человека в этом случае вы потратите очень много времени.
Но хватит слов, пора приступать к решению нашей задачи. Увеличьте масштаб изображения до 100-процентного. Выберите инструмент «Магнитное лассо». Теперь двигайте курсор по контуру человека, совершая щелчок за щелчком. Постепенно вы соедините последний маркер с первым, после чего по контуру человека побежит пунктирная линия. Для перемещения по увеличенному изображению зажимайте клавишу «Пробел».
На человеке могут присутствовать такие места, которые выделять не нужно. Например, в нашем случае это пространство между левой рукой и грудью, также участок между пальцами на правой руке. Для отмены выделения этих пространств нужно зажать клавишу Alt. Затем данные участки точно так же выделяются по их контуру.
Как в Фотошопе вырезать контур?
Выделение почти завершено. Осталось лишь уточнить края выделения. Ведь как бы вы не старались — помарки будут. Устранить их поможет автоматика. А если точнее, то кнопка «Уточнить край». Нажмите её, после чего выскочит не самое маленькое диалоговое окно. Если вы знакомились с нашими прошлыми уроками, то суть этого окна вам уже знакома.
Данная функция позволяет добиться идеального выделения. Для начала следует поставить в окне галочку около пункта «Умный радиус». Ниже расположен ползунок, с помощью которого вы регулируете радиус работы автоматики. А ещё ниже можно найти ползунки, отвечающие за настройку краев. С их помощью можно уточнить выделение ещё лучше. В нашем случае особая работа в данном диалоговом окне не требуется. Ведь в дальнейшем человек будет закрашен, поэтому за сохранение детализации бороться не следует.
Остается лишь перейти по пути «Слои>Новый слой-заливка>Цвет». Щелкните по черному цвету и нажмите кнопку «OK».
Пора задаться вопросом, как в Фотошопе вырезать контур. А делается это методом простого перетаскивания. Сначала откройте новое изображение, куда вы хотите добавить созданный только что силуэт. Вернитесь к картинке с черным контуром. Перейдите к панели «Слои». Теперь захватите мышью самый верхний слой и тащите его на новую картинку. Силуэт появится на изображении, после чего останется переместить его в нужную часть картинки. Как это делается — рассказано выше.
Как сделать контур в Фотошопе?
Теперь вы поняли, как сделать контур в Фотошопе и сейчас мы совершили самые простые операции. Графический редактор Adobe Photoshop способен и на большее. Выделение контура нужно для реализации самых разных задач. Давайте вернемся к тому моменту, когда мы выделили человека. Что можно сделать после этого выделения?
В данный момент вы сможете до неузнаваемости изменить человека. Выделен именно он, поэтому фона это никак не коснется. Легче всего изменить картинку при помощи фильтра. Графический редактор обладает большим их количеством. Особенно богата на всевозможные фильтры последняя версия Adobe Photoshop. С их помощью можно даже превратить человека в карандашный рисунок. Способны на подобные действия и сторонние фильтры. Их ещё называют плагинами.
Но исказить таким образом можно не только человека. В данный момент выделен его контур. Если же перейти по пути «Выделение>Инверсия», то картина изменится. Теперь можно произвести любые изменения с фоном. Попробуйте перейти по пути «Фильтр>Размытие>Размытие по Гауссу». Далее останется лишь подобрать степень размытия. После этого лишь размытый контур вокруг человека не позволит сказать, что кадр получен при помощи сильного раскрытия диафрагмы. Как избавиться от этого контура — тема отдельного урока, который уже имеется на сайте.
Обводка контура в Фотошопе
В самом начале нашего урока было сказано, что речь пойдет не только о создании силуэта. Иногда улучшить изображение помогает обводка контура в Фотошопе — это делается примерно так же, как и создается силуэт.
Вновь мы возвращаемся к тому моменту, когда человек оказывается выделенным. Впрочем, вы можете тренироваться и на более простых объектах, это уже не важно. После выделения перейдите в панель «Слои». Здесь необходимо создать новый слой, который тут же сделается активным. Далее перейдите по пути «Редактирование>Выполнить обводку». Выскочит небольшое диалоговое окно. В нём вам необходимо выбрать цвет обводки и её толщину. К сожалению, толщину предстоит выбирать наугад, так как предпросмотр в данном случае не работает.
Зачем нужна обводка контура? Это очень интересный вопрос. Пожалуй, умение совершить данную операцию пригодится при создании именной открытки. Также обводкой контура регулярно пользуются для создания эффекта рисунка. Так создается впечатление, что контур человека обведен тушью (при этом используется черный цвет). А ещё можно попробовать создать привидение. Для этого уже используется белый цвет и сильная прозрачность. Затем слой с этим контуром переносится на новую картинку. После этого остается изменить размер этого контура и поменять его местоположение. При необходимости нижнюю часть контура можно стереть инструментом «Ластик». А если вы ещё и фильтр «Размытие» к этому слою примените…
Как обвести контур в Фотошопе?
Пожалуй, вы получили ответ на вопрос, как обвести контур в Фотошопе — но на самом деле тему можно продолжить. В данный момент человек у нас обведен по контуру стандартным белым цветом. Но иногда может потребоваться более интересная обводка. Например, в виде градиента. Как же это сделать?
При создании обводки нам предлагают стандартную палитру цветов. Никаких градиентов нам не предлагается. Поэтому белым цветом изначально обвести контур придется. Или любым другим, это совершенно не важно. Затем перейдите по пути «Выделение>Отменить выделение». Теперь нам не будет мешаться пунктирная линия. Затем взгляните на панель «Слои». Активным должен быть верхний слой, именно он содержит в себе наш контур. Нажмите кнопку «Fx», в предоставленном контекстном меню выберите пункт «Наложение градиента». Откроется диалоговое окно, в котором останется выбрать нужный градиент. Также предлагается выбрать его направление, масштаб и прочие параметры. Если в вашем графическом редакторе градиентов мало, то никто не помешает создать новый. Рассматривать подробно данный процесс мы не будет, так как этому однажды будет посвящен отдельный урок.
Другие вкладки использовать не нужно. Не забывайте, что в данный момент работа происходит только с обводкой, изменения происходят именно с ней. То есть, тень будет отбрасывать именно обводка, а не человек. Но и после создания простой градиентной обводки эффект получился достаточно интересный.
Выделение контура в Фотошопе
Далее предлагаем вам самостоятельно заняться экспериментами. Поверьте, вы без всякой помощи сможете совершать разные уникальные операции с имеющимся под рукой материалом. Также попробуйте уже без всяких подсказок повторить предыдущие действия.
Выделение контура в Фотошопе — это одна из самых простых операций. Лишь сперва она кажется очень сложной. Если вы научитесь всему этому, то в дальнейшем сможете создавать очень интересные коллажи. Например, давайте напоследок попробуем создать уникальную картинку. Пусть наш мужчина будет выделен по контуру. Обводка будет окрашена в градиентные цвета. За мужчиной будет располагаться надпись «Котельнич». При этом головой человек должен заслонять одну из букв. Сможете создать такое изображение самостоятельно? Если нет, то читайте инструкцию.
Как обрезать по контуру в Фотошопе?
Возьмите фотографию. Выделите человека при помощи инструмента «Магнитное лассо». Теперь перейдите по пути «Редактирование>Копировать» или воспользуйтесь сочетанием клавиш Ctrl+C. Так вы сможете человека обрезать по контуру в Фотошопе, затем перейдите по пути «Редактирование>Вставить». Или нажмите сочетание клавиш Ctrl+V. Повторите последнее действие. Визуальных изменений не произойдет. Но на самом деле теперь существует три слоя с позирующим мужчиной.
В панели «Слои» выберите второй по счету слой. Далее перейдите по пути «Редактирование>Выполнить обводку». Подберите ширину, цвет — не важен. В качестве расположения выберите «Снаружи». Вновь перейдите в панель «Слои» и нажмите в нижней части панели кнопку «Fx». Щелкните по пункту «Наложение градиента». Выберите понравившийся градиент или создайте новый. Когда закончите — жмите кнопку «OK».
Большая часть работы сделана. Теперь осталось лишь задействовать инструмент «Горизонтальный текст». Напишите слово «Котельнич» или любую другую надпись. Затем выделите её, после чего измените размер и тип шрифта. Далее можно окрасить надпись в другой цвет или даже воспользоваться каким-либо стилем. Когда будете довольны результатом — вернитесь в панель «Слои». Вам нужно слой с текстом сделать вторым снизу. То есть, он должен располагаться над слоем «Фон». Вот и всё, картинка готова!
Итоги урока
Вот и всё, наш урок закончен. Теперь вы должны уметь работать с контурами и силуэтами. Отныне вы знаете, что с контурами можно совершать различные операции. И все эти действия достаточно легки, мастером Фотошопа для их свершения быть не нужно. Оставайтесь с нами, тогда вы узнаете ещё очень много нового!
Обтравка контура пером. Урок для новичков в Photoshop.На мой взгляд перо — самый удобный, понятный и легкий в использовании инструмент. Давайте вместе начнем с самого простого. Займемся обтравкой контура.
Честно говоря, этот урок мне дается с огромным трудом, ибо перейдя в иллюстратор я рисую без Alt, и мне очень непросто сообразить, куда поставить точку, если Alt использовать все-таки можно. Но работа с использованием Alt, очень проста, и избавит нас от всех страхов перед пером. Дальше мы бесстрашно сможем учиться работать пером и без Alt в гладких точках. Итак начнем.
Вырежем цветочек. Я взяла эту картинку. Картинка увеличивается кликом по превью.
Мы будем вырезать из нее этот цветок:
Совсем подробно:-) Кликаем по превью первой картинки, скачиваем ее и открываем эту картину в photoshop.
Нажимаем сочетание клавиш Ctrl+0 (ноль), или так:
Берем инструмент «Pen» — «Перо» для чего нажимаем клавишу «P» (Расклад клавиатуры английский). Или так:
Настройки пера такие:
Ставим первую точку:
Теперь внимательно:-). Сначала читаем, потом делаем, — ибо это — единственное, что надо понять, — остальное просто. 🙂
Ставим вторую точку (красная стрелка), не отпускаем левую клавишу мышки, немного отводим (не отпуская клавишу мыши) перо в сторону — около точки появятся две стрелочки (направляющие — синяя стрелка), тянем за направляющую (синяя стрелка), поворачиваем ее, выгибая контур (зеленая стрелка), чтобы он лег четко по контуру цветка. НЕ ОТПУСКАЕМ МЫШКУ!
Теперь зажимаем клавишу Alt (мышку мы не отпускаем!) и загоняем направляющую (синяя стрелка) обратно в нашу вторую точку, так (красная стрелка):
Загнали. Отпускаем клавишу мышки! 🙂
Прочитали? Теперь можно делать. :-))))
Для того чтобы обтравить весь цветок, нам остается провести сию операцию несколько раз. Кнопка Alt и загон направляющей помогают как бы зафиксировать перо, чтобы с каждой новой точкой контур гнулся куда нам надо. На самом деле и без Alt контур гнется в строго определенном направлении, а не беспорядочно. Но здесь надо потренироваться, понять логику Пера. Поэтому понимать сию логику мы начнем, работая с использованием Alt:-)
Вы заметили — пока мы тянем за направляющие, — перо приобретает вид такого примерно треугольничка:
Ставим третью точку (красная стрелка), не отпускаем клавишу мыши, выгибаем контур (зеленая стрелка), зажимаем Alt и загоняем направляющую в эту самую третью точку(черная стрелка):
Отпускаем мышку.
Ставим четвертую точку и т.д. Вот все мои точки, — осталось только замкнуть контур, т.е. поставить последнюю точку в первую (строго в нее! :-)):
Кстати, подумалось…. Вы можете скачать именно эту картинку и для начала ставить точки строго туда, куда я ставила. Ибо — если у меня контур выгнулся, — значит и у вас он выгнется:-)
Ставим последнюю точку строго в первую, не отпускаем мыши и выгибаем контур. Alt у нас на этом последнем этапе уже не будет работать (если мы точно попали в первую точку). Поэтому, выгнув контур, просто отпускаем клавишу мышки. Все. обтравка контура закончена. 🙂
Вот так:
У нас все еще включен инструмент Pen — Перо. 🙂 Клацаем правой клавишей мыши по файлу в любой точке и в выпавшем окне выбираем «Make Selection»- «Сделать выделение»:
В открывшемся окне ставим Feather Radius — Радиус пера, радиус растушевки. Я ставлю 2 пкс (т.к. картинка у нас не слишком маленькая, и эта растушевка не будет резать глаз. Чем больше картина, тем большую растушевку можно ставить, и, соответственно, чем меньше — тем меньшую). Итак у меня 2 пкс, и жму ОК:
Цветок у нас выделился — вместо контура (простой линии) вокруг него выделение — переливающаюся пунктирная линия:
Теперь нажимаем сочетание клавиш Ctrl+C или так:
Нажимаем Ctrl+N или так (открываем новый файл, короче:-)))):
Умный фотошоп сразу ставит нужные параметры открываемого файла, чтобы вставить скопированное. Нам остается нажать кнопку ОК. Но, на всякий случай…, (доверяй, но проверяй) проверяем, чтобы все у нас было, как на скрине. Зеленая стрелка — фон прозрачный. Если у вас другой — выбираем прозрачный. Синяя стрелка — можем поменять название. Ну и жмем ОК:
Файл открылся:
Нажимаем сочетание клавиш Ctrl +V, или так:
Все, мы всю работу выполнили. У нас вырезанный цветок на прозрачном фоне:
Сохраняем файл в Png. Так:
Дополнительно:-)
Перед сохранением файла можно проверить, все ли у нас хорошо. Открываем палитру слоев (нажимаем клавишу F7) или так:
В палитре слоев с зажатой клавишей Ctrl щелкаем сюда (клавишу Ctrl зажимаем, чтобы новый слой у нас был ПОД слоем с цветком):
Вот у нас появился новый слой:
Мы стоим на этом новом пустом слое (видите — он выделен синим?), нажимаем сочетание клавиш Shift + F5 или так:
В открывшемся окне нажимаем на галочку (красная стрелка) и в выпавшем списке выбираем Black — черный (синяя стрелка):
Наш пустой нижний слой залился черным и мы хорошо видим, как будет смотреться цветок на фоне:
В общем все терпимо. Но вот если нам что-то не нравится, как исправить?
Смотрим, что не нравится и, чтобы не проделывать лишнюю работу возвращаемся на наш исходный файл из которого мы вырезали цветок. Открываем палитру истории так:
Встаем в открытой палитре истории на пункт Close Path (красная стрелка). И наш мы возвращаемся к тому моменту, где мы замкнули путь (синяя стрелка):
Снова берем инструмент перо и зажимаем клавишу Ctrl !!! Тыкаем (все делаем с зажатой клавишей Ctrl!!!) по любой точке контура и видим, что у нас появились все опорные точки с направляющими):
Таким образом мы можем переместить любую точку и по-другому изогнуть контур. Все делаем с зажатой клавишей Ctrl и включенным пером. Потом, когда нас все устроит, повторяем всю процедуру с выделением и копированием на новый файл.
Собственно, пока все. У этого метода преимущество — простота. Но есть недостатки — у нас остается одна направляющая, что сокращает возможности редактирования. И, если мало опыта работы с пером, контур может получиться не слишком плавным. Но начнем все же с этого, чтобы научиться гнуть контур:-)
По этому же методу можно отрисовывать картинки
Урок . Здесь конкретно — отрисовка контура. Весь урок
Именно по этому уроку я и училась:-)
P.s. После того как мы проверили обтравку картинки, вынеся ее на черный фон, — этот слой с фоном удаляем и сохраняем в png.
В процессе редактирования изображений в любом графическом редакторе одними из наиболее часто повторяемых операций, пожалуй, являются выделение и вырезание объектов, выполняемые с целью их перемещения, трансформации, коррекции, извлечения из фона и т. д.
В Интернете уйма графических редакторов, но, хорошо усвоив, как выделить объект в «Фотошопе», нетрудно будет справиться с этим и во всех остальных программах или онлайн-сервисах.
Если заявить, что в плане разнообразия и удобства способов выделения «Фотошоп» не имеет себе равных, это не будет преувеличением (во всяком случае, явным).
Выделять можно вручную, обводя контур объекта или рисуя область выделения кистью, а также автоматически, используя стандартные фигуры контуров выделения и другие «волшебные» инструменты. Кроме того, для выделения фрагментов «Фотошоп» использует маски, цветовые каналы, фильтры и специальные плагины.
Однако, несмотря на разнообразие, простоту и удобство специальных инструментов выделения в «Фотошопе», по мнению многих мастистых «фотошоперов», точнее и качественнее, чем с помощью инструмента «Перо» (Pen tool), способа нет.
По тщательно обрисованному пером контуру объекта стучат правой кнопкой мыши и выбирают команду «Образовать выделенную область» (Make Selection), затем в открывшемся диалоговом окошке задают радиус растушевки, ставят/убирают галочку в чекбоксе «Сглаживание» (Anti-aliasing) и нажимают OK. Все, выделение готово.
Автоматическое выделение объекта в «Фотошопе» сводится к растягиванию рамочки по контуру элемента, если он обладает прямоугольной или овальной формой, а в некоторых инструментах к щелчку (щелчкам) мыши внутри выделяемой области.
Прямоугольные и округлые выделения
Инструменты выделения прямоугольниками, эллипсами (окружностями) и узкими полосками (линиями) собраны на панели в группу с подсказкой «Прямоугольная область»(Rectangular Marquee Tool), куда, кроме названного, входят инструменты «Овальная область» (Elliptical Marquee Tool), «Область горизонтальная строка» (Single Row Marquee Tool) и «Область вертикальная строка» (Single Column Marquee Tool).
Чтобы сделать выделение, нужно щелкнуть, где надо, мышкой, растянуть рамочку нужных размеров и отпустить кнопку — выделение готово. Если тащить мышку с нажатой клавишей Shift, получится квадрат (или круг), а если с клавишей Alt, рамка станет растягиваться от центра фигуры, а не от угла или края.
Следующее очень полезное «если» связано с клавишей пробела, нажав которую в ходе выделения (не отпуская клавишу Shift), можно прервать процесс растягивания рамки и перемещать контур целиком, чтобы лучше «прицелиться», затем отпустить пробел и продолжить выделение.
И последнее «если» относится к курсору, который внутри выделенной области меняет свой вид, указывая, что контур теперь можно перемещать целиком.
Параметры настроек всех выделений на панели вверху одинаковы, за исключением овального выделения, для которого предусмотрен режим «Сглаживание» (Anti-aliased) для сглаживания переходов непрозрачности на краях.
Сложные контуры выделения
Разобравшись с тем, если контуры выделения имеют прямоугольную или овальную (круглую) форму, можно переходить к более интеллектуальным средствам выделения.
Для элементов со сложными контурами к вашим услугам предоставлена группа инструментов с подсказкой «Прямолинейное/Многоугольное лассо» (Polygonal Lasso Tool), куда, кроме означенного, входят инструменты Tool) и «Магнитное лассо» (Magnetic Lasso Tool).
Простое «Лассо» сродни карандашу. Нажав левую кнопку мыши, обводят (набрасывают лассо) нужную область (объект) и отпускают кнопку. Контур автоматически замкнется, где бы вы ни отпустили кнопку. Если контур не удался, можно, не отпуская кнопку, нажать клавишу Esc, убрав, таким образом, выделение, и «набросить лассо» еще раз.
Включив «Прямолинейное/Многоугольное лассо», вы обводите объект не плавной, непрерывной линией, а угловатым контуром, последовательно щелкая мышкой от точки к точке, между которыми протягиваются прямые линии. Для замыкания контура не обязательно совмещать начало с конечной точкой — достаточно приблизиться к ней настолько, чтобы рядом с курсором появился кружочек, намекающий на то, что можно смело щелкать — контур замкнется. Создать контур, не замыкая его полностью, можно и двойным щелчком мыши или с клавишей Ctrl.
Если линия пошла не туда, выручит клавиша Esc, но лучше пользоваться клавишей Delete, удаляющей последний отрезок контура. С нажатой по ходу выделения клавишей Alt оба лассо меняются ролями.
Если вам все равно, как вырезать объект в «Фотошопе», лишь бы выделение было более или менее качественным и, главное, быстрым, то, пожалуй, «Магнитное лассо» справится с этим наилучшим образом.
Мудрое «лассо с магнитом» само распознает линию максимального отличия в цвете, яркости или контрасте и «прилипает» к этой линии. От нас требуется лишь щелкнуть мышкой на границе объекта выделения и просто «уложить лассо» вокруг него, не заморачиваясь на деталях. В отличие от обычных лассо, магнитному «аркану» нужно задать ширину (width) зоны (полосы), которую он должен анализировать при определении границы выделяемого объекта. Контур магнитного инструмента замыкается так же, как у обычных лассо.
«Волшебные» инструменты
Еще одна «сладкая парочка» средств выделения, спрятанных под одной кнопкой на панели инструментов, включает инструменты «Волшебная палочка» (Magic Wand Tool) и «Быстрое выделение» (Quick Selection). Эти инструменты позволяют выделять на изображении области одного цвета или близких по тону красок.
В отличие от знакомого всем инструмента «Заливка» (ведерко с краской) с такими же настройками, не заливает участки другим цветом, а выделяет их. Повинуясь щелчку мыши в какой-нибудь точке, «Волшебная палочка» анализирует цвет вокруг нее и выделяет все смежные участки такого же цвета при условии, что в настройках инструмента выбран режим «Смежные пиксели» (Contiguous). В противном случае выделение распространится на все подходящие области по всему изображению.
Инструмент «Быстрое выделение» работает по такому же принципу, только здесь область выделения рисуют собственной кистью с настраиваемыми параметрами (размер, жесткость, интервалы, угол и форма).
Есть немало причин, по которым использование стандартных инструментов выделения в определенных ситуациях неуместно или нежелательно, поэтому желательно разобраться, как выделить объект в «Фотошопе» в таком капризном случае.
Для этого используют группу стирающих инструментов (ластиков), среди которых тоже есть «волшебники». Группа включает собственно «Ластик» (Eraser Tool), «Фоновый ластик» (Background Erser Tool) и «Волшебный ластик» (Magic Eraser Tool).
Суть выделения объектов с помощью ластиков очевидна и проста: вокруг выделяемого элемента все напрочь (или с плавным переходом) стирается, после чего извлечение объекта уже не составит особого труда.
«Ластик» работает, как кисть или карандаш, поэтому и настройки у них одинаковые. Принцип работы «Волшебного ластика» такой же, как у инструмента «Волшебная палочка», только ластик не создает выделение, а удаляет с рисунка или части его области одного цвета.
«Фоновый ластик» хоть и не волшебный, но если показать ему образец (кликнуть мышкой над удаляемой областью) и, удерживая кнопку, обвести контур объекта, он удалит именно то, что нужно, независимо от сложности границы, и даже великодушно позволит вам «нагло» залезать курсором-прицелом на объект.
В качестве альтернативного варианта выделения по цвету можно рассматривать команду «Цветовой диапазон» (Color Range) в меню «Выделение» (Select). По этой команде откроется окно параметров настроек этой функции с уменьшенной копией изображения в центре. Цвет, который должен быть выделен, указывают, щелкнув мышкой (пипеткой) на миниатюре или на самом изображении. Можно щелкать «до потери пульса», пока выбранный оттенок не устроит вас, причем, если кликать с клавишей Shift, новый цвет добавиться к ранее выделенным, а щелчок с клавишей Alt, напротив, исключает указанный оттенок из кандидатов на выделение (то же самое делают пипетки с +/-).
Для контроля над выделением многоцветной области нужно выбрать под миниатюрой радиокнопку «Выделенная область» (Selection).
Извлечение объекта из фона
С задачей отделения объекта от фона «Фотошоп» прекрасно справляется по команде «Извлечь» (Extract) в меню Эта команда переносит нас в отдельное диалоговое окно, достойное статуса мини-редактора выделений. От нас требуется выбрать слева вверху похожий на фломастер инструмент, задать толщину мазка и обвести объект, показывая таким образом программе, где пройдет граница между отделяемым элементом и фоном. Граница обязательно должна оказаться внутри нарисованной линии, окаймляющей объект. Замкнув контур, выбираем ведерко с краской (Fill Tool) и заливаем объект, щелкнув внутри (не снаружи!) нарисованного контура. Только после этого кнопка «OK» позволит нажать себя и убедиться в незаурядных способностях фильтра Extract.
Выделение с использованием цветовых каналов
Для выделения объектов с очень сложной конфигурацией иногда прибегают к помощи цветовых каналов, так как выделить объект в «Фотошопе», оказывается, можно не только стандартными способами.
Для этого в панели слоев переходят на вкладку «Каналы» (Channels) и выбирают наиболее контрастный (чаще всего это синий) канал. Затем дублируют слой выбранного канала, переходят в «Изображение» (Image) > «Коррекция» (Adjustments) > «Яркость»(Brightness)/»Контрастность» (Contrast) и усиливают оба параметра, предельно зачерняя объект и «отбеливая» фон. При необходимости можно внести уточнения черной или белой кистью.
Далее изображение инвертируют (Invert), выбрав эту команду в том же меню «Изображение» > «Коррекция». Теперь остается только щелкнуть с нажатой клавишей Ctrl по слою копии канала и, «закрыв ему глазик», вернуться на вкладку «Слои» в режим RGB, где вас уже заждалось аккуратное и точное выделение.
Выделение с помощью «Быстрой маски»
Можно выделить/вырезать объект и с помощью инструмента «Быстрая маска» (Quick selection tool), расположенного в самом низу панели инструментов. Область выделения здесь просто рисуют черным цветом (но у маски цвет красный) с помощью обычных кистей. Частичное выделение для растушевки его границ получается не только вариациями жесткости, непрозрачности и нажима кисти, но и закрашиванием различными оттенками серого цвета. В режиме маски можно применять и градиентную заливку «от черного к белому» или наоборот.
Нередко возникает потребность по каким-либо соображениям немного передвинуть объект на изображении. Такую операцию лучше проводить в условиях относительно однородного фона, чтобы легче было «залатать дыру» на старом месте смещенного фрагмента. Оказывается, есть программы, в которых это делается почти автоматически «без шума и пыли». Например, можно CS6 и «незаметно» перенести его в другое место с помощью инструмента «Перемещение с учётом содержимого» (Content-Aware Move Tool), который находится в группе инструментов «Точечная восстанавливающая кисть».
Для этого нужно выделить объект любым способом и просто передвинуть в нужное место, а уж программа позаботится о том, чтобы на фоне не осталось следов (во всяком случае, явных) прежнего места проживания «переселенца». Если получится грязновато, инструменту «Перемещение с учётом содержимого» можно помочь «замести следы», выбрав в меню «Редактирование» команду «Выполнить заливку» и указав в списке «Использовать» вариант «С учетом содержимого».
Уточняем края выделения
Начиная с версии CS5 в «Фотошопе» появляется мощный инструмент «Уточнить край» (Refine Edge), расположенный в числе прочих параметров на панели настроек всех инструментов выделения. С помощью этого инструмента можно установить ширину области обнаружения краев (настройка «Радиус» и функция «Умный радиус») и отрегулировать параметры смещения, сглаживания, растушевки и контрастности границ выделяемого объекта.
Как пользоваться пером в фотошопе?
В отличие от «Лассо», инструмент «Перо» не учитывает пиксели, находящиеся под ним, что дает полный контроль над выделением. Создавая постоянное выделение вместо временного. Перо позволяет вернуться и изменить его. Хотя использование и настройка пера в фотошопе отнимает больше времени, чем другие инструменты, когда дело доходит до аккуратного выделения, Перо сильнее. Рассмотрим, как эффективно использовать инструмент Перо в фотошопе
Инструмент «Перо» создает пути на изображении, соединяя множество точек. С точки зрения фотографов этот инструмент идеален, как способ вырезать разнообразные объекты.
После выбора пера на панели инструментов слева простой клик мышью ставит первую точку. Второй клик добавляет еще одну точку, соединяя ее с первой. Полное выделение пером в фотошопе создается добавлением точек вокруг объекта. Последний клик делают по первой точке, и линия замыкается.
Совет: Перо можно выбрать, если нажать английскую букву P на клавиатуре.
Но что делать с объектами, имеющими искривленный контур? Вместо того чтобы кликать по следующей точке, зажмите и протащите точку – это создаст кривую линию. Если тащить курсор мыши вверх и вниз, изменится высота кривой. Если тащить влево или вправо, изменится крутизна, от прямой до резко выгнутой.
Когда вы зажимаете и перетаскиваете точку, чтобы создать кривую, то появятся направляющие прямые линии. Когда вы будете тащить точку, они покажут направление и степень изгиба кривой. Чтобы создать гладкую кривую, оставьте направляющие точки примерно на 1/3 длины расстояния до следующей точки. Если длина будет слишком большой, кривая выгнется в другом направлении.
Продолжайте размещать точки вокруг объекта. Ставьте новую точку каждый раз, когда нужно изменить направление. Кликайте, чтобы получить прямые, зажимайте и тащите, чтобы получить кривые. Когда обойдете весь объект, замкните контур, щелкнув по первой точке.
Когда контур будет завершен, перейдите к панели «Контуры» (это вкладка на панели слоев) и переименуйте контур, чтобы сохранить его. Если не сделать этого, он пропадет, как только начнете создавать новый.
Преимущество пера заключается в том, что можно вернуться и изменить выделение. То есть, если вы пропустили участок, не нужно переделывать все выделение, как в случае с Лассо.
Прежде чем изменить контур, удостоверьтесь, что на панели «Контуры» выбран правильный. Если нужно переместить точку, чтобы поправить прямую или кривую линию, используйте инструмент «Выделение узла» – это белый, а не черный указатель мыши. Чтобы исправить прямую линию, кликните и перетащите ее точку на новое место. А чтобы изменить кривую, зажмите одну из направляющих точек или прямых линий, исходящих из этой кривой.
Чтобы переместить весь контур, вернитесь к инструменту «Указатель», но на этот раз используйте инструмент «Выделение контура». Зажмите и тащите линию, чтобы переместить весь контур.
Пока что мы создали невидимый контур на фото. Теперь нужно превратить его в выделение.
Вернемся к панели «Контуры». Кликните правой кнопкой мыши по созданному контуру и выберите пункт «Выделить область». Во всплывающем окне установите радиус растушевки или то насколько нужно сгладить край фигуры пером в фотошопе. Как обрезать объект, края которого не в фокусе? Воспользуйтесь пером, которое находится выше.
Контур превратится в пунктирную линию – вырезанный объект теперь выбран. Теперь можно скопировать выбранный участок и вставить его в другой файл или добавить маску. Для добавления маски выбранный объект должен быть подсвечен. Кликните по слою, на котором он находится, затем щелкните по значку «Добавить слой-маску» внизу панели «Слои». Она выглядит как прямоугольник с кружком внутри. Маска будет автоматически применена для выбранного слоя.
Если нужно вернуться и изменить контур после того, как вы применили выделение к слою, удостоверьтесь, что слой выделен. Затем вернитесь во вкладку «Контуры», чтобы выбрать контур для изменения.
Инструмент «Перо» позволят изменить любой выделенный участок. Хотя это не самый быстрый инструмент выбора из всех доступных, но по точности он превосходит все остальные. Поэтому стоит знать, как им пользоваться.
Пожалуйста, оставьте свои мнения по текущей теме материала. Мы очень благодарим вас за ваши комментарии, дизлайки, отклики, подписки, лайки!
Данная публикация является переводом статьи «How To Use The Pen Tool To Make Detailed Selections» , подготовленная редакцией проекта.
Рисуем по контуру / Creativo.one
В этой статье Вы узнаете, как рисовать кистью на основе созданных контуров.
Для начала создаем документ, я не использовала заливку или градиент, так как это вы сможете сделать сами (я надеюсь).
Далее, мы выбираем инструмент Кисть (Brush) и задаем необходимые параметры. Для наглядности я взяла кисть большого радиуса и зеленого цвета.
С помощью инструмента Перо (Pen) создаем линию. После чего, нажатием правой кнопкой мыши вызываем дополнительное меню, где выбираем «Выполнить обводку контуром» (Stroke Path).
Для более глубокого понимания инструмент перо, это не рисунок, а если мы линию обведем кистью – это фактически эквивалентно нарисованной кистью линии. Просто нарисовать красивую линию сразу кистью достаточно тяжело, именно поэтому мы задействовали перо. Итак, меню обводка контуром.
Теперь выбираем Кисть, т.е. то, чем мы хотим обвести нашу линию.
Галочка «Имитировать нажим» (Simulate pressure) отвечает за толщину линии. Если вы выберите эту опцию, то с моими параметрами кисти линия вначале будет более тонкой, потом к середине утолщается, и к концу опять утончается. Если же не использовать эту опцию, то линия будет одной толщины, равной диаметру заданной ранее кисти.
Итак, вот что у меня получилось. Так как, сама кривая, созданная пером, нам больше будет не нужна, мы ее удалим – нажимаем правой кнопкой мыши, вызываем дополнительное меню, где выбираем «Удалить контур» (Delete pass).
Напоследок мы можем создать из получившегося рисунка кисть. Зажимая клавишу Ctrl, кликаем по слою в панели слоев, таким образом, загружаем выделение.
Далее заходим в меню Редактирование – Определить кисть (Edit – Define brush).
До встречи в следующем уроке!
Источник: www.photoshop-master.ru
Как вырезать объект в фотошопе с волосами
Рано или поздно каждый пользователь, осваивающий работу в графическом редакторе, начинает интересоваться, как вырезать волосы в «Фотошопе». Разберемся с наиболее эффективными способами вырезания объектов со сложными контурами.
Уточняем край
Вообще, если быть точными, проблема состоит не в том, как в «Фотошопе» вырезать волосы (это элементарно), а в том, как их выделить с максимальной детальностью и точностью. Первенство здесь, пожалуй, принадлежит инструменту «Уточнить край».
Эта незаурядная функция (Refine Edge) пополнила арсенал инструментов «Фотошопа» начиная с версии CS5 и пристроилась справа вверху на панели настройки инструментов.
С помощью функции «Уточнить край» можно это сделать с любым выделением, независимо от его происхождения. Следуя общепринятому убеждению, что популярный графический редактор с каждой новой версией становится совершеннее, продемонстрируем умение этого инструмента вырезать волосы в «Фотошопе CS6».
Для начала выделим объект любым подходящим для конкретного изображения способом, например, с помощью функции «Быстрое выделение». Затем, нажав кнопку «Уточнить край», перейдем в одноименное диалоговое окно с настройками параметров контура выделения.
Прежде всего, нужно выбрать «Режим просмотра» (View mode), указав предпочтительный для вас вариант отображения границы между объектом и фоном. Здесь нам предлагаются «Марширующие муравьи» (Marching Ants), «Перекрытие» (Overlay), «На черном» (On Black), «На белом» (On White), «Черно-белое» (Black & White), «На слоях» (On Layers) и «Показать слой» (Reveal Layer). Выбор режима просмотра – сугубо личное дело пользователя, но, поскольку нас интересует, как в «Фотошопе» вырезать волосы, удобнее работать в режиме «Черно-белое».
Для обнаружения краев (Edge Detection) предусмотрены две настройки. Если поставить галочку в чекбоксе «Умный радиус» (Smart Radius), программа определит характер выделения (резкое или мягкое) и сразу подкорректирует его. В нашем случае с волосами рекомендуют использовать эту функцию.
Настройка «Радиус» (Radius) определяет размер области уточнения, то есть ширину (в пикселях) зоны влияния инструмента. Радиус будет зависеть от детальности контура и разрешения изображения.
Далее следует группа настроек края (Adjust Edge). Функция «Сгладить» (Smooth) вряд ли нуждается в комментариях, тем более что в нашем случае она неуместна. Растушевка (Feather) смягчает контур, но это нам тоже ни к чему, а вот настройки «Контрастность» (Contrast) и «Сместить край» (Shift Edge) могут быть очень кстати.
Собственно, уточняющие край функции поручены двум инструментам, спрятанным за иконкой с кисточкой в диалоговом окне и показанным слева вверху в главном окне нашего документа. Эти инструменты расширяют область обнаружения краев.
Если надо детализировать какой-нибудь участок выделения (а для волос это потребуется), берем кисточку «Уточнить край» (Refine radius tool) и, задав необходимый радиус в главном окне слева вверху, проводим вдоль проблемного отрезка контура. Особой точности здесь не требуется, программа сама разберется, что к чему. Если же нужно упростить излишне детализированные фрагменты, используют инструмент «Стереть уточнение» (ластик).
В выпадающем списке окошка «Вывод в» (Output To) предлагается несколько вариантов представления результата, где можно выбрать «Выделение» (Selection), «Слой-маска» (Layer Mask), «Новый слой» (New Layer), «Новый слой со слоем-маской» (New Layer with Layer Mask), «Новый документ» (New Document) и «Новый документ со слоем-маской» (New Document with Layer Mask). Если, увлекшись уточнением краев, вы не забыли, что нас интересует, как в «Фотошопе» вырезать волосы, то, конечно, выберите вариант вывода «Выделение», прежде чем нажать OK.
Вот теперь, когда остается только нажать кнопку Delete, чтобы навсегда разлучить объект с родным фоном, самое время обратить внимание на функцию «Очистить цвета» (Decontaminate Color). Этот инструмент применяется (выбирается), если, положив вырезанный объект на новый фон, вы обнаружите бахрому из остатков цветных пикселей вокруг краев выделения. В этом случае «Фотошоп» изо всех сил постарается заменить цвет выделенных пикселей цветом соседних точек, независимо от того, были ли они выделены. Ползунком «Эффект» (Amount) регулируется количество краевых пикселей, которые надлежит «перекрасить».
Используем цветовые каналы
Возможно, кому-нибудь будет полезно узнать, как в «Фотошопе» вырезать волосы, не прибегая к помощи штатных инструментов выделения. Есть такой способ, и зачастую он как раз предпочтителен для использования по отношению к таким сложным объектам, как волосы. Речь идет о цветовых каналах изображения, которые можно увидеть на вкладке «Каналы» (Channels) панели слоев.
Суть метода выделения заключается в определении, обработке и выделении наиболее контрастного по отношению к выделяемому объекту канала, которым чаще всего оказывается синий канал, тем более если объектами являются волосы, мех, шерсть и проч.
Выбрав канал, создают его копию, затем, используя одну из функций коррекции яркости и контрастности, добиваются максимального зачернения объекта на осветленном в свою очередь фоне, чтобы проявить как можно больше деталей (волос) в контуре выделяемого объекта. Для этого в зависимости от характера конкретного изображения можно использовать коррекцию яркости/контраста, настройки «Уровень» или «Кривые», но во многих случаях очень хорошие результаты получаются с корректирующим слоем «Микширование каналов» (Channel Mixer).
Понятно, что в диалоговом окне свойств коррекции Channel Mixer предельное затемнение объекта на осветленном фоне достигается регулировкой ползунков красного, зеленого и синего цветов, но для этого нужно не забыть поставить галочку в чекбоксе «Монохромный».
Получив желаемый результат, выделяем (Ctrl + A) изображение и в меню «Редактирование» выбираем команду «Скопировать совмещенные данные» (Shift + Ctrl + C). Далее возвращаемся на вкладку «Каналы» и создаем новый альфа-канал (сохраняем выделенную область в новом канале).
Теперь выделяем (Ctrl + A) сохраненное выделение, вставляем (Ctrl + V) содержимое буфера обмена (у нас с собою было), снимаем выделение (Ctrl + D) и, перейдя в «Изображение > Коррекция», выбираем команду «Уровни». Здесь мы снова трудимся над усилением контраста, затем, если понадобится, подчищаем рисунок, убирая лишнее с помощью черной и белой кистей.
Затем, нажав клавишу Ctrl, щелкаем по миниатюре альфа-канала (выделится все белое), переходим на вкладку «Слои», отправляем в корзину корректирующий слой «Микширование каналов» и, наконец, жмем беспощадную клавишу Delete, удаляя таким образом фон.
Под изолированный объект при необходимости можно подкладывать различные фоны, чтобы откорректировать контур, используя функции команды «Обработка слоев» в меню «Слои».
Извлекаем объект
В случае если вам все равно, как в «Фотошопе» вырезать волосы, когда нужно выделять быстро, много и с приемлемым качеством, программой предусмотрена команда «Извлечь» (Extract) в меню «Фильтр» (Filter). По этой команде открывается большое диалоговое окно (почти мини-редактор) с инструментами создания контура и настройками его параметров.
Главный инструмент здесь (потому и расположен слева сверху), напоминающий фломастер, называется Edge Highlighter (выделитель краев). Задав в зависимости от конкретных условий толщину мазка (Brush Size), этим «фломастером» обводят объект, обязательно замкнув контур. Обвести нужно так, чтобы интересующая нас граница со всеми своими кудрями, локонами или прядями оказалась внутри этой жирной каймы. Можно подправить линию ластиком (Eraser Tool), придвинуть/отодвинуть ее поближе/подальше (Ctrl +/-) и даже отменить команду (Ctrl + Z).
Если выбрать режим Smart Highlighting (хитрое и умное выделение), программа поведет себя более интеллектуально, определив границу значительно точнее, что проявится в тонкости линии при обводке «фломастером».
Теперь «Фотошопу» нужно указать, что подлежит удалению, а что должно остаться. Для этого берем ведро с краской (Fill Tool) и «выливаем» ее на объект, щелкнув внутри контура, а если промажем, удалим в итоге сам объект. Подтверждая свою решимость завершить процедуру, нажимаем OK и любуемся результатом.
Используем маску
Для оперативного выделения и вырезания объектов (в том числе и волос) из фоновой основы часто используют Quick selection tool (быстрая маска), иконка которой расположена в самом низу панели инструментов. Выделяемую область на изображении в режиме быстрой маски рисуют черной кистью, регулируя ее размер, жесткость, непрозрачность и силу нажима. При желании можно обрисовать прическу вплоть до волоска, но для этого нужно невероятное терпение, поэтому обычно здесь создают приблизительное выделение, перейдя в обычный режим повторным нажатием кнопки «Быстрая маска», а затем детализируют его с помощью инструмента «Уточнить край».
Орудуем пером и пальцем
Мы узнали, как вырезать в «Фотошопе» волосы. Теперь не помешает научиться их наращивать, потому что обе эти задачи, несмотря на противоположность, могут быть взаимосвязаны.
Некоторые «фотошоперы», работая с прическами, предпочитают оконтуривать объекты, не вдаваясь в детали профиля, с помощью инструмента «Перо» (Pen Tool), а затем «Пальцем» (Smudge Tool) восстанавливают исходный контур вплоть до волоска (если в этом есть смысл). Желательно, чтобы в волосах, включенных в контур выделения, не просвечивался фон.
Оконтурив и создав выделение (щелчок правой кнопкой по контуру > команда «Образовать выделенную область»), копируют его на новый слой (Ctrl + J), уменьшают непрозрачность исходного изображения, чтобы использовать его в качестве трафарета, и, выбрав «Палец», восстанавливают на дубликате оригинальный профиль, манипулируя размером и жесткостью кистей.
Набив руку в использовании «Пальца», можно справиться с такой лохматой головой, при работе с которой и специальным программам-экстракторам «мало не покажется».
Выделение и последующее вырезание сложных объектов, таких как волосы, ветки деревьев, трава и прочих – нетривиальная задача даже для матерых фотошоперов. Каждое изображение требует индивидуального подхода, и не всегда получается качественно выполнить данную процедуру.
Рассмотрим один из распространенных способов выделения волос в Фотошопе.
Выделение волос
Именно волосы являются наиболее трудным для вырезания объектом, так как имеют множество мелких деталей. Наша задача состоит в том, чтобы максимально их сохранить, при этом избавившись от фона.
Исходный снимок для урока:
Работа с каналами
- Переходим на вкладку «Каналы», которая находится в верхней части панели слоев.
На этой вкладке нам понадобится зеленый канал, по которому необходимо кликнуть. С других автоматически снимется видимость, а изображение обесцветится.
Создаем копию, для чего перетягиваем канал на значок нового слоя.
Палитра теперь выглядит вот так:
Далее нам необходимо добиться максимальной контрастности волос. В этом нам помогут «Уровни», вызвать которые можно, нажав сочетание клавиш CTRL+L. Работая ползунками под гистограммой, добиваемся нужного результата. Особое внимание стоит обратить на то, чтобы как можно больше мелких волос остались черными.
Нажимаем ОК и продолжаем. Нам понадобится кисть.
Включаем видимость канала RGB, нажав на пустой квадратик рядом с ним. Обратите внимание на то, как изменится фотография.
Здесь нам необходимо выполнить ряд действий. Во-первых, удалить красную зону в левом верхнем углу (в зеленом канале она черная). Во-вторых, добавить красную маску в тех местах, где не нужно удалять изображение.
Кисть у нас в руках, меняем основной цвет на белый
и закрашиваем область, о которой говорили выше.
Меняем цвет на черный и проходимся по тем местам, которые должны сохраниться на конечной картинке. Это лицо модели, одежда.
Далее следует очень важный шаг. Необходимо снизить непрозрачность кисти до 50%.
Однократно (не отпуская кнопку мыши) красим весь контур, уделяя особое внимание тем зонам, на которых находятся мелкие волоски, не попавшие в красную область.
Снимаем видимость с канала RGB.
Инвертируем зеленый канал, нажав сочетание клавиш CTRL+I на клавиатуре.
Зажимаем CTRL и кликаем по копии зеленого канала. В результате получаем вот такое выделение:
Снова включаем видимость RGB, а копию отключаем.
Переходим в слои. На этом работа с каналами завершена.
Уточнение выделения
На этом этапе нам нужно очень точно подогнать выделенную область для максимально четкой прорисовки волос.
- Выбираем любой из инструментов, при помощи которых создается выделение.
В Фотошопе существует «умная» функция для уточнения края выделения. Кнопка для ее вызова находится на верхней панели параметров.
Для удобства работы настроим вид просмотра «На белом».
Затем немного увеличим контрастность. Достаточно будет 10 единиц.
Теперь ставим галочку напротив пункта «Очистить цвета» и снижаем степень воздействия до 30%. Следим, чтобы был активирован значок, указанный на скриншоте.
Меняя размер инструмента квадратными скобками, обрабатываем полупрозрачную область вокруг модели, в том числе и контур, и все волосы. Не стоит обращать внимание на то, что некоторые участки станут прозрачными.
В блоке «Вывод» выбираем «Новый слой со слоем-маской» и жмем OK.
Получаем следующий результат работы функции:
Доработка маски
Как можно видеть, на нашем изображении появились прозрачные участки, которые таковыми быть не должны. Например, вот этот:
Это устраняется при помощи редактирования маски, которую мы получили на предыдущем этапе обработки.
- Создаем новый слой, заливаем его белым цветом и помещаем под нашу модель.
Переходим на маску и активируем «Кисть». Кисть должна быть мягкая, непрозрачность у нас уже настроена (50%).
Цвет кисти белый.
3. Аккуратно закрашиваем прозрачные участки.
На этом выделение волос в Фотошопе мы закончили. Используя данный метод, при достаточной усидчивости и скрупулезности, можно добиться очень даже приемлемого результата.
Способ также отлично подходит для выделения других сложных объектов.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Вырезание объекта — одна из базовых процедур, необходимых во многих Photoshop-макетах. Я уже рассказывал о лучших методах выделения объектов для различных ситуаций в видео под названием «How To Cut Anything Out in Photoshop» , но вырезание волос остается самой сложной задачей, особенно на темном или детализированном фоне, когда нет значительного контраста между кусочком, который вы хотите вырезать и той областью, которую надо оставить. В сегодняшнем уроке я покажу вам продвинутые техники вырезания волос на примере реальных жизненных сценариев, когда объект снят не на ровном студийном фоне.
Вырезание коротких волос и мехаЕсли у вас есть объект с шерстью или относительно короткими волосами, которые контрастируют с фоном, как на фото Айо Огансейнде, надежный инструмент для обтравки — это Выделение и маска (Select and Mask). Начните оконтуривание с помощью инструмента Быстрого выделения (Quick Selection). Следуйте контуру объекта максимально точно, чтобы маску можно было привязать к границам.
Корректируйте любые ошибки, удерживая клавишу ALT и добавляя пропущенные кусочки с помощью инструмента Быстрого выделения (Quick Selection). Если для Быстрого выделения недостаточно контраста, воспользуйтесь инструментом Прямолинейное Лассо (Polygonal Lasso).
Сделайте из выделенной области Слой-маску (Layer Mask), затем щелкните правой кнопкой мыши по миниатюре маски и нажмите Выделение и маска (Select and Mask), чтобы открыть дополнительные параметры улучшения обтравки.
Как и различные ползунки, которые позволяют вам точнее настроить контур, кисть Точный Край идеально подходит для совершенствования стрижки. Закрасьте контур волос, чтобы сделать более аккуратную обтравку.
Длинные волосы состоят из такого количества тонких прядей, что невозможно выделить их все, но пока объект находится на ровном фоне, метод Каналов (Channels) будет давать отличные результаты.
На панели Каналы (Channels) найдите канал с максимальным контрастом. В данном примере «Счастливый парень в очках» с Shutterstock, волосы наиболее темные в Голубом канале. Создайте дубликат канала, перетащив его на значок «Новый» (‘New’).
Используйте инструмент Уровни (Levels) или Кривые (Curves) в меню Изображение > Коррекция (Image > Adjustments), чтобы сделать фон чисто белым. Тени можете обтравить, чтобы затемнить волосы, но не заходите слишком далеко, иначе останется белый край по контуру выделения волос.
Чтобы маска произвела полное выделение, надо создать силуэт объекта. Выберите инструмент Затемнитель (Burn) и переключите диапазон на Тени (Shadows) в верхней панели инструментов. Обрисуйте объект, чтобы безопасно затемнить границы лица и тела без необходимости точно обводить контур.
Оставшуюся часть объекта можно быстро закрасить черной кистью, чтобы сделать черно-белую маску.
Удерживайте клавишу CMD (или CTRL на Windows), нажимая на новую миниатюру канала, чтобы загрузить выделение. Активируйте канал RGB, чтобы вернуть цвет изображению и скопировать/вставить его на новый слой или применить слой-маску.
Вырезание волос на детализированном фонеВ реальном мире исходники не всегда снимаются на идеальном студийном фоне. Всё усложняется, когда между объектом и фоном отсутствует контраст. На этом фото, сделанном Анной-Марией Ничита, пятнистые цвета не позволяют найти канал выделения или края с помощью инструмента выделения.
Используйте инструмент Перо (Pen) или Прямолинейное Лассо (Polygonal Lasso), чтобы обвести объект вручную. Дойдя до волос, просто сделайте грубое выделение основной их части. Выполнив выделение, скопируйте/вставьте на новый слой.
Вместо того, чтобы пытаться выудить волосы из оригинальной фотографии, просто дорисуйте новые! Выберите инструмент Палец (Smudge) и в настройках кисти задайте необходимые параметры размера, жесткости и формы.
Установите непрозрачность исходного слоя примерно на 70% в качестве эталона для того места, где нужно добавить волосы, затем начните рисовать новые пряди в соответствующих направлениях. Начните с размера кисти около 4px, затем постепенно уменьшайте размер, чтобы добавить более тонкие пряди. Кажется, что это очень утомительный процесс, но он не займет много времени, особенно если у вас есть графический планшет.
Вырезание длинных волос на детализированном фонеЧем длиннее волосы, тем сложнее дорисовывать их вручную. В таких случаях можно добиться приличного результата с помощью набора кистей фотошопа «Волосы».
Выполните выделение объекта так аккуратно, как только возможно, и примените слой-маску. Используйте мягкую кисть, чтобы приглушить области, где волосы встречаются с фоном.
Вместо дорисовывания отдельных прядей можно создать совершенно новый контур локонов и кудрей при помощи серии кистей Photoshop. У Ivadesign есть целых три набора кистей волос , которые можно скачать бесплатно.
Каждую кисть можно калибровать по размеру [и] с помощью клавиш и поворачивать, регулируя угол на панели Настройки Кисти. Используйте также опцию Flip X, чтобы рисовать по направлению естественного роста волос.
Создайте новый слой, затем выберите пипетку и возьмите образец цвета оригинальных волос рядом с той областью, где будете применять кисть.
Один раз кликните кистью и найдите альтернативную прядь волос для применения в другой части контура. Измените выбор цвета, сориентируйте кисть, а затем сделайте мазок варианта прядей.
Измените режим смешивания слоя волос на Цветовой тон (Hue), чтобы оригинальный объект оставался видимым. Продолжайте добавлять новые волосы для создания совершенно нового контура.
Как только создадите контур, примените слой-маску и сотрите окрашенные области с лица объекта с помощью обычной черной кисти.
Вырезание других стилей волосPhotoshop-кисти с длинными гладкими локонами подходят не для всех типов, но можно использовать ту же технику для других стилей причёсок. Надо просто найти еще один портрет человека с похожей текстурой волоса, чтобы вырезать пряди на ровном фоне. Тогда можно будет создать новые кисти из донорского изображения.
Нарисуйте контур вокруг объекта с помощью инструмента Перо (Pen), грубо обведите волосы и примените слой-маску.
На этом фото «Красивого Афро Бизнесмена» с Shutterstock запечатлена прическа, похожая на ту, которую можно выделить с помощью метода Каналов (Channels).
Обрежьте холст, чтобы он содержал силуэт волос, затем перейдите в Редактирование > Определить кисть (Edit > Define Brush).
Вернитесь в основной документ, создайте новый слой и начните рисовать новый контур волос, не забыв набрать пипеткой образец цвета с оригинальной фотографии.
Переключите новый слой волос в режим Цветовой фон (Hue) так, чтобы объект оставался видимым. Кисть также можно использовать для стирания жесткого контура с первоначальной обтравки. Жесткие кудри смешаются с новым контуром.
Поменяйте цвет на белый и закрасьте плечи и тело, чтобы восстановить участки, которые были удалены.
Примените слой-маску на новом слое волос и сотрите те части, которые накладываются на лицо, чтобы избежать пятен.
контуров изображений в Photoshop | Добавление белых контуров к изображениям
Вы видите их все время. Эти потрясающе выглядящие эскизы YouTube с белыми контурами вокруг изображений без фона. Мне нравится, как они выглядят. Если вы это читаете, вы, вероятно, тоже читаете.
Казалось, это будет легко сделать. Это было не так просто, как я ожидал. После быстрого поиска в Google я понял, что на самом деле это было немного сложнее, чем казалось на первый взгляд.
Я написал это сообщение в блоге, потому что хотел максимально упростить его для вас.
Сейчас хорошее время, чтобы сказать вам, что для этого урока вам нужно будет купить фотошоп … Я не нашел бесплатной альтернативы, которая может делать белые контуры вокруг изображений, как я собираюсь вам показать .
Вот как добавить контуры вокруг изображений в фотошопе.
Удаление фона намного проще, если у вас есть сильный контраст между фоном (что вы хотите удалить) и передним планом (часть, которую вы хотите сохранить). Сейчас я использую зеленый экран для большинства своих изображений.Если у вас нет зеленого экрана, попробуйте создать сильный контрастный фон, цвета которого не похожи на цвет переднего плана.
Шаг № 1 Откройте изображение, которое вы хотите использовать в Photoshop.
Откройте Photoshop, выберите «Открыть», а затем выберите изображение, с которым вы хотите работать.
Вы также можете создать новый файл и перетащить изображение на фон, но я предпочитаю открывать изображение, поскольку оно не требует удаления нескольких фоновых слоев (вы удалите только один).
Шаг № 2 Выберите передний план из фона
После того, как вы начали свой проект, вы будете использовать инструмент быстрого выбора, чтобы выбрать область, которую вы хотите изолировать.
Если у вас четко очерченный фон, это довольно просто. В противном случае вам придется немного потрудиться, чтобы передний план был вырезан из фона.
Если части вашего изображения не идентифицируются должным образом с помощью инструмента быстрого выбора, вам придется использовать функцию + и -, чтобы выбрать части, которые должны и не должны быть включены в передний план.
Функция масштабирования — ваш лучший помощник при точной настройке изображений. Если вы оставите слишком много шероховатостей, это будет выглядеть очень странно. Увеличьте изображение как можно ближе и убедитесь, что удалили задний план и держите передний план как можно ближе.
Я не зацикливаюсь на мелочах и часто обрезаю изображение дальше, чтобы не делать слишком много редактирования 🙂
Эта часть может потребовать некоторой практики. Если на вашем изображении нет сильных теней и других контрастов, у вас не должно возникнуть особых проблем с использованием только быстрого выбора.
Шаг № 3 Скопируйте и вставьте передний план
После того, как вы выбрали свой передний план, вам нужно «перенести его вперед, скопировав и вставив снова в качестве собственного слоя.
На Mac, используйте CMD + C, а затем CMD + V.
На ПК используйте CTRL + C, а затем CTRL + V
Это «отделит» выбранную вами часть от фона и теперь будет отображаться как собственная
Step # 4 Удалите исходный слой
Теперь у вас должно быть 2 слоя, если вы открыли изображение напрямую, и 3, если вы вставили изображение в новый проект.
- Исходное изображение
- Изображение переднего плана, которое вы выбрали (часть, которую вы хотите сохранить)
- Исходный фон (только если вы перетащили файл).
Удалите исходное изображение и исходный пустой фон (если применимо).
У вас останется только выбранный передний план с прозрачным фоном.
Шаг № 5 Выберите «Параметры наложения» на слое переднего плана
Теперь, когда у вас есть только один слой, щелкните его правой кнопкой мыши и выберите «Параметры наложения»
Шаг № 6 Выберите «Обводка»
В параметрах наложения выберите «обводка».»Как только вы это сделаете, вы должны увидеть контур вокруг вашего изображения.
Вы можете отредактировать способ его внешнего вида (ширину, цвет и т. Д.) В параметрах наложения.
Как только вы это сделаете один раз, вы можете использовать то же самое обводка по умолчанию для будущей работы.
Шаг № 7 Загрузите готовое изображение
После добавления обводки и удаления фона вы можете экспортировать файл как файл .png и использовать его в других инструментах, таких как Canva или RelayThat, чтобы закончить эскиз.
Если вы хотите использовать фотошоп для всего, дерзайте! Я предпочитаю Canva.
Вот конечный продукт, который я только что сделал (в Canva, следуя шагам, которые я только что показал).
Хорошо, ваша очередь! Сделайте несколько эскизов!
- Adobe Photoshop (20 долларов в месяц / доступна бесплатная пробная версия) — это платное программное обеспечение, которое я использовал в этом руководстве. Я не знаю никаких бесплатных альтернатив, которые позволили бы вам добавить белые контуры, но я рекомендую вам поискать, если хотите, и, пожалуйста, оставьте комментарий, если вы что-то найдете!
- Зеленый экран Elgato (149 долларов) — один из зеленых экранов, которые я использую, чтобы легко удалить фон.Этот складной, но все же довольно большой.
- Canva (бесплатно) — веб-инструмент, который я использую для создания эскизов (после добавления белых контуров и удаления фона в фотошопе).
Как очертить изображение в Photoshop
Одним из лучших аспектов Photoshop является его универсальность. Широкий набор функций программы означает, что вы можете добиться множества потрясающих эффектов. Из всего этого можно создать один из самых модных, но простых эффектов, добавив цветные штрихи вокруг объекта на изображении.
Самое лучшее в этой технике — то, что вы можете использовать ее во многих различных сценариях. Эффект также легко настраивается, поскольку вы можете каждый раз выбирать другой цвет или размер для контура. И, кроме того, вы можете завершить весь процесс всего за несколько минут!
На этом этапе я уверен, что вы отчаянно пытаетесь понять, как добиться такого эффекта. Итак, мы предоставим краткое описание процесса, а затем сразу перейдем к делу. Но сначала, если вы хотите узнать, как можно работать с контурами в Photoshop, не добавляя контуры к изображению, а преобразовывая контуры изображения в формы по трафарету, а затем ознакомьтесь с нашей статьей о том, как сделать трафарет из изображения в Photoshop.
Чтобы добавить творческий эффект контура к вашим изображениям в Photoshop, все, что вам нужно сделать, это выбрать элемент, вокруг которого вы хотите добавить контур, продублировать выбранную область, затем дважды щелкнуть новый слой. в окне слоев и добавьте обводку в открывшемся меню.
Как добавить границу вокруг всей фотографииПрежде чем мы рассмотрим, как вы можете добавить контур вокруг определенной области изображения, давайте посмотрим, как очертить все изображение, по сути, добавив границу вокруг него.
1: Перейдите в
Файл> Открыть , чтобы открыть изображениеКонечно, вам нужно будет начать с открытия изображения, вокруг которого вы хотите добавить границу. Чтобы открыть изображение в Photoshop, просто запустите программу, затем выберите File> Open в верхнем левом углу экрана.
Для этого урока мы собираемся добавить контур вокруг фотографии Олега Прачука из Pexels .
2: дважды щелкните слой, чтобы открыть окно стилей слоя
Теперь, когда изображение открыто в Photoshop, обратите внимание на окно слоев , которое по умолчанию будет расположено в правом нижнем углу. экрана.
Здесь вы должны увидеть только один слой. Это потому, что наше изображение было открыто как один сплющенный файл. Дважды щелкните этот слой в Layers Window , и вы должны заметить, что открылось новое окно под названием Layer Styles .
Если это не сработало, убедитесь, что вы щелкнули значок замка справа от заголовка слоя в окне слоев , затем повторите попытку, так как слой необходимо преобразовать в обычный, а не в обычный. фоновый слой.
3: Добавьте обводку и отредактируйте ее свойства
В открывшемся окне мы теперь собираемся щелкнуть заголовок Stroke из списка в левой части поля.
Это приведет вас в новый раздел диалогового окна, где вы можете установить свойства штриха, чтобы изменить его внешний вид. Во-первых, давайте установим Position на Inside .
Это скажет Photoshop добавить обводку внутри выбранного слоя: в случае обводки всего изображения обводка будет добавлена внутри холста, а не за пределами ограничений документа, где она будет невидимой. .
На этом этапе вы можете выбрать режим наложения и значение непрозрачности обводки. Различные режимы наложения создают разные визуальные эффекты, а более высокая непрозрачность (ближе к 100%) сделает обводку более заметной.
Теперь установим тип заливки . В раскрывающемся меню рядом с заголовком вы можете выбрать Color, Gradient, или Pattern.
Выбор градиентной заливки позволит вам заполнить контур разными цветами, которые постепенно переходят друг в друга.Установка типа заливки на узор позволяет заполнить обводку различными текстурами и предварительно заданными узорами из программы.
В этом примере мы выберем наиболее часто используемый вариант: цвет. Использование этого параметра позволит вам добавить к изображению сплошной цветной контур по вашему выбору.
Выбрав Color из раскрывающегося меню, переключите внимание на область под полем, где вы можете выбрать цвет штриха. Все, что вам нужно сделать, это щелкнуть по цветному прямоугольнику и выбрать цвет из появившейся палитры.
Выбрав цвет или альтернативный тип заливки, вы можете вернуться в раздел, где вы можете изменить другие свойства обводки. Здесь отредактируйте размер контура с помощью ползунка, чтобы определить, какой ширины вы хотите, чтобы граница была.
Когда вы будете довольны, вы можете просто нажать кнопку OK ! И вы должны увидеть, что вы добавили рамку вокруг изображения!
Как очертить только один фрагмент изображенияЕсли вы предпочитаете добавить контур вокруг одного элемента в изображении, вам нужно будет выполнить несколько иной процесс.Но не волнуйтесь: техника по-прежнему очень проста.
В этой части урока мы будем использовать фотографию Анны Швец из Pexels .
1: Выберите инструмент
Object Selection ToolОткрыв изображение в Photoshop, мы можем начать выбирать область, которую хотим выделить. Теперь в программе есть множество инструментов выбора, которые подходят для разных сценариев. Если вы, как и мы, просто хотите добавить контур вокруг объекта изображения, и объект четко отделен от остальной части фотографии определенной границей, то инструмент Object Selection Tool будет самым быстрым в использовании. .
Если, однако, вы предпочитаете использовать другой инструмент, тогда в большинстве случаев подходит Quick Selection Tool , а также Magic Wand Tool , если область состоит из одного цвета. .
Чтобы активировать инструмент выбора объекта , щелкните значок, показанный ниже, на панели инструментов в левой части экрана.
2: Измените настройки инструмента на панели в верхней части экрана
После выбора инструмента вы увидите, что в верхней части экрана появится новая панель, на которой вы можете редактировать свойства инструмента выбора.
Здесь отметьте Auto-Enhance и Object Subtract.
Затем мы собираемся установить Mode на Rectangle.
3: Сделайте выделение вокруг вашего объекта
В этом режиме вы можете просто нарисовать прямоугольник вокруг общей области, содержащей объект, который вы хотите выбрать. Для этого щелкните холст, чтобы отметить положение, в котором вы хотите разместить любой угол поля, затем вытяните прямоугольную форму.Убедитесь, что желаемый элемент целиком находится в пределах поля выбора.
Отпустите кнопку мыши, когда вы будете довольны прямоугольным выделением, и вы должны заметить, что Photoshop автоматически делает осознанный выбор элемента, содержащегося в поле! Довольно круто, правда?
4: Дублируйте слой с активным выделением
Теперь, когда мы успешно сделали выделение области, которую хотим очертить, нам просто нужно изолировать элемент, чтобы он находился на независимом слое.
Для этого продублируем выделенную область. При активном выделении нажмите Ctrl + J [Win] / Cmd + J [Mac], чтобы продублировать область слоя, ограниченную выделением. Вы увидите, что это создает новый слой в Layers Window , который содержит только выбранный элемент, который мы хотим выделить.
5: Добавьте обводку к новому слою и задайте его свойства
Затем все, что вам нужно сделать, это открыть окно стилей слоя , дважды щелкнув вновь созданный слой в окне слоев .
Как и раньше, мы будем работать в этом окне, чтобы добавить обводку к слою. Итак, повторите те же шаги, что и мы, чтобы добавить обводку вокруг всего изображения: щелкните подменю Stroke , выберите Fill Type , Color , значение для непрозрачности , и Size. для хода.
Единственное, что мы сделаем иначе, это установим Position на Outside на этот раз, а не на Inside .
Когда вы будете довольны всеми настройками, нажмите OK , чтобы подтвердить изменения, и когда окно закроется, вы увидите, что вокруг выбранной области была добавлена цветная линия!
6 (Необязательно): Добавьте дополнительный контур вокруг слоя
Если вы хотите усилить эффект, вы можете добавить больше контуров разных цветов вокруг одного и того же объекта! Сделать это довольно просто. Начните с открытия окна стилей слоя снова, дважды щелкнув слой.
В открывшемся в результате окне щелкните значок плюса рядом с заголовком Stroke из списка в левой части диалогового окна.
Это добавит еще одну обводку к тому же слою. Все, что вам нужно сделать сейчас, это зайти в настройки этого нового штриха и отредактировать его цвет, чтобы он отличался от другого. Сделайте размер больше, чем другой штрих, чтобы он был виден.
Тогда просто продолжайте повторять процесс, пока не будете довольны результатом!
Итак, это все, что вам нужно знать о том, как добавить контур вокруг всего изображения или только одного элемента изображения! Хотите увидеть более наглядную демонстрацию процесса? Тогда посмотрите это видео от CreativeSalek, которое дает четкое объяснение задействованных методов!
Об авторе Betchphoto
Очарованный цифровым миром и особенно увлеченный всем, что связано с творчеством, Мартин — фотограф-любитель и специалист по цифровому маркетингу, имеющий более чем 10-летний опыт работы с Adobe Photoshop.Ознакомьтесь с его страницей о себе здесь
Это сообщение может содержать партнерские ссылки.
Adobe Photoshop — Как обвести это изображение толстой черной рамкой
Я вижу, вы уже приняли ответ Джуджа, но …
Чтобы получить более гладкий результат, начиная с метода joojaa, установите Tolerance примерно на 10, прежде чем делать свой выбор …
Затем, инвертировав выделение, как посоветовал joojaa, выберите «Выделить и замаскировать» (или «Уточнить выделение» в старых версиях PS) и изменить вид на Черно-белый:
Теперь нажмите клавишу B , чтобы активировать инструмент «Кисть» (используйте клавиши с квадратными скобками [ и ] , чтобы изменить размер кисти вверх и вниз, и нажмите и удерживайте клавишу Alt для переключения с белого на черный) , и мы можем немного улучшить выделение вручную (не обязательно идеальным):
Затем нажмите «ОК».Используя мой метод, отсюда нам просто нужно черно-белое изображение, поэтому нажмите клавишу D , чтобы убедиться, что у вас активны цвета по умолчанию:
При активном выборе нажмите:
- Ctrl + Backspace для заливки центра белым цветом
- Ctrl + Shift + I , чтобы инвертировать выделение
- Alt + Backspace для заливки фона черным
Границы кувшина для воды слишком близки к краю холста для этого эффекта, поэтому перейдите в «Изображение»> «Размер холста», отметьте «Относительный» и добавьте 40 пикселей к значениям ширины и высоты.
Перейдите в меню «Изображение»> «Режим» и выберите «Оттенки серого». Теперь у нас есть что-то вроде этого:
Перейдите в Фильтр> Галерея фильтров и в разделе «Эскиз» выберите «Штамп» и поверните ползунок «Гладкость» до тех пор, пока край не станет более гладким … затем добавьте еще один фильтр (нажав кнопку «Новый слой эффекта» в правом нижнем углу диалогового окна «Галерея фильтров») и выберите «Фотокопия».
Поиграйте с ползунками «Детализация» и «Темнота», пока не добьетесь желаемого эффекта… (Вы также можете добавить еще один экземпляр фильтра штампа, чтобы еще больше сгладить, если необходимо / желательно):
И вот окончательный результат:
Множественных штрихов текста со смарт-объектами в Photoshop
Версия Примечание: Используете Photoshop CC 2020 или более поздней версии? Ознакомьтесь с моим новым руководством по добавлению нескольких штрихов к тексту с помощью эффектов слоя.
Автор Стив Паттерсон.
В предыдущем уроке мы узнали, как добавить несколько штрихов вокруг текста в Photoshop, просто сделав несколько копий нашего слоя Type и добавив эффект слоя Stroke к каждой копии, при этом для каждого штриха установлен разный размер. В этом уроке мы узнаем более интересный способ создания аналогичного многоконтурного текстового эффекта, на этот раз используя мощь смарт-объектов в Photoshop! Adobe впервые представила смарт-объекты еще в Photoshop CS2, а это значит, что вам понадобится CS2 или выше, чтобы продолжить.Здесь я буду использовать Photoshop CS5, но подойдет любая версия, начиная с CS2.
Вот окончательный результат, над которым я буду работать. Конечно, цвета и размеры обводки, которые вам понадобятся для вашего дизайна, могут быть совершенно разными, но шаги для создания эффекта будут такими же:
Множественные штрихи текста с использованием смарт-объектов.
Приступим!
Загрузите это руководство в виде готового к печати PDF-файла!
Шаг 1. Добавьте начальный штрих к тексту
Вот документ Photoshop, с которого я начинаю, состоящий из одного слоя Type, содержащего слово «стиль» (поскольку мы будем использовать стили слоя для добавления штрихов) перед черным фоном:
Исходный документ.
Если мы посмотрим на мою панель «Слои», мы увидим слой «Текст» над фоновым слоем. Слой Type в настоящее время активен (выделен синим):
Панель «Слои».
Чтобы добавить начальную обводку вокруг букв, я нажимаю на значок Layer Effects внизу панели «Слои»:
Щелкнув значок «Эффекты слоя».
Затем я выберу Stroke из нижней части появившегося списка эффектов слоя:
Выбор эффекта слоя «Обводка».
Откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами обводки, отображаемыми в среднем столбце. Сначала я выберу цвет для обводки, щелкнув образец цвета в нижней части параметров:
Щелкнув образец цвета.
Откроется палитра цветов Photoshop. Поскольку мой текст имеет довольно темный оттенок синего, я выберу для обводки более светлый оттенок синего. Конечно, вы можете подобрать любой цвет, который вам нужен для вашего дизайна:
Выбор голубого цвета в палитре цветов.
Выбрав цвет, я нажимаю ОК, чтобы закрыть палитру цветов. Я хочу обвести буквы толстой обводкой, поэтому я увеличу значение обводки Размер до 21 пиксель :
Увеличение размера обводки до 21 пикселя.
Когда вы будете довольны внешним видом обводки, нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Вот как выглядит мой текст с добавленным начальным штрихом:
Первый штрих появляется вокруг текста.
Шаг 2. Преобразование текстового слоя в смарт-объект
Теперь я хочу добавить второй штрих вокруг начального, но это становится интересной проблемой.По умолчанию Photoshop позволяет нам добавлять к слою только один эффект обводки за раз. Если бы мне снова пришлось щелкнуть значок «Эффекты слоя» в нижней части панели «Слои» и снова выбрать «Обводка» из списка, Photoshop повторно откроет диалоговое окно «Стиль слоя», в котором установлены параметры обводки, но все, что я смогу сделать, это do — это отредактировать параметры только что добавленной обводки, изменив ее цвет, размер или любые другие параметры, но я не смог добавить вторую обводку.
По крайней мере, я не мог добавить второй штрих вокруг самого текста.Но что, если бы мы могли как-то поместить текст внутри контейнера, а затем добавить новую обводку вокруг контейнера? Как оказалось, это именно то, что мы можем сделать с помощью смарт-объектов Photoshop ! Смарт-объект — это, по сути, виртуальный контейнер для содержимого слоя, и все, что нам нужно сделать, это преобразовать наш текстовый слой в смарт-объект, после чего мы можем добавить второй штрих вокруг смарт-объекта!
Для этого щелкните значок меню в правом верхнем углу панели «Слои».Откроется список различных вариантов:
Щелкнув значок меню.
Выберите Преобразовать в смарт-объект из списка вариантов меню:
Выбор «Преобразовать в смарт-объект».
В окне документа ничего не изменилось, но если мы посмотрим на панель «Слои», то увидим, что слой «Текст» был преобразован в смарт-объект. Значок смарт-объекта отображается в правом нижнем углу эскиза предварительного просмотра:
Типовой слой теперь является смарт-объектом.
Шаг 3. Добавьте обводку вокруг смарт-объекта
Теперь, когда текст находится внутри смарт-объекта, щелкните значок Layer Effects в нижней части панели слоев и еще раз выберите Stroke внизу списка:
Выбираем другой эффект слоя Stroke, на этот раз для смарт-объекта.
Photoshop снова откроет диалоговое окно «Стиль слоя» с параметрами обводки. Чтобы изменить цвет обводки, я щелкну образец цвета , как я делал раньше, и когда появится палитра цветов, я выберу тот же более темный оттенок синего, что и мой текст.Я оставлю для параметра Size нового штриха значение по умолчанию 10px , что сделает второй штрих тоньше исходного:
Устанавливает для новой обводки тот же цвет, что и текст, и оставляя ее размер равным 10 пикселей.
Когда вы закончите, нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Если мы посмотрим на мой текст в окне документа, мы увидим, что второй штрих теперь появляется вокруг первого. Хотя кажется, что новая обводка находится вокруг текста, на самом деле она вокруг смарт-объекта, содержащего текст:
Теперь вокруг начального штриха появляется вторая более темная синяя полоса.
Шаг 4. Повторите шаги 2 и 3, чтобы добавить больше штрихов (необязательно)
Photoshop позволяет нам вкладывать смарт-объекты в другие смарт-объекты, что означает, что мы можем использовать эту технику, чтобы добавить еще больше штрихов, если захотим! Все, что нам нужно сделать, это повторить шаги 2 и 3. Сначала преобразуйте текущий смарт-объект в новый смарт-объект, щелкнув значок меню в верхнем правом углу панели «Слои» и выбрав Преобразовать в смарт-объект в список. Это поместит текущий смарт-объект внутрь нового.Затем добавьте обводку вокруг нового смарт-объекта, щелкнув значок Layer Effects внизу панели «Слои» и выбрав Stroke из списка.
Я добавлю третью обводку вокруг текста, на этот раз установив тот же более светлый оттенок синего, что и начальная обводка. Я оставлю его размер равным тому же значению по умолчанию 10 пикселей:
.Добавление третьего обводки вокруг текста (после создания еще одного нового смарт-объекта).
Я нажму OK, чтобы закрыть диалоговое окно Layer Style, и теперь у меня есть три обводки вокруг моего текста! Однако, как мы узнали, только выглядит как , как будто у меня есть три штриха вокруг текста.На самом деле, вокруг самого текста есть только внутренний штрих. Средняя обводка находится вокруг смарт-объекта, содержащего текст, а внешняя обводка — вокруг нового смарт-объекта, содержащего исходный смарт-объект (который содержит текст):
Окончательный результат.
Куда идти дальше …
И вот оно! Вот как быстро и легко добавить несколько штрихов вокруг текста в Photoshop с помощью смарт-объектов! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!
Как использовать инструмент «Перо» в Photoshop: Учебное пособие по выделению объектов
Автор admin в Уроки рисования> Уловки Photoshop
Инструмент «Перо» в Photoshop — когда-нибудь его использовали?
Использование пера в первый раз может показаться странным (даже запутанным), но это отличный инструмент для художников, которым нужно знать, как им пользоваться.
Быстрое объявление — EmptyEasel создал более быстрый и простой способ для художников иметь свой собственный сайт об искусстве. Щелкните здесь, чтобы узнать больше и получить собственный простой художественный веб-сайт!Например, если вы скульптор, ювелир или любой другой 3D-художник и хотите иметь чистые, профессиональные изображения своей работы, часто лучше всего удалить с изображения все, кроме ваших работ.
Используя инструмент «Перо», вы можете идеально обрисовать контур своего произведения, а затем удалить все остальное вокруг него, чтобы ничто не отвлекало от вашего рисунка.
Если вы не знаете, как использовать инструмент «Перо», просто продолжайте читать — в следующих абзацах я объясню, как использовать инструмент «Перо» для обводки любого типа 3D-объекта. (И я собираюсь использовать это изображение двух восхитительно выглядящих клубник в качестве примера.)
Первое, что вам нужно сделать, это открыть фотографию своей работы в Photoshop и немного увеличить масштаб, как это сделал я. Вам нужно как можно точнее сопоставить изгибы и углы объекта, поэтому приближение поможет.
(Если вы не понимаете, почему я хочу избавиться от этого серо-бежевого фона, просто подождите, пока он не исчезнет — разница действительно невероятная.)
Выберите инструмент «Перо» на панели инструментов и выберите место на краю объекта — любое место, не имеет значения.
Хотя, если подумать, мне, вероятно, следует объяснить, что произойдет, когда вы щелкнете мышью, прежде чем мы перейдем к описанию клубники.
Если вы щелкните один раз инструментом «Перо», вы создадите единственную «активную» опорную точку.
Щелкните второй раз, и появится линия, соединяющая эту первую точку привязки со второй. Вторая точка привязки теперь «активна» (посмотрите, насколько она темнее), поэтому, если вы щелкните еще раз, следующая линия начнется с активной точки, а не с первой.
Подождите секунду и проверьте, открыто ли у вас окно «Пути».
Если это так, появится новый «Рабочий путь». (Если вы не видите это окно, нажмите «Окно» в верхней строке меню и выберите «Пути.”
Вы можете дважды щелкнуть синюю секцию, чтобы переименовать путь, если хотите.
Когда вы это сделаете, вы сможете начать второй путь отдельно от первого. А пока у вас будет только один путь все время.
А теперь самое интересное. . .
Создайте новую опорную точку, но прежде чем отпустить, нажмите И ПЕРЕТАСКИВАЙТЕ. Что-то, что я называю «руль», появится на вашем экране.
(Обратите внимание, что на самом деле они не являются частью изображения — они выходят за пределы рабочего пространства.) Щелкните еще раз, и, в отличие от первой прямой, вы получите красивую кривую.
Так что же случилось? Что ж, конец руля действует как магнит для только что созданной линии. Он ТЯНЕТ к себе линию.
И, если вы, удерживая нажатой клавишу ALT, наведите указатель мыши на конечную точку руля, появится небольшая буква «V». Вы можете использовать эту букву «V», чтобы еще больше щелкать и перетаскивать руль, тем самым изменяя кривую.
Вы также можете использовать букву «V» на существующем якоре, у которого еще нет руля, и вытащить руль таким же образом.
Хорошо, вот и ОСНОВЫ инструмента «Перо». Что делает вещи интересными, так это то, что на всех опорных точках могут быть ручки, указывающие в любую сторону, создавая очень сложные кривые.
Итак, давайте вернемся к клубнике и применим этот перо к работе. Выберите место для начала, затем нажмите и растяните руль в соответствии с кривой, которая, как вы ДУМАЕТ, вам понадобится.
Я планирую обогнуть нижний угол клубники, поэтому я выбрал место, ведущее к изгибу, и протянул расстояние, которое, как мне казалось, было правильным.
При следующем нажатии вы узнаете, насколько хорошо вы справились — если вы выбрали правильное расстояние для руля, ваша кривая будет идеальной. (Не волнуйтесь, вы всегда можете вернуться и отрегулировать руль позже.)
Я сделал все правильно — и обратите внимание, как я сразу же вытащил новый набор рулей при следующем щелчке. Вы почти всегда хотите растянуть руль так, чтобы ваши кривые плавно переходили друг в друга.
Если бы я просто щелкнул, не вытаскивая руль, у меня был бы острый угол в середине моей кривой.(Иногда, конечно, вам нужны острые углы, но на этой клубнике мне, вероятно, нужны плавные изгибы больше, чем углы.)
И, конечно, если вам нужно влезть в узкий угол, просто увеличьте масштаб и переместите передний руль (конечно, используя клавишу ALT), чтобы вернуть руль в нужное положение.
Теперь, когда вы освоились, я перейду к тому месту, где я полностью обрисовал клубнику, и покажу вам, как завершить процесс.
После того, как весь ваш объект обведен контуром, вам нужно будет изменить этот контур на «выделение», прежде чем вы сможете удалить все на заднем плане вокруг вашего объекта.Снова найдите окно «Пути» и нажмите кнопку внизу, которая выглядит как пунктирный круг.
Это должно помочь — вы увидите что-то вроде контура пунктирных линий ниже.
Затем вам нужно будет инвертировать выделение, чтобы выделить все, кроме вашего объекта.Щелкните «Выбрать» в строке меню и «Обратный».
Может показаться, что многое не изменилось (в конце концов, пунктирные линии все еще там, они просто окружают наружу, а не внутрь), но вы поймете, как только нажмете «Удалить», правильно ли вы все сделали.
И после удаления всего внутри выделения ваше изображение должно выглядеть так:
Красиво, не правда ли? И даже неважно, что это за объект. . . почти все выглядит лучше на чистом белом фоне.
Естественно, если вы впервые берете в руки перо сегодня, вероятно, потребуется некоторое время, чтобы по-настоящему к нему привыкнуть. Но не сдавайтесь — после небольшой практики вы сразу же начнете просматривать подобные проекты.
ПОЛУЧИТЬ ЛИСТНИК В СВОЕМ ЯЩИКЕМы будем отправлять вам статьи и учебные пособия сразу после их публикации, чтобы вы не пропустили ни одной публикации! Отпишитесь здесь в любое время.
ПРИМЕЧАНИЕ. Вас также может заинтересовать пошаговое руководство по рисованию от EE для художников.Нажмите ниже, чтобы узнать больше!
Этот пост может содержать партнерские ссылки.
Как очертить изображение в фотошопе
Иногда возникает необходимость сделать объект немного более привлекательным. На этом этапе может оказаться полезным очертание объекта. Создайте контур вокруг объекта, изолируйте объект от фона и придайте броский вид. Вы также можете сделать это с помощью эффекта контура фотошопа. Большинство людей думают, что это долгая и критическая процедура.Об оригинальной технике знают немногие. В этой статье я собираюсь раскрыть эту технику. Прочтите эту статью до конца и узнайте, как очертить изображение в Photoshop. Это будет простой и полезный урок. Итак, без дальнейших промедлений, приступим.
Узнайте больше: как отменить выбор в Photoshop | Как сделать что-то золотым в Photoshop
как очертить изображение в Photoshop Шаг 1. Откройте изображение в Photoshop
Чтобы создать контурную форму в Photoshop, откройте изображение в Photoshop.Для этого есть два варианта. Вы можете открыть изображение из ФАЙЛ> ОТКРЫТЬ и затем выбрать изображение. Или вы можете просто щелкнуть и перетащить изображение в Photoshop.
В этом уроке я буду использовать это изображение.
Перейдем к следующему шагу.
Шаг 2: Выберите объект
На втором шаге вы должны выбрать объект этого изображения. Как мы знаем, в Photoshop доступно множество инструментов выделения. Чтобы преобразовать изображения в контурный фотошоп, мы должны выбрать инструмент быстрого выбора.
Выберите инструмент отсюда.
Убедитесь, что опция «Множественный выбор» включена сверху. Также установите жесткость 0 сверху. Угол менять не нужно, оставьте равным 0. Установите для округлости значение по умолчанию 100%. Затем установите интервал 1%.
Давайте посмотрим здесь.
Теперь увеличьте изображение, нажав « CTRL & +» . Нажмите и удерживайте левую кнопку мыши, переместите ее над объектом, чтобы сделать выбор.В этом процессе будут некоторые области, в которых выбор может быть не идеальным. Именно так.
Если выделение выходит за пределы объекта, нажмите ALT и Левая кнопка мыши , чтобы исправить эту область. Когда выделение перейдет внутрь, просто управляйте мышью с внутренней части объекта.
Чтобы изменить форму точки, используйте « CTRL + {» и « CTRL +}». Позвольте мне показать вам мой выбор.
Хотя это не окончательный выбор, мы должны внести некоторые исправления.
Шаг 3. Уточнить края выделенной области
Чтобы очертить изображение в Photoshop, очень важно сделать правильный выбор. Любая ошибка в выборе повлияет на конечный результат. На всякий случай нажмите на опцию « Refine Edge ».
Затем появится новая табличка с дополнительными параметрами. Увеличивайте Radius , пока не получите удовлетворительный вид объекта. Здесь я использую 7.2 Px для образца изображения. После установки радиуса настройте параметр « Smooth » из Adjust Edge .Это сделает края гладкими. Я установил его на 9. Разрешите показать вам, как я настраивал Refine Edge.
Нажмите ENTER, , когда закончите, и перейдите к следующему шагу.
Шаг 4: Создание эффекта контура фотошопа
Теперь мы собираемся добавить эффект контура фотошопа. Сделайте копию выделения на новом слое, нажав « CTRL + J» . Щелкните правой кнопкой мыши новый слой и выберите « Blending Option». Будет видна новая рамка с множеством вариантов наложения.Нажмите на Stroke , и вы найдете эти варианты.
По размеру вы можете контролировать ширину контура. После этого установите положение Outside. Оставьте границу наложения «Нормальная» и выберите желаемую непрозрачность. Я собираюсь оставить его на 100.
Вариант «Цвет» доступен ниже. Нажав на нее, вы можете изменить цвет контура. Убедитесь, что вы поставили галочку на штрих . Нажмите ок, чтобы завершить процедуру.Вот и все. Мы удачно обрисовали изображение.
контур изображенияТеперь вы можете изменить размер и цвет контура всего за несколько щелчков мышью. Разве это не круто? Я так думаю. Надеюсь, вы научились с легкостью обводить изображение в Photoshop. Отныне вы сможете делать это с любым объектом. Оставайтесь с нами, чтобы получить больше потрясающих руководств по редактированию фотошопа. Спасибо, что были здесь.
Подробнее:
(🚩БЕСПЛАТНО) Как выделить текст в Photoshop
Экшен Photoshop Outline, который можно бесплатно загрузить с сайта PhotoshopSupply.Создайте свой собственный контурный шрифт всего за несколько секунд!
Как обвести текст в Photoshop
Как обвести текст в Photoshop? Это просто, просто добавьте стиль слоя и используйте опцию Stroke .
Вы можете превратить любой шрифт в контурный шрифт . Добавьте обводку к тексту в Photoshop всего за несколько шагов:
- Используйте инструмент Type Tool , чтобы добавить слой Text в Photoshop
- Дважды щелкните слой Text , чтобы открыть стиль слоя Окно
- Проверьте стиль слоя Stroke , чтобы очертить текст
Double Stroke Photoshop Effect
Чтобы добавить эффект двойной штриховки Photoshop, выполните следующие действия:
- Преобразуйте текстовый слой в Smart Object
- Откройте окно Layer Style и добавьте стиль слоя Stroke .
СОВЕТ: Чтобы добавить несколько контуров, преобразуйте предыдущий смарт-объект в новый смарт-объект и добавьте еще один стиль слоя Stroke . Повторите процесс, чтобы добавить несколько контуров и создать границу шрифта.
Настройки текста структуры
- Размер. Установите желаемый размер или ширину с помощью ползунка или введите собственное значение.
- Позиция. Выберите Позиция для хода.Есть три варианта: внутри, (обводка внутри краев текста), по центру, (обводка внутри и снаружи текста) и снаружи (обводка за пределами текста)
- Режим наложения. Используйте их, чтобы управлять тем, как обводка текста будет взаимодействовать с цветами или слоями под обводкой. Это полезно, если вы поместите текст поверх изображения или фотографии.
- Непрозрачность. Используйте ползунок, чтобы установить прозрачность обводки.
- Тип заполнения. Обводки можно заливать цветом, градиентом или узором.
С помощью действия с несколькими контурами Photoshop вы можете создать шрифт с двойным контуром. Эффект двойного мазка в Photoshop отлично подходит для типографского дизайна. Используйте выделенные шрифты для больших заголовков и заголовков.
Текст с рамкой (файл ASL стиля слоя)
Как выделить текст? Один простой и эффективный способ — использовать такой же текст с рамкой.
Внутри пакета вы также получаете бесплатный стиль слоя (файл ASL), который вы можете использовать для наложения границы вокруг текста, фигур и изображений.С помощью этого стиля текста вы можете добавить до 4 текстовых контура , используя только один слой без смарт-объектов.
Как создать текст с рамкой:
- Загрузите файл ASL в Photoshop
- Добавьте текст или слой формы
- Дважды щелкните слой, чтобы открыть окно стиля слоя
- Нажмите на вкладка Styles сверху и выберите стиль слоя, который вы загрузили (он должен быть последним добавленным в списке стилей)
Для создания текстового эффекта с несколькими штрихами я использовал Inner Glow, Outer Glow, Stroke и Тень .Ваш контурный текст будет выглядеть так, и его по-прежнему можно будет редактировать только с одним слоем.
Добавить в Photoshop границу вокруг текста
Чтобы узнать больше о том, как создать контур в Photoshop для различных типов слоев (текст, фигуры, вырезанные изображения и т. Д.), Прочтите это краткое руководство.
Итак, теперь вы знаете, как преобразовать текст в контур в Photoshop и как выделить шрифты в Photoshop. Таким образом, нет необходимости устанавливать контурные шрифты. Но вот несколько примеров выделенных шрифтов.
Как выделить шрифты в Photoshop
Итак, вы можете использовать действие Photoshop с контуром текста или использовать контурные шрифты . Есть много классных шрифтов набросков , доступных бесплатно:
- Mutant Academy
- Cherl Liney
- FeuerFeste Outline
- Fenwick
- Beyond Control и т. Д.
Но приятно знать, что вы можете превратить любой обычный шрифт в контурный шрифт . Создайте потрясающие эффекты контура текста с помощью нашего бесплатного экшена Photoshop!
Обведенный текст отлично подходит для создания различных типографских эффектов.Итак, если вы добавите текстовый контур, вы можете преобразовать обычные шрифты в полые шрифты. На самом деле вам не нужны специально разработанные контурные шрифты.
С помощью нашего экшена Photoshop контурного текста вы можете добавить несколько штрихов и несколько контуров к любому типу шрифта, который вы хотите.
А как насчет форм? Можете ли вы также добавить контур к фигурам ? Да, ты можешь!
Photoshop Прозрачный текст с контуром
Чтобы сделать текст Photoshop прозрачным с контуром, используйте действие в пакете.Сделайте слой под названием «Контур 1 от PhotoshopSupply» видимым. Затем установите Fill от 0% до 20%, чтобы текст был видимым. Для контура установите непрозрачность обводки на 75%.
Чтобы сделать текст прозрачным в Photoshop , вы также можете использовать эффект вырезания текста. Ознакомьтесь с нашим бесплатным экшеном Photoshop, если вы хотите создать эффект прозрачного текста.
Используйте наш экшен и создайте текстовую рамку с эффектом Photoshop одним щелчком мыши! Текст с рамкой очень полезен для добавления текста к изображениям, для создания типографских дизайнов и т. Д.
Как очертить форму в Photoshop
Итак, теперь вы знаете, как создать контурный текст в Photoshop . С помощью нашего бесплатного экшена Photoshop вы можете добавить рамку к фигурам и растровым изображениям.
Метод контура формы в Photoshop идентичен добавлению контура к тексту. Добавьте Layer Style и используйте опцию Stroke .
Как очертить изображение в Photoshop
Чтобы очертить изображение в Photoshop , используйте инструмент «Перо » , чтобы выделить человека или объект, который вы хотите выделить.
Затем скопируйте выделение на другой слой. Чтобы преобразовать выделение Photoshop в новый слой, нажмите Control + J .
Затем используйте наш экшен Outline Photoshop для создания контура фотографии в Photoshop. Экшен Photoshop с контуром текста также работает с фигурами и вырезанными изображениями.
После добавления контура в Photoshop вы можете удалить фоновый слой и заменить его, например, однотонным фоном. Этот метод часто используется для создания эскизов YouTube .
Размытие фона — еще один вариант. Чтобы создать эффект размытия фона, как показано на превью, вы можете использовать наш экшен Photoshop размытия фона.
Как использовать экшен Photoshop
Чтобы правильно использовать контурный текст в действии Photoshop , вам необходимо выполнить следующие шаги:
- Загрузите ATN файл в Photoshop
- Добавьте текстовый слой или слой Shape , если вы хотите создать контур формы.
- Воспроизведите одно из действий Outline
Посмотрите видеоурок , чтобы узнать, как именно обрисовать текст в Photoshop с помощью этого классного экшена.
Подробная информация об элементе
Этот бесплатный пакет содержит 1 файл ATN, 1 файл ASL
Если у вас нет Photoshop, сделайте контурный текст с помощью текстового онлайн-редактора от MockoFun
MockoFun — это бесплатная онлайн-графика инструмент дизайнера, который можно использовать для создания изогнутого текста, выделения текста, контура текста и многих других текстовых эффектов.
Ознакомьтесь с этим руководством о том, как штриховать текст в Интернете всего за несколько простых шагов.