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

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

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

Статью написал:
Ваня Буявец, продюсер, основатель Checkroi
Ваня Буявец
Основатель Checkroi, продюсер, эксперт в выборе онлайн-курсов
Все 3139 статей автора Подписаться на Телеграм-канал
Одобрено экспертом:
Наташа Буявец, основатель Checkroi, эксперт по онлайн-курсам
Наташа Буявец
Основательница Checkroi, продюсер Youtube-каналов, эксперт по онлайн-курсам
Все 3793 экспертных мнения Подписаться на Телеграм-канал
Обложка: Как сделать прозрачность в Фотошопе: фон, слой, картинку и текст

Чтобы сделать картинку полупрозрачной в Фотошопе, выделите её слой и уменьшите «Непрозрачность» на панели «Слои»: при 100 % слой виден целиком, при 0 % исчезает. Чтобы сделать прозрачным фон, превратите фоновый слой в обычный, удалите лишнее и сохраните файл в PNG.

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

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

CheckroiCheckroiПодборка курсов по Adobe Photoshop458 курсов • 46 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→

Какая прозрачность вам нужна

Рой делает картинку полупрозрачной в графическом редакторе

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

Задача Чем делать Где в статье
Картинка просвечивает, под ней виден другой слой «Непрозрачность» слоя Полупрозрачный слой
Логотип или предмет без фона Удаление фона и сохранение в PNG Прозрачный фон
Картинка плавно исчезает к краю Слой-маска и градиент Плавная прозрачность
Видна только обводка букв «Заливка» 0 % и стиль слоя Прозрачный текст

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

Как сделать слой или картинку полупрозрачной

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

  1. Щёлкните на панели «Слои» по слою с картинкой, которую нужно сделать прозрачной.
  2. Наведите курсор на поле «Непрозрачность» в верхней части панели и введите число, например 50.
  3. Нажмите Enter. Картинка станет полупрозрачной, и сквозь неё проступит слой ниже.

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

Красный круг с непрозрачностью 50 % поверх полосатого фона, на панели «Слои» поле «Непрозрачность: 50%»
При 50 % сквозь круг видны полосы нижнего слоя. Кадр из Photopea, в Фотошопе поле называется так же

Под полем «Непрозрачность» есть второе, «Заливка». В справке Adobe о непрозрачности слоёв разница описана так: общая непрозрачность влияет на все стили слоя, а непрозрачность заливки влияет только на пикселы, фигуры или текст, не затрагивая эффекты вроде теней.

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

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

Если картинок несколько и из них нужно собрать коллаж, пригодится наша инструкция как наложить фото на фото в Фотошопе.

Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединиться

Как сделать фон прозрачным

Новое фото Фотошоп открывает одним фоновым слоем с замком. Пока замок на месте, стёртые пикселы закрасятся цветом фона, и шахматка не появится.

Шаг 1: разблокируйте фоновый слой

Выделите фоновый слой и выберите «Слой» → «Создать» → «Слой из фона». Так этот путь назван в справке Adobe о преобразовании фоновых слоёв. В окне можно дать слою имя и нажать OK. Замок исчезнет, слой станет обычным.

Шаг 2: уберите фон

В свежих версиях быстрее всего действие «Удалить фон». Выделите слой, откройте панель «Новые возможности» через значок поиска и выберите «Обзор» → «Быстрые действия» → «Удалить фон». По справке Adobe об удалении фона, Фотошоп изолирует предмет и создаёт прозрачный фон или маскированный слой.

Если автоматика ошиблась на волосах или тонких деталях, выделите объект вручную и удалите всё лишнее клавишей Delete. Пять ручных приёмов, от ластика до каналов, собраны в статье 5 способов удалить фон с картинки в Фотошопе, а инструменты выделения разобраны в инструкции как выделить объект в Фотошопе.

Шаг 3: проверьте шахматку

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

Красный круг на шахматной сетке: фон документа прозрачный
Серо-белая сетка значит, что пикселей там нет. В PNG эти места останутся пустыми

Как сохранить картинку с прозрачным фоном

Прозрачность сохраняет PNG. В справке Adobe о форматах PNG и GIF так и сказано: PNG поддерживает прозрачность и подходит для логотипов и значков. JPG прозрачные места не хранит и зальёт их сплошным цветом, поэтому для вырезанного предмета он не годится.

Способов сохранить PNG три:

  • «Файл» → «Экспорт» → «Экспортировать как». В окне выберите PNG в списке «Формат» и оставьте прозрачность включённой. Здесь же можно задать размер.
  • «Файл» → «Экспорт» → «Быстрый экспорт в» с форматом PNG. Файл сохраняется в одно действие с настройками по умолчанию. Если прозрачность пропала, загляните в «Редактирование» → «Установки» → «Экспорт» и выберите для PNG вариант «Прозрачность».
  • «Файл» → «Сохранить как» и PNG в меню «Формат». Классический путь, работает во всех версиях.

В Photopea пункт «Экспортировать как» стоит прямо в меню «File», без промежуточного «Экспорт», а форматы открываются вложенным списком.

Меню File в Photopea с открытым пунктом «Экспортировать как» и списком форматов, первым стоит PNG
В Photopea пункт стоит прямо в меню File. В Фотошопе путь длиннее: «Файл» → «Экспорт» → «Экспортировать как»

Перед экспортом сохраните рабочую копию в PSD: в PNG слои склеятся, и поправить что-то потом будет сложнее. Подробнее о форматах в нашей инструкции как сохранить фото в Фотошопе в JPG, PNG и PDF.

Как сделать плавную прозрачность через маску

Две прозрачные плёнки с рисунком лежат внахлёст на светлом столе

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

  1. Выделите слой с картинкой.
  2. Нажмите значок слой-маски внизу панели «Слои», прямоугольник с кругом внутри. Рядом с миниатюрой слоя появится белая миниатюра маски.
  3. Возьмите инструмент градиента и в его параметрах выберите переход от чёрного к белому.
  4. Щёлкните по миниатюре маски и протяните линию по картинке от края, который должен исчезнуть, к центру.

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

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

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

Рой радуется логотипу на прозрачном фоне

Есть два варианта, и они дают разный результат.

Полупрозрачные буквы

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

Видна только обводка

Здесь пригодится поле «Заливка». Добавьте текстовому слою обводку через стиль слоя, а потом поставьте значение «Заливка» на 0 %. Буквы внутри исчезнут, контур останется: заливка не трогает эффекты слоя.

Если поставить на 0 % «Непрозрачность», пропадёт и обводка. Настройку стиля по шагам мы показали в инструкции как сделать обводку в Фотошопе.

Ваня БуявецКанал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в канал

Если прозрачность не получается

Чаще всего дело в одной из пяти причин.

Что видите Почему Что сделать
Поле «Непрозрачность» серое или не меняется Выбран фоновый слой с замком «Слой» → «Создать» → «Слой из фона»
Ластик оставляет цвет, обычно белый, а не шахматку Стираете по фоновому слою, он закрашивается цветом фона Разблокировать слой, потом стирать
Фон прозрачный в Фотошопе, а в файле белый Сохранили в JPG Сохранить заново в PNG
Прозрачным стал весь предмет, а не только фон Снизили «Непрозрачность» слоя вместо удаления фона Вернуть 100 % и удалить фон выделением
Шахматка сливается с картинкой Узор похож на светлый рисунок Поменять цвета сетки в установках

Цвет и размер шахматки меняются в «Редактирование» → «Установки» → «Прозрачность и цветовой охват», на Mac в меню «Photoshop» → «Установки». Путь взят из справки Adobe о параметрах прозрачности. На сам файл это не влияет, меняется только отображение.

Ещё одна частая ловушка связана со слоями. Если вы склеили картинку с белой подложкой, прозрачность пропадёт вместе с ней: перед объединением проверьте, что именно склеиваете. Об этом инструкция как объединить слои в Фотошопе.

Adobe в марте 2022 года прекратила новые продажи своих продуктов и сервисов в России. Если быстрое действие «Удалить фон» в вашей версии недоступно, выделите объект вручную: прозрачность слоя, маски и экспорт в PNG есть и в старых версиях программы. Справка Adobe из России тоже открывается не всегда.

Где освоить Фотошоп системно

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

КурсШколаСтоимость со скидкойВ рассрочкуДлитель­ностьОбзор курса от Checkroi
Photoshop для архитекторов и дизайнеров интерьера
Перейти на сайт курса
SkillboxSkillbox36 018 ₽4844 ₽/мес.2 месяцаОбзор курса
Онлайн-курс Adobe Photoshop
Перейти на сайт курса
БруноямБруноям17 900 ₽1408 ₽/мес.1 месяцОбзор курса
Adobe Photoshop
Перейти на сайт курса
НИУДПО имени К.Д. Ушинского (НИИДПО)НИУДПО (НИИДПО)14 800 ₽3700 ₽/мес.7 недельОбзор курса
Графический дизайн Photoshop
Перейти на сайт курса
CoddyCoddy9200 ₽ - 2 месяцаОбзор курса
Adobe Photoshop
Перейти на сайт курса
НАРХСИНАРХСИ14 800 ₽2467 ₽/мес.2 месяцаОбзор курса

Больше программ — в полном каталоге курсов по Adobe Photoshop

Часто задаваемые вопросы

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

Превратите фоновый слой в обычный через «Слой» → «Создать» → «Слой из фона», удалите фон быстрым действием «Удалить фон» или выделением и клавишей Delete. Там, где фона больше нет, появится шахматная сетка. Сохраните файл в PNG.

Как изменить прозрачность слоя в Фотошопе?

Выделите слой на панели «Слои» и введите число в поле «Непрозрачность»: 100 % — слой виден полностью, 0 % — не виден совсем. У фонового слоя с замком это поле не меняется, сначала разблокируйте его.

Чем «Непрозрачность» отличается от «Заливки»?

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

Почему после сохранения прозрачный фон стал белым?

Скорее всего, файл сохранён в JPG: этот формат прозрачность не хранит. Сохраните картинку заново в PNG через «Файл» → «Экспорт» → «Экспортировать как» или «Сохранить как».

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

Для полупрозрачных букв уменьшите «Непрозрачность» текстового слоя. Если нужна только обводка, добавьте её через стиль слоя и поставьте значение «Заливка» на 0 %: буквы исчезнут, контур останется.

Читайте Checkroi первым в Google
Добавьте Checkroi в избранные источники — и наши разборы курсов и обзоры школ будут показываться выше в вашей выдаче Google.
Оставить комментарий
0 комментариев
Форма комментария

Оставьте комментарий

Напишите, что думаете. Нам важно ваше мнение!