Как сделать прозрачный цвет в фотошопе: Как в Photoshop замнить белый на прозрачный? — Хабр Q&A
В моём предыдущем посте, меня спросили, могу ли я рассказать подробнее о том, как я наношу цвет и меняю его насыщенность, когда работаю в цифре. Сегодняшний мой пост будет об этом.
Только прошу иметь в виду, что этот пост подразумевает, что вы знакомы с 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. 
Здесь я его не показал, потому что использую его очень дозировано, но я использую его для того, чтобы усилить или ослабить цвет в определённых областях картины. Этот режим смешивания очень близок к раскрашиванию фотографий (и я не должен ещё раз предупреждать вас о том, как это плохо). Просто помните, что не надо использовать слои Color слишком часто, используйте их только в некоторых местах, в таком случае они будут работать идеально. Например, используйте их для снижения насыщенности: если область цвета кажется вам слишком красной, то я выбираю синий цвет и понемногу наношу его на слое Color, это поможет успокоить красный цвет.
Слой Normal. Без него невозможно обойтись, когда нужно получить область с плотным цветом. Как только тональный диапазон картины установлен и основные цвета наложены, мы можем приступить к прорисовке деталей и нанесению непрозрачного цвета, что позволит собрать разрозненные части картины в единое целое. 
Я также часто использую этот слой для работы с полупрозрачным цветом, тогда я снижаю его прозрачность меньше 50%.
Такая последовательность работы с слоями, позволяет мне решать все возникающий проблемы, когда я работаю над картиной. Нет одинаковых по характеру художников, так что пробуйте эти слои в различных комбинациях и найдите свою последовательность.
Надеюсь, вам это помогло! Как и всегда, я принимаю предложения разобрать подробнее какую-либо интересную для вас тему, дайте знать мне об этом в комментариях!
Ссылка на оригинал>>
Как сделать прозрачный фон в Фотошопе
Существует несколько способов сделать фон прозрачным в Фотошоп либо вырезать объект и поместить его на прозрачный фон. Это базовое знание о программе, необходимое практически каждому при работе с графическим редактором. Легче всего сделать фон прозрачным у изображения, которое изначально имеет однородную заливку – белую, черную либо другого контрастного цвета.
Для примера мы берем фотографию птички – зимородок на размытом салатовом фоне. 
Задача сделать фон прозрачным в данном случае не так сложна, но требует внимательности. Открываем изображение и дублируем слой, чтобы оставить исходную картинку нетронутой. Отключаем видимость нижнего слоя, чтобы удаленный фон отображался как прозрачный.
Так, на панели инструментов в Фотошоп есть специальный фоновый ластик, который стирает выборочно фон по определенному образцу.
Работа с ним не так проста, как может показаться – закрашивать все изображение кроме одного объекта довольно долго, легче выделить саму птичку.
Второй способ сделать фон прозрачным – выделить объект в режиме быстрой маски и удалить область, которая не закрыта маской. Чтобы создать маску нужно щелкнуть курсором на сером прямоугольнике с белым кругом внутри (внизу панели слоев).
По умолчанию маска имеет красный цвет с прозрачностью 50%, но вы можете настроить любой удобный для каждого конкретного случая. Так, если бы фон был розовый или красный, маска сливалась бы с ним, отчего работать с ней было бы тяжелее.
Следующий шаг – выйти из режима быстрой маски (это делается с помощью горячей клавиши Q) и нажать клавишу DEL. В итоге мы получаем изображение зимородка на ветке, а фон вокруг него прозрачный.
Желтые участки фона, которые были случайно захвачены при создании маски, можно убрать с помощью инструмента Ластик (быстрая клавиша E).
И заключительный этап – сохранение изображение. Формат JPEG не поддерживает прозрачность, поэтому прозрачный фон сохраняется как белый. Сохранять полученную картинку нужно в формате PNG.
Если хотите получить перспективную профессию или освоить новый навык (будь то SEO, HTML, веб-программирование или даже мобильная разработка), то посмотрите ТОП-3 лучших онлайн школ:
- Нетология — одна из старейших школ интернет-профессий. Основные направления — маркетинг, управление, дизайн и программирование;
- GeekBrains — специализируется, в первую очередь, на обучении программистов.
После интеграции в Mail Group появились и другие профессии; - SkillBox — наиболее молодая из 3-х перечисленных школ, но обладает наибольшим ассортиментом специальностей. Если услышали о какой-либо экзотической профессии, то наверняка этому уже обучают в Skillbox.
Эти школы выдают дипломы и помогают с трудоустройством, а если вам нужно просто научиться что-то делать для себя больше как хобби, то рекомендую начать с бесплатных курсов, они позволят получить общее представление о профессии и первый практический опыт.
2 способа сделать любой цвет прозрачным в Photoshop (быстро!)
Знание того, как сделать любой цвет прозрачным, является полезным навыком при использовании Photoshop. Часто в проектах дизайн или редактирование требуют добавления элементов изображения к другим проектам с прозрачными атрибутами. К счастью, с помощью инструментов выделения, таких как инструмент «Волшебная палочка» и функция «Выбор цвета», превратить цвет в прозрачность довольно просто. 
Чтобы сделать цвет прозрачным в Photoshop, выберите «Выделение» > «Цветовой диапазон». Нажмите на цвет, который хотите удалить, затем удерживайте клавишу Shift, чтобы добавить дополнительные цвета к выделению. Отрегулируйте ползунок Fuzziness, пока ваш объект не станет белым, затем нажмите OK. Наконец, нажмите Delete, чтобы сделать выбранные цвета прозрачными.
Как сделать цвет прозрачным в Photoshop
Сделать цвет прозрачным не так сложно, как может показаться. Используя выделение на основе цвета, вы можете легко выделить части изображения и сделать их прозрачными, удалив или замаскировав остальную часть слоя.
Вариант 1: Инструмент «Волшебная палочка»
Инструмент «Волшебная палочка» позволяет делать выбор на основе цвета и тона. Этот инструмент идеально подходит для удаления однотонных участков или участков, очень похожих по тону. Его также легко использовать, когда объект, который вы хотите сохранить, имеет тон, отличный от удаляемого фона. 
Чтобы инструмент «Волшебная палочка» работал наилучшим образом, необходимо правильно настроить его параметры. Здесь вы узнаете, как настроить параметры волшебной палочки, чтобы использовать инструмент более эффективно. Чтобы изучить параметры инструмента Magic Wand , сначала щелкните значок инструмента на панели инструментов.
После выбора инструмента на панели параметров отобразятся все параметры инструмента «Волшебная палочка».
По умолчанию, когда выбран инструмент «Волшебная палочка», Photoshop включает новый параметр выбора. Таким образом, когда вы щелкаете область изображения, инструмент выбирает цветовые тона, на которые вы щелкнули.
Чтобы выбрать дополнительную область, щелкните второй квадратный значок на панели параметров , известный как параметр «Добавить к выделенному». Когда вы это сделаете, рядом с волшебной палочкой появится значок плюса. Ярлык для этой опции удерживает Shift и щелкает, если вы не хотите вносить изменения в верхнюю панель. 
Чтобы вычесть область из вашего выбора, щелкните значок третьего квадрата. Ярлык для этого действия — Alt (Win) или Вариант 9.0006 (Мак).
Если вы хотите выбрать пересечение двух выделенных областей, щелкните последний квадрат.
Параметр Sample Size по умолчанию имеет значение Point Sample , что означает, что любой сделанный вами выбор будет основываться на цвете одного пикселя. Вот почему инструмент «Волшебная палочка» выделяет только небольшую область, когда я щелкаю свое изображение в примере ниже. Его образец чрезвычайно специфичен, поэтому он более разборчив в выборе других цветов.
Но меню размера выборки позволяет увеличить размер выборки до 101 на 101 Среднее , которое отбирает больше пикселей для выбора. Это облегчает вашу работу, если вы собираетесь выбрать наибольшее количество пикселей из похожих тонов.
По умолчанию для Допуск установлено значение 32 пикселя, что означает, что инструмент «Волшебная палочка» выбирает пиксели в диапазоне 32 тона ниже и выше выбранного цвета пикселя. 
Сглаживание уменьшает дефекты выбора, такие как неровности и острые края. Вы всегда должны убедиться, что этот параметр выбран.
Непрерывный — еще одна полезная опция, которую вы будете постоянно использовать. Выберите этот параметр, если вы хотите выбрать только пиксели похожих тонов, которые находятся непосредственно рядом друг с другом. Пока включена функция непрерывности, инструмент будет выбирать только те цветные пиксели, которые соприкасаются, исключая любые пиксели, изолированные от исходного образца.
Если снять этот флажок, инструмент «Волшебная палочка» будет выбирать пиксели похожих тонов из всего изображения, а не соприкасающиеся цветные пиксели.
Наконец, Sample All Layers — полезная опция для создания выделения с помощью инструмента «Волшебная палочка» в двух или более слоях.
Таким образом, вы можете выбрать все слои на панели Layers одновременно.
Теперь, когда вы знаете все параметры инструмента «Волшебная палочка», давайте рассмотрим пример того, как сделать цвет прозрачным, используя другое изображение. 
Нажмите инструмент «Волшебная палочка» на панели инструментов (W) , чтобы начать выбор.
Затем настройте параметры на панели параметров . Для своего изображения я хочу увеличить допуск, чтобы было выбрано больше пикселей, поскольку фон имеет разные тона.
Например, область возле подсолнуха ярче, чем область у краев изображения. Поскольку я хочу, чтобы все синие пиксели исчезли, независимо от их тона, я установил Допуск на 78.
Затем я проверю Сглаживание , потому что я хочу уменьшить риск несовершенства краев объекта.
Затем я сниму флажок Непрерывный , так как я хочу, чтобы все синие пиксели исчезли, независимо от того, где они находятся на изображении. Регулируя этот параметр, волшебная палочка будет выбирать одинаковые пиксели из всего изображения. Я также сниму флажок All Layers , так как у меня есть только один слой на панели Layers . 
После настройки параметров я щелкну в любом месте синей области изображения. Теперь выбраны пиксели, содержащие тона в выбранном диапазоне.
Обратите внимание, что все части синего фона были выделены. Поскольку настройки волшебной палочки были скорректированы, мне больше не нужно вычитать или добавлять какой-либо контент к выделению.
Теперь, чтобы сделать выделение прозрачным, вам нужно либо удалить выбранное вами содержимое, либо создать маску слоя. Разница в том, что если вы удалите контент, вы не сможете уточнить свой выбор.
Если вы не беспокоитесь об уточнении своего выбора, нажмите Удалить на клавиатуре.
Однако, если ваш выбор может нуждаться в уточнении, вы должны вместо этого создать маску слоя. Для этого инвертируйте выделение, нажав Control + Shift + I (Win) или Command + Shift + I (Mac).
Это необходимо, поскольку маска слоя показывает содержимое в пределах выделения и скрывает все содержимое вне выделения. 
Теперь создайте маску слоя, щелкнув значок маски слоя в нижней части панели Layers .
Это создаст маску слоя и сделает прозрачным невыделенное содержимое, которым в данном случае является небо.
Несмотря на то, что слой-маска делает выделенную область прозрачной, в большинстве случаев все же необходимо уточнить выделение, чтобы избавиться от цветовой окантовки и других дефектов выделения. Для этого дважды щелкните маску слоя.
Откроется рабочая область Select And Mask , где вы можете найти несколько опций для уточнения вашего выбора.
Для моего изображения я щелкнул инструмент кисти Refine Edge в левой части панели, который является отличным инструментом для уточнения краев выделения с мехом, волосами, перьями или даже лепестками цветов. Затем я закрасил области с окантовкой, чтобы удалить нежелательные пиксели, окружающие подсолнух.
Когда вы закончите уточнять свой выбор, нажмите «ОК», чтобы выйти из рабочей области «Выделение и маска». 
Затем вы можете вернуться к холсту, где вы можете выполнять различные действия с изображением, например изменять его фон или даже экспортировать его в виде файла PNG, чтобы сохранить прозрачный фон.
Вариант 2: Выбор цветового диапазона
Вы также можете сделать цвет прозрачным с помощью инструмента цветового диапазона. Этот инструмент выделения очень похож на инструмент «Волшебная палочка», но имеет другие преимущества. Инструмент «Цветовой диапазон» позволяет выбирать более широкий спектр тонов на изображении путем выборки цветов и превращения их в выборку. В некоторых случаях он оказывается гораздо более удобным для пользователя, чем инструмент «волшебная палочка».
Основное сходство между инструментом Color Range и инструментом Magic Wand заключается в количестве настроек, доступных для уточнения выбора.
Чтобы использовать цветовой диапазон, перенесите фотографию в Photoshop с монохромной областью или областью с похожими тонами, которую вы хотите удалить. 
Затем перейдите к Выберите > Цветовой диапазон .
После того, как откроется панель цветового диапазона, вам необходимо настроить некоторые параметры для эффективной работы инструмента. Сначала выберите Пробные цвета из меню Выберите .
Это активирует инструмент «Пипетка», чтобы вы могли выбрать цвет из области, которую хотите сделать прозрачной.
Теперь пришло время настроить Нечеткость . Нечеткость определяет диапазон цветов, которые может использовать инструмент «Пипетка».
Нечеткость при 30 означает, что Photoshop выберет пиксели того же цвета, что и образец, и пиксели, которые на 30 тонов ярче и на 30 тонов темнее цвета, который вы выбрали.
Нечеткость похожа на толерантность к волшебной палочке. Разница в том, что вы можете изменить нечеткость в любое время во время выделения и даже после него, что дает вам больше контроля при выборе. 
Другой параметр, который вы можете изменить, это Инвертировать . Установив флажок «Инвертировать», область, которую вы хотите сделать прозрачной, станет черной, а область, которую вы хотите сделать видимой, станет белой, как это происходит с маской слоя.
Предварительный просмотр выбора управляет тем, что вы видите на холсте. Если вы уже видите свой выбор в окне предварительного просмотра на панели цветового диапазона, лучше установить для Selection Preview значение none. В противном случае вы можете выбрать один из доступных режимов предварительного просмотра выбора.
После настройки всех необходимых параметров цветового диапазона вы можете начать выборку цветов, которые хотите сделать прозрачными. Для этого просто щелкните область, которую хотите сделать прозрачной.
Вы можете добавить больше цветов к выбору, нажав Shift , нажимая на другие области изображения, которые вы хотите добавить. 
Когда вы нажмете Shift , вы заметите, что рядом с пипеткой появится значок плюса. Вы также можете нажать Shift , перетаскивая изображение с помощью инструмента «Пипетка», чтобы добавить больше содержимого к выделению.
Цель состоит в том, чтобы содержимое, которое вы хотите сделать прозрачным, стало черным, а все содержимое, которое вы хотите сделать видимым, стало белым в окне предварительного просмотра.
Когда это произойдет, нажмите OK, чтобы выйти из панели цветового диапазона и создать выделение.
Теперь, когда выбран слой изображения, щелкните значок маски слоя в нижней части панели Слои , чтобы создать маску слоя и сделать выбранный цвет прозрачным.
Сделав выделение прозрачным, можно дважды щелкнуть маску слоя, чтобы открыть рабочее пространство Select and Mask , где можно уточнить выделение.
Например, в правой части рабочей области выделения и маски можно получить доступ к параметрам Global Refinements для уточнения краев выделения. 
Затем в Обеззараживание цветов можно избавиться от цветной окантовки.
После увеличения резкости выделения нажмите «ОК», чтобы выйти из рабочей области «Выделение и маска».
Как экспортировать изображение с прозрачностью в Photoshop
Сделав выделение прозрачным, вы можете экспортировать изображение с прозрачностью для использования в других проектах.
Для этого выберите «Файл» > «Экспорт» > «Экспортировать как». Вы также можете нажать Alt + Shift + Control + W (Win) или Option + Shift + Command + W (Mac).
На панели Export As установите для параметра Format значение PNG, установите флажок Transparency и щелкните Export , чтобы сохранить файл с измененными настройками.
С помощью этих двух инструментов вы можете быстро пробовать цвета и делать их прозрачными в Photoshop, независимо от того, работаете ли вы с изображениями, графикой или текстом. 
Просто помните, что для экспорта изображения с прозрачностью вы должны экспортировать его в формате PNG, чтобы сохранить атрибуты прозрачности.
Как сделать цвет прозрачным в Photoshop (2 шага)
«Я хочу видеть сквозь этот цвет».
Вам когда-нибудь приходила в голову эта мысль при работе в Photoshop? Как сделать цвет прозрачным в фотошопе?
Здравствуйте! Меня зовут Кара, и я часто использую прозрачность, когда создаю дизайн продукта. Photoshop позволяет легко сделать цвета полностью или частично прозрачными всего несколькими нажатиями кнопки.
Давайте посмотрим, как сделать цвет прозрачным в Photoshop!
Предупреждение: приведенные ниже снимки экрана и руководство основаны на версии Photoshop CC для Windows. Если вы используете версию для Mac, они могут немного отличаться.
- Шаг 1: Сделайте выбор
- Шаг 2: Удалить выбор
- Сделайте цветовой 1: Сделайте выбор
Первый шаг для превращения цвета в прозрачный — выделение. 
Фотошоп должен знать, на какую часть изображения вы хотите повлиять. В Photoshop есть различные инструменты выделения, в том числе инструмент «Лассо» и всегда удобный инструмент «Быстрое выделение».
Поскольку мы хотим выделить один цвет, мы выберем инструмент «Волшебная палочка» для этого выделения.
Инструмент «Волшебная палочка» выделяет пиксели одинакового или похожего цвета, когда вы нажимаете на точку на изображении. Существуют различные настройки, позволяющие точно настроить инструмент под ваше изображение.
В этом примере мы возьмем инструмент «Волшебная палочка» с панели инструментов. Он может быть скрыт за инструментами быстрого выбора или выбора объектов. Просто щелкните правой кнопкой мыши и выберите инструмент из всплывающего меню.
Затем щелкните цвет изображения, который вы хотите сделать прозрачным. Я увеличил допуск до 50, но все равно потребовалось несколько кликов, чтобы получить выделение на этом изображении.
Шаг 2: Удалить выделение
Если вы хотите, чтобы выбранные пиксели были полностью прозрачными, вы можете просто удалить выделение в этот момент. 
Примечание: , если вы работаете с фоновым слоем, он автоматически блокируется, и вы не сможете его удалить. Разблокируйте слой, щелкнув значок в виде замка в правой части слоя.
Когда слой разблокирован, вы можете нажать клавишу Backspace или Delete , чтобы удалить эту часть изображения и сделать пиксели прозрачными.
Сделать цвет частично прозрачным
Что если вы хотите изменить цвет, чтобы он был только частично прозрачным? Возможно, вы захотите поместить другое изображение за своим изображением, чтобы оно просматривалось.
Давайте посмотрим, как это сделать.
Шаг 1. Создайте и сохраните выделение
Создайте выделение с помощью инструмента «Волшебная палочка», как мы уже обсуждали. Мы собираемся немного попрыгать, поэтому давайте сохраним выделение, чтобы не потерять его.
Перейти к Выберите в строке меню и выберите Сохранить выбор . 
В появившемся окне убедитесь, что ваш текущий документ выбран, и дайте выбору имя, которое вы узнаете. Я назвал свой «Авокадо». Нажмите ОК .
При активном выборе нажмите Ctrl + J или Command + J , чтобы дублировать слой. Поскольку у вас активно выделение, программа продублирует только выделение и поместит его на новый слой. Обратите внимание, что выделение исчезает.
Нажмите на первый слой, чтобы вернуться к нему.
Затем загрузите сохраненный выбор, перейдя к Выберите > Выбор загрузки . Выберите сохраненный вариант из списка.
Выбор появляется снова. Снимите выделение, нажав Backspace или Удалить . Не забудьте разблокировать слой, если это фоновый слой.
Помните, что ваш выбор не исчезнет, потому что скопированный слой находится сверху. 
Вы увидите, что он станет прозрачным на миниатюре нижнего слоя. Или вы можете отключить верхний слой, нажав значок глаза слева, чтобы вы могли видеть.
Выберите верхний слой. Чтобы сделать его частично прозрачным, просто уменьшите непрозрачность. Обратите внимание, как начинает появляться клетчатый узор, указывающий на прозрачность? И мы все еще можем видеть часть авокадо.
Теперь вы можете поместить за ним другое изображение или создать любой желаемый эффект.
Довольно изящно, правда?
Сохранение прозрачности
Имейте в виду, что при сохранении файла с прозрачностью необходимо использовать параметр PNG. JPEG и другие форматы файлов не поддерживают прозрачность. Если вы сохраните его в формате JPEG, прозрачность будет заполнена белым.
Чтобы сохранить прозрачность, необходимо сохранить изображение в формате PNG.
Хотите знать, что еще вы можете сделать в чудесном мире Photoshop? Узнайте, как заполнить фигуру изображением, чтобы получить более забавные эффекты!
Кара увлеклась фотографией примерно в 2014 году и с тех пор исследует все уголки мира изображений. 
Как в Photoshop замнить белый на прозрачный?
Представь себе скан мятого листа. Так вот, надо сделать png с альфа каналом, так, что бы на нем были только помятости.
То есть, надо как минимум заменить белый на прозрачный, а лучше вообще оставить разницу между ровным и мятым листом.
В итоге должен получиться png файл, который, я смог бы накладывать поверх других документов.
UPD: Спасибо sumnix
Оригинал: 
Результат: 
Пример:
- Вопрос задан более трёх лет назад
- 129837 просмотров
Оценить 1 комментарий
- Вконтакте
- Вконтакте
- Вконтакте
- Вконтакте
Alt + Перетаскивание
Не уж то это так сложно? Или Вы написали это, потому что не умеете работать с Gimp.
p.s.
Давайте не продолжать этот бессмысленный спор — есть области, в которых Photoshop превосходит Gimp, и есть области, в которых Gimp превосходит Photoshop.
Я использовал английский фотошоп, поэтому перевод на русский может быть не точным
1. Отройте файл
2. Если это была картинка, то сначала делаем Ctrl+A, Ctrl+X, Ctrl+V
3. Ctrl+A
4. В доке управления слоями на слое Layer 1 создаем Clipping Mask (внизу кнопка, где создать новый слой, удалить слой)
5. Открываем док управления каналами Window > Channels
6. В нем будут 4 слоя + наша маска
7. Выбираем самый контрастный слой, например Red, остальные выключаем
8. Делаем на этом слое Ctrl+A, Ctrl+C
9. Включаем все слои, активным делаем нашу маску, Ctrl+V
10. Правим яркость, контрастность, уровни на этой маске, добиваясь наиболее приемлемого результата.
Как заменить белый цвет прозрачным фотошоп. Как сделать цвет прозрачным в Фотошопе? Прозрачный фон на примере
В некоторых случаях, например, при оформлении сайта можно столкнуться с ситуацией, когда фон изображения никоим образом не сочетается с цветом самого сайта. Очевидное решение – сделать этот фон прозрачным.
Вам понадобится
- — Adobe Photoshop.
Инструкция
Как задать в css прозрачный цвет? На текущий момент для этого есть 3 способа.
Способ 1 — значение transparent
Если вы зададите в качестве значения цвету текста или фона значение transparent , то цвет будет полностью прозрачным, то есть невидимым. Пример:
Такой текст нельзя будет увидеть на странице.
Способ 2 — цветовой режим rgba
А это уже нововведение css3. Ранее в веб-разработке такого режима не было, был только rgb. Наверняка вы знаете, как записывать цвет в этом формате. Для этого вам нужно в скобках указать три значения от 0 до 255, указывающие на насыщенность одного из трех основных цветов (красный, зеленый, синий). Например:
Background: rgb(230, 121, 156);
Формат rgba ничем не отличается, только добавляется четвертое значение — степень прозрачности элемента от 0 до 1. Вообще этот формат записи в основном используют, чтобы задать полупрозрачный цвет, а не полностью прозрачный. Чтобы достичь полной прозрачности, нужно всего лишь в качестве четвертого значения написать 0.
Background: rgba(0, 0, 0, 0);
В таком случае остальные 3 цифры особой роли не играют.
Полупрозрачный же цвет можно задать, если в качестве четвертого параметра задать значение от 0.01 до 0.99. О уже писал немного о задании полупрозрачности фону в , можете ознакомиться, если интересно.
Способ 3 — opacity
Еще одно свойство из технологии css3. Но я хочу вас сразу предупредить, что оно работает немного по-другому. С помощью opacity прозрачность задается всему блоку, к которому оно применяется. Таким образом, ухудшается читабельность текста и восприятие картинок. Так что свойство я вижу смысл применять только для блоков, в которых нет текста и какой-то иной информации. Значения можно задавать от 0 до 1, как и в случае с четвертым параметром при задании цвета в формате rgba .
В общем-то, на данный момент это все известные мне способы задания прозрачного цвета в css. Зачем это нужно, это уже другой вопрос. Через прозрачный фон может быть видно то, что находится под ним. Иногда так нужно сделать по дизайну. В целом, прием с полупрозрачностью сегодня очень распространен.
Прозрачный фон (background)
Как вы возможно знаете, background – это css-свойство, которое позволяет задать цвет фона или загрузить изображение, которое будет выступать в качестве фонового.
Задаем прозрачность у css background
Итак, все это делается очень просто благодаря такому формату записи цвета, как rgba . Если вы работаете с графическими редакторами, то наверняка знаете, что цветовой режим rgb расшифровывается так: доля красного цвета (red), доля зеленого (green) и синего (blue). Так вот, rgba практически тоже самое, только добавляется еще один параметр – прозрачность. Записывается так:
Background-color: rgba(173, 57, 22, 0.5)
Сначала мы явно указываем, что задаем цвет в режиме rgba. Потом указываем значения насыщенности трех основных цветов от 0 до 255, где 255 – наибольшая насыщенность. Четвертый параметр это и есть наша прозрачность. Здесь пишется значение от 0 до единицы. 1 – полностью непрозрачный элемент, а 0 – полностью прозрачный. Соответственно, если выставить 0, то фонового цвета не будет видно вообще.
Теперь вы знаете, как в css у свойства background задать прозрачность. Для этого нужно использовать цветовой режим rgba. Есть еще свойство opacity , но оно применяется ко всему элементу в целом. То есть при применении opacity прозрачность может примениться и к тексту, что сделает его нечитаемым.
Прозрачный фон на примере
Преимущества полупрозрачного фона легко показать на примере. Например, у нас есть общий фон страницы. Вот так бы выглядел блок, если бы ему был задан сплошной черный цвет:
А теперь зададим этот же черный цвет блоку, но укажем его с помощью цветового формата rgba, указав последнее значение в 0.7, например. Получится так:
Теперь фон блока просвечивается и через него видно фоновую картинку. Данная картинка и фон приведены лишь для примера. Как вы понимаете, в css background прозрачность может пригодиться, когда вам надо, чтобы фон вложенного элемента просвечивался, не закрывая другие фоны, расположенные в других слоях.
Сам цвет задавать с помощью rgba не сложно. Как уже и говорилось — первые три буквы означают три основных цвета: красный, зеленый и синий, а точнее их долю (от 0 до 255). Прописывая разные значения можно получать миллионы разных цветов, а полупрозрачность позволит вам придумать еще массу красивых эффектов для сайта, если это нужно будет.
Главное нужно указать картинку на вашем компьютере или телефоне, а затем нажать кнопку ОК внизу этой страницы. По умолчанию однотонный фон картинки заменяется на прозрачный. Цвет фона исходной картинки определяется автоматически, нужно лишь указать в настройках, на какой цвет его заменять. Основным параметром, влияющим на качество замены, является «Интенсивность замены» и для каждой картинки она может быть разной.
Пример фотографии розовой розы без изменений и после замены однотонного фона на прозрачный, белый и зелёный:
Первый пример с цветком розы на прозрачном фоне сделан с такими настройками:
1) Интенсивность замены — 38;
2) Сглаживание по краям — 5;
3) Заменить однотонный фон на — прозрачный;
4) Обрезка ( 0) по краям — «-70»;
5) Инвертировать — отключено (галка не стоит).
Для создания второго примера , с белым фоном, использовались такие же настройки, как и в первом примере, кроме параметра: «Заменить однотонный фон на» — белый. В третьем примере , с зелёным фоном, также использованы настройки, как и в первом примере, кроме параметра: «цвет в формате hex» — #245a2d.
Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка с прозрачным или указанным вами фоном.
Прозрачный цветовой код фотошоп
Это означает, что #00FFFFFF («прозрачный белый») — это тот же цвет, что и #00F0F8FF («прозрачный AliceBlue»). Для простоты выбирают черный ( #000000 ) или белый ( #00FFFFFF ), если цвет не имеет значения. В таблице, на которую вы ссылаетесь, Transparent определяется как #00FFFFFF .
Какой шестнадцатеричный код для прозрачности?
Прозрачность контролируется альфа-каналом (AA в #AARRGGBB). Максимальное значение (255 dec, FF hex) означает полную непрозрачность. Минимальное значение (0 dec, 00 hex) означает полную прозрачность. Значения между ними являются полупрозрачными, т.е. цвет смешивается с цветом фона.
Какой код RGB для прозрачного цвета?
Команда rgb() является ключевой: вы определяете новый цвет, используя числовые значения (0-255) для красного, зеленого и синего. Кроме того, вы задаете значение альфа (также 0-255), которое устанавливает прозрачность (0 — полностью прозрачный, 255 — «сплошной»).
Рекомендуем почитать:
Как сделать цвет прозрачным?
Выберите изображение, для которого необходимо изменить прозрачность цвета. На вкладке Формат изображения нажмите Перецветить, а затем выберите Задать прозрачный цвет. Щелкните цвет на фотографии или изображении, который нужно сделать прозрачным. Примечание: Вы не можете сделать прозрачным более одного цвета в изображении.
Какой цвет #00FF00?
Шестнадцатеричный код зеленого цвета (RGB) — #00FF00.
Как сделать прозрачный шестнадцатеричный цвет?
Как задать прозрачность с помощью шестнадцатеричного значения? Например, вы хотите установить 40% альфа-прозрачность для #000000 (черный цвет), вам нужно добавить 66 следующим образом #66000000 .
Как добавить прозрачность в шестнадцатеричный код?
В CSS выделите div и установите свойство background на #00ff0080. Шестнадцатеричный код #00ff00 обозначает зеленый цвет, а 80 — непрозрачность цвета. Это создаст зеленый фон текста и придаст ему непрозрачность 50% или значение 128.
Могу ли я использовать непрозрачность шестнадцатеричного кода? Шестнадцатеричный код #00ff00 представляет зеленый цвет, а 80 — его непрозрачность. Это создаст зеленый фон в тексте и даст непрозрачность 50% или значение 128 . Двоичный эквивалент шестнадцатеричного значения 80 — 128. Таким образом, мы можем использовать шестнадцатеричный код для создания прозрачного элемента в HTML.
Как сделать шестнадцатеричный код прозрачным? Добавление значения альфа в шестнадцатеричные коды CSS Использование значения альфа для обновления прозрачности цвета изменит формат шестнадцатеричного кода с #RRGGBB на #RRGGBBAA (где альфа — A ). Первые шесть значений (красный, зеленый и синий) остаются неизменными.
Могу ли я использовать 8-значный шестнадцатеричный код?
Если вы используете эту нотацию с пониманием того, что поддержка браузера не является полной и эти черновики могут быть изменены (хотя поддержка этой нотации крайне маловероятна), вы будете в порядке.
Что такое прозрачные цвета?
Примеры прозрачных цветов: все хинакридоны и фталоновые краски, перманентная роза, гамбож и индийский желтый, перилен и большинство черных цветов. Примеры непрозрачных красок: все кадмии, сернистый синий, неаполитанский желтый и все белые. Лимонно-желтый и соляно-зеленый являются нарушителями спокойствия.