Прозрачные края в фотошопе: Плавные края выделенной области в Photoshop Elements

Сейчас от удачного момента до запечатления на фотографии достаточно одной секунды, причем это может быть и быстрый кадр для семейного альбома, и высокопрофессиональная съемка, где работа после переноса «пойманного» момента только начинается.

Впрочем, обработка любого графического файла сегодня доступна любому, и научиться делать самому красивые кадры можно очень быстро. Одним из наиболее популярных программ, которые помогают отшлифовать любое фото, конечно же, является Adobe Photoshop.

В этом уроке я покажу, как легко и просто можно делать размытые края в Фотошопе. Думаю, это будет и интересно, и полезно!

Способ номер один

Самый-самый простой способ. Для размытия краев открываем нужное изображение, собственно, в Photoshop, а затем определяемся с зоной, которую хотим увидеть размытой в итоге наших стараний.

Не забывайте, что работаем мы в Photoshop ни в коем случае не с оригиналом! Создаем дополнительный слой всегда, пусть даже вы уже умеете хорошо работать с фото – случайные неудачи не должны испортить исходник ни в коем случае.

На левой небольшой вертикальной панели в Фотошопе кликаем правой кнопкой мышки на инструмент, который зовется «Выделение», а затем выбираем «Овальная область». При помощи его определяем ту область на картинке, которую НЕ нужно размывать, допустим, лицо.

Открываем затем «Выделение», выбираем «Модификация» и «Растушевка».

Должно появиться небольшое новое окошечко с одним-единственным, но нужным, параметром – собственно, выбором радиуса нашего будущего размытия. Здесь пробуем раз за разом и смотрим, что выходит. Для начала, скажем, выберите 50 пикселей. Методом проб подбирается требуемый результат.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем клавишу DEL, чтобы удалить лишнее. Для того, чтобы увидеть результат, необходимо снять видимость со слоя с исходным изображением.

Способ номер два

Есть ещё один вариант, как размывать края в фотошопе, и он используется намного чаще. Здесь мы будем работать с удобным инструментом по имени «Быстрая маска» — его легко найти почти в самом низу вертикальной панельки программы слева. Можно, к слову, просто нажать Q.

Затем открываем «Фильтр» на панели инструментов, выбираем там строчку «Размытие», а затем «Размытие по Гауссу».

Программа открывает окно, в котором легко и просто мы можем регулировать саму степень размытия. Собственно, здесь и заметно невооруженным глазом преимущество: вы здесь работаете не по какому-то наитию, перебирая варианты, а чётко и ясно определяя радиус. Затем просто нажимаем «ОК».

Чтобы увидеть, что у нас вышло в итоге, выходим из режима быстрой маски (нажав на ту же кнопку, или Q), затем нажимаем одновременно CTRL+SHIFT+I на клавиатуре, а выделенную область просто удаляем кнопкой DEL. Завершающий шаг – убираем ненужную линию выделения, нажимая CTRL+D.

Как вы видите, оба варианта совсем простые, однако при помощи их вы сможете легко размыть края изображения в Photoshop.

Удачных вам фотографий! И не бойтесь никогда экспериментировать, именно в этом и таится волшебство вдохновения: иногда из самых, казалось бы, неудачных фото создается настоящий шедевр.

Помогла ли вам эта статья?

Как сделать размытые края фотографии в фотошопе

Размытия края фотографии является одним из наиболее часто используемых приемов фотографов и дизайнеров. Довольно просто базовый эффект на изучение которого вам не потребуется много времени. В силу того, что используется он нередко, его стоит знать.

Существует несколько способов сделать растушевку края фотографии. И результат работы несколько разнится. Давайте изучим оба.

Для начала подготовим фото. Для этого вам следует создать рабочую область белого цвета. А потом перетащить туда понравившееся фото. Примерно так:

Первый – размытие края фотографии с помощью инструмента растушевка.

Выделяем область, близкую к границе фото.

Делаем клик по выделенной области правой клавишей мыши. Из выпадающего списка выбираем «растушевка».

Устанавливаем радиус растушевки. Не обязательно это значение. Вы можете выбрать любой другой на свое усмотрение.

Теперь для получение размытого края нам следует инвертировать фотографию.

Что у нас получилось после инвертирования.

Теперь просто нажимаем кнопку del.

Края изображения, как видите, размылись. Для более выраженного эффекта можно повторить.

Сводим слои и сохраняем.

Покажу еще один способ размытия краев фотографии, более интересный на мой взгляд . Для его выполнения используется инструмент «размытие по Гауссу».

На мой взгляд, этот эффект интереснее предыдущего за счет неравномерного размытия границы.

Возвращаемся к исходному изображению. Повторяем выделение. Инвертируем.

Теперь ищем операцию «размытие по Гауссу».

Как видите, на этот раз у нас образовалась четкая граница размытия.

Чем больший радиус размытия вы устанавливаете, тем четче прорисовывается граница.

И уж совсем простой способ – третий. Но он «для самых маленьких». Самый простой для понимания и самый трудоемкий. Выполнить эти действия аккуратно удастся не с первого раза.

На панели инструментов выбираем «размытие». Правой клавишей мыши кликаем по рабочей области и выбираем радиус размытия.

После чего, зажимая shift ведем курсором по краю фото.

Для сравнения «до»

И «после»

Это метод, кстати говоря, можно использовать не только для фото, но и для любых других, вырезанных объектов.

Путем комбинаций команд вы можете добиться очень красивых эффектов. Не стоит полагаться на один способ, встречаются ситуации, где вам придется использовать все три. Допустим, при создании красочного коллажа для баннера. Потому, настоятельно советую запомнить все три.

Как сгладить края объекта после вырезания в Фотошопе

Во время работы в программе Photoshop достаточно часто приходится вырезать какой-либо объект для его последующего переноса в новое место, наложения на другой фон и т.д. При этом края объекта после вырезания не всегда получаются аккуратными. Давайте посмотрим, каким образом это можно исправить.

Примечание: подробно останавливаться на том, как отделить объект от фона, мы не будем, так как рассматривали это в отдельной статье – “Как вырезать объект в Фотошопе”.

Сглаживаем края объекта

Работать будем со следующим вырезанным объектом.

Для большей наглядности разместим цветок на черном фоне.

Наши дальнейшие действия:

1. Выбираем слой с нашим объектом (цветком) в Палитре слоев.
2. Затем, зажав клавишу Ctrl на клавиатуре, щелкаем по миниатюре слоя.
3. Таким образом нам удастся загрузить выделенную область (другими словами, выделить объект).
4. На боковой панели инструментов выбираем любой инструмент из группы “Выделение”, например, “Прямоугольную область”.
5. В верхней строке параметров жмем по кнопке “Выделение и маска” или “Уточнить край” – зависит от версии Фотошопа. В наше случае – первый вариант.
6. Откроется окно, где мы можем настроить свойства инструмента. Здесь мы определяемся с режимом просмотра (в нашем случае мы ничего не выбрали), устанавливаем прозрачность на уровне 100%, чтобы в реальном времени отслеживать результат вносимых изменений в области предпросмотра. Работать будем со следующими параметрами:
   • Сглаживание – как следует из названия, отвечает за сглаживание зубчатых краев. Чем выше установленное значение, тем больше эффект.
   • Растушевка – позволяет смягчить края, создав границу по краям объекта в виде градиента. Чем выше значение, тем шире получится граница.
   • Сместить край – позволяет убрать участки фона, случайно попавшие в область выделения при вырезании объекта. Положительное значение расширяет края, отрицательное – сужает.
   • Остальные параметры используются не так часто и в большинстве случаев остаются нетронутыми.
   • После того, как настройки выполнены, убеждаемся в том, что для параметра “Вывод в” выбран вариант “Выделение” и жмем кнопку OK.
7. Получаем видоизмененное выделение объекта на холсте.
8. Теперь необходимо удалить лишние участки, не попавшие в область выделения. Щелкаем правой кнопкой мыши по холсту и в открывшемся контекстном меню выбираем пункт “Инверсия выделенной области”. Также вместо этого можно воспользоваться комбинацией клавиш Ctrl+Shift+I.
9. После того, как команда будет выполнена, должны выделиться все участки за пределами объекта, в т.ч., холст по контуру. Жмем кнопку Del или Backspace, чтобы удалить их.
10. Снимаем выделение с помощью сочетания Ctrl+D, после чего можем оценить результат наших трудов.

Заключение

Итак, мы только что рассмотрели, как можно сгладить края вырезанного объекта в Photoshop. Выполненные настройки продемонстрированы в качестве примера, и ваши значения параметров могут отличаться от наших. И напоследок, лучше потратить немного больше времени на качественное отделение объекта от фона, чтобы потом не пришлось слишком много сглаживать и смягчать его края.

Растушевка в Фотошопе

Растушевка в Photoshop

Растушевка или Feather является постепенным растворением краев в изображении. Благодаря этому края смягчаются и создается постепенный и равномерный переход до нижнего слоя. Доступна она может быть исключительно при работе с выделением и отмеченной областью.

Основные положения при работе: вначале обозначаем параметры растушевки, затем создаем выделенную область. Явных изменений при этом не видно, поскольку таким образом мы указали программе, что две выделяемые стороны нуждаются в растворении. Затем избавляемся от определенной части картинки в сторону, куда предполагается растворение. Результатом таких действий будет выборочное удаление определенных пикселей, а другие превратятся в прозрачные. Подробнее об этом мы поговорим в практической части урока.

Настройки растушевки для инструментов

Группа «Выделение»:

• Область в форме прямоугольника;
• область в форме овала;
• зона в горизонтальной строке;
• зона в вертикальной строке.

Другие инструменты выделения:

• «Лассо»;
• «Магнитное лассо»;
• «Прямолинейное лассо».

В качестве примера берем один инструмент из списка — Лассо. Смотрим на панель с характеристиками. Выбираем настройку на верхней панели инструментов, которая даст возможность задать параметры для растушевки, а затем выделяем область. Для других инструментов параметр находится в том же месте.

Меню «Выделение»

Если произвести выделение определенной области, на панели управления получим доступ к действиям – «Выделение — Модификация», и далее – «Растушевка».

Какое же предназначение данного действия, если на панели с параметрами и так вполне достаточно различных настроек? Ответ в правильном порядке действий. Вам необходимо все тщательно продумать перед выделением определенной части. Нужно определить необходимость использования растушевки и параметры ее применения. Если не обдумать эти действия, а затем изменить ваши предпочтения уже после создания выделенной области, нельзя будет применить желаемые настройки к ней с использованием панели с параметрами.

Также возникнут и сложности при желании посмотреть результаты, при которых будет использоваться различное количество пикселей, поскольку для этого придется открывать новую выделенную область каждый раз, особенно этот процесс усложнится при работе с комплексными объектами. При работе с подобными случаями поможет применение команды – «Выделение — Модификация – Растушевка». Всплывет диалоговое окошко – «Растушевка выделенной области», где можно вводить значение, а результат будет получен сразу же по применении функции.

Именно при помощи действий, расположенных в меню, а не настроек, что находятся на панели для параметров, указывают клавишные комбинации для осуществления скорейшего доступа. В таком случае видно, что команда будет доступной при использовании клавиш — SHIFT+F6.

Теперь переходим к практической стороне использования растушевки. Начинаем создавать края изображения с растворением.

Практика

1. Открываем картинку.

   Смотрим на доступность фонового слоя и если на палитре слоев, где расположена миниатюра, включена иконка замка, слой заблокирован. Для его активации кликните два раза на слой. Появится окошко — «Новый слой», тогда жмите ОК.

2. По периметру картинки создаем выделение слоя. В этом поможет «Прямоугольная область».

   Рамка для выделения создается с отступом от края.

   Важно: Команда Растушевка не будет доступной, когда с правой либо с левой от выделения стороны не будет свободного пространства части изображения.

3. Берем «Выделение — Модификация — Растушевка».

   Во всплывшем окошке Вам понадобиться указать значение в пикселях для определения габаритов растворения краев для картинки, к примеру, мы выставили значение 50.

   Выделяемые углы после этого скругляются. Важный этап, на котором нужно определить, что именно вы уже выделили. Если все правильно, в рамочке окажется центральная часть картинки.

4. Следующий шаг предполагает удаление ненужных пикселей. В таком случае сейчас происходит удаление в центре, но необходимо обратное, для чего и предусмотрена инверсия (CTRL+SHIFT+I), которая нам в этом помогает.
5. Под рамкой у нас окажутся границы картинки. Смотрим на изменение «марширующих муравьев»:
6. Удаляем края картинки при помощи нажатия на клавиатуре DELETE.
   

   Важно: Если нажать удаление более одного раза, Фотошоп начнет охватывать больше пикселей, поскольку происходит суммирование эффекта удаления.

   Для примера, мы нажали удаление трижды.

7. CTRL+D позволит избавиться от рамочки для удаления.

Растушевка для сглаживания резких границ

Растушевка поможет и для сглаживания резких границ картинки, что весьма эффективно при работе с коллажами. Заметным становится эффект неестественного перепада краев разных объектов при добавлении новых эффектов к коллажу. В качестве примера рассмотрим процесс создания небольшого коллажа.

1. На компьютере создаем папку, в которую скачаем исходники — текстуру, а также клипарт с животными. Создаем новый документ, к примеру, с размером 655 на 410.
2. Клипарт добавляем к новому слою, для чего нужно перейти к созданной ранее папке. Нажимаем правую кнопку мышки на изображении с животными и выбираем из всплывающего — Открыть с помощью, затем AdobeP hotoshop.
3. В новой вкладке в Фотошопе будут открыты животные. Перемещаем их в предыдущую вкладку — выбираем компонент «Перемещение», перетаскиваем животных в документ, что был заранее создан. После того как в рабочем пространстве откроется нужный документ, не отпуская кнопку мыши, тянем картинку на холст.

   Должно получиться следующее:

4. Изображение будет большим и не поместится целиком на холст. Берем команду – «Свободное трансформирование», используя CTRL+T. Появится рамка вокруг слоя с животными, необходимый размер для которой подобрать можно благодаря ее движению за углы. Это позволит подобрать точный размер. Только при этом держите SHIFT, чтобы не нарушить пропорции в изображении.

Важно: Большие габариты могут не позволить рамочке поместится в видном пространстве в Фотошопе. Нужно убавить масштаб для документа — CTRL+−.

5. Следующий этап предполагает добавление текстуры к фону, для чего проделываем опять этапы 2, 3. Поверх слоя с животными появится текстура с огромными размерами. Оставьте все как есть, а не старайтесь ее уменьшать, поскольку позже мы ее просто передвинем. Переместите слой с животными выше текстуры на палитре со слоями.
6. Внимания заслуживает процесс придания контраста краям картинки с животными на зеленом фоне. Дефект отделения от фона белого цвета будет виден сразу же, поскольку вы заметите тонкую полоску белого. Если вы этого дефекта не наблюдаете, значит, переход получился вовсе неестественен от шерсти животного до окружающей среды. В таком случае нам понадобится растушевка для внесения поправок к краям картинки с животными. Производим незначительное размытие, а затем плавный переход до фона. Держите на клавиатуре CTRL и кликайте мышью на миниатюру, где значится слой на палитре — это поможет произвести выделение области по самому контуру слоя.
7. CTRL+SHIFT+I поможет произвести инвертирование выделения.

   SHIFT+F6 вводит размер растушевки, для чего возьмем 3 пикселя.

   Delete поможет удалить лишнее после применения растушевки. Для лучшего эффекта мы нажали три раза.

   CTRL+D поспособствует удалению лишнего теперь выделения.

   Теперь увидим значительную разницу. Таким образом мы добились смягчения краев на нашем коллаже.

Методы растушевки помогут вам сделать свои композиции более профессиональными.

Помогла ли вам эта статья?

Как сгладить края в Photoshop (Перо Photoshop)

Иногда ваша задача при редактировании — создать составное изображение из двух разных элементов. Или убрать толпу перед Колизеем. Или создать красивую виньетку с изображением человека, которого вы уважаете.

Во всех этих случаях неизбежно возникает вопрос, как использовать сглаженные края в Photoshop. В частности, это умение необходимо для того, чтобы составное изображение выглядело естественно.(Для тех, кто интересуется забавными стилями коллажей, к вашим услугам базовая функциональность Paint.)

Чтобы удовлетворить эту потребность в гладких краях, мы разработали это пошаговое руководство. Проверьте это и узнайте, как использовать сглаженные края в Photoshop (или как растушевать в Photoshop). Для вашего удобства обычно проблемные шаги в разделах по размытию краев (Photoshop) и уточнению гладких краев (Photoshop) сопровождаются ответами и полезными советами.

Итак, приступим к приятному, творческому и плавному процессу создания размытых краев на ваших фотографиях!

Этап 1.Извлечение фото: основные настройки

Чтобы начать смягчать края, вы должны создать правильное выделение для переднего плана. Для этого подойдет Refine Edge (Photoshop).

Примечание. «Уточнить край» может отсутствовать в более новых версиях Photoshop, поэтому наше руководство включает более сложный путь для доступа к инструменту «Уточнить край». В то же время некоторые люди пропускают этот шаг и сразу переходят к растушевке в Photoshop.

Выбор за вами.Просто имейте в виду, что чем лучше подготовлен исходный материал (в нашем случае выбранное изображение), тем легче вы поместите его в новую фотографию.

Если вы хотите использовать функцию «Уточнить край», выполните следующие действия:

1. Выберите меню Select и перейдите к Select and Mask . Или используйте инструмент быстрого выбора (например, Quick Selection, Magic Wand или Lasso ), затем выберите Select and Mask .
2. Уточните свой выбор с помощью функций на панели свойств .
3. Перейдите в режим просмотра, чтобы выбрать способ представления предварительного просмотра выделения ( Onion Skin , Marching Ants , Overlay , On Black , On White , Black & White или On Layers ) и используйте ползунок Непрозрачность , чтобы отрегулировать его.
4. Используйте кисть Quick Selection , чтобы изменить выделение широкой кистью.
5. Используйте кисть Refine Edge для точной настройки.
6. Добавьте последние улучшения с помощью инструмента Brush .

Этап 2. Растушевка краев (вариант в Photoshop): самый распространенный способ уточнить выделение

Обычно растушевка Photoshop используется для смягчения перехода между выделенной областью и фоном. Этот инструмент прекрасно решает проблему использования гладких краев в Photoshop. Более того, большинство людей используют только этот инструмент и добиваются потрясающих результатов.

Итак, как правильно и эффективно использовать перо в Photoshop? Это простое руководство и есть ответ:

1. Первый способ — изменить настройки в Properties Menu после процесса маскирования.
2. Вот результат, когда вы вставляете выделение на новый слой:
3. Получите доступ к инструменту Marquee , чтобы сделать выделение, которое вы скопируете и вставите на новое изображение позже (завершите этот шаг, если вы пропустили предыдущий этап ). Какую форму шатра выбрать? Доступны два типа форм. Для прямоугольного и квадратного выделения лучше выбрать инструмент «Прямоугольная область». Для круглых изображений лучше подойдет параметр Ellipse Marquee.
4. Проведите курсором по изображению, чтобы создать границу (пространство для этих гладких краев, которые предлагает Photoshop).
5. Доступ к инструменту Feather с помощью параметра Изменить в главном меню Выбрать .
6. Выберите значение пера в Photoshop в диалоговом окне, введя число в поле Радиус пера .

Хотите знать, как правильно растушевать в Photoshop? Вводимый вами радиус растушевки устанавливает количество пикселей, на которое края вашего выделения будут смягчены.Так что не стесняйтесь играть с этими числами. Для хорошего начала выберите что-нибудь от 20 до 30.

Хотите знать, как лучше использовать гладкие края в Photoshop, если мягкие края становятся слишком широкими? В этом случае просто повторите предыдущий шаг, но теперь введите меньшее число. В противном случае слишком узкие края можно оптимизировать, используя более широкий радиус.

В результате этих действий вы получите виньетированное изображение.

Stage 3. Инструмент Photoshop Blur Tool (или как использовать сглаженные края в Photoshop как профессионал)

На продвинутом уровне инструмент «Размытие» в Photoshop — лучший способ создать плавный переход с точки зрения освещения и точно объединить два изображения.

Так как же сделать так, чтобы Photoshop размыл края правильно?

1. Определите резкие края, удерживая Alt и используя колесо прокрутки мыши для увеличения. Вы все еще можете создавать размытие краев в Photoshop, если у вас нет мыши. В качестве альтернативы попробуйте инструмент Zoom , чтобы просмотреть края, которые необходимо улучшить.

2. Нажмите ] или [, чтобы отрегулировать размер кисти. Начните корректировать неправильные края. Как правильно выбрать размер кисти? Мы советуем выбирать размер, немного превышающий толщину края. Это приведет к точному размытию, не касающемуся окружающей области.

3. Используйте ползунок Strength .При выборе значения учтите следующее: чем выше процент, тем ярче становится приложение инструмента размытия Photoshop.

Этап 4. Оцените результат и подумайте о постобработке

Применяя к фотографии так много фокусов, важно останавливаться и оценивать результат каждого действия. Проверьте, достигли ли вы нужного эффекта на каждом этапе:

Этап 1 : Выбранный вариант полностью присутствует. Другими словами, вы выбрали достаточно области фотографии, чтобы не обрезать что-то важное после всех настроек. Stage 2 : края выделенных фрагментов оптимальной мягкости и не выглядят резкими. Stage 3 : Все детали на размытых краях опущены.

Если все в порядке, рассмотрите возможность постобработки. После того, как вы внесли так много важных изменений, все, что вам нужно, это простое редактирование, которое не повлияет на качество вашей фотографии. Мы рекомендуем проверить этот цветной редактор фотографий. В нем есть все, что вам нужно в бесплатной пробной версии, и множество замечательных идей для ваших фотографий в платной версии продукта.

Luminar 3 — Время имеет значение
Самый быстрый способ выделить ваши фотографии Сложное редактирование фотографий стало проще с помощью инструментов
AI

• Акцент AI 2.0
• AI Sky Enhancer
• Более 70 мгновенных образов
• Быстро стереть ненужные объекты
• Denoise
• Заточка
• и — более

Этап 5.Если что-то пойдет не так, воспользуйтесь спасательным кругом!

Если вы понимаете, что после того, как потратили столько времени и сил на создание сглаженных краев в Photoshop, результат плохой, не расстраивайтесь слишком рано. На рынке есть несколько программ, которые проще в использовании и могут создавать плавные края такого же качества.

Здесь мы представим функциональные возможности Luminar. Фактически, Luminar может справиться со всеми задачами, которые мы описали выше — он даже поставляется с инструментом растушевки, который очень похож на перо Photoshop.

Среди множества фильтров в Luminar есть фильтр для размытия краев. Точнее, этот фильтр позволяет разделить изображение на слои и применить простые инструменты к каждому из них. Для получения дополнительной информации об этой технике ознакомьтесь с этим обзором.

Более того, в Luminar маскировать намного проще, чем в Photoshop. Чтобы оценить его простоту, прочтите этот обзор.

Покрывая все основные потребности для создания гладких краев и оставаясь простым и удобным, Luminar является спасательным средством для тех, кто борется с Photoshop.Не стесняйтесь использовать!

Luminar 3 — Время имеет значение
Самый быстрый способ выделить ваши фотографии Сложное редактирование фотографий стало проще с помощью инструментов
AI

• Акцент AI 2.0
• AI Sky Enhancer
• Более 70 мгновенных образов
• Быстро стереть ненужные объекты
• Denoise
• Заточка
• и — более

Как смягчить края с помощью растушевки в Adobe Photoshop CS6

2. Программное обеспечение
3. Adobe
4. Photoshop
5. Как смягчить края с помощью растушевки в Adobe Photoshop CS6

Автор: Дженнифер Смит, Кристофер Смит, Фред Герантаби

Если вместо этого растушевать выделенную область (размыть ее края), вы создадите естественный переход между выделенной областью и фоном изображения.

Чтобы растушевать изображение, выполните следующие действия:

1. Создать выделение.

   Для изображения без перьев, показанного наверху, используйте инструмент Elliptical Marquee Tool, чтобы сделать выделение. Затем скопируйте выделение; создать новое пустое изображение; и вставьте выделение в новое изображение.

   Чтобы создать растушеванное изображение внизу, используйте инструмент Elliptical Marquee Tool, чтобы выбрать ту же область на исходном изображении, и перейдите к шагу 2.

2. Выберите «Выделение» → «Изменить» → «Растушевка».

3. В появившемся диалоговом окне «Растушевка» введите значение в текстовое поле «Радиус растушевки» и нажмите «ОК».

   Например, введите 20 в текстовое поле «Радиус растушевки». (Затем скопируйте выделение, создайте новое изображение и вставьте выделение с растушевкой в ​​новое изображение, чтобы создать изображение внизу.) Voilà! Края изображения смягчены на участке размером 20 пикселей.Этот метод также называется виньетка в полиграфической промышленности.

Результаты растушевки зависят от разрешения изображения. Растушевка в 20 пикселей в изображении с 72 ppi (пикселей на дюйм) — это гораздо большая область, чем растушевка из 20 пикселей на изображении 300 ppi. Типичные значения для красивой виньетки на краю изображения составляют от 20 до 50 пикселей. Поэкспериментируйте с изображениями, чтобы найти то, что вам больше всего подходит.

Этот эффект размытия создает приятные мягкие края изображения, но он также полезен при ретушировании изображений.Выполните следующие действия:

1. Используя любой метод выделения, создайте выделение вокруг той части изображения, которую вы хотите осветлить.

2. Выберите Select → Modify → Feather; в появившемся диалоговом окне «Растушевка» введите 25 в текстовое поле «Радиус растушевки» и нажмите «ОК».

   Если появляется сообщение об ошибке, скажем, «Ни один пиксель не выбран более чем на 50%», нажмите «ОК» и создайте более крупное выделение.

3. Выберите Изображение → Коррекция → Кривые.

4. Щелкните в центре кривой, чтобы добавить точку привязки, и перетащите вверх, чтобы сделать изображение светлее.

   Этот шаг осветляет средние тона изображения.

Обратите внимание на то, как освещение исчезает, так что коррекция не имеет определенного края.

Об авторе книги

Дженнифер Смит — эксперт по веб-технологиям и автор нескольких книг, в том числе Photoshop CS6 Digital Classroom. Кристофер Смит — президент Американского института графики и автор более десяти книг по программному обеспечению Adobe. Фред Герантаби — интерактивный дизайнер, веб-разработчик и автор, удостоенный премии «Эмми».

Как создать границу с мягкими краями в Photoshop

Без границы с мягким краем

С мягкой кромкой

Из этого туториала Вы узнаете, как сделать фотографии мягкими. Этот метод в основном используется для коллажей, но его также можно использовать для дисплеев, отчетов или просто для того, чтобы сделать изображение более приятным для глаз. Как только вы откроете свою фотографию в фотошопе:

1. Выберите инструмент Rectangular Marquee Tool или Elliptical Marquee Tool.В этом примере я использовал инструмент Elliptical Marquee Tool.

2. Сделайте хороший выбор в соответствии с тем, что вы хотите в конечном продукте. Также позвольте немного больше места, чтобы создать достаточно места для мягкого края, чтобы вы не потеряли то, что хотели бы сохранить.

3. Затем выберите «Растушевка» в меню «Выбор». (Выбрать> Перо). Для этой фотографии я ввел 45 пикселей, вы можете выбрать другое количество.

4. Затем скопируйте этот выбор (Правка> Копировать)

5. Создайте новый документ (Файл> Новый)

6. Вставьте выделение в новый документ (Правка> Вставить).

Как сгладить края в Photoshop после выделения

Попробуйте эти методы, чтобы сделать выбор более естественным и естественным, чтобы можно было выделить объекты на изображении с плавными краями.

Создание выделения — это первый шаг в использовании Photoshop для выделения объектов и частей изображений. Компоновка или создание нового изображения путем объединения двух или более изображений — одна из основ программы.

После того, как вы сделали выбор, уточнение краев подготовит плавную изоляцию.В этом руководстве мы рассмотрим простые и несложные методы, которые помогут вам получить наилучший возможный выбор.

Выполнение выбора

В этом руководстве мы воспользуемся Волшебной палочкой и Лассо, чтобы показать, насколько хороши эти, казалось бы, простые инструменты. Я выбрал изображение, которое кажется кошмаром, отделить его от фона. Но, комбинируя инструменты, на самом деле это довольно просто.

1. Используйте волшебную палочку, чтобы определить основные границы

Выберите Magic Wand в окне инструментов Tools . В верхней части окна приложения вы увидите поле с надписью Tolerance и введите 20 . Теперь просто щелкните фон (область, которую вы хотите удалить) рядом с объектом, чтобы разделить их.

Удерживайте Shift и продолжайте щелкать вверх и вокруг каждого изменения цвета, концентрируя щелчки там, где объект встречается с фоном.Если выделение наталкивается на объект, удерживайте Option и щелкните эту область, чтобы отменить выбор в соответствии со значением допуска.

Если вы обнаружите, что палочка утомительна или, наоборот, слишком голодна, отрегулируйте Допуск. Измените число на 10 в большую или меньшую сторону, пока не найдете оптимальное место для конкретной области. Если вы столкнулись с однозначной корректировкой, откажитесь от нее и вернитесь к ней на следующем шаге.

2. Уточните выделение с помощью лассо

Если вы обнаружили, что Magic Wand не полностью соединяется в фоновом режиме, мы воспользуемся лассо, чтобы захватить эту область вручную.

Удерживайте Shift, чтобы добавить к живому выделению, и нарисуйте область рядом с объектом. Это позволяет точно настроить определенные области и увеличить расстояние между объектом и фоном.

Удерживая Shift, просто лассо оставшийся фон, используя большие широкие мазки.Когда вы собрали все случайные пиксели и выделение «марширующих муравьев» достаточно близко к объекту, нажмите Command + Shift + I с по Выбрать инверсию . Это перевернет выделение, сделав объект живым выделением, а не фоном.

Использовать выделение и маску для сглаживания

Вот хорошие вещи. Когда выделение все еще живо и активны инструменты Magic Wand или Lasso, нажмите кнопку Select and Mask в верхней части окна приложения или нажмите Command + Option + R , как в Pro .

1. Global Refinements

Раздел Global Refinements , расположенный в правой части окна, позволяет выполнять пошаговые корректировки определенных атрибутов, пока не будут достигнуты желаемые изменения.

Чтобы начать уточнение выбора, начните со следующих настроек:

• Сглаживание: 3 — округляет любые неровные части, придавая выделению сглаженные границы.
• Растушевка: 0,5 пикселя — смягчает или растушевывает край выделения.
• Контраст: 0 — больше используется для неорганических форм, когда для выделения требуется помощь с переходом цвета или контраста.
• Shift Edge: -20% — переносит границу вместе с другими параметрами Global Refinement (внутрь или наружу) для регулировки размера всего выделения.

2. Обнаружение края

На таком изображении, когда есть много волнистостей и свет проходит сквозь мех на фоне, мы можем использовать элементы управления Edge Detection над Global Refinements, чтобы увидеть, может ли Photoshop лучше определить эти области.

Under Edge Detection — это всего лишь два элемента управления: ползунок Radius и флажок Smart Radius . Мы хотим, чтобы они оставались как можно более низкими, чтобы контролировать результаты, и увеличивать их медленно.Начните с ползунка, установленного на 1, и не устанавливайте флажок Smart Radius.

Результаты этого изменения на 1 пиксель могут быть всем, что вам нужно. Если нет, увеличивайте радиус на пиксель за раз и проверяйте края выделения, чтобы убедиться, что результаты хорошие. Я поднял до 5 и обнаружил, что в этой ситуации он немного лучше обрабатывает мех.

3. Инструмент Refine Edge Brush Tool

Для получения действительно гладких и четких краев в некоторых сложных ситуациях используйте инструмент Refine Edge Brush Tool .Длинное название простого, но мощного инструмента «Выделение и маска». Эта кисть превращает волосы, мех и все размытые в детскую игру.

Найдите маленькое окно инструментов в верхнем левом углу окна. Второй инструмент — Refine Edge Brush. Выберите его и найдите участок меха, который нужно определить.

Измените размер, нажав клавишу открытой скобки [, чтобы уменьшить, или клавишу закрытой скобки ] , чтобы увеличить. Как обычно, начни с малого.Теперь щелкните и перетащите кисть через небольшие участки волос / меха за раз, позволяя ей делать свое дело.

Вы быстро поймете, что этот инструмент — самое близкое к магии, что у нас есть на данный момент в истории человечества. Используйте его с умом, и вы сможете поднять свой неровный, небрежный выбор на новый уровень в изолированном пространстве.

Напомним, что предлагаемые варианты использования инструментов Select и Mask:

• Global Refinements , чтобы сгладить общий выбор.
• Обнаружение краев , чтобы Photoshop обнаруживал и создавал переход.
• Кисть для уточнения краев для выделения участков, в которых волосы, в частности, переходят в фон.

С такой комбинацией элементов управления и инструментов вы больше никогда не встретите другое изображение, которое нельзя было бы проанализировать снова.Между быстрой ручной работой и автоматическим управлением у вас есть все необходимое, чтобы делать плавный выбор, как профессионал.

Ищете больше советов и руководств по фотошопу? Проверьте это.

Как сделать плавный переход к прозрачности в Photoshop

Приветствую!

При обработке и редактировании изображений возникают разные задачи. И если с одними за счёт уже имеющихся знаний и опыта справиться можно молниеносно, то другие требуют обращения к справочным материалам. Одной из таких задач может стать необходимость сделать у редактируемого изображения плавный переход в прозрачность. И в редакторе Adobe Photoshop данная задача решается достаточно просто.

Давайте рассмотрим, какие действия необходимо предпринять, дабы наделить редактируемое изображение плавным переходом в прозрачность.

Сразу стоит отметить, что инструкция является универсальной и без каких-либо сложностей воспроизводится в любой актуальной версии Фотошоп-а.

Инструкция по добавлению картинке плавного перехода в прозрачность в Фотошоп

1. Открыв редактируемое изображение, в окне Слои нажмите по миниатюрной кнопке Добавления слой-маски. Как конкретно выглядит эта кнопка, можно увидеть ниже, на изображении.

   Примечание: если у редактируемого вами изображения множество слоёв, то предварительно укажите тот слой, которому необходимо добавить прозрачность, а уже после добавляйте для него слой-маску нажатием соответствующей кнопки.

2. Добавив слой-маску, вы увидите соответствующее обозначение в окне слоёв.

3. Теперь в панели инструментов выберите Градиент.

4. Дабы наделить редактируемое изображение прозрачностью, необходимо подвести курсор мышки к краю изображения (край может быть любой), нажать левую клавишу и провести курсор по изображению. Как только вы отпустите зажатую клавишу, вы сразу же увидите результат.

   Плавность перехода зависит от того, как далеко вы проведёте курсор мышки. Поэкспериментируйте, вначале проведите курсор мышки до середины изображения, дабы видеть, каков будет результат.

5. Результатом станет добавленная прозрачность. На приведённом примере ниже это можно наблюдать воочию.

   Важно отметить: если вы впоследствии собираетесь наложить данное изображение на другое и чтобы при этом наблюдался плавный переход одного изображения в другое, то сохраните полученный результат в графический формат изображения, поддерживающий прозрачность. К примеру, это может быть очень популярный формат PNG.

Видеоинструкция

Несколько не особо сложных шагов, которые мы детально привели и описали в материале, помогут вам при редактировании изображения, в частности, наделения оного плавной прозрачностью.

Остаётся только пожелать вам успехов на поприще редактирования графических изображений, а также порекомендовать подписаться на новые статьи и материалы, что размещаются с завидным постоянством на нашем сайте IT-Actual.ru

До новых встреч, уважаемый посетитель!

В свою очередь, Вы тоже можете нам очень помочь.

Просто поделитесь статьей в социальных сетях и мессенджерах с друзьями.

Поделившись результатами труда автора, вы окажете неоценимую помощь как ему самому, так и сайту в целом. Спасибо!

(cбор пожертвований осуществляется через сервис «ЮMoney»)

Не секрет, что в экономике ныне дела обстоят не лучшим образом, цены растут, а доходы падают. И данный сайт также переживает нелёгкие времена 🙁
Если у тебя есть возможность и желание помочь развитию ресурса, то ты можешь перевести любую сумму (даже самую минимальную) через форму пожертвований, или на следующие реквизиты:

Номер банковской карты: 5331 5721 0220 5546
Кошелёк ЮMoney: 410015361853797
Кошелёк WebMoney: P865066858877
PayPal: [email protected]
BitCoin: 1DZUZnSdcN6F4YKhf4BcArfQK8vQaRiA93

Оказавшие помощь:
Сергей И. — 500руб
<аноним> — 468руб
<аноним> — 294руб
Мария М. — 300руб
Валерий С. — 420руб
<аноним> — 600руб
Полина В. — 240руб

Деньги пойдут на оплату хостинга, продление домена, администрирование и развитие ресурса. Спасибо.
С уважением, создатель сайта IT-Actual.ru

Уточнить край в фотошопе как

Выделение волос с помощью команды «Уточнить края» в Photoshop CS5

В Photoshop CS3 компания Adobe представила команду «Уточнить края», с помощью которой выделение волос, шерсти и других мелких деталей на фото стало несравнимо проще. Но в Photoshop CS5 Adobe подвергла эту команду глобальным изменениям, которые сделали ее еще лучше и проще, добавили новые возможности. Теперь это делается настолько просто, что выделить волосы на фото может кто угодно.

Обратите внимание на фото: все кудрявые пряди волос, выбивающиеся из прически, расположены на сером фоне:

Оригинальное фото

Я хочу заменить исходный серый фон другим изображением. Если вы посмотрите на мою панель «Слои», то увидите, что под слоем оригинальной фотографии у меня располагается другой снимок. Я нажму на иконку видимости исходной фотографии, чтобы временно отключить верхний слой. Таким образом, вы сможете видеть изображение под ним:

Нажмите на иконку видимости верхнего слоя

Теперь можно увидеть изображение, которым я собираюсь заменить фон исходного фото:

Фото для замены фона

А вот, как будет выглядеть конечный результат благодаря команде Photoshop CS5 «Уточнить края»:

Окончательный результат

Шаг 1: Нарисуйте приблизительный контур выделения вокруг объекта

Нанесем приблизительный контур выделения вокруг женщины на фото. Для этого нам не нужно использовать какие-либо специальные или продвинутые инструменты. Стандартного инструмента «Лассо» будет вполне достаточно. «Многоугольное лассо» подойдет даже больше, потому что с его помощью это делается еще проще и быстрее. Я активировал инструмент «Многоугольное лассо»:

Выберите инструмент «Многоугольное лассо»

С помощью инструмента «Многоугольное лассо» я начинаю выделять руку и плечо женщины, проставляя точки, которые составят контур выделения. Обратите внимание, что я провожу границу выделения внутри области руки. Команда «Уточнить края» работает лучше, если исходное выделение проходит по внутреннему краю нужной области:

При выбранном инструменте «Многоугольное лассо» кликните несколько раз мышью по внутреннему краю руки и плеча, чтобы создать контур выделения

Когда я дошел до области волос, я также стараюсь проводить контур максимально близко к краю, чтобы внутрь выделения не попали участки серого фона. Сейчас мне нужно только выделить основную часть волос, обо всем другом позаботится команда «Уточнить края»:

Нарисуйте контур, оставляя за его пределами области, в которых фон просматривается сквозь волосы

В завершение я замыкаю выделение по краю изображения и возвращаюсь к исходной точке ниже руки женщины, с которой я начал контур:

Теперь женщина на фото обведена предварительным контуром выделения

Шаг 2: Выберите команду «Уточнить края»

Создав предварительное выделение, мне, прежде всего, нужно убедиться, что в палитре «Слои» у меня выбран нужный слой:

Убедитесь, что у вас активен нужный слой

После этого нам нужно вызвать команду «Уточнить края». Для этого можно либо перейти в меню «Выделение» в верхней части экрана и выбрать пункт «Уточнить края», или (если активен инструмент «Многоугольное лассо») мы можем просто нажать на кнопку «Уточнить края» в панели параметров.

Чтобы кнопка «Уточнить края» появилась в панели параметров, у вас должен быть выбран инструмент выделения:

Нажмите на кнопку «Уточнить края» в панели параметров (при активном инструменте выделения)

Откроется диалоговое окно «Уточнить края», но прежде, чем мы перейдем к нему, давайте взглянем на мое изображение в окне документа. Мы увидим, что область, которую я выделил, в данный момент располагается на сплошном белом фоне:

Окно документа, в котором выделенная область показана на белом фоне

Режимы просмотра

У вас область выделения может размещаться на сплошном белом или черном фоне. Все зависит от того, какой режим просмотра в данный момент у вас выбран в верхней части диалогового окна «Уточнить края». Вы можете видеть небольшую миниатюру текущего режима просмотра справа от слова «Просмотр»:

Небольшая миниатюра отображает текущий режим просмотра

Если вы кликните по миниатюре или по маленькой стрелке справа от нее, на экране появится список различных доступных режимов просмотра. У меня в данный момент выбран режим «На белом», поэтому выделение отображается на белом фоне. Теперь я выбираю режим «На черном» — прямо над названием текущего режима:

Выберите из списка режим просмотра «На черном»

Теперь выделение отображается на сплошном черном фоне:

После выбора режима просмотра «На черном» выделение отображается на черном фоне

Если я выберу режим просмотра «Черный и белый»:

Выбор режима «Черный и белый»

Изображение в окне документа будет отображаться так, как будто я смотрю на маску слоя. Белый цвет покрывает выделенную область, а черный – все остальное. Серый цвет будет представлять частично выделенные области:

При режиме просмотра «Черный и белый» изображение отображается так, как будто это маска слоя

Режим просмотра «По слоям»:

Выбор режима просмотра «По слоям»

Выделение отображается так, как будто оно располагается на отдельном слое поверх всех других слоев. Данный режим просмотра может оказаться полезным при составлении композиций, так как позволяет легко видеть результат, получаемый после совмещения разных фотографий. В моем случае, так как ниже у меня расположено другое изображение, мы можем увидеть эту фотографию под выделением.

Если вы работаете с документом, содержащим всего один слой, то область за границами выделения будет заполнена шахматным узором, который в Photoshop обозначает полностью прозрачные участки:

Изображение с выбранным режимом просмотра «По слоям»

Я намеренно пропустил первые два режима просмотра – «Муравьиные линии» и «Наложение», поскольку ни один из них нам не пригодится. Режим «Муравьиные линии» обозначает выделенную область стандартным контуром выделения, а режим «Наложение» выводит невыделенную область полупрозрачным красным цветом подобно тому, как выделение отображается в режиме «Быстрой маски». Последний в списке режим просмотра «Показать слой» мы рассмотрим чуть позже.

Основная задача этих режимов просмотра — оценка, насколько качественно задана область выделения. В некоторых изображениях выделение проще оценить, если оно выводится на белом фоне, для других — на черном, и так далее. Часто возникает необходимость переключаться между различными режимами просмотра. Именно поэтому рядом с каждым из режимов просмотра в списке расположена буква (справа от его названия).

Она обозначает клавишу для быстрого переключения между режимами. Например, можно переключиться в режим «На белом», нажав на клавиатуре клавишу W, «На черном» — нажав клавишу B, «По слоям» — нажав клавишу L и так далее. Вы также можете нажать клавишу F, чтобы переключаться между режимами просмотра по кругу.

Если вы предпочитаете выбирать режим просмотра из списка, а не с помощью горячих клавиш, вам нужно дважды кликнуть по его названию. Таким образом, режим будет активирован. После этого закройте список.

Шаг 3: Увеличьте значение радиуса

Непосредственно под параметром «Режим просмотра» в диалоговом окне «Уточнить края» располагается раздел, который называется «Определение края». Чтобы добавить в область выделения оставшиеся за контуром пряди волос, нажмите на ползунок слайдера «Радиус» и перетащите его вправо:

Нажмите и перетащите вправо ползунок слайдера «Радиус»

Когда вы перетащите ползунок, вы увидите, что некоторые пряди волос, которые ранее были за пределами первоначального выделения, теперь попадают в него. Я использую режим просмотра «По слоям», чтобы вам было нагляднее видно, что некоторые пряди волос теперь проявляются поверх фонового изображения:

Некоторые из прядей волос за пределами первоначального выделения теперь видны

Если я перетащу ползунок еще дальше вправо, чтобы увеличить значение «Радиуса»:

Перемещение ползунка «Радиус» еще дальше вправо

тогда в окне документа появятся пряди волос, расположенные еще дальше от первоначального выделения:

Изображение после увеличения значения «Радиуса»

Справа от миниатюры режима просмотра в верхней части диалогового окна, располагается параметр под названием «Показать радиус», который по умолчанию отключен. Кликните по нему один раз, чтобы включить этот параметр:

Включите параметр «Показать радиус»

Если эта опция включена, то в окне документа виден сам радиус. Принцип работы команды «Уточнить края» заключается в том, что она ищет области документа за пределами контура, которые еще нужно включить в выделение. А значение «Радиуса» определяет, как далеко за пределами первоначального выделения Photoshop будет «искать» такие области.

Этот поиск осуществляется только в пределах того радиуса, который мы указали. Если мы устанавливаем значение «Радиуса» в 50 пикселей, тогда Photoshop будет проверять область на 50 пикселей в любом направлении от края первоначального выделения.

Если вы посмотрите на мое окно документа, то увидите, что радиус — это зона между двумя областями сплошного черного цвета. Сплошной черный цвет окрашивает участки, которые Photoshop игнорирует при поиске дополнительных пикселей и которые должны быть добавлены к выделению.

В режиме просмотра «На белом» игнорируемые области будут белого, а не черного цвета. Анализируются только пиксели в пределах зоны, ограниченной радиусом:

«Радиус» представляет собой зону между областями сплошного черного цвета

Для наглядности я нажимаю клавишу K, чтобы быстро переключиться с режима просмотра «По слоям» на режим «Черное и белое». Теперь зона радиуса представляет собой область сплошного белого цвета между черными областями:

«Радиус» в режиме просмотра «Черное и белое»

Я снова возвращаюсь к режиму просмотра «По слоям». Для этого нужно нажать на клавиатуре клавишу L.

«Умный» радиус

Увеличение значения радиуса позволило мне добавить больше прядей в область выделения. Но радиус увеличивает зону потенциального выделения вокруг руки и плеча женщины, а также вокруг нижней и правой стороны изображения, где это не нужно:

Для волос нужен более широкий радиус, но для других областей нет

Здесь пригодится «Умный радиус». Он расположен над слайдером «Радиус». Я устанавливаю флажок, чтобы включить его:

Включите «Умный радиус»

При включении «Умного радиуса» Photoshop будет анализировать области как можно ближе к краю выделения, а также будет пытаться уменьшить ширину радиуса там, где это возможно. На моем изображении край вдоль руки и плеча женщины имеет резкий переход, поэтому Photoshop уменьшит ширину радиуса в этой области. Но оставит более широкий радиус в области волос.

Если мы теперь посмотрим на мое окно документа, то увидим, что Photoshop сделал именно это. Вокруг волос радиус все еще широкий, но вдоль руки и плеча радиус гораздо более узкий:

При включенной опции «Умный радиус» Photoshop автоматически настраивает ширину радиуса в различных областях

Иногда «Умный радиус» может нам помочь, иногда он только все испортит. Его стоит применять в тех случаях, когда выделение имеет разные типы краев. Если же вы захотите выделить только волосы, или только руку и плечи, то не стоит использовать эту опцию. Проще всего сначала попробовать выключить опцию, а затем включить, и уже после этого решать выглядит все лучше или хуже.

Шаг 4: Ручная настройка радиуса с помощью уточняющих кистей

Мы попробуем уточнить радиус вручную с помощью нескольких кистей, которые содержит команда «Уточнить края». Слева в окне находится иконка кисти. Если нажать на нее и удерживать, появится всплывающее меню, в котором можно выбрать одну из двух кистей: «Уточнить радиус» и «Стереть уточнение»:

Нажмите и удерживайте иконку кисти, после чего откроется всплывающее меню для выбора инструментов (кистей) уточнения

«Уточнить радиус» работает как «добавить к радиусу«, «Стереть уточнение» — как «вычесть из радиуса«. С их помощью легко закрашивать области изображения, которые мы хотим добавить или вычесть из существующего радиуса.

Для переключения между кистями нажмите клавишу Alt (Win) / Option (Mac) на клавиатуре. Когда вы отпустите клавишу Alt / Option, вы снова вернетесь к инструменту «Уточнить радиус».

Сейчас я использую инструмент «Убрать уточнение», чтобы удалить ненужные области, попавшие в пределы выделения по правому и нижнему краю изображения. При этом мы не добавляем выделенные участки, а настраиваем размер области, которую анализирует Photoshop. И программа сама определяет, какие пиксели выделять, а какие игнорировать.

Сейчас я нажимаю клавишу Alt (Win) / Option (Mac), чтобы временно переключиться с инструмента «Уточнить радиус» на «Стереть уточнение». При активации инструмента в центре курсора кисти появляется маленький значок минуса (-). А при активном инструменте «Уточнить радиус» появляется значок плюса (+).

После этого просто кликните по местам, которые вы не хотите включить в выделение, и, удерживая нажатой клавишу мыши, зарисуйте их. Так как у меня все еще включена опция «Показать радиус», — зона вдоль нижней части изображения сейчас заполнена черным цветом, который означает, что Photoshop игнорирует эту область:

Удерживая нажатой клавишу Alt (Win) / Option (Mac) закрасьте область вдоль нижнего края изображения

Я отпускаю клавишу Alt (Win) / Option (Mac), чтобы вернуться к инструменту «Уточнить радиус», и теперь могу добавить другие пряди волос женщины в выделение. Я также уберу флажок «Показать радиус», чтобы мы снова могли видеть фактическое фото поверх фонового изображения (с помощью режима просмотра «По слоям»):

Отключив опцию «Показать радиус», мы снова видим в окне документа изображение

Чтобы добавить оставшиеся локоны волос, мне нужно зарисовать область, где они должны бы находиться. Но как мне узнать, где рисовать, если я не могу реально видеть оставшуюся часть волос? Режим просмотра «Показать слой» — позволяет сделать именно это.

Нажмите на миниатюру режимов просмотра в верхней части диалогового окна, а затем дважды кликните по пункту «Показать слой» в нижней части списка. Вы также можете быстро переключиться на этот режим просмотра с помощью горячей клавиши R:

Выберите пункт «Показать слой» в нижней части списка режимов просмотра

При активном режиме «Показать слой», в окне документа снова отображается исходное изображение, и видно, где именно нам нужно зарисовать области с помощью инструмента «Уточнить радиус»:

Режим просмотра «Показать слой» отображает исходное изображение без выделения

Теперь, когда я знаю, где мне нужно рисовать, я нажимаю на клавиатуре клавишу L, чтобы вернуться в режим просмотра «По слоям». Я могу зарисовывать области с помощью кисти «Уточнить радиус», чтобы проявить остальные локоны волос женщины. Мы можем прямо с клавиатуры изменять размер для кистей «Уточнить радиус» и «Стереть уточнение».

При нажатии клавиши левой квадратной скобки ([) размер кисти уменьшается, а при нажатии правой квадратной скобки (]) — увеличивается:

При нажатии кнопки мыши в этой области проявляется серый фон из исходного изображения

Когда вы отпустите кнопку мыши, исходное изображение пропадет, и мы увидим только результат — большее количество локонов добавленных в выделение. С помощью инструмента «Уточнить радиус» вы можете зарисовать другие области, чтобы добавить из них локоны. Если вы допустили ошибку, нажмите и удерживайте клавишу Option / (Mac) Alt (Win), чтобы перейти к инструменту «Убрать уточнение», и зарисуйте области, которые вы хотите убрать из зоны радиуса:

После того, как мы зарисовали дополнительные области с помощью инструмента «Уточнить радиус», поверх фонового изображения проявилось больше локонов женщины

Опции настройки краев

Ниже в диалоговом окне «Уточнить края» находятся опции настройки краев: «Сглаживание», «Растушевка», «Контраст» и «Сместить край».

Опция «Сглаживание» используется для сглаживания неровных краев выделения, но при выделении волос она чаще вызывает проблемы. Опция «Растушевка» размывает край выделения, в результате чего элементы выглядят нечеткими, размытыми, как на непрофессиональных фото. «Контраст» задает степень увеличения резкости краев выделения, повышения их контрастности. Но это не подходит для выделения волос.

Единственная опция, которую вам стоит попробовать, это «Сместить край». Если мы переместим ползунок параметра вправо от центра, то края будут сдвигаться наружу от границы выделения, и мы сможем захватить больше локонов волос. Если сдвинуть ползунок влево от центра, края выделения будут сдвигаться внутрь. Я хочу перетащить ползунок вправо, чтобы увеличить значение до + 20%:

Увеличьте значение «Сместить край», чтобы расширить границы области выделения

Таким образом, я расширю область выделения, и к нему будут добавлены более мелкие, еле заметные локоны волос:

Увеличив значение «Сместить край», мы добавили дополнительные детали волос

Шаг 5: Удалите цветные каемки с помощью очистки цветов

Вокруг локонов волос остались цветные каемки из исходного фона. Мы можем удалить эти каемки, используя опцию «Очистить цвета». Она располагается в разделе «Вывод» в нижней части диалогового окна. Установите флажок «Очистить цвета», чтобы включить ее:

Включите опцию «Очистить цвета»

Теперь я могу очистить каемку, перемещая ползунок слайдера «Количество» вправо. Его значение по умолчанию составляет 50%. Если вы перемещаете ползунок вправо, Photoshop удаляет каемки, изменяя цвет пикселей вокруг локонов, чтобы они соответствовали цвету самих волос, а не цвету исходного фона.

Я увеличил значение параметра до 75%:

Увеличьте значение «Количество» для опции «Очистить цвета», чтобы удалить каемку вокруг волос

Волосы теперь выглядят темнее, особенно тонкие пряди, которые раньше были светло-серыми, а каемка полностью удалена:

Изображение после удаления каемки с помощью опции «Очистить цвета»

Шаг 6: Вывод выделения

Теперь нужно указать Photoshop преобразовать выделение в «маску слоя», чтобы не удалять пиксели исходного изображения. Установите для параметра «Вывод в». Значение «Новый слой со слоем-маской»:

Установите для параметра «Вывод в» значение «Новый слой со слоем-маской»

Нажмите кнопку «ОК» в правом нижнем углу диалогового окна «Уточнить края», чтобы закрыть его. Если вы теперь посмотрите на палитру «Слои», то увидите, что Photoshop создал копию оригинального изображения и преобразовал выделение в маску для нового слоя.

Оригинальный слой под ним теперь невидимый и больше не отображается в окне документа:

В палитре «Слои» теперь отображается маска слоя для копии исходного изображения

Шаг 7: Доработайте маску слоя

Чтобы просмотреть маску слоя на наличие проблемных зон, удерживая нажатой клавишу Alt (Win) / Option (Mac), нажмите на иконку маски слоя в палитре слоев:

Удерживая нажатой клавишу Alt (Win) / Option(Mac), нажмите на иконку маски слоя

Таким образом, вы выберете маску слоя и сделаете ее видимой в окне документа. Если вы заметили какие-либо области, которые должны быть закрашены, выберите инструмент «Кисть» и зарисуйте их белым или черным цветом:

Зарисуйте области маски белым цветом (с помощью стандартной кисти), чтобы очистить их

Когда вы закончите, вернитесь к нормальному отображению, нажав на миниатюру слоя в панели «Слои»:

Нажмите на миниатюру слоя слева от миниатюры маски

Вот что у меня получилось после корректировки маски слоя:

Окончательный результат

Вот и все! Таким образом, вы можете выделять волосы на фото с помощью команды «Уточнить края» в Photoshop CS5!

Перевод статьи «Selecting Hair with Refine Edge in Photoshop CS5» был подготовлен дружной командой проекта Сайтостроение от А до Я.

Дизайн, создание, продвижение сайтов и многое другое

На прошлых уроках мы изучили, с помощью каких инструментов создается выделение объекта.

Это инструмент прямоугольная область, овальная область, область (горизонтальная строка) и область (вертикальная строка) в Photoshop, инструмент Лассо в Photoshop и инструмент Волшебная палочка в Photoshop.

На этом уроке мы с вами разберем как можно редактировать уже созданное выделение в Photoshop.

Подробно рассматривая все пункты настроек инструментов выделения (волшебная палочка, лассо и инструмент прямоугольная область, овальная область, область (горизонтальная строка) и область (вертикальная строка)) в Photoshop, мы так и не узнали, что из себя представляет настройка УТОЧНИТЬ КРАЙ.

Инструмент ВОЛШЕБНАЯ ПАЛОЧКА в Photoshop. Настройка УТОЧНИТЬ КРАЙ

Выделяем наш рисунок с помощью иструмента ВОЛШЕБНАЯ ПАЛОЧКА в Photoshop (в данном случае, это собака). После того, как мы выделили объект, становится активной кнопочка УТОЧНИТЬ КРАЙ в настройках инструмента ВОЛШЕБНАЯ ПАЛОЧКА.

Выбрав настройку УТОЧНИТЬ КРАЙ в Photoshop у нас открывается диалоговое окно (смотрите рисунок выше), где есть несколько настроек, а также кнопки с фонами. С помощью этой функции мы можем редактировать наше выделение. Причем, для удобства, коррекцию можно производить на разных фонах, что очень удобно, т.к. позволяет более точно отредактировать грани. Давайте чуть поподробнее рассмотрим настройки диалогового окна УТОЧНИТЬ КРАЙ в Photoshop.

Настройка РАДИУС позволяет увеличивать радиус в области с мягким переходом.

Настройка КОНТРАСТНОСТЬ — это дополнительно-вспомогательный параметр для радиуса. Он управляет резкостью краев.

Если, к примеру, с помощью радиуса мы несколько размыли грани, то с помощью контрастности — добавим им немного резкости.

Настройка СГЛАДИТЬ — сглаживает зубчатый грани на изображении.

Настройка РАСТУШЕВКА — края изображения растушевываются (становятся почти прозрачными).

Настройка СЖАТИЕ/РАСШИРЕНИЕ. Название говорит само за себя — сжимает/расширяет изображение.

Таким образом, с помощью кнопки УТОЧНИТЬ КРАЙ в настройках инструментов выделения, можно добиться более качественного выделения объекта.

В самом низу диалогового окна УТОЧНИТЬ КРАЙ находится подсказка по каждому пункту настроек, так что запутаться будет невозможно. Так же, рядом с описанием, наглядно показано как было и как будет выглядеть изображение при применение той или иной настройки. Что очень и очень здорово.

Отредактировав наше выделенное изображение в диалоговом окне настройки УТОЧНИТЬ КРАЙ, мы можем его теперь скопировать и разместить в другом документе программы Photoshop.

Скопировать и разместить выделенное изображение на другой документ в Рhotoshop.

Чтобы скопировать выделенную область нужно перейти в меню РЕДАКТИРОВАТЬ и выбрать там СКОПИРОВАТЬ, или же нажать на клавиатуре сочетание клавиш Ctrl+C. Затем, выбираем картинку с понравившимся нам фоном и в меню РЕДАКТИРОВАТЬ выбираем ВКЛЕИТЬ, или же нажимаем на клавиатуре сочетание клавиш Ctrl+V.

С помощью инструмента ПЕРЕМЕЩЕНИЕ мы передвигаем наш объект (собаку) по выбранной картинке с фоном. Перемещать можно как мышкой, так и с помощью стрелочек на клавиатуре.

Про остальные настройки инструмента ВОЛШЕБНАЯ ПАЛОЧКА в Photoshop можно прочитать в этой статье: Инструменты выделения в Photoshop. Инструмент ВОЛШЕБНАЯ ПАЛОЧКА в Photoshop.

Опции выделения. Настройка УТОЧНИТЬ КРАЙ в Photoshop

Вырезаем волосы при помощи функции Refine Edge (Уточнить край) в Photoshop CS5, Уроки

Наиболее сложным моментом в процессе монтажа или маскировки является качественное извлечение сложных объектов с фона. Особенно это касается длинных распущенных волос моделей, что является проблемой для многих фотографов. Многие инструменты Фотошоп предусмотрены для выделения объектов: это и фильтр «Извлечь» (Extract), и Волшебная палочка (Magic Wand), и Ластик (Eraser Tool). Но сейчас появилась новая функция Refine Edge, которая позволяет без лишних усилий и затрат времени качественно вырезать сложные объекты с фона. В нашем уроке мы попробуем извлечь мужчину с фона и поместить его изображение на другой текстурный фон.

Шаг 1.

Открываем в Фотошоп (Ctrl+O) любую текстуру. Вы можете найти хороший выбор текстур на ресурсе «SGTextures.com», предварительно зарегистрировавшись на нем. Далее, открываем фото мужчины, копируем его (Ctrl+A, Сtrl+C), затем переходим в наш документ с текстурой и вставляем (Ctrl+V) мужчину выше фонового слоя.

Для начала, сделаем грубое выделение мужчины при помощи инструмента «Быстрое выделение» (Quick Selection). В верхнем меню настроек установите режим «Добавление к области выделения» (вторая иконка кисти с плюсом) и активируйте опцию «Усилить автоматически» (Auto-Enhance). Начните движение курсором внутри объекта ближе к его краю. Если вдруг образовалась лишняя зона выделения, переключитесь в верхнем меню на режим «Вычесть из области выделения» (иконка кисти с минусом) или нажмите клавишу Alt, и сократите объем выделенной области, вычитая лишнее.

Шаг 2.

Выполнив грубое выделение, переходим в меню Выделение-Уточнить край (Select> Refine Edge). В диалоговом окне опции в разделе «Вид» (View) нажмите стрелку вниз и выберите из списка положение «На слоях» (On Layers). Это позволит вам хорошо просмотреть края выделенного объекта. Не беспокойтесь о некоторых частях старого фона, которые могут появиться в окне предварительного просмотра (Preview).

Шаг 3.

В разделе «Обнаружение краев» увеличиваем радиус (Radius) таким образом, чтобы оставшийся фон охватывал как можно меньше наш объект. Я установил значение радиуса на 70,8 рх. Мы могли бы воспользоваться функцией Shift Edge (Сместить край), чтобы избавиться от белого фона на волосах, но самый эффективный способ сделать это состоит в использовании опции «Очистить цвета» (Decontaminate Colors). Передвиньте слайдер суммы (Amount) вправо (у меня до 80%). Теперь край вашего изображения должен быть без каких-либо вкраплений фона, за исключением зоны волос. Если вдруг вы забыли активировать функцию Авто-усиления (Auto-Enhance) при выделении, тогда в диалоговом окне опции в разделе Коррекция краев (Adjust Edge) отрегулируйте параметры Смягчения (Smooth) и Растушевки (Feather).

Шаг 4.

Теперь, чтобы удалить следы старого фона в области волос выберите инструмент Очистить радиус. Его иконка находится слева в диалоговом окне опции Refine Edge. В верхнем меню основного окна программы вы можете настроить размер кисти или переключиться на инструмент Стереть уточнения (Erase Refinements Tool). Проведите кистью по волосам мужчины. После проведения кистью по волосам, будет небольшая задержка времени, в течение которой произойдет замена пикселей фона на цвет пикселей, подходящий по цвету к новому фону. Выполнив очистку, выберите в разделе Вывода (Output To) вариант «вывод изображения в новый слой с маской» (New Layer With Layer Mask), затем Ок.

Шаг 5.

Если вы, удерживая клавишу Shift, нажмете на маску слоя, активируя ее, то увидите, что стали видимыми части самого изображения по его краям. Так Фотошоп пытается дезактивировать белые пиксели вокруг объекта. Цвета самого объекта (мужчины в нашем случае) окружили его в целях обеспечения плавного перехода от основного изображения к новому фону. Чтобы включить маску снова, нажмите пр.кн.мыши по миниатюре этого слоя и выберите из меню – Включить маску слоя. Обратите внимание, что видимость оригинального слоя с мужчиной была выключена автоматически при выходе из диалогового окна функции Refine Edge. Если вы использовали изображение как смарт-объект (Smart Object), ваш новый слой также будет растрирован в процессе вывода на новый слой.

Усовершенствование функции Refine Edge (Уточнить край), безусловно, является «фактором Wow» (новинкой!), поскольку позволяет многим пользователям программы создавать бесшовные монтажи и экономит время для пост-продакшн профессионалов.

Используемые материалы:

К сожалению, автор урока не предоставил исходного фото, но вы можете использовать фотографию, предоставленную мной, или любую свою.

Размытие краев в фотошопе. Как быстро размыть края изображения в программе Photoshop

Д ля размытия края изображения в русскоязычной версии программы Фотошоп воспользуйтесь простой инструкцией.

Пошаговая инструкция

Необходимо воспользоваться инструментом Прямоугольная область и нанести, к примеру, прямоугольник произвольного размера на картинку.

Навести курсор внутрь выделенного прямоугольника и правой кнопкой мыши вызвать контекстное меню, в котором выбрать «Уточнить край».

В окне выставить ползунки согласно своей задумке. Рассмотрим некоторые функции при действии «Уточнить край»:

Также здесь же можно просмотреть то, что у нас получается в пяти разных режимах:

1. Посмотреть наше выделение со стандартной границей выделенной области.
2. Посмотреть нашу выделенную область как быструю маску.
3. Просмотреть на черном фоне.
4. Просмотреть на белом фоне.
5. И просмотреть маску, определяющую выделенную область.

Если мы собираемся картинку оставить на белом фоне, то остановимся на четвертом варианте. Жмем ОК.

Теперь нажать сочетание CTRL+J. И щелкнуть по глазу на слое Фон.

Так и сохраняем в формате JPEG или PNG.

Это не все. Практически такое же размытие края картинки можно сделать при помощи одной автоматической функции под названием Растушевка. После того, как вы выделите прямоугольную область и правой кнопкой вызовете меню, выбирайте в нем Растушевку. Затем ставьте подходящий радиус в окошко.

Далее – действуйте по тексту, который был выше: CTRL+J. И снова щелкните по глазику на слое фона.

Результат сохраните. Вот как просто делается размытие края!

Сегодня перед любым из нас распахнуты двери в волшебный мир компьютерных технологий, теперь не нужно, как раньше, возиться с проявкой и печатью — а потом долго огорчаться, что фото вышло немного неудачным.

Сейчас от удачного момента до запечатления на фотографии достаточно одной секунды, причем это может быть и быстрый кадр для семейного альбома, и высокопрофессиональная съемка, где работа после переноса «пойманного» момента только начинается.

Впрочем, обработка любого графического файла сегодня доступна любому, и научиться делать самому красивые кадры можно очень быстро. Одним из наиболее популярных программ, которые помогают отшлифовать любое фото, конечно же, является Adobe Photoshop.

В этом уроке я покажу, как легко и просто можно делать размытые края в Фотошопе. Думаю, это будет и интересно, и полезно!

Самый-самый простой способ. Для размытия краев открываем нужное изображение, собственно, в Photoshop, а затем определяемся с зоной, которую хотим увидеть размытой в итоге наших стараний.

Не забывайте, что работаем мы в Photoshop ни в коем случае не с оригиналом! Создаем дополнительный слой всегда, пусть даже вы уже умеете хорошо работать с фото — случайные неудачи не должны испортить исходник ни в коем случае.

На левой небольшой вертикальной панели в Фотошопе кликаем правой кнопкой мышки на инструмент, который зовется «Выделение» , а затем выбираем «Овальная область» . При помощи его определяем ту область на картинке, которую НЕ нужно размывать, допустим, лицо.

Открываем затем «Выделение» , выбираем «Модификация» и «Растушевка» .

Должно появиться небольшое новое окошечко с одним-единственным, но нужным, параметром — собственно, выбором радиуса нашего будущего размытия. Здесь пробуем раз за разом и смотрим, что выходит. Для начала, скажем, выберите 50 пикселей. Методом проб подбирается требуемый результат.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем клавишу DEL , чтобы удалить лишнее. Для того, чтобы увидеть результат, необходимо снять видимость со слоя с исходным изображением.

Способ номер два

Есть ещё один вариант, как размывать края в фотошопе, и он используется намного чаще. Здесь мы будем работать с удобным инструментом по имени «Быстрая маска» — его легко найти почти в самом низу вертикальной панельки программы слева. Можно, к слову, просто нажать Q .

Затем открываем «Фильтр» на панели инструментов, выбираем там строчку «Размытие» , а затем «Размытие по Гауссу» .

Программа открывает окно, в котором легко и просто мы можем регулировать саму степень размытия. Собственно, здесь и заметно невооруженным глазом преимущество: вы здесь работаете не по какому-то наитию, перебирая варианты, а чётко и ясно определяя радиус. Затем просто нажимаем «ОК» .

Чтобы увидеть, что у нас вышло в итоге, выходим из режима быстрой маски (нажав на ту же кнопку, или Q ), затем нажимаем одновременно CTRL+SHIFT+I на клавиатуре, а выделенную область просто удаляем кнопкой DEL . Завершающий шаг — убираем ненужную линию выделения, нажимая CTRL+D .

Как вы видите, оба варианта совсем простые, однако при помощи их вы сможете легко размыть края изображения в Photoshop.

Изображение в Фотошопе может подвергаться растушевке несколькими способами. Эта статья поможет объяснить, чем именно является растушевка, в каком месте она располагается, и на примере покажет, каким образом ее можно выполнить в графическом редакторе.

Растушевка или Feather является постепенным растворением краев в изображении. Благодаря этому края смягчаются и создается постепенный и равномерный переход до нижнего слоя. Доступна она может быть исключительно при работе с выделением и отмеченной областью.

Основные положения при работе: вначале обозначаем параметры растушевки, затем создаем выделенную область. Явных изменений при этом не видно, поскольку таким образом мы указали программе, что две выделяемые стороны нуждаются в растворении. Затем избавляемся от определенной части картинки в сторону, куда предполагается растворение. Результатом таких действий будет выборочное удаление определенных пикселей, а другие превратятся в прозрачные. Подробнее об этом мы поговорим в практической части урока.

Настройки растушевки для инструментов

Группа «Выделение» :

• Область в форме прямоугольника;
• область в форме овала;
• зона в горизонтальной строке;
• зона в вертикальной строке.

Другие инструменты выделения:

• «Лассо» ;
• «Магнитное лассо» ;
• «Прямолинейное лассо» .

В качестве примера берем один инструмент из списка — Лассо . Смотрим на панель с характеристиками. Выбираем настройку на верхней панели инструментов, которая даст возможность задать параметры для растушевки, а затем выделяем область. Для других инструментов параметр находится в том же месте.

Меню «Выделение»

Если произвести выделение определенной области, на панели управления получим доступ к действиям – «Выделение — Модификация» , и далее – «Растушевка» .

Какое же предназначение данного действия, если на панели с параметрами и так вполне достаточно различных настроек? Ответ в правильном порядке действий. Вам необходимо все тщательно продумать перед выделением определенной части. Нужно определить необходимость использования растушевки и параметры ее применения. Если не обдумать эти действия, а затем изменить ваши предпочтения уже после создания выделенной области, нельзя будет применить желаемые настройки к ней с использованием панели с параметрами.

Также возникнут и сложности при желании посмотреть результаты, при которых будет использоваться различное количество пикселей, поскольку для этого придется открывать новую выделенную область каждый раз, особенно этот процесс усложнится при работе с комплексными объектами. При работе с подобными случаями поможет применение команды – «Выделение — Модификация – Растушевка» . Всплывет диалоговое окошко – , где можно вводить значение, а результат будет получен сразу же по применении функции.

Именно при помощи действий, расположенных в меню, а не настроек, что находятся на панели для параметров, указывают клавишные комбинации для осуществления скорейшего доступа. В таком случае видно, что команда будет доступной при использовании клавиш — SHIFT+F6 .

Теперь переходим к практической стороне использования растушевки. Начинаем создавать края изображения с растворением.

Практика

Растушевка для сглаживания резких границ

Растушевка поможет и для сглаживания резких границ картинки, что весьма эффективно при работе с коллажами. Заметным становится эффект неестественного перепада краев разных объектов при добавлении новых эффектов к коллажу. В качестве примера рассмотрим процесс создания небольшого коллажа.

1. На компьютере создаем папку, в которую скачаем исходники — текстуру, а также клипарт с животными. Создаем новый документ, к примеру, с размером 655 на 410.
2. Клипарт добавляем к новому слою, для чего нужно перейти к созданной ранее папке. Нажимаем правую кнопку мышки на изображении с животными и выбираем из всплывающего — Открыть с помощью , затем AdobeP hotoshop .

3. В новой вкладке в Фотошопе будут открыты животные. Перемещаем их в предыдущую вкладку — выбираем компонент «Перемещение» , перетаскиваем животных в документ, что был заранее создан. После того как в рабочем пространстве откроется нужный документ, не отпуская кнопку мыши, тянем картинку на холст.

   Должно получиться следующее:

4. Изображение будет большим и не поместится целиком на холст. Берем команду – «Свободное трансформирование» , используя CTRL+T . Появится рамка вокруг слоя с животными, необходимый размер для которой подобрать можно благодаря ее движению за углы. Это позволит подобрать точный размер. Только при этом держите SHIFT , чтобы не нарушить пропорции в изображении.

Важно: Большие габариты могут не позволить рамочке поместится в видном пространстве в Фотошопе. Нужно убавить масштаб для документа — CTRL+− .

5. Следующий этап предполагает добавление текстуры к фону, для чего проделываем опять этапы 2, 3. Поверх слоя с животными появится текстура с огромными размерами. Оставьте все как есть, а не старайтесь ее уменьшать, поскольку позже мы ее просто передвинем. Переместите слой с животными выше текстуры на палитре со слоями.

6. Внимания заслуживает процесс придания контраста краям картинки с животными на зеленом фоне. Дефект отделения от фона белого цвета будет виден сразу же, поскольку вы заметите тонкую полоску белого. Если вы этого дефекта не наблюдаете, значит, переход получился вовсе неестественен от шерсти животного до окружающей среды. В таком случае нам понадобится растушевка для внесения поправок к краям картинки с животными. Производим незначительное размытие, а затем плавный переход до фона. Держите на клавиатуре CTRL и кликайте мышью на миниатюру, где значится слой на палитре — это поможет произвести выделение области по самому контуру слоя.

7. CTRL+SHIFT+I поможет произвести инвертирование выделения.

   SHIFT+F6 вводит размер растушевки, для чего возьмем 3 пикселя.

   Delete поможет удалить лишнее после применения растушевки. Для лучшего эффекта мы нажали три раза.

   CTRL+D поспособствует удалению лишнего теперь выделения.

   Теперь увидим значительную разницу. Таким образом мы добились смягчения краев на нашем коллаже.

Методы растушевки помогут вам сделать свои композиции более профессиональными.

Сегодня вы узнаете о том, как получить эффект размытых краев в Photoshop. Данный урок будет полезен пользователям, начинающим свое знакомство с популярным фоторедактором.

Итак, размытие краев в Photoshop достигается в несколько этапов:

Этап 1.
Откройте в программе исходный снимок.

Этап 2.
Справа располагается вертикальная панель инструментов. В ней содержится так называемый инструмент «Овальная область», который находится в скрытом режиме. Для его активации кликните правой кнопкой мыши по инструменты «Прямоугольная область» и выберите в списке инструментов необходимый.

Этап 3.
Теперь выделите на фотографии необходимый участок, который точно не будет подвергаться изменениям.

Этап 4.
Следующим действием вам необходимо растушевать края, которые находятся за пределами выделенной области. Для этого кликните правой кнопкой мыши по изображению и выберите кнопку «Растушевка».

Этап 5.
Появится маленькое диалоговое окно, в котором необходимо задать радиус растушевки. Чем насыщеннее вы хотите добиться эффекта размытия, тем больше должен быть показатель радиуса.

Этап 6.
В горизонтальной панели инструментов откройте вкладку «Выделение» и выберите «Инверсия». Как видите, теперь выделены углы изображения, которые необходимо размыть.

Этап 7.
На клавиатуре нажмите сочетание клавиш Ctrl+Delete, которое удалит ненужные края.

Этап 8.
Для снятия выделения нажмите на клавиатуре Ctrl+D.

Изображение готово! Не забудьте его сохранить на компьютер.

Фотошоп знает несколько способов как можно сделать растушевку изображения. В этой статье вы узнаете, что вообще такое растушевка, где она расположена и разберем пример как сделать растушевку в фотошопе.

Растушевка (Feather) — это плавное растворение краев изображения. С помощью нее можно смягчить края и сделать плавный переход к нижнему слою.

Принцип работы:

Создается выделенная область, с указанием размеров растушевки. Видимых изменений не появилось. Мы только указали фотошопу, что по обе стороны выделения нам нужен эффект растворения. Далее необходимо удалить ту часть изображения, в сторону которой будет идти растворение. В результате фотошоп будет выборочно какие-то пиксели удалять, а какие то делать полупрозрачными. Ниже на примере вы увидите как это выглядит.

Сперва разберемся где находится растушевка и как ее выбрать.

1. Инструменты фотошопа, связанные с выделением:

Возьмем для примера любой из перечисленных инструментов, например, Лассо и посмотрим на . Среди всего прочего, вы обнаружите настройку, позволяющая задать размер растушевки. В точно таком же виде данный параметр представлен и в остальных инструментах.

2. Команда меню в группе «Выделение»

Опять-таки, создав выделенную область, в панели управления станет доступной команда .

Зачем нужна эта команда, если казалось бы, достаточно настроек на панели параметров?

Вся соль в очередности действий. Создавая выделенную область, вам необходимо сначала все продумать: хотите ли вы применить к ней растушевку, и каких она должна быть размеров. Если об этом не подумать, а опомнится, когда выделенная область уже создана, вы не сможете через панель параметров к ней применить желаемые настройки. Согласитесь, это не удобно: ну, например, вы не знаете какие размеры нужны и вы хотите посмотреть на результат применяя разное количество пикселей — для этого нужно каждый раз создавать новую выделенную область — а если это сложный объект, наподобие развивающихся на ветру волос?

Именно для таких случаев нужно пользоваться командой Выделение — Модификация — Растушевка . Появится диалоговое окно «Растушевка выделенной области» , в котором вы вводите значение и сразу смотрите результат, меняя по желанию в ту или иную сторону.

Также хочу отметить, что командам меню, в отличии от настроек панели параметров, можно указывать горячие комбинации клавиш для быстрого доступа. Вот и в данном случае, уже по умолчанию, вы увидите, что команда доступна по комбинации клавиш Shift+F6 (кстати все стандартные наборы клавиш можно изменить на свое усмотрение — ).

Давайте теперь посмотрим как на практике применяется растушевка. Попробуем сделать растворяющиеся края изображения.

Шаг 2

Если на палитре слоев рядом с миниатюрой виднеется иконка замочка, значит . Для разблокировки кликните дважды по слою. В появившемся диалоговом окне «Новый слой», ничего не меняя, нажмите на ОК.

Шаг 3

Создадим выделенную область по периметру изображения. Для этого возьмем и, сделав отступ от края чуть меньше сантиметра, создадим рамку выделения.

Примечание

Если справа или слева от выделения не будет пространства изображения, команда Растушевка станет недоступной.

Шаг 4

Выберите команду Выделение — Модификация — Растушевка и в появившемся диалоговом окне укажите значение в пикселях каких размеров должно быть растворение краев изображения. Я взял 20 пикселей.

После этого углы выделения должны стать закругленными.

Шаг 5

Теперь внимание. Подумайте. Выделение чего вы сделали? Правильно — по сути мы в рамочку взяли центр изображения. Поскольку следующим этапом мы должны удалить лишние пиксели, то в настоящее время удаление будет происходить в центре. А нам нужно наоборот. Применим Ctrl+Shift+I Она создает обратное выделение.

Теперь под рамочкой у нас края изображения. Посмотрите как изменились «марширующие муравьишки»:

Шаг 6

Теперь удалим края изображения. Для этого нажмите на клавишу Delete .

Примечание

Эффект удаления суммируется — если нажать на удаление несколько раз , то фотошоп будет все больше и больше захватывать пикселей.

В своем примере я нажал три раза на удаление.

Чтобы убрать рамку выделения нажмите Ctrl+D .

Растушевка резких краев

Также растушевка пригодится, чтобы сгладить эффект резких краев у изображения. Это особенно актуально, когда работа идет над коллажем.

Добавляя новые объекты к коллажу, очень заметен эффект не естественного перехода границ одного объекта к другому. Для примера разберем создание мини-коллажа.

Шаг 1

Создайте папку на компьютере и скачайте в нее исходные материалы: текстура и клипарт львов .

Шаг 3

Шаг 12

Добавим маленькую тень в стилях слоя со львами. Повторите такие же настройки:

Шаг 13

Финальный аккорд — добавим насыщенности и глубины для композиции. Создадим корректирующий слой Кривые и подвигаем ее немного:

Результат:

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Photoshop размыть края. Как легко и быстро сгладить края в фотошопе после вырезания

Доброго времени суток, уважаемые читатели моего блога. Сегодня мы будем говорить про один очень важный момент. От того насколько качественно вы научитесь пользоваться функцией, о которой сегодня пойдет речь, зависит уровень вашего профессионализма. И несмотря на то, что публикации на похожую тему я уже писал неоднократно, эта статья тоже будет содержать в себе нечто новое.

Я расскажу вам о том, как сгладить края в Фотошопе, покажу как работать с готовой картинкой, края которой выглядят некрасиво, пиксельно, а также поведаю что делать с фото, чтобы после вырезания оно привлекательно выглядело и не выделялось из общей картины, когда нужно вставить объект в коллаж.

Простое сглаживание

Начнем мы, пожалуй, с самого простого способа. Откройте два изображения (откуда будете вырезать и куда вставлять). В моем случае это будет невеста и пляж.

1. Аккуратно выделите объект любым подходящим инструментом выделения, например тем же прямоугольным лассо и перенесите его на слой с другим изображением. Мы такое уже проделывали, когда заменяли фон на картинке в фотошопе. И как вы сможете заметить, наше вырезанное изображение будет слегка косячным (хотя не всегда). Останутся всякие углы, из-за которых фотография будет смотреться неестественно.

2. Теперь, не снимая выделения, вызовите меню «Выделение» — «Модификация» — «Сгладить». Если вы случайно сняли выделение, то не волнуйтесь. Просто зажмите клавишу CTRL и нажмите левую кнопку мыши на слое с объектом. В этом случае он снова выделится.

3. В открывшемся меню выберите такой радиус, чтобы он убрал все углы, но в то же время не очень их закруглял. Я для своего случая взял цифру 10, но у вас она может отличаться. После этого края действительно удается сглаживать, а все неровности останутся за пределами пунктирной линии. Но и это еще не всё. Нам нужно убрать все эти остатки.

4. Инвертируйте выделение (SHIFT+CTRL+I), чтобы был выделен не сам объект, область вокруг него. А теперь просто нажмите клавишу DELETE, тогда все ненужные угловые детали удалятся, а изображение станет гладким.

В конце можно еще сделать небольшую растушевку. Для этого снова идите в меню «Выделение» — «Модификация», но теперь уже выбираете «Растушевка». Здесь вам нужно поставить размеры самой растушевки. Но не ставьте слишком много. Посмотрите сами, сколько вам будет достаточно. Мне, например, хватило и 6, а кому-то может потребоваться 15. Экспериментируйте. Вы всегда сможете вернуться назад.

Несколько слов для тех, кто хочет большего

Ну а если вам хочется поскорее разобраться со всеми инструментами и самим находить способы решения той или иной проблемы, то вам, как никому, нужно знать максимум обо всех имеющихся инструментах.

Вы, например, знали, что есть в этой программе ? До него не так-то просто добраться, если действовать по наитию. Могу порекомендовать вам курс «Фотошоп с нуля в видео формате

». Благодаря ему вы будете знать куда больше и уже через месяц начнете работать в программе так, как это делают профессионалы.

Не верите? Просто попробуйте. Думаете, что вам это может не пригодиться? А между тем на подобных навыках тысячи людей организуют себе дополнительный заработок. Веб-дизайн – это всего лишь картинки, которые создают специалисты при помощи этой программы и отсылают заказчикам за большие деньги.

Скачайте бесплатный курс «Профессия веб-дизайнера за 10 дней

» и узнайте все подробности.

До новых встреч и обязательно подписывайтесь на рассылку.

Более плавным и ровным за счет удаления/добавления дополнительных пикселей или делая их полупрозрачными.

В результате этого, края такого выделения станут лучше и естественнее сливаться с другими пикселями, выходящими за пределы границы выделения.

Данная настройка активируется на панели параметров следующих инструментов:

• , в том числе Прямоугольное и Магнитное;

Почему именно эти инструменты?

Данная группа инструментов создает выделенную область, то есть некую замкнутую границу, при редактировании которой часто нужно, чтобы края оставались плавными, то есть сглаженными.

Но возникают вопросы, почему в этом списке нет инструментов и – ведь они тоже создают выделенную область!?

Я думаю следующее. Касательно Прямолинейного выделения, вспомните-ка – они квадратные. Создавая прямоугольное выделение, границы всегда вертикальные и горизонтальные, углы четко повторяют форму пикселя, таким образом, мы не имеем дефекта, когда края прямоугольника могут быть резкими и рваными – они всегда прямые и ровные. Значит и сглаживание им совершенно не нужно.

Что касается Быстрого выделения, то там есть альтернативный параметр – Жесткость кисти

, она то и регулирует какими в итоге будут края. Причем эта настройка более гибкая, позволяющая регулировать эффект по 100% — шкале.

Постойте-ка – а то причем? Это совсем далеко от выделенной области! Верно. А вы не заметили, что Волшебный ластик и почти одно и тоже? Просто ластик сразу удаляет пиксели, а палочка их добавляет в выделение. А если это один и тот же принцип действия, то и сглаживание должно быть и там и там.

Уточнение края

Ну и теперь способ немного сложнее, но эффективнее. С этой функцией мы уже сталкивались, когда выделяли волосы в фотошопе. Но сегодня она нам пригодиться для простого сглаживания.

1. Выделите объект любым инструментом.
2. Теперь идите в меню «Выделение» — «Уточнить край». В отельном окне у вас должна открыться небольшая рабочая область с ползунками. Это как раз то, что мы и искали.
3. Для удобства можете выбрать разные режимы просмотра, например «На черном», «Маска» или «Марширующие муравьи». Я, например, предпочитаю именно на черном. Но тут всё еще также зависит от самого изображения. Если оно будет слишком темное, то на черном фоне его нет смысла ставить.

4. Ну и теперь вам нужно будет поиграться в бегунками, чтобы достичь нужного результата. За что отвечает сглаживание и растушевка, вы уже поняли. Сместить край расширяет или сужает область выделения. В своем случае я поставил этот показатель на 10%. Смотрите как у вас меняется картинка и как сглаживаются края. Старайтесь не допускать, чтобы просвечивался фон. Найдите то положение, которое будет достаточным для устранения дефектов.

5. Далее обратите внимание на пункт «Вывод». Он отвечает за то, куда будет выведено итоговая картинка. Можете сразу отправить ее на новвый слой, но я рекомендовал бы вам поставить режим «Выделение».
6. Ну и в конце мы снова инвертируем выделение и убираем стираем все на слое, кроме нашего объекта, с помощью однократного нажатия на клавишу DELETE.

В итоге у нас получается очень даже симпатичное изображение, без каких либо углов и зазоров. Все гладко и аккуратно. Это то, чего мы и добивались. Ну конечно вы можете сделать дальнейшую обработку изображения, но об этом в другой статье. Но самое главное, что вы теперь знаете, как сгладить края в фотошопе после вырезания.

Ну а на этом я свою сегодняшнюю статью буду заканчивать. Но если вы еще хотите хорошо подтянуть свои знания по фотошопу или изучить его с нуля, то рекомендую вам посмотреть эти классные видеоуроки. Все рассказано очень доступным языком и будет понятно любому уровню пользователя. Курс реально «Просто пальчики оближешь».

Ну а я с вами буду прощаться. Надеюсь, что моя сегодняшняя статья вам понравилась. Поэтому не забудьте подписаться на обновления моего блога и поделиться материалами с друзьями в социальных сетях. А я буду стараться почаще выкладывать для вас интересные статьи. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

Растушевка

Алгоритм растушевки очень схож с предыдущим. Данный эффект позволяет размыть края, тем самым, создавая плавный переход между участками выделенной области и смежными с ней. Примечательно, что этот вид размытия границ приводит к уменьшению детализации краев выделенного участка.

К слову, инструменты, к которым можно применить растушевку, те же самые, что и в случае со сглаживанием.

После того как вы определитесь с одним из перечисленных выше инструментов, в шапке Панели инструментов вы заметите пункт «Растушевка». Степень размытия вы должны варьировать самостоятельно, задавая значение в пикселях.

Далее необходимо выбрать инструмент «Выделяющая кисть», выбрать мягкую кисточку и создать выделенную область в окне изображения.

Как видите, с помощью таких нехитрых правил вы легко и просто можете сгладить края в Photoshop. Надеюсь, у вас все получится!

Обнаружение краёв

После выбора вида просмотра, переходим в раздел Обнаружение краёв (Edge Detection)

, ставим галочку
Показать радиус (Show Radius)
и увеличиваем
Радиус (Radius)
, перемещая ползунок вправо, чтобы добавить обрезанные волосы к выделенной области. При этом стараемся как можно меньше захватить фон.

1 . Радиус (Radius)

. При перемещение ползунка радиуса вправо, к выделенной области начнёт добавляться часть изображения, которая была за пределами первоначального выделения. При этом радиус увеличивается во всех направлениях от первоначального края выделения на то количество пикселей, которое Вы определяете при перемещении ползунка.

2 . Умный радиус (Smart Radius)

. Автоматически корректирует радиус для чётких и нечётких краёв. То есть, если мне нужно увеличить радиус в нечётких областях (в моём примере это волосы), а в области чётких краёв (в моём примере это плечи) оставить радиус небольшим, то необходимо включить параметр
Умный радиус (Smart Radius)
. В зависимости от изображения и типа краёв
Умный радиус (Smart Radius)
может сработать как во благо, так и во вред. Если граница выделенной области по всей длине имеет одинаково чёткие или нечёткие края, или если Вам необходимо более точно контролировать настройку радиуса, то параметр
Умный радиус (Smart Radius)
следует отключить.

Вывод

После смещения края выделенной области, переходим в раздел Вывод (Output)

. Ставим галочку и перемещаем ползунок
Эффект (Amount)
вправо, чтобы убрать светлый ореол и заменить цветовую кайму по краям выделенной области на цвет ближайших полностью выделенных пикселей. Здесь также нужно ориентироваться на результат. Затем выбираем вариант вывода: .

1 . Очистить цвета (Decontaminate Colors)

. Уменьшает ореолы по краям выделенной области и заменяет цвет в области уточнения краёв на цвет ближайших полностью выделенных пикселей.

2 . Эффект (Amount)

. Регулирует уровень очистки цвета.

3 . Вывод в (Output То)

. В раскрывающемся списке выберите вариант вывода уточнённой выделенной области:

• Выделение (Selection)
  . Фотошоп обрабатывает уточнения и выводит результат в виде выделенной области (муравьиная дорожка). Не активен со включенной функцией
  Очистить цвета (Decontaminate Colors)
  .
• Слой-маска (Layer Mask)
  . Добавляет слой-маску к активному слою в соответствии с результатом уточнения краёв. Не активен со включенной функцией
  Очистить цвета (Decontaminate Colors)
  .
• Новый слой (New Layer)
  . Удаляет фон и выводит результат на новый слой, содержащий только выделенный элемент.
• Новый слой со слоем-маской (New Layer with Layer Mask)
  . Добавляет новый слой со слоем-маской в соответствии с результатом уточнения краёв.
• Новый документ (New Document)
  . Создаёт новый документ со слоем, содержащим только выделенный элемент.
• Новый документ со слоем-маской (New Document with Layer Mask)
  . Создаёт новый документ со слоем содержащим слой-маску в соответствии с результатом уточнения краёв.

Заключительные настройки

После очистки цвета можно вернуться в раздел Настройка края (Adjust Edge)

и при необходимости подкорректировать параметры:
Сгладить (Smooth)
,
Растушевка (Feather)
,
Контрастность (Contrast)
и
Сместить край (Shift Edge)
. В моём примере я не корректировал эти параметры и оставил всё как есть. Нажимаем
ОК
и при необходимости корректируем результат с помощью кисти на маске слоя. Радуемся полученному результату:

Работа с картинкой для сайта

Откровенно говоря, размытие краев для картинки, которую вы собираетесь вставить в текст статьи – устаревший способ оформления. Сейчас его уже почти никто не использует, однако интерес к этому вопросу весьма существенный, судя по и количеству статей на эту тему.

Потому я не могу не показать вам как достичь желаемого эффекта, но заодно хочу предложить лучшую альтернативу аж в двух вариациях. Вдруг удастся кого-нибудь убедить отказаться от использования устаревшего метода в пользу менее избитого.

Итак, для начала о главном. Открываем изображение.

Теперь выбираем инструмент прямоугольное выделение. Если не можете отыскать, то задержите на пару секунд зажатую кнопку мыши на второй кнопке панели слева. Здесь может быть инструмент овальная область.

Кстати, если вы будете использовать овал, то фотография станет эффектнее. Прямоугольные рамки уже изжили себя, а вот овалы пока в топе. Судя по социальным сетям. Ну, пример я покажу вам чуть позже.

Итак, вернемся к основной теме. Пока выбираем прямоугольник.

Рисуем на картинке область, которая останется не размытой. Если вы хотите, чтобы незамутненным остался квадрат, по удерживайте Shift пока рисуете. Зажимаете кнопку и ведете мышью по рисунку. Мне нужен прямоугольник, а потому я этого делать не буду, а вы поэкспериментируйте.

После того как вы это сделали, эффекты будут применяться не для внутренней части выделенного объекта, а для внешней рамки. Переходим к фильтрам, раздел «Размытие». Тут много разных возможностей, можете попробовать каждый и посмотреть как работает та или иная функция. Чаще остальных специалисты используют «Размытие по Гауссу…». Попробуем для начала его?

Дергайте за ползунок и смотрите какие изменения происходят с фотографией. Не забудьте поставить галочку, чтобы включить «Просмотр».

Мне не меньше нравится «Размытие в движении».

Схема действий такая же, а эффект несколько отличается.

Готово. Но, как и обещал, покажу вам еще два интересных эффекта.

Ну, во-первых, сейчас очень популярно писать цитаты на картинках и вы это уже умеете делать. Просто достаточно не использовать «Инверсию». Берете инструмент «Прямоугольное выделение». Выбираете область.

Не используйте инверсию, а сразу переходите к «Фильтрам» и размытию по Гауссу. Немного смазываете фокус и при помощи инструмента «Текст» . Очень важно, чтобы изображение было размыто не сильно и слегка угадывалось. Поэкспериментируйте.

Теперь, как и обещал, покажу как сделать размытие по краям более эффектным. Выбираете картинку и под кнопкой прямоугольное выделение выбираете эллипс. Опять же, чтобы фигура была ровной, зажимаете кнопку Shift, а затем выбираете инверсию в разделе «Выделение» в верхнем меню.

Применяете фильтр размытие по Гауссу.

В принципе уже неплохо. Можно использовать. Чтобы снять ползающих муравьев одновременно зажмите Ctrl+D или кликните в любом месте фотографии.

Можете обрезать, чтобы картинка была квадратной.

Вот так, теперь вы знаете как размыть края фотографии красиво и профессионально. Теперь перейдем к более интересному и сложному вопросу, а именно размытие границ слоя. Не переживайте, получится у каждого!

Как сделать прозрачные градиенты в Photoshop (легко!)

С помощью пары щелчков мышью вы можете создавать прозрачные градиенты в Photoshop и применять их непосредственно к изображениям, новым слоям или даже маскам слоев! В этом посте вы подробно расскажете, как создать эти градиенты двумя простыми способами.

Для создания прозрачного градиента в Photoshop необходимо:

1. Выберите инструмент «Градиент».
2. Щелкните «Редактор градиента» и выберите градиент «От переднего плана к прозрачному».
3. Установите желаемый цвет переднего плана.
4. Щелкните и перетащите через холст, чтобы создать новый прозрачный градиент.

Рассмотрев эти основные шаги, давайте рассмотрим каждый из них более подробно, чтобы вы лучше понимали весь процесс. Точно так же мы рассмотрим несколько простых способов устранения неполадок с инструментом градиента, если у вас возникнут проблемы. Давайте начнем!

Метод 1. Создание прозрачного градиента на новом слое

В этом первом примере я покажу вам, как создать цветной градиент на отдельном слое.Это полезно для применения прозрачного градиента к любому слою холста. Поместив градиент на отдельный слой, вы можете сделать весь процесс неразрушающим. Таким образом, вы всегда можете вернуться и отредактировать или изменить положение градиента без каких-либо проблем.

Шаг 1. Создайте новый слой

Сначала создайте новый слой, щелкнув значок нового слоя в нижней части панели «Слои». Кроме того, вы можете использовать сочетание клавиш Command + Option + Shift + N (Mac) или Control + Alt + Shift + N (ПК), чтобы создать новый слой.

Шаг 2. Выберите инструмент «Градиент»

Чтобы выбрать инструмент градиента, щелкните значок на панели инструментов или нажмите G , чтобы получить к нему доступ.

Шаг 3: Откройте редактор градиентов и выберите передний план для прозрачного градиента

Выбрав инструмент градиента, перейдите на верхнюю панель инструментов и щелкните редактор градиента .

Появится новое диалоговое окно со всеми настройками инструмента градиента.Здесь вы можете выбирать из различных предустановок градиента и настраивать тип градиента, который вы хотите создать.

В параметрах предустановок щелкните папку «Basic» , чтобы открыть различные параметры градиента внутри. Здесь вы найдете градиент переднего плана к прозрачному , представленный переходом цвета на бело-серую шахматную доску. Эта шахматная доска представляет собой прозрачность.

Теперь, когда у вас выбран градиент, нажмите OK, чтобы выйти из редактора градиента.

Шаг 4: Выберите свой прозрачный градиентный цвет

Этот градиент называется от «переднего плана» до прозрачного, потому что его цвет основан на активном цвете переднего плана. Вы можете увидеть, какой цвет установлен в качестве цвета переднего плана, посмотрев в нижнюю часть панели инструментов. Верхний цветной прямоугольник — это ваш активный цвет переднего плана.

Чтобы изменить цвет переднего плана, щелкните поле цвета переднего плана и откройте палитру цветов.

Выберите любой цвет в палитре цветов и нажмите OK.

Теперь ваш градиент будет соответствовать новому цвету, который вы только что выбрали!

Шаг 5: Применение прозрачного градиента к новому слою

Выделив новый слой, пора применить градиент!

Перед тем, как создать его, убедитесь, что вы используете правильный тип градиента для своей фотографии. Глядя рядом с редактором градиентов на верхней панели инструментов, вы увидите ряд типов градиентов на выбор. Выберите линейный, радиальный, угловой, отраженный или ромбовидный, чтобы изменить способ отображения градиента на новом слое.

Если вы не уверены, что выбрать, я бы посоветовал придерживаться линейного градиента. Этот тип градиента будет работать практически в любом сценарии.

После выбора типа градиента щелкните и растяните холст, чтобы создать прозрачный градиент.

(необязательно) Шаг 6: Как изменить цвет существующего прозрачного градиента

После создания прозрачного градиента вы можете позже решить, что вам нужно изменить цвет.На первый взгляд, это невозможно сделать, не начав все сначала. К счастью, есть простой способ обхода проблемы с помощью диалогового окна Layer Styles.

Чтобы получить доступ к стилям слоя, дважды щелкните по переднему плану для перехода к прозрачному слою градиента. Появится новое окно с множеством опций для изменения внешнего вида этого конкретного слоя.

На панели стилей щелкните «Наложение цвета».

Убедитесь, что непрозрачность установлена ​​на 100%, и режим наложения установлен на нормальный .Затем щелкните цветное поле, чтобы выбрать новый цвет наложения.

Как и раньше, при выборе цвета переднего плана используйте палитру цветов для выбора нового наложения цвета. Какой бы цвет вы ни выбрали, он будет применен к цветным областям вашего прозрачного градиента. Когда вы будете довольны выбранным цветом, нажмите OK.

Теперь ваш градиент примет новый цвет, который вы выбрали, оставаясь частично прозрачным. Если вы хотите дальше редактировать наложение цвета, просто нажмите «наложение цвета», которое теперь находится под слоем градиента.Это откроет диалоговое окно стилей слоя, чтобы вы могли внести дальнейшие корректировки!

Метод 2: Применение прозрачного градиента к маске слоя

Для этого второго метода я покажу вам, как можно использовать прозрачные градиенты для редактирования масок слоя. Для этого вам нужно будет выполнить шаги 2, 3 и 4 из предыдущего раздела. Вы можете пропустить создание новой части слоя, так как вместо этого вы будете применять маску слоя к существующему слою изображения! С помощью этого метода вы можете легко затемнить участки изображения всего за несколько кликов.Вот как это сделать.

Шаг 1: Создайте маску слоя на вашем слое

После того, как вы уже выбрали градиент от переднего плана к прозрачному, используя шаги, описанные в методе 1, пора добавить маску слоя. Маски слоя можно добавить к любому слою или группе, но в этом случае я буду применять одну к своему слою изображения. Чтобы создать новую маску слоя, выберите нужный слой и щелкните значок маски слоя в нижней части панели «Слои».

Шаг 2: Установите черный цвет переднего плана

Так как я хочу, чтобы половина моего изображения исчезла, я установил черный цвет в качестве цвета переднего плана.Для этого щелкните поле цвета переднего плана и выберите черный в диалоговом окне выбора цвета.

Шаг 3: Применение прозрачного градиента к маске слоя

Затем щелкните маску слоя, чтобы выбрать ее. Чтобы убедиться, что он выбран, обратите внимание на белые прямоугольники по краям миниатюры маски слоя.

Выделив маску слоя, щелкните и растяните, чтобы применить прозрачный градиент к маске.Теперь черные области вашей маски слоя станут прозрачными, а остальные останутся видимыми. Это простой способ затемнить края отдельных слоев.

Как использовать прозрачные градиенты для затемнения краев изображения

Теперь, когда у вас есть хорошее представление о создании прозрачного градиента в Photoshop, давайте рассмотрим, как вы можете использовать их для затемнения краев изображения. Используя шаги, аналогичные тому, что мы уже рассмотрели, вы можете быстро затемнить все четыре края изображения.Однако есть несколько тонких различий, о которых следует помнить.

Сначала создайте новый слой с цветной заливкой, выбрав Layer> New Fill Layer> Solid Color.

Выберите желаемый цвет и переименуйте слой, если хотите.

Создав новый слой цветовой заливки, переместите его так, чтобы он располагался на под слоем изображения. Этот слой цветовой заливки позже будет использоваться в качестве цвета фона за блеклыми краями фотографии.

Затем щелкните слой изображения и создайте маску нового слоя .

Выберите инструмент градиента и выберите прозрачный градиент от переднего плана. Убедитесь, что ваш цвет переднего плана установлен на , черный .

Выделив маску слоя, щелкните и растяните края изображения, чтобы сделать края более размытыми. Поскольку это сделает эти секции прозрачными, ваш нижележащий слой заливки начнет просвечивать.Продолжайте этот процесс создания нескольких градиентов, пока не будете довольны внешним видом вашего изображения.

Теперь вы успешно обесцветили края изображения с помощью прозрачного градиента на маске слоя. Если вас не устраивает цвет фона изображения, просто дважды щелкните слой цветовой заливки, чтобы изменить цвет.

Легко, как пирог!

Что делать, если прозрачный градиент не работает

При работе с прозрачными градиентами вы можете столкнуться с некоторыми проблемами, когда он полностью перестает работать.К счастью, причина, по которой этот инструмент перестает работать, часто сводится к одной из следующих причин.

1. Проверьте режим наложения градиента

Режим наложения градиента определяет, как градиент смешивается с созданным слоем. В некоторых случаях вы могли случайно изменить этот параметр, не осознавая этого. Выбрав инструмент градиента (G) и убедившись, что режим наложения установлен на нормальный , вы снова будете готовы к работе.

2.Убедитесь, что выбран слой или маска слоя.

Если у вас ничего не выделено, Photoshop не знает, где вы хотите применить градиент. Дважды проверьте, выбрана ли миниатюра слоя или маска слоя в зависимости от того, что вы хотите настроить.

Аналогичным образом, убедитесь, что вы не пытаетесь добавить градиент к каким-либо заблокированным слоям, иначе вы также столкнетесь с проблемами.

3. Проверьте свой цвет переднего плана при применении градиента к маске слоя

Когда вы применяете прозрачный градиент к маске слоя, цвет может иметь большое значение.В мире масок слоя белый виден на 100%, а черный — на 100% прозрачен. Между тем, все оттенки серого между белым и черным представляют разные уровни прозрачности. Прежде чем редактировать маску слоя, убедитесь, что вы применяете правильный цвет к маске. Например, если вы примените белый градиент к маске белого слоя, вы не увидите никаких результатов. Чтобы лучше понять, как маски слоев работают в Photoshop, ознакомьтесь с этим постом.

4. Убедитесь, что вы выбрали правильный градиент

В некоторых случаях ваш градиент может сильно отличаться от ожидаемого.Часто это сводится к тому, что не выбран правильный тип градиента. При активном инструменте градиента вы можете найти ряд типов градиента помимо редактора градиента. Проверьте, какой градиент выбран здесь и не тот ли градиент, который вы пытаетесь создать.

5. Убедитесь, что ваш слой виден

Так вот, это может быть само собой разумеющимся, но это случилось с лучшими из нас. Если ваш слой не виден или непрозрачность установлена ​​на 0%, вы не сможете увидеть какие-либо настройки градиента.Убедитесь, что рядом с выбранным слоем виден значок глазного яблока, а непрозрачность слоя установлена ​​на 100%. Это простое решение, с которым я случайно сталкивался много раз.

Рекомендуемые уроки Photoshop для вас:

После выполнения шагов, описанных в этом посте, вы официально становитесь мастером прозрачного градиента. Теперь вы можете увеличивать его, пока душе угодно.

Наслаждайтесь!

Брендан 🙂

Как создать и изменить прозрачный градиент в Photoshop

Подпишитесь ниже, чтобы сразу загрузить статью

Вы также можете выбрать свои интересы для бесплатного доступа к нашему премиальному обучению:

Прозрачный градиент в Photoshop очень полезен для фотографов и графических дизайнеров.

Вы можете использовать его для перехода фотографии на задний план, для маскировки и многого другого.

В этой статье я покажу вам, как создать и изменить прозрачный градиент.

Как создать прозрачный градиент в Photoshop

Во-первых, давайте добавим фотографию к фону с помощью прозрачного градиента.

Шаг 1. Добавьте новый слой

Откройте фотографию, которую хотите использовать в Photoshop.

Щелкните значок «Создать новый слой» на панели «Слои».

Новый слой появляется поверх фонового слоя. Однако этот слой будет нашим новым фоновым слоем, поэтому нам нужно изменить положение обоих слоев.

Дважды щелкните фоновый слой, чтобы разблокировать его. Щелкните ОК. Теперь щелкните и перетащите новый слой полностью вниз, чтобы он стал фоном.

Шаг 2: Добавьте маску слоя

Выберите слой, содержащий фотографию.

Щелкните значок «Добавить маску слоя» на панели «Слои».

Миниатюра маски появляется рядом с миниатюрой слоя. Белый цвет означает, что виден весь слой. Если мы закрасим фотографию черным цветом, пока выделена миниатюра маски, эти области исчезнут.

Закрасьте белым, и они снова появятся.

Шаг 3. Добавьте прозрачный градиент

Но вместо рисования мы добавим прозрачный градиент, чтобы добиться плавного и прямого перехода между прозрачностью и фотографией.

Выберите инструмент градиента на панели инструментов слева.

В верхнем меню выберите черно-белый градиент.

Убедитесь, что эскиз маски выбран.

Щелкните любую сторону фотографии и перетащите курсор на фотографию ближе к центру. Отпустите половину фотографии.

Часть фото становится прозрачной. Если вам не нравится результат, нажмите Cmd + Z (Ctrl + Z для окон), чтобы отменить и повторно применить градиент.Вы также можете просто снова залить маску слоя белым цветом.

Шаг 4: Заливка фонового слоя

Выберите инструмент «Заливка» на панели инструментов слева. Дважды щелкните значок цвета переднего плана, чтобы открыть палитру цветов и выбрать любой цвет.

Убедитесь, что фоновый слой выбран, и залейте его выбранным цветом.

И это очень простой способ превратить фотографию в фон в Photoshop.

Но это не обязательно должен быть сплошной цвет.Вы также можете, например, выбрать другую фотографию в качестве фона. Просто перетащите еще одну фотографию на свою рабочую область под прозрачным слоем.

Как настроить прозрачный градиент в Photoshop

Поскольку мы использовали маску слоя для добавления прозрачного градиента, мы можем изменить его в любое время, как захотим. Например, с помощью инструмента «Кисть».

Убедитесь, что выбрали миниатюру маски слоя. Выберите инструмент «Кисть» и установите черный цвет.

Начните закрашивать фото.Чем больше вы рисуете, тем большая часть фотографии становится прозрачной.

Чтобы части фотографии снова стали сплошными, закрасьте белым цветом.

Заключение

Прозрачный градиент легко создать, и он имеет множество целей. Используйте маски слоев, чтобы смешать различные корректирующие слои или даже фотографии вместе.

С помощью этой техники вы можете создавать свои собственные фотографии с двойной экспозицией или переходить в сплошной цвет для добавления текста.

Об авторе

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-разрядный)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

прозрачность — Градиент затухания изображения PNG с помощью Photoshop

Сеть обмена стеков

Сеть Stack Exchange состоит из 177 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

2. 0
3. +0
6. Авторизоваться Зарегистрироваться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил 5 лет, 6 месяцев назад

Просмотрено 130к раз

На этот вопрос уже есть ответ :

Закрыт 5 лет назад.

Я искал все выше и ниже и наконец нашел альфа-каналы, но я не знаю, как настроить альфа-канал в соответствии со своими потребностями. Я пытаюсь сделать этот снимок …

… И превратить в это. Как видите, верхняя часть на 100% непрозрачна, а нижняя — на 0%. Так что это своего рода «альфа-маска». Как я могу сделать это с помощью Photoshop или GIMP или чего-то еще и сохранить в 32-битном PNG?

Я не просто пытаюсь «прикрыть» или «замаскировать» свое изображение этим вопросом.Я пробую альфа-маску, это совсем другая игра.

4,24422 золотых знака2525 серебряных знаков4949 бронзовых знаков

Создан 06 дек.

35311 золотых знаков33 серебряных знака1010 бронзовых знаков

Вы можете использовать обтравочные маски, чтобы добиться этого эффекта !!

1. Создать 2 слоя в фотошопе
2. На первом слое разместите содержимое изображения
3. Щелкните 2-й слой
4. Выберите белый в качестве цвета переднего плана и фона (щелкая образцы цвета на панели инструментов)
5. Щелкните инструмент градиента и выберите градиент от непрозрачного до прозрачного (второй градиент в палитре).

6.На втором слое нарисуйте градиент

7. Щелкните правой кнопкой мыши 1-й слой и выберите «Создать обтравочную маску»

8. Готово!