Как сохранить прозрачность в фотошопе
В каком формате сохранить картинку в фотошопе, что бы сохранить ее прозрачность? Пробую и в PNG, и в GIF? всё равно не прозрачно.
Картинку с прозрачным фоном помещаю над картинкой общего фона блога, поэтому видно, что она не прозрачная, не просвечивается задний фон
В фотошопе фон ТОЧНО прозрачный. я понижаю прозрачность слоя до нужного мне показателя. Квадратики просвечиваются.
А фон в фотошопе точно прозрачный? Грызут меня сомнения. По умолчанию в фш всегда создается белый фон, это не прозрачность. Задний слой надо удалять. Я, например, изначально создаю файл с прозрачным слоем. При необходимости залью его сам, тем цветом, который надо. Прозрачность показывается в фш мелкой шахматкой, если ее нет - фон имеется и он не прозрачный.
По поводу png. Немного не соглашусь с Tatis, png вполне адекватен во всех браузерах, если его правильно сохранить. Недостаток формата - он весит прилично, поэтому тут уже все определяется глючностью инета и самого браузера, так что надо уловить точку между качеством и размером. Спецификация png даже анимацию поддерживает, но вот как раз с ней могут быть весомые проблемы, т. к. на эту возможность формата быстренько забили, даже не дав ей как следует ожить.
По поводу gif. Он не поддерживает прозрачность. Я это называю псевдо-прозрачностью. Просто можно выбрать из спектра цвет, который объявляется прозрачным. Действует, как маска. То есть цвет есть, но в браузере на его месте будет именно прозрачный участок. Правда, сохранять надо через save for web (ctrl+alt+shift+s) и там выбрать галку Transparency и поставить matte с примерным цветом фона. Из-за того, что гифа не держит полупрозрачности, край будет рваным. И в итоге на черном фоне гифа с белой matte будет выглядеть, как с белой рваной рамочкой. Цвет, выбранный в matte призван исключить появление таких артефактов
Сперва прозрачность надо создать, стерев что-либо.
А потом, сохранять в: GIF, PNG, PSD.
Если слой единственный с него надо снят замок в палитрее слоёв.
. а потом просматриваешь фото стандартным просмотрщиком, да ? .а он не понимает прозрачности и подставляет туда фон
1) Сохраняйте как gif или psd.
Слои схлопывать не надо. !
прозрачность png условна, и работает не во всех браузерах
2) Как Вы определяете прозрачность в Фотошопе? КАК?
3) У всех сайтов есть фон. Вы можете увидеть прозрачность только помещая файл на разноцветные фоны.
А что Вы там думали увидеть? дырку в космос? заднюю стенку монитора?
По умолчанию все новые слои в фотошопе создаются со 100% непрозрачностью. Но степень прозрачности слоя можно изменить с помощью настроек Непрозрачность и Заливка, расположенных в верхней части палитры Слоев.
Непрозрачность (Opacity) — это настройка со 100% шкалой, позволяющая изменять степень просвечивания абсолютно всего слоя, со всеми наложенными эффектами. Если значение будет отлично от 100%, то будет виден низлежащий слой. Степень прозрачности равная 0% говорит о полном отсутствии видимых пикселей изображения.
Прозрачность слоя можно сравнить с калькой, которую накладывают на рисунки, чтобы-их срисовать.
Заливка (Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него стилей слоя.
Как в фотошопе выглядит прозрачность
По логике вещей, прозрачность цифрового изображения — это отсутствие насыщенности и плотности цвета. Если представить цвет как пленочку, то прозрачность это интенсивность просвечивания света сквозь нее. Но как в компьютере показать просвечивание?
Фотошоп ввел условное обозначение прозрачности для мира компьютерной графики — шахматный фон.
Теперь это условное обозначение стало стандартом. Многие программы и веб-сервисы используют шахматный фон, когда речь идет о прозрачности. Например, Яндекс.Картинки или Google-картинки показывают изображения с прозрачными элементами на шахматном фоне.
3 способа как сделать слой с картинкой прозрачным
Для начала необходимый слой нужно выделить (сделать активным). Здесь также будет уместен прием выделение двух и более с помощью клавиш Ctrl или Shift .
Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.
Миниатюра слоя не будет изменяться, какое бы значение прозрачности вы не сделали.
Способ 1 Ввод цифр
Введите цифрами от 0 до 100 значение необходимой прозрачности в специальное окошко настроек на палитре. Поскольку у обеих настроек практически одинаковый эффект, вы можете использовать любую из них, главное помните в чем их принципиальное отличие.
Способ 2 Ползунковый регулятор
Чуть правее от цифр есть кнопка с маленькой стрелочкой. Если на нее нажать, появиться ползунковый регулятор. Его нужно двигать мышью влево или вправо, чтобы уменьшить или увеличить прозрачность слоя соответственно.
На дисплее с цифрами будет отображаться текущее значение, а само изображение будет меняться вместе с движением вашей руки.
Способ 3 С помощью клавиатуры
Для ряда инструментов фотошопа доступна возможность менять непрозрачность слоя с помощью клавиатуры. Выберите инструмент, например, Перемещение, Пипетку, Прямоугольную область, Рамку или Произвольную фигуру (также есть ряд других инструментов, их можно найти методом перебора).
Теперь нажимайте на клавиатуре цифры:
- Цифра 1 изменит непрозрачность до 10%, 2 — до 20%, 5 — до 50% и так далее;
- Цифра 0 означает 100%;
- Наберите 55 и получите 55%, 67 — это 67% и так далее
Чтобы использовать этот же прием для изменения Заливки, удерживайте вместе с цифрами нажатой клавишу Shift .
Как сделать прозрачным отдельный участок слоя
Чтобы сделать прозрачным не весь слой, а только его отдельный участок, потребуются некоторые усилия. Как такового инструмента для этой цели нет. Тем не менее, в зависимости от задачи есть как минимум два решения.
Оба решения объединяет первоначальная, пожалуй, самая трудоемка работа — создание выделенной области. Логика действий проста — нужно выделить фрагмент изображения, с которым и будет проходить дальнейшая работа.
В своем примере, допустим, нужно сделать прозрачным серый круглый фон. Для этого я воспользуюсь инструментом Волшебная палочка. На панели настроек нужно установить параметр Добавить к выделенной области, а затем кликать по всем нужным участкам, пока не выделите их все.
После того, как появилась выделенная область, можно этот фрагмент сделать прозрачным.
Способ 1 Вырезать нужный участок изображения на новый слой
Сперва нужно проследить, чтобы на панели инструментов был активен любой из инструментов по созданию выделенной области. Например Волшебная палочка, которой пользовались на предыдущем шаге.
Теперь можно кликнуть правой кнопкой мыши по выделению. Появится контекстное меню. Нас интересует команда Вырезать на новый слой.
В результат этот фрагмент будет отделен от текущей картинки и перемещен на новый слой. А далее с тем новым слоем можно делать что хотите, в том числе и менять прозрачность.
Способ 2 Использование ластика
Этот способ подойдет, если нужно добиться не равномерного снижения прозрачности, а плавающего, то есть где-то сильнее, а где-то слабее сделать этот эффект.
Выберите инструмент Ластик, на панели параметров установите значение Непрозрачность отличное от 100%. Затем стирайте участки изображения, находящиеся в выделенной области. Воздействие инструмента будет только к тем пикселям, что вы выделили.
Меняйте значение Непрозрачности, если нужно добиться неравномерного эффекта.
Как сохранить изображение с прозрачностью
Существует множество форматов для сохранения изображения, но только два из них поддерживают прозрачность — PNG и GIF.
У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.
Поэтому изображение нужно сохранять в формате PNG. Только он лишен всех недостатков и способен показывать полупрозрачные пиксели.
Чтобы сохранить в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как. Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файла — PNG(*.PNG).
Одной из самых интересных функций Фотошопа является придание прозрачности объектам. Прозрачность можно применить не только к самому объекту, но и к его заливке, оставив видимыми только стили слоя.
Основная непрозрачность
Основная непрозрачность активного слоя настраивается в верхней части палитры слоев и измеряется в процентах.
Здесь можно как поработать ползунком, так и ввести точное значение.
Как видим, через наш черный объект частично проступил подлежащий слой.
Непрозрачность заливки
Если основная непрозрачность влияет на весь слой целиком, то настройка «Заливка» не затрагивает стили, примененные к слою.
Предположим, что мы применили к объекту стиль «Тиснение»,
а затем снизили значение «Заливки» до нуля.
В этом случае мы получим изображение, на котором останется видимым только этот стиль, а сам объект из видимости пропадет.
При помощи такого приема создаются прозрачные объекты, в частности, водяные знаки.
Непрозрачность отдельного объекта
Непрозрачность одного из объектов, содержащихся на одном слое, достигается путем применения маски слоя.
Для изменения непрозрачности объект необходимо выделить любым доступным способом.
Я воспользуюсь «Волшебной палочкой».
Затем зажимаем клавишу ALT и кликаем по значку маски в панели слоев.
Как видим, объект полностью пропал из вида, а на маске появилась черная область, повторяющая его форму.
Далее зажимаем клавишу CTRL и кликаем по миниатюре маски в палитре слоев.
На холсте появилось выделение.
Выделение нужно инвертировать, нажав сочетание клавиш CTRL+SHIFT+I.
Теперь выделение необходимо залить любым оттенком серого цвета. Полностью черный скроет объект, а полностью белый откроет.
Нажимаем сочетание клавиш SHIFT+F5 и в настройках выбираем цвет.
Нажимаем ОК в обоих окнах и получаем непрозрачность в соответствии с выбранным оттенком.
Выделение можно (нужно) снять при помощи клавиш CTRL+D.
Градиентная непрозрачность
Градиентная, то есть неравномерная по всей площади, непрозрачность так же создается при помощи маски.
На этот раз необходимо создать белую маску на активном слое, кликнув по значку маски без клавиши ALT.
Затем выбрать инструмент «Градиент».
Как мы уже знаем, по маске можно рисовать только черным, белым и серым цветом, поэтому выбираем вот такой градиент в настройках на верхней панели:
Затем, находясь на маске, зажимаем левую кнопку мыши и протягиваем градиент через холст.
Тянуть можно в любом нужном направлении. Если с первого раза результат не устроил, то «протяжку» можно повторить неограниченное количество раз. Новый градиент полностью перекроет старый.
Это все, что можно сказать о непрозрачности в Фотошопе. Искренне надеюсь, что эта информация поможет Вам понять принципы получения прозрачности и применять данные приемы в своей работе.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
Еще статьи по данной теме:
оказываица столька мож=на разных способов сделать с невидеимостью. я макссимум знал про вот эту настройку справа где можно двигать полнузунок и настраивать невидеимость объектов разных и про то што можно создать нокую картинку с задним фоном невидимым. ну вот сеичас у меня проблемы. хотял обрезать объект штобы вокруг нево было неивидимость. выделаю фсе вокруг, нажимаю делет а он мне предлагает удаллить все с учетом содержимого. раньше такова небыло! раньше я нажимал на del и фсе удалялось и становилось невидимым наего месте. как ‘это опять сделать?
Прежде чем выделять и удалять часть изображения, дважды щелкните по текущему слою. На экране отобразится окно создания нового слоя. После этого можете приступать к выделению и удалению. Обратите внимание, что формат изображения должен быть JPG.
Задайте вопрос или оставьте свое мнение Отменить комментарий
Полупрозрачные картинки применяются на сайтах в качестве фона или миниатюр к постам, в коллажах и других работах.
Этот урок посвящен тому, как сделать картинку полупрозрачной в Фотошопе.
Для работы нам понадобится какое-нибудь изображение. Я взял вот такую картинку с автомобилем:
Заглянув палитру слоев, мы увидим, что слой с названием «Фон» заблокирован (значок замка на слое). Это значит, что мы не сможем его отредактировать.
Для разблокировки слоя кликаем по нему два раза и в открывшемся диалоговом окне нажимаем ОК.
Теперь все готово к работе.
Прозрачность (в Фотошопе она называется «Непрозрачностью») меняется очень просто. Для этого ищем в палитре слоев поле с соответствующим названием.
При нажатии на треугольник появляется ползунок, которым можно регулировать значение непрозрачности. Также в это поле можно ввести точную цифру.
В общем-то, это все, что необходимо знать о прозрачности изображений.
Давайте выставим значение, равное 70%.
Как видим, авто стало полупрозрачным, и через него проступил фон в виде квадратиков.
Далее нам необходимо сохранить картинку в правильном формате. Прозрачность поддерживается только в формате PNG.
Нажимаем сочетание клавиш CTRL+S и в открывшемся окне выбираем нужный формат:
После того, как выбрали место для сохранения и дали имя файлу, нажимаем «Сохранить». Полученное изображение в формате PNG выглядит следующим образом:
Если фон сайта имеет какой-либо рисунок, то он (рисунок) будет просвечивать через наш автомобиль.
Такой вот простейший способ создания полупрозрачных изображений в программе Фотошоп.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 11 человек(а).
Photoshop позволяет пользователям создавать изображения с прозрачными элементами (прозрачным фоном, прозрачным слоем и прозрачными частями), используя разные настройки (например, измеритель непрозрачности или настройки фона), которые появляются, когда вы создаете новый документ. Более того, вы можете использовать инструменты выделения или ластика, чтобы установить прозрачность только определенных частей изображения. Обычно прозрачность в Photoshop необходима, когда изображение нужно напечатать на бумаге с текстурным фоном или разместить на веб-странице. Немного практики, и вы сможете с легкостью добавлять прозрачность к нужным изображениям.
Нажмите «Файл»→«Новый». В разделе «Файл» в вернем меню программы выберите «Новый. » На экране появится диалоговое окно, в котором вы сможете задать настройки нового документа Photoshop.
Выберите «Прозрачный». В открывшемся диалоговом окне, напротив слов «Содержание фона, выберите опцию «Прозрачный». Эта опция находится в самой нижней части диалогового окна.
Проверьте слои. Посмотрите на панель слоев в правой части экрана (она должна быть открыта по умолчанию). Слой фона должен быть окрашен в серо-белую шашечку (указывая на то, что он прозрачный).
Настройте непрозрачность. Нажмите на окошко рядом со словом «Непрозрачность» в верхнем правом углу панели слоев. Непрозрачность по умолчанию — 100 %.
Уменьшите непрозрачность. Перетащите стрелку на появившемся измерителе непрозрачности, чтобы изменить непрозрачность слоя. Если вы хотите сделать слой абсолютно прозрачным, установите непрозрачность на 0 %.
Читайте также: