Как сделать цвет прозрачным
Определенный цвет на изображении можно задать как прозрачный, при этом остальная часть изображения остается видимой. Например, можно сделать прозрачным цвет фона изображения.
1. Щелкните Вид (View) > Изображения (Images) . Откроется вкладка Изображения (Images) .
2. Выберите изображение в графическом окне.
3. Щелкните Задать цвет прозрачности (Set Transparent Color) . Указатель изменяется на указатель цвета.
4. Щелкните на изображении цвет, который требуется сделать прозрачным. Этот цвет становится прозрачным на всем изображении.
Заменить белый или однотонный фон на прозрачный онлайн
Главное нужно указать картинку на вашем компьютере или телефоне, а затем нажать кнопку ОК внизу этой страницы. По умолчанию однотонный фон картинки заменяется на прозрачный. Цвет фона исходной картинки определяется автоматически, нужно лишь указать в настройках, на какой цвет его заменять. Основным параметром, влияющим на качество замены, является «Интенсивность замены» и для каждой картинки она может быть разной.
Пример фотографии розовой розы без изменений и после замены однотонного фона на прозрачный, белый и зелёный:
Первый пример с цветком розы на прозрачном фоне сделан с такими настройками:
1) Интенсивность замены — 38;
2) Сглаживание по краям — 5;
3) Заменить однотонный фон на — прозрачный;
4) Обрезка (<0) или Добавление (>0) по краям — «-70»;
5) Инвертировать — отключено (галка не стоит).
Для создания второго примера, с белым фоном, использовались такие же настройки, как и в первом примере, кроме параметра: «Заменить однотонный фон на» — белый. В третьем примере, с зелёным фоном, также использованы настройки, как и в первом примере, кроме параметра: «цвет в формате hex» — #245a2d.
Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка с прозрачным или указанным вами фоном.
CSS: Прозрачность
Для создания эффекта прозрачности в CSS используется свойство opacity.
Браузер IE8 и более ранние его версии поддерживают альтернативное свойство — filter:alpha(opacity=x) , где » x » может принимать значение от 0 до 100 , чем меньше значение, тем прозрачнее будет элемент.
Все остальные браузеры поддерживают стандартное CSS свойство opacity , которое может принимать в качестве значения числа от 0.0 до 1.0 , чем меньше значение, тем прозрачнее будет элемент:
Прозрачность при наведении
Псевдо-класс :hover позволяет изменять внешний вид элементов при наведении на них курсора мыши. Мы воспользуемся этой возможностью, чтобы изображение при наведении мыши теряло свою прозрачность:
Прозрачность фона
Есть два возможных способа сделать элемент прозрачным: свойство opacity , описанное выше, и указание цвета фона в RGBA формате.
Возможно вы уже знакомы с моделью представления цвета в формате RGB . RGB (Red, Green, Blue — красный, зеленый, синий) — цветовая система, определяющая оттенок путем смешивания красного, зеленого и синего цветов. Например, для задания желтого цвета для текста можно воспользоваться любым из следующих объявлений:
color: rgb(255,255,0); color: rgb(100%,100%,0);
Цвета, заданные с помощью RGB , будут отличаться от шестнадцатеричных значений, используемых нами до этого тем, что позволяют использовать альфа-канал прозрачности. Это значит, что сквозь фон элемента с альфа-прозрачностью будет видно то, что располагается под ним.
Объявление цвета RGBA схоже по синтаксису со стандартными правилами RGB . Однако, кроме всего прочего, нам потребуется объявить значение как RGBA (вместо RGB ) и задать дополнительное десятичное значение прозрачности после значения цвета в промежутке от 0.0 (полная прозрачность) до 1 (полная непрозрачность).
color: rgba(255,255,0,0.5); color: rgba(100%,100%,0,0.5);
Разница между свойством opacity и RGBA заключается в том, что свойство opacity применяет прозрачность ко всему элементу целиком, то есть все содержимое элемента становится прозрачным. А RGBA позволяет задать прозрачность отдельным частям элемента (например, только тексту или фону):
body < background-image: url(img.jpg); >.prim1 < width: 400px; margin: 30px 50px; background-color: #ffffff; border: 1px solid black; font-weight: bold; opacity: 0.5; filter: alpha(opacity=70); /*для IE8 и более ранних версий*/ text-align: center; >.prim2
Примечание: значения RGBA не поддерживаются в браузере IE8 и более ранних версиях. Для объявления резервного варианта цвета для старых браузеров, не поддерживающих значения цветов с альфа-каналами, следует указать его первым до значения RGBA :
background: rgb(255,255,0); background: rgba(255,255,0,0.5);
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru
Как сделать черный цвет прозрачным.
Как убрать весь черный цвет и поменять в белый или в другие цвета знаю , а как сделать его прозрачным понятия не имею.
Vermeer
Активный участник
Есть куча способов, смотря что тебе нужно сделать, освоить их можно прочитав хоть что-нибудь по пользованию программы.
Берешь свой черный цвет, в палитре слои делаешь ему какую угодно прозрачность и склеиваешь его с новым пустым непрозрачным слоем. В итоге прозрачность у твоего черного будет 100%, но он будет прозрачен.
Vitaleks
Пользователь сайта
мне надо сделать логотип с прозрачным фоном (на картинки вешать)
ILYAS_
Активный участник
Рейтинг 11
При условии что слой не Background, а Layer:
Layer/ Layer Style / Blending Options…
На линейке (This Layer) правый (черный) манипулятор перетащи влево.
Vitaleks
Пользователь сайта
все разобрался
minner
Пользователь сайта
. Подскажите тогда, как выделить определенный цвет на всем участке. Сколько не искал. ничего такого не нашел.
Девочка Со Спичками
Пользователь сайта
Инструмент такой есть-волшебная палочка(W). меняешь чувствительность,как тебе надо.
Ilich_88
Активный участник
Можно и волшебной палочкой, но это самый простой вариант и не всегда ее возможностей достаточно. Как вариант через альфа канал можно это сделать, с черным цветом в частности все просто, заходишь на вкладку каналы, смотришь в каком данный цвет наиболее контрастирует с остальными, клик правой кнопкой, дубликейт ченел. В продублированном канале высветляешь все остальные цвета. Потом удерживая контрол жмешь на канал, появляется выборка, с ней делаешь че хочешь.