Как сделать белый цвет прозрачным в фотошопе

Прозрачный цвет в Photoshop

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

В качестве примера, я решил использовать этот монохромный акварельный рисунок. Обычно я работаю над полноценными акварельными рисунками, но в этот раз рисунок не такой сложный (но вы всё равно можете использовать эти же принципы при работе над полноцветными картинами!)

ИТАК, ПУНКТ ПЕРВЫЙ:

Когда вы рисуете в цифре поверх другого рисунка или монохромной картины, то существует 2 возможных проблемы:

№1 Вид как у Плохо Раскрашенного Старого Фото (просто посмотрите на старые раскрашенные фотографии). Такого нам не надо.
№2 Вид как у Уродливой Аэрографии (представьте аэрографический рисунок фиолетового волка воющего на луну, на автомобиле). Такое нам тоже не нужно.

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

ДАВАЙТЕ НАЧНЁМ С ОСНОВ:

Режимы наложения слоёв

Наносить цвет в Photoshop я начинаю с создания нового слоя и подбора режима смешивания для него. В примере ниже Маленькая Красная Шапочка «У-Тебя-Сегодня-Будут-Неприятности», я наложил сплошной красный цвет на выделенную область её плаща. Изменяя режим смешивания, я получаю различные, порою радикальные изменения.

Как вы можете видеть, большинство из них, если использовать поодиночке дают нам вид раскрашенной фотографии как в проблеме №1.
Здесь нам необходимо использовать комбинацию из нескольких различных слоёв с разными режимами смешивания. Давайте взглянем на следующие комбинации:

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

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

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

Определённые режимы смешивания изменяют насыщенность сильнее, чем другие, одни могут одновременно затемнять, другие высветлять.

КОРОЧЕ СКЛИФОСОВСКИЙ, ВСЁ ЭТО ПОЛНАЯ ХРЕНЬ, ЗАЧЁМ ВСЁ УСЛОЖНЯТЬ? ПОЧЕМУ БЫ ПРОСТО НЕ РИСОВАТЬ НА СЛОЕ С РЕЖИМОМ NORMAL?

Слои с режимом Normal великолепны! Если вы начинающий, то вам следует работать только на них, пока вы не наберётесь опыта. Они ведут себя наиболее предсказуемым образом и невероятно гибки в использовании, если вы рисуете кистью со сниженной Opacity или Flow.
Однако, при добавлении слоёв поверх картины выполненной традиционными материалами, вы со временем обнаружите, что лишаетесь, части оригинальной рисунка в процессе рисования, и что итоговый результат начинает выглядеть всё хуже (проблема №2). Чтобы раскрыть потенциал слоёв в Photoshop на полную мощность, вам следует использовать прозрачность.
Photoshop обладает колоссальным количеством инструментов для раскрашивания. Вам всего лишь нужно найти наиболее подходящий вам. Нет правильного или неправильно варианта. Вы можете использовать всё что вы захотите, чтобы перенести идеи из своей головы на экран.
Для меня, большинство моих слоёв имеют режим Multiply, Color, Soft Light и Screen. Вы можете сделать всё, что только можете себе вообразить, используя лишь эти 4 режима.

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

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

Слой Soft Light это чистое безумие. Он никому не подчиняется, у него нет хозяина. Математика, что лежит в основе его алгоритма, не до конца изучена наукой. Что я знаю, так это то, что если я использую светлый цвет на таком слое, то я получу очень яркую насыщенность и сохраню детали под цветом. Например, я использовал светлый зелёный цвет на слое Soft Light, чтобы выделить его в сравнении с остальной частью картины.

Слой Color Dodge выжигает блики. Нереально брутален и использовать его следует ОЧЕНЬ осторожно. Слишком много – и это будет, словно дать прикурить из огнемёта. Но когда вы используете его дозировано, то это может помочь вам усилить ваши ярко освещённые участки, также как и любые отблески. Я использую Color Dodge для придания чёткости бликам, добавления жёсткого контурного света (rimlight) и для придания чёткости краям объектов, чтобы отделить их от фона. Если чередовать его с Multiply слоями, то это поможет расширить тональный диапазон картины.

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

Слой Normal. Без него невозможно обойтись, когда нужно получить область с плотным цветом. Как только тональный диапазон картины установлен и основные цвета наложены, мы можем приступить к прорисовке деталей и нанесению непрозрачного цвета, что позволит собрать разрозненные части картины в единое целое. Я также часто использую этот слой для работы с полупрозрачным цветом, тогда я снижаю его прозрачность меньше 50%.

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

Надеюсь, вам это помогло! Как и всегда, я принимаю предложения разобрать подробнее какую-либо интересную для вас тему, дайте знать мне об этом в комментариях!

Неразрушительное осветление и затемнение в Photoshop

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

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

Два ярких примера этого — инструменты Photoshop « Осветлитель » и « Затемнитель », оба они располагаются в палитре инструментов. Термины « осветлить » и « затемнить » относится к методам, которые использовались, чтобы либо осветлить ( Dodge ) или затемнить ( Burn ) конкретные области фото, увеличивая или ограничивая воздействие реагентов на определенных участках.

Инструменты Photoshop « Осветлитель » и « Затемнитель » являются цифровыми версиями этих методов и часто используются, чтобы либо осветлить недостаточно выдержанные области фотографии или сделать темнее засвеченные.

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

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

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

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

Используя только инструменты Photoshop « Осветлитель » и « Затемнитель » и режим наложения слоя, мы можем легко исправить недостатки этого изображения:

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

Откройте изображение, затем нажмите и удерживайте клавишу Alt ( Win ) / Option ( Mac ) и кликните на иконке « Новый слой » в нижней части палитры слоев:

Таким образом мы добавляем новый слой поверх текущего. Но удерживая клавишу Alt ( Win ) / Option ( Mac ) при нажатии иконки « Новый слой », мы сообщаем Photoshop , чтобы нам нужно открыть диалоговое окно « Новый слой », прежде чем слой будет добавлен.

Это даст нам возможность дать имя слою, а также позволит изменить несколько важных параметров. Так как я буду использовать этот слой для осветления и затемнения некоторых областей, я назову его « Dodge and Burn «. Если вы не хотите, можете не называть отдельно слой, но назначение слоям имен — это очень полезная привычка:

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

Измените «Режим смешивания» нового слоя на «Перекрытие»

Если коротко, то режим смешивания « Перекрытие » относится к группе режимов « Контрастность » и часто используется, чтобы увеличить контрастность изображения. Любые участки слоя, которые светлее, чем 50% серого ( имеется в виду оттенок серого точно посередине между черным и белым ) используются, чтобы осветлить изображение.

В то время как участки темнее 50% серого, используются, чтобы их затемнить. Любые области, которые имеют точно 50% серого, полностью игнорируются Photoshop и становятся прозрачными. Как это работает на практике, мы сейчас увидим.

В режиме смешивания « Перекрытие » в диалоговом окне вы увидите новую опцию – « Выполнять заливку нейтральным цветом (50% серого) ». Установите флажок, чтобы включить эту опцию:

Это указывает Photoshop заполнить наш новый слой 50% серого. После того, как вы закончите, нажмите кнопку « ОК », чтобы выйти из диалогового окна. Если мы сейчас посмотрим на палитру слоев, то увидим новый слой под названием « Dodge and Burn «, расположенный над фоном.

Для этого слоя у нас установлен режим смешивания « Перекрытие », и если мы посмотрим на его миниатюру слева от имени, то увидим, что этот слой заполнен серым:

Чуть раньше я отметил, что, когда для слоя установлен режим смешивания « Перекрытие », любые области слоя, которые имеют оттенок 50% серого, становятся прозрачными. И, если мы посмотрим на наше изображение, то увидим, что, несмотря на то, что слой « Dodge and Burn » заполнен сплошным серым, мы видим нашу исходную фотографию. Серый цвет слоя « Dodge and Burn » является полностью прозрачным:

Шаг 2: Выберите инструмент «Кисть»

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

Однако прежде, чем мы сможем что-то закрасить, мы должны выбрать инструмент « Кисть ». Для этого либо выберите « Кисть » из палитры инструментов, либо нажмите на клавиатуре клавишу « B »:

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

Я хочу начать с осветления нескольких участков. Это значит, мне нужно нарисовать на них белые области. Значит, мне нужно установить цвет переднего плана на белый, так как инструмент « Кисть » рисует тем цветом, который установлен в качестве цвета переднего плана. Нажмите на клавиатуре клавишу « D », которая сбрасывает цвета текста и фона на настройки по умолчанию. Черный устанавливается в качестве цвета переднего плана, белый — цветом фона.

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

Шаг 4: Уменьшите непрозрачность кисти до 10 — 20%

Лучше всего при работе с этой техникой постепенно наращивать количество осветлений и затемнений, которые мы применяем, потому что даже небольшого значения иногда может быть вполне достаточно. Поэтому мы должны работать с кистью низкой непрозрачности. Убедитесь, что у вас выбран инструмент « Кисть », затем перейдите в панель параметров в верхней части экрана и уменьшите непрозрачность до 10-20%. Я установил значение 10%.

Таким образом, каждый раз, когда я буду закрашивать ту же область, я буду увеличивать интенсивность освещения или затемнения на 10%, что дает мне больше возможностей для маневра:

Шаг 5: Закрасьте области, которые вы хотите осветлить

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

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

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

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

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

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

Шаг 7: Закрасьте области, которые должны быть затемнены

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

Если мы посмотрим на миниатюру слоя « Dodge and Burn » в палитре слоев, мы сможем увидеть все те области, которые мы нарисовали черным и белым цветом:

Если случайно вы закрасили области, которые не хотели, просто нажмите на цвете переднего плана в палитре инструментов и откройте « Выбор цвета ». Введите значение 128 для опций R, G и B, что даст вам серый цвет 50%:

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

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

Для сравнения вот мое оригинальное фото слева, а справа скорректированное изображение:

Мы закончили! Таким образом, вы можете неразрушительно осветлить или затемнить участки изображения, используя режим смешивания « Перекрытие ».

Данная публикация представляет собой перевод статьи « Non-Destructive Dodge and Burn in Photoshop » , подготовленной дружной командой проекта Интернет-технологии.ру

Как сделать прозрачный фон в фотошопе?

Всем привет на fast-wolker.ru! Продолжаем осваивать графический редактор! Сегодня мы займемся полезным делом в Adobe Photoshop, — будем учиться создавать прозрачный фон. В первую очередь это пригодится в тех случаях, когда необходимо какую-либо картинку вставить на другой фон.

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

Как удалить белый фон в фотошопе и сделать его прозрачным?

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

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

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

Выбрав инструмент, щелкаем и по загруженному документу. Появится такое вот выделение:

Остался последний шаг – нажать на клавишу DELETE. В результате фон исчезнет, а останется чистое пространство, которое отображается, как квадратики:

Осталось только вставить это фото на другой фон. Что бы фото можно было использовать неоднократно, его, само собой, надо сохранить. Но, здесь есть нюанс. Если вы его сохраните в формате jpg, то он сохранится не с прозрачным, а белым фоном. Чтобы прозрачный фон остался при сохранении, надо выбрать формат PNG!.

Делаем прозрачным фон из картинки или рисунка в Photoshop

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

Загрузив фотографию, создаем дубликат слоя и выбираем «магнитное лассо«. Обводим им по контуру фигуру выделяемого объекта.

Прилипло по нужным границам? Далее, идем через «главное меню» «выделение«-«инверсия«.

В результате образуется выделение вокруг объекта и по краям картинки.

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

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

Как сделать прозрачный фон у подписи в фотошопе?

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

Если подпись стоит рядом с другими элементами, то при помощи «выделения» вырезаем подпись и ставим ее на новый документ.

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

Каким оно будет — зависит от самой подписи. Подбирайте экспериментально. Главное, что бы в итоге была выделена и подпись фон вокруг нее. В моем варианте значение допуска было равно 70. Щелкаем «волшебной палочкой» по документу и получаем такой результат.

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

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

Теперь осталось вставлять ее в нужное место в отсканированном документе или напечатанном. Или в шаблон документа программы 1С. Вот так достаточно просто можно сделать прозрачный фон. Главное, не забыть сохранить картинку именно в формате PNG! Тогда прозрачный фон сохранится для других проектов. Успехов!

Источники:

http://render.ru/ru/articles/post/13666

http://www.internet-technologies.ru/articles/nerazrushitelnoe-osvetlenie-i-zatemnenie-v-photoshop.html

http://fast-wolker.ru/kak-sdelat-prozrachnyj-fon-v-fotoshop.html