Слои в Фотошопе: Подробное руководство для начинающих
Слои в Photoshop: полный гид по типам, режимам наложения и работе для ретуши
Слои - это основа всего, что вы делаете в Photoshop. Понимаете слои - значит контролируете изображение целиком: можете в любой момент откатить правку, перекрасить фон, усилить резкость только там, где нужно, и собрать сложную сцену из десятка элементов, не разрушив исходник. Не понимаете - и любая ретушь превращается в лотерею, где каждое движение мыши необратимо.
Этот гид разбирает слои предметно и по шагам: какие бывают типы, как устроена панель, что реально делают режимы наложения, чем маска отличается от ластика, зачем нужны смарт-объекты и как профессионалы ретушируют товарные фото через частотное разложение и dodge & burn. Без воды, с цифрами, горячими клавишами и примерами под съёмку для Wildberries, Ozon и Яндекс Маркета.
Материал построен от простого к сложному. Если вы новичок, читайте подряд: к разделу про маски вы уже будете уверенно ориентироваться в панели. Если опытный - используйте оглавление и таблицы как шпаргалку. Каждый приём ниже мы применяем в собственной студии предметной съёмки ежедневно, поэтому все цифры, радиусы размытия и значения непрозрачности взяты не из учебника, а из реальной работы над карточками для маркетплейсов.
Бесплатный редактор фото прямо в браузере
Слои и маски, кисти и ретушь, текст, уровни и кривые, эффекты. То, о чём эта статья, можно тут же попробовать: без установки и регистрации.
Редактирование бесплатно. Скачивание с водяным знаком; снять знак 49 ₽.
Что такое слой и почему без него ретушь невозможна
Представьте стопку прозрачных плёнок, положенных одна на другую. На нижней лежит фон, на следующей - товар, на третьей - тень, на четвёртой - надпись с ценой. Вы смотрите сверху и видите единую картинку, но физически это четыре независимых слоя. Можно вытащить любую плёнку, перерисовать её, поменять порядок или яркость, и остальные не пострадают. Именно так работают слои (layers) в Photoshop.
Каждый слой - это отдельный уровень изображения со своим содержимым, прозрачностью, режимом наложения и набором масок. Там, где на слое нет пикселей, он прозрачен, и сквозь него видно то, что лежит ниже. Эта простая идея даёт главное преимущество профессионального редактирования - неразрушающую работу. Вы не правите исходный снимок напрямую, вы складываете поверх него корректировки, которые в любой момент можно отключить, ослабить или удалить.
Для предметной съёмки это критично. Карточку товара почти никогда не сдают с первого раза: заказчик просит фон посветлее, логотип покрупнее, блик на упаковке убрать. Если вся ретушь сделана на одном сведённом слое, каждая правка - это переделка с нуля. Если работа разложена по слоям, правка занимает тридцать секунд. Разберём всё по порядку.
Как порядок слоёв влияет на картинку
В панели слоёв верхний слой всегда перекрывает нижние. Это значит, что фон должен лежать в самом низу стопки, товар над ним, тень над фоном, но под товаром, а текст и плашки с ценой - на самом верху. Если поменять порядок, картинка сломается: положите тень над товаром, и она ляжет грязным пятном прямо на упаковку. Привычка держать логичную иерархию слоёв экономит часы поиска, почему что-то не видно. Чаще всего ответ один - слой просто перекрыт другим сверху.
Растровая графика против векторной
Чтобы понимать, какие слои теряют качество, а какие нет, держите в голове разницу между растром и вектором. Растровое изображение состоит из сетки пикселей: фотография на 2000 на 2000 пикселей хранит четыре миллиона точек, и при увеличении новые точки взять неоткуда, картинка мылится. Векторная графика хранит не точки, а математическое описание форм и линий, поэтому масштабируется бесконечно без потерь. Пиксельные слои растровые, а текстовые слои, фигуры и контуры векторные. Смарт-объект - умный гибрид: снаружи ведёт себя как вектор (масштаб без потерь), но внутри может хранить растр. Для карточек это значит, что цену и иконки лучше держать векторными слоями, чтобы при любом масштабе они оставались чёткими.
Что значит неразрушающая работа на практике
Разница между разрушающим и неразрушающим подходом проще всего видна на цифрах. Допустим, вы осветлили фон Кривыми прямо на пиксельном слое и сохранили. Через час заказчик говорит, что пересветили. У вас два варианта: либо много раз нажимать отмену, теряя все правки, сделанные после, либо переделывать с исходника. Если же осветление лежало корректирующим слоем, вы открываете его двойным кликом и сдвигаете кривую на пару процентов вниз - тридцать секунд против тридцати минут. На потоке из 50-100 карточек в день эта разница превращается в разницу между прибыльным заказом и работой в минус.
AI-ретушь: следующий шаг после классики
Курс AI PRO для ретушёров: ComfyUI, Stable Diffusion, LoRA. Делайте каталог в 5 раз быстрее.
- ComfyUI и Stable Diffusion с нуля
- AI-ретушь украшений и premium-каталогов
- Своя LoRA на лице модели бренда
- Production-pipeline на 150 SKU за 3 недели
AI PRO - 9 уроков, 35 000 ₽. Доступ навсегда + сертификат.
Типы слоёв: от пиксельного до смарт-объекта
В Photoshop существует несколько принципиально разных типов слоёв. Они выглядят похоже в панели, но ведут себя по-разному и решают разные задачи. Понимание различий экономит часы работы.
Пиксельный (растровый) слой
Базовый и самый распространённый тип. Состоит из обычных пикселей - точек с цветом и прозрачностью. Когда вы открываете фотографию, она ложится именно пиксельным слоем. На нём работают кисть, штамп, восстанавливающая кисть, заливка, фильтры. Главный минус - разрушаемость: стерли пиксель, и он пропал, увеличили маленькую картинку, и она замылилась. Поэтому серьёзную ретушь стараются вести не прямо по пиксельному слою исходника, а по его копиям и поверх него.
Фоновый слой (Background)
Особый пиксельный слой, который Photoshop создаёт при открытии JPEG. Он заблокирован (значок замка), не имеет прозрачности и всегда лежит в самом низу. Пока он заблокирован, вы не можете двигать его или включить прозрачность. Чтобы превратить фон в обычный слой, дважды кликните по нему и нажмите ОК, либо кликните по значку замка. Первое, что делает большинство ретушёров - разблокируют фон или сразу дублируют его (Ctrl+J), чтобы сохранить нетронутый оригинал внизу.
Текстовый слой
Создаётся инструментом Текст (T). Хранит не пиксели, а сам текст в векторном виде, поэтому масштабируется без потери качества и редактируется в любой момент - можно переписать слово, сменить шрифт, кегль, цвет. Для карточек товара текстовые слои незаменимы: цена, скидка, артикул, УТП. Пока слой текстовый, к нему нельзя применять большинство пиксельных фильтров - Photoshop предложит сначала растрировать (превратить в пиксели), но делать это стоит только в крайнем случае, потому что после растрирования текст уже не отредактировать.
Корректирующий слой (Adjustment Layer)
Один из самых важных типов для ретуши. Это не пиксели, а инструкция-команда, которая меняет вид всех слоёв под ней: Кривые, Уровни, Цветовой тон/Насыщенность, Цветовой баланс, Яркость/Контрастность, Чёрно-белое и другие. Корректирующий слой ничего не разрушает - он накладывается фильтром поверх и в любой момент отключается или перенастраивается двойным кликом. Создаётся через нижнюю панель (значок наполовину закрашенного круга) или меню Слои - Новый корректирующий слой. У каждого корректирующего слоя автоматически есть маска, через которую правку можно применить только к части кадра.
На практике для предметки чаще всего нужны три корректирующих слоя. Кривые (Curves) - универсальный инструмент яркости и контраста, через который правят и общую экспозицию, и баланс белого по отдельным каналам RGB. Уровни (Levels) - быстрая правка чёрной и белой точки, чтобы фон стал по-настоящему белым 255,255,255, как требуют маркетплейсы. Цветовой тон/Насыщенность (Hue/Saturation) - точечное усиление или приглушение конкретного цвета, например когда красная упаковка на фото выглядит блёкло-розовой. Все три кладутся стопкой над товаром и настраиваются независимо.
Слой-заливка (Fill Layer)
Заливает область сплошным цветом, градиентом или узором. По сути это удобный способ положить ровный цвет, который потом легко поменять, не перекрашивая вручную. Часто используется для замены фона на карточках: положили слой-заливку белым, добавили маску - и товар на идеально ровном белом фоне, которого требуют маркетплейсы.
Слой-фигура (Shape Layer)
Векторный слой с геометрической формой - прямоугольник, круг, линия, произвольный контур. Масштабируется без потери качества, имеет заливку и обводку. Пригодится для плашек под текст, рамок, бейджей скидок, разделителей в инфографике карточки.
Смарт-объект (Smart Object)
Контейнер, внутри которого упакован один или несколько слоёв либо внешний файл. Смарт-объект защищает содержимое от разрушения: вы можете уменьшать его, увеличивать, поворачивать сколько угодно раз, а исходные данные внутри остаются нетронутыми. Фильтры, применённые к смарт-объекту, становятся смарт-фильтрами - их можно отключать и перенастраивать. Это краеугольный камень неразрушающего редактирования, ему ниже посвящён отдельный раздел.
Группа (папка слоёв)
Технически это не слой, а контейнер для слоёв - папка. Помогает навести порядок, когда слоёв становится много. Группе можно задать общую прозрачность, режим наложения и маску, которые подействуют на всё её содержимое сразу.
| Тип слоя | Хранит | Разрушающий | Главное применение |
|---|---|---|---|
| Пиксельный | Пиксели | Да | Фото, ручная ретушь кистью и штампом |
| Текстовый | Текст (вектор) | Нет | Цена, артикул, надписи |
| Корректирующий | Команду коррекции | Нет | Цвет, яркость, контраст |
| Заливка | Цвет/градиент/узор | Нет | Замена и выравнивание фона |
| Фигура | Вектор | Нет | Плашки, рамки, бейджи |
| Смарт-объект | Вложенные слои/файл | Нет | Масштаб, смарт-фильтры, шаблоны |
Частые ошибки новичков с типами слоёв
- Ретушируют прямо по фоновому слою. Стёрли дефект штампом, сохранили, закрыли - исходник потерян. Всегда дублируйте слой через Ctrl+J перед правками.
- Растрируют текст без нужды. Согласившись на растрирование ради одного фильтра, теряют возможность переписать цену. Если фильтр всё же нужен - сначала превратите текст в смарт-объект, тогда правка останется доступной.
- Применяют коррекцию пикселями, а не корректирующим слоем. Меню Изображение - Коррекция меняет пиксели необратимо. Те же Кривые из панели слоёв обратимы. Правило простое: коррекция всегда отдельным слоем.
- Путают слой-заливку с залитым пиксельным слоем. Залили белым через ведро - цвет приклеился к пикселям. Слой-заливка хранит цвет как параметр, его меняют двойным кликом за секунду.
Панель слоёв: управление, порядок, группировка и связывание
Вся работа со слоями ведётся через панель Слои (Layers). Если её не видно, откройте меню Окно - Слои или нажмите F7. Это рабочий стол ретушёра, и в нём стоит чувствовать себя как дома.
Из чего состоит панель
- Список слоёв - стопка, где верхний слой перекрывает нижние. Активный слой подсвечен.
- Значок глаза слева от миниатюры - включает и выключает видимость слоя. Клик с зажатым Alt по глазу оставит видимым только этот слой.
- Миниатюра - превью содержимого. Рядом может стоять миниатюра маски.
- Режим наложения - выпадающий список вверху (по умолчанию Обычный).
- Непрозрачность и Заливка - два поля справа вверху.
- Замочки - блокировка прозрачности, положения, пикселей целиком.
- Нижняя панель кнопок - связать слои, добавить стиль, маску, корректирующий слой, группу, новый слой, корзина.
Основные операции
- Создать слой - Ctrl+Shift+N или кнопка с плюсом внизу панели.
- Дублировать слой - Ctrl+J. Самая частая команда в ретуши: всегда дублируйте исходник перед правками.
- Удалить слой - перетащить в корзину или клавиша Delete при выбранном слое (когда не активен инструмент кисти).
- Переименовать - двойной клик по названию. Привычка называть слои осмысленно (фон, товар, тень, цена) экономит нервы на сложных файлах.
- Поменять порядок - перетащить мышью или Ctrl+] (выше) и Ctrl+[ (ниже).
- Выделить несколько - клик с Shift по диапазону или с Ctrl по отдельным слоям.
Непрозрачность против Заливки
Эти два параметра путают чаще всего. Непрозрачность (Opacity) управляет прозрачностью всего слоя целиком, включая применённые к нему стили (тень, обводка, свечение). Заливка (Fill) управляет прозрачностью только содержимого слоя, не трогая стили. На практике: если у текста есть обводка, и вы хотите сделать сам текст полупрозрачным, но оставить обводку плотной - крутите Заливку, а не Непрозрачность. В обычной ретуши без стилей оба параметра ведут себя одинаково.
Удобный лайфхак: непрозрачность активного слоя можно задавать цифрами с клавиатуры, когда выбран инструмент Перемещение (V). Нажмите 5 - получите 50 процентов, нажмите 0 - вернёте 100, наберите 2 и 5 быстро подряд - выставите 25 процентов. Это быстрее, чем тянуть ползунок мышью, особенно когда подбираете силу тени или dodge & burn.
Группировка в папки
Когда слоёв больше десятка, файл превращается в кашу. Выделите нужные слои и нажмите Ctrl+G - они сложатся в группу-папку. Папку можно свернуть, переименовать, задать ей общий режим наложения и маску. Для карточки товара логична структура: группа Фон, группа Товар, группа Тени, группа Текст. Разгруппировать - Ctrl+Shift+G.
Цветовые метки и поиск слоёв
В тяжёлом файле помогают цветовые метки: правый клик по слою - выбрать цвет метки. Договоритесь с собой о системе, например красным помечать слои, которые ещё надо доделать, зелёным готовые. В верхней части панели есть фильтр слоёв - можно показать только текстовые, только корректирующие или только слои определённого цвета. На сложной карточке с сотней слоёв это превращает поиск нужного элемента из минуты в секунду.
Связывание слоёв
Связывание (link) скрепляет несколько слоёв так, что они двигаются и трансформируются вместе, но остаются отдельными. Выделите слои и нажмите значок цепочки внизу панели. Удобно, когда товар и его тень должны перемещаться синхронно, но обрабатываться по отдельности. В отличие от группы, связывание не создаёт папку и не влияет на наложение - только на совместное перемещение.
Блокировки
Ряд замочков вверху панели защищает слой от случайных правок. Блокировка прозрачных пикселей (первый значок) позволяет рисовать только там, где уже есть содержимое - незаменимо для перекраски объекта без выхода за края. Полная блокировка запрещает любые изменения. Привыкните блокировать готовые слои, чтобы не сбить их случайным движением.
Выравнивание и распределение
Когда на карточке несколько объектов или иконок, их нужно выровнять ровно. Выделите слои, возьмите инструмент Перемещение (V) - на верхней панели появятся кнопки выравнивания по левому краю, центру, правому краю и распределения с равными интервалами. Это спасает инфографику карточки от кривых отступов, которые подсознательно считываются покупателем как небрежность и снижают доверие к товару.
Режим наложения (blending mode) определяет, как пиксели слоя математически смешиваются с тем, что лежит ниже. Это самый недооценённый и самый мощный инструмент Photoshop. Режимов больше двух десятков, но в реальной ретуши предметки постоянно используют пять-шесть. Разберём по группам.
Обычный и Затухание
Обычный (Normal) - режим по умолчанию, слой просто перекрывает нижний согласно своей непрозрачности. Никакой математики смешивания. С него начинается всё.
Затемняющие режимы
Эта группа делает картинку темнее, белый цвет в ней исчезает (становится прозрачным по эффекту).
- Умножение (Multiply) - перемножает значения слоёв, результат всегда темнее. Белое пропадает, чёрное остаётся. Главное применение в предметке - наложение теней. Сфотографировали тень от товара на белом листе, положили слоем в режиме Умножение, и белый фон исчез, осталась только мягкая тень под объектом. Так же затемняют пересвеченные участки.
- Затемнение основы (Color Burn) - усиливает контраст и насыщенность в тенях, эффект жёстче Умножения.
Осветляющие режимы
Зеркальная противоположность - делают светлее, чёрный исчезает.
- Экран (Screen) - результат всегда светлее, чёрное пропадает. Применяют для добавления бликов, свечения, эффекта дыма или пара на тёмном фоне, осветления недоэкспонированных кадров.
- Осветление основы (Color Dodge) - агрессивное осветление с ростом насыщенности, хорош для световых эффектов и искр.
Контрастные режимы
Эта группа одновременно затемняет тёмное и осветляет светлое, повышая контраст. Серый цвет 50 процентов в них становится нейтральным (прозрачным по эффекту), что делает их идеальными для техники dodge & burn.
- Перекрытие (Overlay) - усиливает контраст и насыщенность, базовый режим для добавления текстур и локального контраста.
- Мягкий свет (Soft Light) - то же, но деликатнее, без резких переходов. Главный рабочий режим для аккуратного dodge & burn на товарных фото, где нужна естественность.
- Жёсткий свет (Hard Light) - сильнее и контрастнее Перекрытия.
Сравнивающие и компонентные режимы
- Разница (Difference) - показывает разницу между слоями, рабочий приём для точного совмещения двух кадров: при идеальном совпадении картинка станет чёрной.
- Цветность (Color) - берёт цвет верхнего слоя и яркость нижнего. Так перекрашивают объект, сохраняя его светотень: положили цветовое пятно в режиме Цветность - и красная упаковка стала синей без потери объёма.
- Яркость (Luminosity) - наоборот, берёт яркость верхнего и цвет нижнего. Применяют, чтобы резкость или контраст не сдвигали цвета.
| Режим | Что делает | Типовая задача в предметке |
|---|---|---|
| Умножение | Затемняет, убирает белое | Наложить тень под товар |
| Экран | Осветляет, убирает чёрное | Блик, свечение, дым |
| Перекрытие | Усиливает контраст | Текстура, локальный контраст |
| Мягкий свет | Мягкий контраст | Dodge & burn, объём |
| Цветность | Меняет только цвет | Перекрасить товар |
| Яркость | Меняет только яркость | Резкость без сдвига цвета |
Логика групп: как запомнить, а не зубрить
Все режимы наложения в списке разделены тонкими линиями на группы, и эта группировка не случайна. Сверху идут затемняющие (Умножение, Затемнение основы) - в них белый невидим. Ниже осветляющие (Экран, Осветление основы) - в них чёрный невидим. Дальше контрастные (Перекрытие, Мягкий свет, Жёсткий свет) - в них невидим серый 50 процентов. Запомнив эту тройку правил - белое прозрачно сверху, чёрное прозрачно посередине, серое прозрачно в контрастных - вы перестаёте угадывать и начинаете осознанно выбирать режим под задачу.
Практический разбор: тень в режиме Умножение
Самый частый сценарий в предметке - вернуть товару тень после вырезания. Пошагово это выглядит так. Снимите товар на белом фоне так, чтобы под ним была видна естественная мягкая тень. Скопируйте слой, на копии оставьте только зону тени, выделив её прямоугольником. Переключите слой в режим Умножение - белый вокруг тени мгновенно исчезнет, потому что белый в Умножении прозрачен, и останется только серое пятно тени. Теперь подвиньте тень под товар, при необходимости слегка размойте её Размытием по Гауссу 3-8 пикселей и убавьте непрозрачность до 35-45 процентов. Получается естественная контактная тень, которая привязывает товар к поверхности и убирает эффект наклейки. Тот же приём работает с нарисованной с нуля тенью: мягкая чёрная кисть на белом слое плюс режим Умножение.
Опасность Color Burn и Color Dodge
Затемнение и осветление основы дают красивый сочный результат, но легко уводят цвета за пределы печатного диапазона и рвут плавные градиенты. На карточке маркетплейса, которую сжимают в JPEG, это вылезает грязными полосами (постеризацией) на однотонных поверхностях вроде глянцевого флакона. Если нужен мягкий результат, держитесь Умножения и Экрана, а агрессивные основы используйте локально через маску и с пониженной непрозрачностью 20-40 процентов.
Лайфхак для быстрого перебора
Полезный лайфхак: чтобы быстро перебрать режимы наложения и увидеть эффект, выберите инструмент Перемещение (V) и листайте режимы клавишами Shift+плюс и Shift+минус. Так подбор нужного режима занимает секунды вместо открывания списка. Дополнительно держите в голове, что у каждого слоя свой режим можно совмещать с непрозрачностью: режим задаёт характер смешивания, а непрозрачность регулирует силу. Часто правильный результат - это нужный режим на 60-70 процентах непрозрачности, а не он же на полной силе.
Это сердце профессиональной работы. Освоив маски и смарт-объекты, вы перестаёте бояться правок, потому что ни одно действие больше не становится окончательным.
Маска слоя
Маска слоя (layer mask) - это чёрно-белая карта прозрачности, прикреплённая к слою. Правило простое: чёрное скрывает, белое показывает, серое делает полупрозрачным. Маска не удаляет пиксели, а лишь прячет их, поэтому в любой момент можно вернуть скрытое, перекрасив маску обратно в белый.
- Выделите слой и нажмите значок маски внизу панели (прямоугольник с кругом). Появится белая маска - слой виден полностью.
- Выберите чёрную кисть и закрашивайте те места, которые нужно скрыть. Например, стираете лишний фон вокруг товара.
- Ошиблись и стёрли лишнее? Переключите кисть на белый (клавиша X меняет цвета местами) и верните.
- Хотите мягкий переход - используйте кисть с низкой жёсткостью или серый цвет.
Это принципиально лучше ластика. Ластик удаляет пиксели навсегда, маска - обратима. На карточках товара маска - основной способ отделить предмет от фона: вырезали объект, белый фон убрали маской, под низ положили слой-заливку нужного цвета. Маску можно временно отключить (Shift+клик по миниатюре маски) или посмотреть отдельно (Alt+клик).
Как сделать выделение и превратить его в маску
Чаще всего маску рисуют не вручную с нуля, а из готового выделения. Для предметки рабочий порядок такой:
- Грубо выделите товар инструментом Быстрое выделение (W) или Объект - Выделить предмет, который автоматически находит границы.
- Откройте Выделение и маска (Select and Mask) - отдельное окно для уточнения края.
- Кистью Уточнить край пройдитесь по сложным зонам: мех, прозрачное стекло, волоски, бахрома. Ползунки Сглаживание, Растушёвка и Сместить край доводят границу до чистой.
- Внизу окна в поле Вывод выберите Слой-маска и нажмите ОК. Выделение превратится в маску на слое товара.
Для маркетплейсов важно, чтобы край был чистым, без светлого ореола от старого фона. Если ореол остался, в окне Выделение и маска сдвиньте Сместить край на минус 1-3 пикселя внутрь объекта - это съест каёмку фона по контуру.
Векторная маска
Кроме обычной (растровой) есть векторная маска - она задаётся контуром (Pen) и даёт идеально гладкие чёткие края без зубцов на любом масштабе. Подходит для объектов с ровными геометрическими гранями: коробки, телефоны, флаконы, техника. На прямых линиях и плавных кривых ручная обводка пером даёт край заметно чище, чем любое автоматическое выделение, поэтому дорогую технику и косметику в баночках профессионалы обтравливают именно пером.
Обтравочная маска
Обтравочную маску (clipping mask) часто путают с обычной, но это другое. Она заставляет верхний слой проявляться только в границах непрозрачных пикселей нижнего слоя. Нижний слой работает как трафарет.
- Положите слой, который должен стать трафаретом (например, силуэт товара или текст).
- Сверху положите слой, который нужно ограничить (текстуру, цвет, фото).
- Наведите курсор на границу между двумя слоями в панели, зажмите Alt и кликните. Либо Ctrl+Alt+G. Верхний слой обрежется по нижнему, в панели появится стрелочка.
Применение в предметке: вставить текстуру дерева внутрь надписи, перекрасить только товар, не задевая фон, добавить корректирующий слой, который действует ровно на один объект. Корректирующий слой в режиме обтравочной маски - стандартный приём, чтобы цветокоррекция применилась только к товару, а не ко всему кадру.
Маска против обтравочной маски: когда что
| Критерий | Маска слоя | Обтравочная маска |
|---|---|---|
| Чем задаётся | Чёрно-белой картой, которую рисуете кистью | Формой непрозрачных пикселей нижнего слоя |
| Где живёт | На самом слое | Привязывает верхний слой к нижнему |
| Лучше для | Вырезать объект, спрятать часть кадра | Ограничить коррекцию или текстуру одним объектом |
| Горячая клавиша | Кнопка маски внизу панели | Ctrl+Alt+G |
Смарт-объекты и неразрушающее редактирование
Смарт-объект решает главную боль пиксельной графики - потерю качества при трансформациях. Если уменьшить обычный слой до 20 процентов, а потом увеличить обратно, картинка станет мыльной: пиксели уже выброшены. Смарт-объект хранит исходник внутри, поэтому масштабируется туда-сюда без потерь.
Как создать: правый клик по слою - Преобразовать в смарт-объект (Convert to Smart Object). Слой получит характерный значок в углу миниатюры.
- Смарт-фильтры. Любой фильтр, применённый к смарт-объекту (резкость, размытие, шумоподавление), становится перенастраиваемым. Под слоем появляется список фильтров, каждый можно отключить, перенастроить двойным кликом или ослабить маской. Это значит, что усиление резкости больше не финальное - вы вернётесь к нему через час и поправите.
- Связанные копии. Если продублировать смарт-объект через Ctrl+J, копии остаются связаны: правка содержимого одной меняет все. Незаменимо для шаблонов карточек, где меняется только товар, а оформление едино. Нужна независимая копия - правый клик и Создать смарт-объект через копирование (New Smart Object via Copy).
- Замена содержимого. Правый клик - Заменить содержимое: вставляете новый товар, и весь применённый стиль, фильтры, трансформации остаются. Так за минуты собирают серию однотипных карточек.
Минус один - смарт-объект нельзя править кистью напрямую. Чтобы рисовать по нему, надо войти внутрь (двойной клик по миниатюре, откроется отдельная вкладка), отредактировать вложенный слой и сохранить. Поэтому ручную ретушь делают на пиксельных слоях, а смарт-объекты приберегают для масштабирования, фильтров и шаблонов.
Смарт-объекты как заготовка для серии карточек
Главная выгода смарт-объектов на потоке - шаблон. Соберите одну карточку с правильным фоном, тенью, плашкой и оформлением, а место под товар сделайте смарт-объектом. Дальше для каждого нового товара вы делаете правый клик - Заменить содержимое, указываете новый файл, и карточка пересобирается за десять секунд с тем же светом, тенью и сеткой. Для линейки из 30-40 однотипных позиций (например, серия кремов одного бренда в разных объёмах) это разница между днём работы и часом.
Теория мертва без практики. Покажем два главных приёма ретуши предметки, которые целиком держатся на слоях, и соберём шпаргалку горячих клавиш.
Частотное разложение
Частотное разложение (frequency separation) разделяет изображение на два слоя: низкие частоты (цвет, объём, плавные переходы тона) и высокие частоты (текстура, мелкие детали, поры, царапины). Смысл в том, чтобы править цвет и фактуру по отдельности и не уничтожать одно, ретушируя другое.
- Дважды дублируйте слой товара (Ctrl+J два раза). Нижнюю копию назовите Низкие, верхнюю Высокие.
- К слою Низкие примените Фильтр - Размытие - Размытие по Гауссу так, чтобы исчезла текстура, но осталась форма (для предметки обычно 4-12 пикселей, зависит от разрешения). Запомните радиус.
- Выберите слой Высокие, откройте Изображение - Внешний канал (Apply Image). Выберите слой Низкие, режим Вычитание, Масштаб 2, Сдвиг 128 (для 8 бит). Для 16-битных файлов режим Добавление, инверсия, Масштаб 2, Сдвиг 0.
- Слою Высокие задайте режим наложения Линейный свет. Картинка снова станет нормальной, но теперь цвет живёт на нижнем слое, текстура на верхнем.
- На слое Низкие мягкой кистью или штампом выравниваете цветовые пятна и неровности тона. На слое Высокие штампом убираете царапины, пыль, дефекты упаковки, не трогая цвет.
Результат - чистая ровная поверхность товара с сохранённой натуральной фактурой, без пластикового замыленного вида.
Когда частотное разложение оправдано, а когда нет
Частотка - мощный, но трудозатратный приём. Она оправдана на крупных планах фактурных поверхностей: кожаные сумки, косметика с этикетками, текстиль, мебель, где видна структура материала. На мелком товаре, который в карточке занимает 600-800 пикселей по высоте, разница после частотки почти не видна, и быстрее обойтись восстанавливающей кистью (J) и штампом (S) прямо по дубликату слоя. Не превращайте каждую карточку в часовую ретушь там, где хватает двух минут точечной чистки.
Dodge & burn (осветление и затемнение)
Техника dodge & burn вручную лепит светотень, убирая пятна и подчёркивая объём. Неразрушающий способ через отдельный серый слой:
- Создайте новый слой (Ctrl+Shift+N), в окне создания выберите режим Мягкий свет и поставьте галку Выполнить заливку нейтральным цветом (серый 50 процентов). Серый в режиме Мягкий свет невидим.
- Возьмите мягкую белую кисть с непрозрачностью 5-10 процентов и осветляйте впадины, блики, светлые грани. Чёрной кистью затемняйте лишние пересветы, выравнивайте тон.
- Перестарались - закрасьте серым 50 процентов и начните заново. Весь объём правится на одном слое, который можно ослабить непрозрачностью.
На предметке dodge & burn убирает разводы на глянце, выравнивает свет на матовых поверхностях и добавляет упаковке аппетитного объёма, который повышает кликабельность карточки.
Замена и выбеливание фона под маркетплейс
Wildberries и Ozon требуют чистый фон, чаще всего белый. Через слои это делается чисто и обратимо:
- Дублируйте исходник (Ctrl+J), вырежьте товар с маской по способу из раздела про маски.
- Под слой товара положите слой-заливку белым. Для строго белого фона задайте цвет 255,255,255.
- Если по краю товара виден тёмный или светлый ореол, добавьте корректирующий слой Уровни в режиме обтравочной маски только к товару и подтяните края.
- Не забудьте про тень: чистый вырезанный товар без тени смотрится наклеенным. Положите мягкую тень слоем в режиме Умножение под товаром на 30-50 процентах непрозрачности.
Если нужно быстро убрать фон без Photoshop, у нас есть бесплатный онлайн-инструмент удаления фона - он выделяет товар автоматически и отдаёт PNG с прозрачностью, который потом легко доработать слоями.
Сведение перед сдачей файла
Маркетплейсы принимают JPEG, а не многослойный PSD. Перед экспортом всегда сохраняйте рабочий PSD со всеми слоями (он ваш страховочный исходник), а для сдачи делайте Файл - Экспортировать - Сохранить для Web или Экспортировать как, выбрав JPEG с качеством 80-90 и нужным размером по длинной стороне. Само изображение при экспорте сводится автоматически, исходные слои в PSD при этом не трогаются. Никогда не отдавайте единственную копию в сведённом виде - потеряете возможность правок.
Горячие клавиши по слоям
- Ctrl+J - дублировать слой или скопировать выделение на новый слой.
- Ctrl+Shift+N - новый пустой слой с диалогом.
- Ctrl+G / Ctrl+Shift+G - сгруппировать / разгруппировать.
- Ctrl+E - объединить с нижним слоем. Ctrl+Shift+E - свести всё.
- Ctrl+Shift+Alt+E - собрать копию всех видимых слоёв в новый (штамп всех слоёв), не сводя файл.
- Ctrl+] / Ctrl+[ - поднять / опустить слой в стопке.
- Ctrl+Alt+G - создать или снять обтравочную маску.
- X - поменять цвета кисти местами (черный/белый при работе с маской).
- Shift+плюс / Shift+минус - перебор режимов наложения.
- Alt+клик по маске - показать маску отдельно. Shift+клик - выключить маску.
- Ctrl+клик по миниатюре - загрузить содержимое слоя или маски как выделение.
- цифры 0-9 при инструменте Перемещение - задать непрозрачность активного слоя.
Порядок работы над карточкой целиком
- Открыли исходник, продублировали фоновый слой (Ctrl+J), оригинал оставили внизу.
- Выделили товар, вырезали с маской, под низ положили слой-заливку белым.
- Точечно почистили дефекты восстанавливающей кистью и штампом по дубликату.
- Где надо, разложили частотно и доработали фактуру.
- Слепили объём через dodge & burn на сером слое в режиме Мягкий свет.
- Подтянули цвет и яркость корректирующими слоями Кривые и Цветовой тон/Насыщенность.
- Положили мягкую тень под товар в режиме Умножение.
- Сверху текстовые слои и плашки с ценой и УТП.
- Сохранили PSD, экспортировали JPEG под требования площадки.
Почему я не могу редактировать фоновый слой (значок замка)?
Фоновый слой Background по умолчанию заблокирован: его нельзя двигать и сделать прозрачным. Дважды кликните по нему и нажмите ОК, либо кликните по значку замка - он превратится в обычный слой. Лучше же сразу продублировать его через Ctrl+J и работать по копии, оставив оригинал внизу нетронутым.
Чем маска слоя лучше ластика?
Ластик удаляет пиксели навсегда: вернуть их нельзя, только через отмену. Маска слоя ничего не удаляет, а лишь скрывает - чёрным прячете, белым возвращаете. В любой момент работы можно перерисовать маску и восстановить скрытое. Для ретуши и вырезания объектов всегда используйте маску, ластик оставьте для одноразовых черновых задач.
В чём разница между Непрозрачностью и Заливкой?
Непрозрачность (Opacity) делает полупрозрачным весь слой целиком вместе со стилями (тень, обводка, свечение). Заливка (Fill) меняет прозрачность только содержимого слоя, не трогая стили. Если у текста есть обводка и нужно проявить только её, ослабив сам текст - крутите Заливку. Без стилей оба параметра работают одинаково.
Что такое смарт-объект и зачем он нужен?
Смарт-объект - это контейнер, который хранит исходные данные слоя в неизменном виде. Он позволяет масштабировать, поворачивать и трансформировать слой сколько угодно раз без потери качества, а применённые фильтры делает перенастраиваемыми смарт-фильтрами. Это основа неразрушающего редактирования и удобный механизм для шаблонов карточек, где меняется только товар.
Какой режим наложения использовать для теней?
Для наложения тени используйте режим Умножение (Multiply): он затемняет нижние слои и делает белый фон невидимым. Сфотографируйте или нарисуйте тень на белом, положите слоем поверх товара, переключите на Умножение - останется только мягкая полупрозрачная тень. Силу регулируйте непрозрачностью слоя в районе 30-50 процентов.
Как перекрасить товар, сохранив его объём и блики?
Создайте новый слой, залейте нужным цветом нужную область и переключите его в режим наложения Цветность (Color). Этот режим заменяет только цвет, оставляя яркость и светотень исходника. Чтобы перекраска не вышла за края товара, ограничьте слой обтравочной маской по силуэту объекта или маской слоя.
Как объединить слои, но сохранить возможность правки по отдельности?
Не сводите файл командой Ctrl+Shift+E - она необратимо склеивает всё. Вместо этого используйте Ctrl+Shift+Alt+E: она собирает копию всех видимых слоёв в новый верхний слой, оставляя исходные нетронутыми. Так вы получаете сведённый слой для дальнейших фильтров и при этом в любой момент можете вернуться к отдельным слоям ниже.
Сколько слоёв можно создать в одном файле?
Современный Photoshop практически не ограничивает число слоёв - их могут быть тысячи. На деле ограничение упирается в оперативную память и размер файла: чем больше слоёв и чем они тяжелее, тем медленнее работает программа и тяжелее PSD. Для порядка группируйте слои в папки и осмысленно их называйте, а ненужные удаляйте.
Почему после уменьшения и увеличения слой стал размытым?
Обычный пиксельный слой при уменьшении выбрасывает лишние пиксели навсегда. Когда вы увеличиваете его обратно, восстанавливать уже нечего, и Photoshop достраивает недостающее интерполяцией - отсюда мыло. Решение одно: перед трансформацией превращайте слой в смарт-объект (правый клик - Преобразовать в смарт-объект). Тогда исходные данные хранятся внутри, и масштаб туда-обратно проходит без потери качества.
Как сделать чисто белый фон для Wildberries и Ozon?
Вырежьте товар с маской слоя, под него положите слой-заливку с цветом 255,255,255 - это абсолютно белый, который требуют площадки. Проверьте край на наличие ореола от старого фона и при необходимости сдвиньте край маски на 1-3 пикселя внутрь. Обязательно добавьте под товар мягкую тень слоем в режиме Умножение, иначе предмет будет выглядеть наклеенным. Если делать вручную некогда, фон можно убрать через наш бесплатный онлайн-инструмент удаления фона и доработать результат слоями уже в Photoshop.
Бесплатно обработаем образец из вашего каталога
Для интернет-магазинов, производителей, брендов и оптовых поставщиков. Пришлите 1-3 фото товара, вернём профессионально обработанные и посчитаем стоимость на весь каталог.
Это b2b-формат под объём. Личные фото (портреты, события, документы) в нём не обрабатываем.
Заявка принята
Обработаем ваш образец и пришлём результат с расчётом на каталог в течение рабочего дня.