Как сделать зубчатый край фотошоп
Делаем фигурные края у фотографии
Принцип создания фигурных краёв, или фигурной стилизации краёв у фотографии в Photoshop, описываемый в этой статье, аналогичен способу вставки фотографии в рамку, о котором рассказывается здесь, но назначение этого метода несколько иное.
Обработка краев фотографии используется для придания фото какого-либо стиля или направления, например, если Вы хотите сделать из современной фотографии старинную. Кроме того, используя данный метод, можно создать так называемую «чёрную рамку».
Я использовал фото отсюда, только применил к нему корректирующий слой «карта градиента» с набором для фотографического тонирования Sepia4, для придания фото ретроспективного стиля.
Вот моя основа для работы:
И что у меня получилось в результате:
Займёмся, наконец, обработкой краёв.
Если слой с Вашей фотографией является фоновым слоем в палитре слоёв, преобразуйте его в обычный.
Зажмите клавишу Ctrl и кликните по значку создания нового слоя внизу панели слоёв, в результате новый слой создастся под активным.
Залейте новый слой белым цветом, для чего нажмите клавишу D и затем Ctrl+Delete.
Снова зажмите клавишу Ctrl и кликните по миниатюре слоя с фото:
Теперь у нас появилось выделение по форме фотографии.
Отключаем быструю маску, нажав на клавишу Q, после чего маска отобразится как выделенная область. Вот что у нас получилось в результате:
Нажимаем Enter для применения трансформации.
Нажимаем Ctrl+J для копирования выделения на новый слой. Теперь осталось только перейти на самый нижний слой и залить его чёрным цветом (для этого нажимаем D, затем Alt+Delete). Вот как выглядит панель слоёв:
А вот как выглядит готовое фото:
Преимуществом данного способа является то, что Вы всегда можете изменить размер рамки со стилизованным рваным краем, изменив размер среднего слоя с рамкой (у меня это «Слой 2») с помощью инструмента «Свободная трансформация».
Для лучшего понимания материала Вы можете скачать файл PSD, сделанный по этому уроку:
Художественная обработка краев фото
обработка краев фото
Откроем исходное изображение.
Разблокируем фоновый слой, для чего просто перетащим иконку замка на иконку мусорной корзины внизу палитры » Слои «.
Новый слой по умолчанию стал активным. Так как у меня цвета стоят по умолчанию, то я нажимаю сочетание клавиш Ctrl+Delete и новый слой зальётся белым (цветом фона в данном случае).
Выбираем инструмент » Прямоугольная область » ( М ) с параметрами, установленными по умолчанию и создаём выделение по краю фотографии.
В появившемся окне » Оптимизировать область » ставим довольно большое значение, я поставил 80 пикселов.
Углы на выделении сгладятся. Так как у нас активно выделение, то автоматически становится активной кнопка » Уточнить край » на верхней панели параметров. Нажимаем на неё. Перед этим не забудем сделать активным верхний слой с лебедем.
Откроется одноимённое окно.
Работаем с ползунками » Растушёвка «, » Контрастность » и » Сместить край «. В дополнение к этому кистью » Уточнить радиус » ( Е ) проходимся по краям. Вывод ставим » Слой-маска «.
В палитре » Слои » образуется слой маска. Теперь при необходимости мы можем с помощью чёрной и белой кисти уточнить маску там, где нам необходимо.
Вот что получилось в окончательном варианте.
Мы с Вами сделали художественную обработку краёв фото с помощью функции » Уточнить край «.
Комментарии
Понравилось? Поделитесь:
Добавить комментарий
Популярные уроки сайта:
Ретушь в фотошопе. Раб…
Видео урок Ретушь в фотошопе. Работа с небом 2-мя способами Продолжаем заниматься ретушью фотографии автомобиля. В первом уроке мы с Вами поработали с боковым бликом и привели его в порядок. Теперь наша задача.
Настройка баланса бел…
Настройка баланса белого в фотошопе Всем привет! С вами снова Елена Король и я решила поделиться лайхфаком, как избавится от паразитного оттенка на фото. По-другому это называется настройка баланса белого. Все по порядку.
Ретушь в фотошопе. Раб…
Видео урок Ретушь в фотошопе. Работа с цветным, ярким бликом на машине Подготовил для Вас 2 видео урока по ретуши. Будем работать с рекламной фотографии машины. При взгляде на эту фотографию, сразу бросается в.
Мини-курс «Ретушь р…
Мини-курс: «Ретушь рекламной фотографии плохого качества» Решил продолжить создание мини-курсов. Три предыдущих мини-курса показали свою эффективность в обучении фотошопу. На этот раз, отойдем от темы фотомонтажа, а займемся ретушью рекламной фотографии автомобиля. Кратко, что.
Постер на день влюбле…
Постер на день влюбленных в фотошопе Всем привет! Сегодня мы будем создавать постер ко Дню всех влюбленных. Вы можете использовать собственные фотографии и подарить такой постер своей второй половинке на День всех влюбленных. Сначала мы.
Анимация мерцания в ф…
Анимация мерцания в фотошопе Всем привет! Сегодня мы будем создавать анимацию мерцающего текста. Анимация мерцающего текста очень простая, в ней будет всего 2 кадра, но выглядит такая анимашка довольно эффектно. Сначала мы создадим новый документ.
Как убрать сетку в фот…
Видео урок Как убрать сетку в фотошопе При создании фотомонтажа, одной из проблем является подбор исходных фотографий. Это очень важно! Обычно, при создании профессионального фотомонтажа, используются фотографии с сайтов стоков, имеющих высокое.
Замена неба в фотошоп…
Замена неба в фотошопе Всем привет! С вами снова Елена Король и мы по старой доброй привычке будем изучать новые возможности свежей версии Adobe Photoshop 21. Часто бывает, что у нас есть.
Цветокоррекция при фо…
Цветокоррекция при фотомонтаже в фотошопе Мы с Вами продолжаем заниматься фотомонтажем. В этом уроке рассмотрим процесс вырезания объекта с более тёмного фона и перемещение его на новый, более светлый фон. В таком случаем может.
Как сделать фотомонта…
Как сделать фотомонтаж в фотошопе В этом уроке мы с Вами займемся небольшим фотомонтажем. Рассмотрим способ, как можно вырезать объект и перенести его на новую фотографию. Также постараемся аккуратно вписать данный объект.
Как сделать игральную…
Как сделать игральную карту в фотошопе Всем привет! Сегодня мы будем рисовать винтажную игральную карту. В данном уроке мы не только с нуля нарисуем игральную карту, но и «состарим» ее при помощи разных.
Как сделать 3D сердечк…
Как сделать 3D сердечко в фотошопе Всем привет! Сегодня мы будем рисовать 3д сердечко. Такое 3д сердечко вы сможете подарить любимому человеку, достаточно только оформить его в виде открытки, написав текст. Сначала мы создадим новый.
Мини-курс «Фотомонт…
Мини-курс: «Фотомонтаж в Photoshop. Вариант №3» «Работа с альфа-каналами и вырезанным объектом» Два предыдущих мини-курса по фотомонтажу вызвали большой интерес у моих подписчиков. Поэтому приготовил для Вас 3-й вариант использования фотошопа для соединения.
Иконка WhatsApp в фотошоп…
Иконка WhatsApp в фотошопе Всем привет! Попрактикуемся в навыке создания иконок. Иконка – это элемент графического интерфейса, маленькая картинка которая представляет какое либо приложение, файл, окно, функциональную кнопку, раздел и т д. Сегодня мы будем.
Как быстро создать те…
Видео урок Как быстро создать тень в полуавтоматическом режиме В этом уроке мы с Вами рассмотрим скрипт, который поможет нам практически в автоматическом режиме создавать тень для объекта. В начале мы его.
Как правильно вписать…
Видео урок Как правильно вписать объект в новый фон В этом уроке мы с Вами займемся фотомонтажем. Рассмотрим процесс вырезания объекта и перенос его на новый фон. Для нашей фотографии это сделать.
Как перенести естеств…
Видео урок Как перенести естественную тень на новый фон В этом уроке мы будем учиться переносить естественную тень от вырезаемого объекта на «старой» фотографии на новый фон. Конечно, можно нарисовать тень на.
Как нарисовать планет…
Как нарисовать планету с кольцом в фотошопе Всем привет! Сегодня мы будем рисовать кольца планеты. Урок достаточно простой, по приемы, показанные в нем, помогут вам создавать сказочные коллажи на тему космоса. Сначала мы создадим новый.
Две частые ошибки при …
Видео урок Две частые ошибки при создании фотомонтажа В этом уроке я Вам покажу две ошибки, которые часто допускают начинающие фотошоп мастера, когда они делают фотомонтаж. Разберем эти ошибки. Первая ошибка заключается.
Фотомонтаж в Photoshop. Ва…
Тренинг: «Фотомонтаж в Photoshop. Вариант №2» «Работа с небом и с его отражениями» Приготовил для Вас небольшой тренинг по фотомонтажу. Тренинг очень простой, для начинающих. Но, я предлагаю всем поработать своими ручками, что очень.
Дрожащая анимация в ф…
Дрожащая анимация в фотошопе Всем привет! Сегодня мы будем создавать анимацию дрожащего текста. Такую анимацию можно использовать на сайтах, в блоге, на заставке на телефон и т.д. Сначала мы создадим новый документ и зальем фоновый.
Как перенести тень вм…
Видео урок Как перенести тень вместе с вырезаемым объектом В ходе создания коллажей или фотомонтажа практически всегда возникает необходимость создать тень. В принципе, на новом фоне мы можем тень нарисовать, для этого.
Фотомонтаж в Photoshop. Ва…
Фотомонтаж в Photoshop. Вариант №1 Как качественно отделить сложный объект от фона, перенести его на новую картинку и грамотно вписать в новое окружение Этот мини-курс посвящен фотомонтажу. Мы с Вами объединим две картинки. Но.
Создание масок из кан…
Видео урок Создание масок из каналов и их объединение Когда мы создаем коллаж или делаем фотомонтаж, то очень частой операцией является выделение объекта и перенос его на другой фон. Выделение объекта можно.
Как сделать стекающий…
Как сделать стекающий текст в фотошопе Всем привет! Сегодня мы будем создавать стекающий текст. Стекающий текст выглядит довольно необычно. Эффект стекающего текста вы сможете использовать в своих работах как с материалами из папки.
Как улучшить картинку…
Видео урок Как улучшить картинку формата Jpeg Когда мы создаем коллаж или делаем какой-либо монтаж, довольно большой проблемой является подбор необходимых картинок. Для того чтобы выбрать нужные снимки, мы часто заходим на.
Яркий логотип в фотош…
Яркий логотип в фотошопе Всем привет! Сегодня мы будем рисовать яркий логотип. Используя приемы, показанные в уроке, вы сможете создать не только логотип, а и, например, афишу, визитку или даже обои для рабочего стола. Сначала.
Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020
После того как мы сделали все, что можно, с помощью ползунка радиуса и умного(смарт) радиуса, мы можем вручную уточнить наш радиус, используя кисти, которые имеются в инструменте «Уточнить край». Если вы посмотрите налево от ползунка радиуса и чек-бокса смарт-радиуса, вы увидите значок кисти. Если кликнуть по нему правой клавишей мыши, то появится меню, где вы сможете выбрать нужную вам кисть.
В меню имеется две кисти, «Уточнить радиус» (Refine Radius Tool) и «Стереть уточнение» (Erase Refinements Tool):
Примечание. Для лучшего понимания материала Вы можете посмотреть видеоурок, созданный по материалам данной статьи.
Исходные материалы для урока (изображение женщины и тропического песчаного пляжа) вы можете скачать по ссылкам в конце урока.
Названия этих инструментов несколько вводят в заблуждение, т.к. они немного перекликаются с названием инструмента «Уточнить радиус» и т.п. Adobe называет их «сервисными», но они ведут себя так же, как и обычная кисть и ластик, что позволяет нам просто закрасить области изображения, где мы хотим добавить, или вычесть из существующей зоны радиуса.
По умолчанию, у нас уже выбран инструмент «Уточнить радиус», поэтому нет необходимости выбирать его специально. Также нет необходимости выбирать из списка инструмент «Стереть уточнение» (Erase Refinements Tool), потому что в любой момент мы можем временно переключиться на него из инструмента «Уточнить радиус», просто нажав и удерживая клавишу Alt. Когда вы отпустите Alt, вернётся «Уточнить радиус». Зная это, необходимость в обращении к диалоговому окну этих двух инструментов отпадает.
Прежде чем использовать данные инструменты, имейте в виду, что в отличие от других инструментов выделения в Photoshop, этими инструментами мы ничего не добавляем и ничего не вычитаем из области выделения. Мы просто регулируем размер области, которую анализирует Photoshop. С помощью них Photoshop просто определяет, какие пиксели будут выбраны, а какие проигнорированы. Мы просто подсказываем программе, где искать и где не смотреть.
После удаления ненужных областей я отпущу клавишу Alt, чтобы вернуться к «Уточнить радиус», теперь я добавлю немного к области волос. Я собираюсь снять флажок «Показать радиус» в верхней части диалогового окна, чтобы мы могли снова видеть фактическое фото, находящееся на фоновом изображении:
Чтобы добавить к выбору больше волос, мне просто нужно рисовать кистью «Уточнить радиус» в зонах, где должны быть волосы. Но как я могу узнать, где рисовать, когда я не могу видеть не выбранные волосы, просто потому, что часть их скрыта? Было бы полезно, что бы имелся какой-либо способ временно просмотреть всё оригинальное изображение, чтобы я мог увидеть, где именно я должен прорисовывать. К счастью, такой способ есть. Для этого следует переключиться на режим просмотра «Показать слой» (Reveal Layer).
Нажмите на иконку выбора режима просмотра в верхней части диалогового окна и выберите пункт «Показать слоя» в нижней части списка. Также, этот режим можно выбрать, просто нажав на клавишу R на клавиатуре:
Теперь, когда этот режим просмотра стал активным, Фотошоп возвратил оригинальное изображение в окне документа, что даёт мне возможность легко увидеть, где нужно рисовать инструментом Уточнить радиус:
Чтобы вернуться к режиму просмотра «На слоях» (On Layers), я нажму клавишу L на клавиатуре.
Как и любые другие кисти Photoshop, мы можем изменить размер инструментов «Уточнить радиус» и «Стереть уточнение» непосредственно с клавиатуры. Нажатие на клавишу левой квадратной скобки ( [ ) сделает кисть меньше, в то время как правая квадратная скобка ( ] ) увеличит диаметр кисти.
Ещё одна деталь, помогающая в работе с данными инструментами. Пока Вы рисуете, соответственно, держите левую клавишу мыши нажатой, и при этом Вы видите оригинальное изображение, проявляющееся в районе прорисовки, что помогает нам увидеть, что мы рисуем в нужном месте:
Как только вы отпустите кнопку мыши, исходное изображение исчезает, и мы видим готовый результат, с большим количеством добавленных волос. Вы можете продолжать рисовать на волосах инструментом «Уточнить радиус», чтобы добавить их больше к выделению, или, если вы допустили ошибку и прорисовали ненужный участок, нажмите и удерживайте клавишу Alt для переключения на инструмент «Стереть уточнение» и удаления этой ненужной области из зоны радиуса:
Настройка параметров края (Adjust Edge)
Ниже параметра «Обнаружения краёв», в диалоговом окне инструмента «Уточнить край» находится группа параметров «Настройка края» (Adjust Edge). В группе доступны для изменений четыре настройки: Сгладить (Smooth), Растушёвка (Feather), Контрастность (Contrast) и Сместить край (Shift Edge).
Все эти четыре варианта по умолчанию имеют значение ноль, и при использовании инструмента «Уточнить край» для выбора волос, лучше, как правило, оставить по крайней мере первые три варианта (Сгладить, Растушёвка, Контрастность) без изменений, т.е на нуле.
Параметр «Сгладить» используется для сглаживания зубчатых краев выделения, но при выборе волос это обычно приводит к проблемам.
Опция «Растушёвка» придаёт краю мягкий, размытый вид, что неприменимо к тонким предметам, в частности, к волосам.
Увеличение «Контрастности» обостряет край выделенной области за счет повышения контраста, это опять не то, что хорошо влияет на обработку волос.
Единственный вариант, который стоит попробовать, это четвертый, «Сместить край» (Shift Edge). Перемещение ползунка вправо от центра раздвинет края выделения наружу, это может помочь тем, что добавит к выделению больше волос, при перемещении ползунка влево от центра выделенная область будет сжиматься внутрь. Если смещение края не улучшает результаты, достаточно просто перетащить ползунок в центр. В моем случае, я собираюсь перетащить ползунок вправо, чтобы увеличить значение сдвига края до 20%:
Это действие расширило внешний край выделения наружу (т.е. влево), и сейчас можно наблюдать, что к имеющимся добавились более тонкие, находящиеся на периферии волосы, хотя большая часть вновь появившихся волос выглядит очень неявными, прозрачными, а также под волосами просматривается фон оригинального изображения. Но этот неприятный момент можно исправить, чем мы и займёмся далее, а пока я привожу рисунок, где я обвёл красным эти мелкие детали и остатки фона под ними:
Шаг 5: Удаление остатков фона и окантовки вокруг мелких деталей
На данный момент вырезка выглядит неплохо, за исключением одного одной проблемы. Мы наблюдаем некоторую окантовку вокруг тонких волос и остатки фона с оригинального изображения под ними. Мы можем убрать этот дефект с помощью опции «Очистить цвет» (Decontaminate Colors), расположенной в разделе «Вывод» (Output) диалогового окна инструмента. По умолчанию эта опция отключена. Для включения следует кликнуть на флажок:
В данном примере я передвину ползунок «Эффект» (Amount) до значения 75%
Волосы теперь кажется более темным, особенно тонкие, которые изначально имели светло-серый оттенок, а окантовка и фон были удалены:
Шаг 6: Вывод готовой выделенной области
Нажмите кнопку ОК в правом нижнем углу диалогового окна «Уточнить Край». Если мы посмотрим на палитру слоёв, то увидим, что Photoshop сделал копию слоя с исходным изображением и преобразовал мою выделенную область в маску слоя на этом новом слое. Видимость оригинального слоя под ним автоматически отключилась, соответственно он больше не отображается в окне документа:
Шаг 7: Правка слой-маски при необходимости
Поскольку мы были сосредоточены всецело на выборе волос, на маске могут присутствовать или отсутствовать некоторые элементы. Чтобы проверить маску на проблемные области, нажмите и удерживайте клавишу Alt на клавиатуре и кликните на эскиз маски слоя в палитре слоёв:
Это действие выбирает маску слоя и делает её видимой в окне документа. Если вы заметили любые районы, которые должны быть добавлены или удалены, воспользуйтесь стандартной фотошоповской кистью белого цвета для добавления и чёрной для удаления ненужного:
Когда вы закончите, вернитесь в обычный режим просмотра изображения в окне документа, нажав на иконку слоя слева от иконки маски в панели слоёв.
Посмотрите на конечный результат, полученный после правки слой-маски:
Скачать исходные материалы для урока: