Png2Psd
Вопросы и ответы

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

Ответы о разделении изображений на слои, конвертации PNG и JPG в PSD и работе с экспортом Figma и Canva. Качество, ограничения, кредиты и конфиденциальность.

Png2Psd · Обновлено

Основы разделения на слои

Что значит разделить изображение на слои?

Разделить изображение на слои — значит взять одну плоскую картинку, где все пиксели навсегда склеены между собой, и собрать её заново как стек независимых прозрачных слоёв. Обычно главный объект, фон, весь текст, логотипы и графика становятся отдельными слоями. Поскольку слои остаются выровненными по исходному холсту, вы можете двигать, скрывать, перекрашивать или заменять любой элемент, не трогая остальные. Это разница между редактированием фотографии и редактированием того макета, из которого фотография была собрана.

Что такое PSD со слоями и чем он отличается от плоского PSD?

PSD — это родной формат документов Adobe Photoshop. Плоский PSD содержит один объединённый слой изображения: при открытии вы видите одну картинку, и переставлять в ней нечего. PSD со слоями хранит каждый элемент на отдельном именованном слое с собственной маской слоя, поэтому текст, объекты, тени и фон можно выделять и редактировать по отдельности. На экране оба файла выглядят одинаково. Разница проявляется только тогда, когда вы хотите что-то изменить: плоский PSD заставляет перерисовывать, а PSD со слоями позволяет просто подвинуть нужный фрагмент.

Чем удаление фона отличается от разделения изображения на слои?

Удаление фона возвращает две вещи: ваш объект и прозрачность. Вы получаете вырезанный объект, а исходный фон исчезает навсегда. Разделение на слои возвращает целый стек: объект, фон как отдельный целый слой, а также текст, логотипы и прочие элементы — и всё это по-прежнему выровнено по одному холсту. Удаление фона отвечает на вопрос «как изолировать этот объект». Разделение на слои отвечает на вопрос «как редактировать этот дизайн». Если вам нужен только прозрачный PNG, хватит удаления фона; если нужно поменять текст, заменить товар или сдвинуть блок макета — нужны слои.

Нейросеть действительно может разделить плоское фото на редактируемые слои?

Да, но с ограничениями. Современные модели разложения на слои анализируют изображение и находят отдельные визуальные области — объект переднего плана, плоскость фона, надписи, логотипы, товарные зоны — и выводят каждую как отдельный слой RGBA с собственной альфа-маской. Лучше всего результат получается там, где элементы чётко разделены: товарные съёмки, постеры, флаеры, скриншоты интерфейсов, сгенерированная нейросетью графика. Качество падает на визуально перегруженных кадрах, при сильном размытии или когда два элемента имеют одинаковый цвет и текстуру. Относитесь к результату как к хорошей первой версии, которую вы дорабатываете, а не как к идеальной реконструкции.

Что такое реконструкция фона и почему она важна для слоёв?

Реконструкция фона создаёт пиксели, скрытые за объектом. ИИ может их предположить, но не знает исходное невидимое содержимое. Простой фон легче сложных узоров или скрытого текста. До перемещения объекта проверьте пустоты, вымышленные детали и стыки: полный фон не гарантируется.

Может ли ИИ восстановить исходные слои объединённого изображения?

Нет. JPG и PNG не хранят исходную структуру слоёв. ИИ создаёт новые растровые слои из видимого содержимого, не восстанавливая шрифты, векторы и исходные маски. Основа может сохранять объекты, которые требуют ретуши после перемещения.

Инструкции и элементы

Как разделить изображение на слои?

Загрузите PNG, JPG/JPEG или WebP размером до 30 МБ и с общим числом пикселей не менее 262 144. Опишите нужные элементы и при необходимости выделите области. Проверьте слои и экспортируйте PSD или отдельные PNG. Это реконструированные растровые слои: исходные шрифты, векторы и скрытые детали точно не восстанавливаются. Время обработки меняется.

Как конвертировать PNG в PSD с настоящими слоями?

PNG хранит одно изображение с необязательной прозрачностью, а не исходную структуру слоёв Photoshop. Png2Psd определяет растровые слои и экспортирует PSD. Проверьте мягкие края и тени: созданная прозрачность может отличаться. Смена расширения не создаёт слои или редактируемый текстовый объект.

Как превратить JPG или JPEG в редактируемый PSD?

Загрузите JPG/JPEG, выполните разделение с ИИ и проверьте результат перед экспортом PSD. JPEG не хранит слои и альфа-канал: прозрачность и границы определяются заново. Устранение сжатия и восстановление утраченных деталей не гарантируются. Используйте наименее сжатый оригинал.

Как превратить изображение, созданное нейросетью, в редактируемые слои?

Экспортируйте сгенерированное изображение в PNG или JPG, загрузите и укажите объект, фон или текст для разделения. ИИ может выделить видимые элементы в независимые растровые слои, чтобы их скрывать, перемещать и заменять. Исходный редактируемый текст, векторные контуры и структура компонентов не восстанавливаются. При необходимости создайте новый текст и проверьте края и детали. Качество зависит от изображения и письменности.

Как отделить текст от изображения, чтобы отредактировать надпись?

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

Как вытащить логотип или товар с фотографии?

Укажите важный логотип, товар или деталь коротким запросом и выделением областей. Области направляют ИИ, но не гарантируют слой для каждого прямоугольника. Число слоёв зависит от результата, а не от фиксированной квоты тарифа. Проверьте экспорт; для точного логотипа используйте исходный вектор.

Как поменять фон изображения без Photoshop?

Photoshop вам не понадобится ни на одном этапе. Запустите разделение на слои в браузере, а затем либо скройте слой фона и подложите под объект своё изображение, либо оставьте восстановленный фон и отредактируйте его. Поскольку слой объекта несёт настоящую альфа-маску, собрать его на новом фоне — дело секунд в любом редакторе, включая бесплатные вроде Photopea, либо можно просто экспортировать объект как прозрачный PNG. Ничего не устанавливается, аккаунт Adobe не нужен, и результат открывается даже на слабом ноутбуке: вся тяжёлая работа уже выполнена на сервере, а вам остаётся только собрать композицию и сохранить её.

Как превратить экспорт из Figma в редактируемые слои?

Сначала экспортируйте фрейм Figma в чёткий PNG; при наличии оригинала используйте его структуру. Загрузите PNG, JPG/JPEG или WebP размером до 30 МБ и с общим числом пикселей не менее 262 144. Опишите нужные элементы и при необходимости выделите области. Проверьте слои и экспортируйте PSD или отдельные PNG. Это реконструированные растровые слои: исходные шрифты, векторы и скрытые детали точно не восстанавливаются. Время обработки меняется.

Как превратить макет Canva в PSD со слоями?

Экспортируйте Canva в PNG или JPG и разделите в Png2Psd; текстовые объекты Canva не сохранятся как редактируемый текст. Загрузите PNG, JPG/JPEG или WebP размером до 30 МБ и с общим числом пикселей не менее 262 144. Опишите нужные элементы и при необходимости выделите области. Проверьте слои и экспортируйте PSD или отдельные PNG. Это реконструированные растровые слои: исходные шрифты, векторы и скрытые детали точно не восстанавливаются. Время обработки меняется.

Как разбить скриншот или UI-макет на отдельные элементы?

Загрузите чёткий скриншот PNG и укажите нужные карточки, значки или панели. ИИ может выделить видимые элементы в независимые растровые слои, чтобы их скрывать, перемещать и заменять. Исходный редактируемый текст, векторные контуры и структура компонентов не восстанавливаются. При необходимости создайте новый текст и проверьте края и детали. Качество зависит от изображения и письменности.

Можно ли разделить изображение на слои по цвету?

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

Как редактировать файл изображения послойно онлайн?

Создайте растровые слои, затем выбирайте, переименовывайте, скрывайте, меняйте порядок, перемещайте, масштабируйте, поворачивайте их и регулируйте непрозрачность в браузерном редакторе. Проверьте композицию перед экспортом PSD; растровый текст не становится автоматически редактируемым шрифтовым текстом.

Инструменты и альтернативы

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

Выбирайте по исходному файлу и нужной степени ручного контроля. Если есть оригинальный макет, используйте его слои. Для плоского изображения Png2Psd может создать растровые слои; Photoshop, Photopea, GIMP и Krita также предлагают ручное выделение и маски. Функции меняются, а результат ИИ требует проверки. Универсально лучшего инструмента нет.

Есть ли бесплатный способ разделить изображение на слои?

Новые аккаунты получают 50 кредитов без банковской карты. Успешная генерация списывает кредиты по фактическим слоям и числу входных пикселей; неудачные задачи их не расходуют. Отдельный гарантированный лимит слоёв или разрешение для бесплатного использования не установлен. Проверьте свою картинку до покупки.

Можно ли разделить изображение на слои без Photoshop?

Да. Photoshop не нужен ни для создания результата, ни для его открытия. Разделение выполняется на сервере, а предпросмотр слоёв происходит в вашем браузере, поэтому получить PSD со слоями можно с телефона, с Chromebook или с рабочего ноутбука с жёсткими ограничениями. Чтобы потом открыть готовый файл, есть бесплатные варианты: Photopea работает в браузере, а GIMP и Affinity Photo открывают PSD нативно. Photoshop по-прежнему лучшее место для финальной ретуши, но он больше не привратник на входе в работу со слоями.

Photoshop или Photopea умеют разделить изображение на слои автоматически?

Выбирайте по исходному файлу и нужной степени ручного контроля. Если есть оригинальный макет, используйте его слои. Для плоского изображения Png2Psd может создать растровые слои; Photoshop, Photopea, GIMP и Krita также предлагают ручное выделение и маски. Функции меняются, а результат ИИ требует проверки. Универсально лучшего инструмента нет.

GIMP, Krita или Inkscape умеют разделять изображение на слои автоматически?

Выбирайте по исходному файлу и нужной степени ручного контроля. Если есть оригинальный макет, используйте его слои. Для плоского изображения Png2Psd может создать растровые слои; Photoshop, Photopea, GIMP и Krita также предлагают ручное выделение и маски. Функции меняются, а результат ИИ требует проверки. Универсально лучшего инструмента нет.

remove.bg или Photoroom дают файлы со слоями?

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

Есть ли плагин для Figma, который экспортирует PSD со слоями?

Плагины сообщества, экспортирующие фреймы Figma в PSD, существуют, но обычно они сохраняют только то дерево слоёв, которое вы уже построили в Figma, и часто по дороге сплющивают эффекты, режимы наложения и изображения-заливки. Восстановить структуру из плоского экспорта они не могут: как только фрейм выгружен в PNG, информация о группировке потеряна. Если ваш файл Figma цел и аккуратно организован, берите плагин и будьте готовы к чистке. Если у вас на руках только плоский скриншот или PNG для передачи, разделение на слои — единственный путь назад к редактируемому стеку.

Что использовать: разделение на слои или векторизацию?

Это разные задачи, и они не заменяют друг друга. Векторизация превращает растровые пиксели в масштабируемые кривые — это идеально для плоских логотипов, иконок и линейной графики, которые должны бесконечно масштабироваться или резаться плоттером. Разделение на слои оставляет всё пикселями, но делит изображение на редактируемые элементы с альфа-масками — это идеально для фотографий, товарных съёмок, постеров и UI-макетов, где должны выжить градиенты, тени и текстура. Практичная комбинация для логотипа на сфотографированном товаре: сначала разделить на слои, а потом векторизовать только слой с логотипом.

Качество и ограничения

На сколько слоёв можно разделить одно изображение?

Размер и число слоёв зависят от исходника и модели, а не от фиксированных 1,5K/2K или 4/16/30/50 слоёв по пакету. Проверьте размер холста и фактический список слоёв. Крупный оригинал может помочь, но ИИ меняет детали и не гарантирует исходное разрешение или восстановление качества.

Какие изображения подходят лучше всего?

Лучше всего получаются изображения с явным визуальным разделением: товарные съёмки для интернет-магазинов на ровном или градиентном фоне, рекламные постеры и флаеры с чёткими блоками, скриншоты интерфейсов и мокапы приложений, сгенерированные нейросетью иллюстрации и коллажи из отдельных вырезанных элементов. Сильный локальный контраст между элементами и однозначные границы — два главных признака чистого результата. Высокое разрешение тоже помогает, поэтому экспорт дизайн-файла в 2x или 3x перед загрузкой стабильно даёт результат лучше, чем загрузка экспорта в 1x.

Какие изображения подходят плохо?

Будьте реалистами в четырёх случаях. Сильно размытые или плохо сжатые картинки, где нет резких границ для сегментации. Сложные сцены со множеством перекрывающихся органических элементов — толпа, густая листва, — где граница между объектами действительно неоднозначна даже для человека. Изображения, где два элемента имеют одинаковый цвет и текстуру: визуального сигнала для разделения просто нет. И файлы низкого разрешения, где пикселей физически не хватает для чистых альфа-масок. В таких случаях выделение небольшой области вручную обычно даёт больше, чем полный автоматический проход.

Края вырезанных слоёв чистые? А как же волосы и мягкие тени?

Идеальные края не гарантируются: проверьте волосы, мех, стекло, дым и тени на светлом и тёмном фоне. ИИ может выделить видимые элементы в независимые растровые слои, чтобы их скрывать, перемещать и заменять. Исходный редактируемый текст, векторные контуры и структура компонентов не восстанавливаются. При необходимости создайте новый текст и проверьте края и детали. Качество зависит от изображения и письменности.

Фон под удалённым объектом действительно достраивается?

Реконструкция фона создаёт пиксели, скрытые за объектом. ИИ может их предположить, но не знает исходное невидимое содержимое. Простой фон легче сложных узоров или скрытого текста. До перемещения объекта проверьте пустоты, вымышленные детали и стыки: полный фон не гарантируется.

Сколько времени занимает обработка?

Время зависит от размера и сложности изображения, доступности модели и сети. Следите за прогрессом, а не фиксированным сроком. Png2Psd не обещает результат за 15 секунд, приоритетную GPU-очередь или пакетную обработку в зависимости от купленных кредитов. При сбое сначала прочтите ошибку.

Работает ли это с нелатинским текстом, например с китайским или японским?

Можно загружать изображения с китайским, японским, корейским и другим текстом, без гарантии точного отделения. ИИ может выделить видимые элементы в независимые растровые слои, чтобы их скрывать, перемещать и заменять. Исходный редактируемый текст, векторные контуры и структура компонентов не восстанавливаются. При необходимости создайте новый текст и проверьте края и детали. Качество зависит от изображения и письменности.

Экспортированные слои настоящие или это сплющенный файл?

PSD сохраняет созданные элементы в отдельных растровых слоях; проверьте их, меняя видимость в редакторе. ИИ может выделить видимые элементы в независимые растровые слои, чтобы их скрывать, перемещать и заменять. Исходный редактируемый текст, векторные контуры и структура компонентов не восстанавливаются. При необходимости создайте новый текст и проверьте края и детали. Качество зависит от изображения и письменности.

Форматы и совместимость

Нужен ли Photoshop, чтобы открыть полученный PSD?

Photoshop не нужен для генерации PSD в Png2Psd. Проверяйте растровые слои в совместимом редакторе, например Photoshop или Photopea: другие программы по-разному обрабатывают PSD. Протестируйте целевое приложение. Сохранение слоёв при импорте в Figma или Canva не обещается.

Можно ли экспортировать слои отдельными PNG вместо PSD?

Повторный экспорт или скачивание доступного проекта не расходует кредиты генерации снова. Доступны PSD, отдельные прозрачные PNG и ZIP. Сохраняйте свои копии: постоянная доступность не гарантируется. Новая успешная задача разделения оплачивается отдельно.

Экспортированный PSD в RGB или в CMYK?

Вывод идёт в RGB с полной прозрачностью — это правильное рабочее пространство для экрана, веба и соцсетей и тот формат, который надёжнее всего обрабатывают программы, совместимые с PSD. Для коммерческой печати вы переводите макет в CMYK в самом конце, в Photoshop или в своём RIP, уже после того как работа со слоями закончена. Такая последовательность вообще нормальная практика: разделять и редактировать в RGB, а конвертировать один раз на выводе — это избавляет от повторных преобразований цветового пространства, которые накапливают обрезку в насыщенных цветах.

Какое разрешение получается на выходе?

Размер и число слоёв зависят от исходника и модели, а не от фиксированных 1,5K/2K или 4/16/30/50 слоёв по пакету. Проверьте размер холста и фактический список слоёв. Крупный оригинал может помочь, но ИИ меняет детали и не гарантирует исходное разрешение или восстановление качества.

Конфиденциальность и права

Безопасно ли загружать изображения клиентов?

Загружайте только изображения, которые разрешено передавать облачному сервису. Png2Psd использует внешнего поставщика ИИ и Stripe для оплаты. Для конфиденциальных материалов или NDA сначала уточните условия у поддержки. FAQ не обещает удаление через час или обработку исключительно на серверах сайта.

Сколько хранятся мои файлы?

Текущее приложение не гарантирует автоматическое удаление файлов через час. Скачивайте файлы и храните свои резервные копии: история аккаунта не обещает вечного хранения. Для удаления или уточнения срока хранения обратитесь в поддержку до загрузки чувствительных материалов.

Вы обучаете нейросети на моих изображениях?

По одной лишь текущей реализации нельзя безусловно обещать отсутствие обучения во всей цепочке обработки. Изображения передаются внешнему поставщику ИИ, и его условия тоже действуют. Для письменного обязательства уточните условия у поддержки до загрузки; FAQ не является договорной гарантией.

Кому принадлежит результат и можно ли использовать его коммерчески?

Разделение на слои не даёт новых авторских или коммерческих прав. Соблюдайте лицензию исходника, права брендов и людей, а также условия ИИ-провайдера. Загружайте только разрешённые материалы. Обработка может быть отклонена по правилам контента или авторского права; спорные случаи уточняйте у поддержки, не повторяя загрузку.

Есть ли водяной знак на экспорте?

Png2Psd не добавляет фирменный водяной знак в экспортируемые PSD или PNG. Это не даёт права удалять знаки из исходника. Качество зависит от изображения и модели, а не от обещанного улучшения для удаления водяных знаков.

Цены и кредиты

Это бесплатно? Что я получаю бесплатно?

Новые аккаунты получают 50 кредитов без банковской карты. Успешная генерация списывает кредиты по фактическим слоям и числу входных пикселей; неудачные задачи их не расходуют. Отдельный гарантированный лимит слоёв или разрешение для бесплатного использования не установлен. Проверьте свою картинку до покупки.

Как работает оплата по credits?

Кредиты списываются после успешного создания PSD по фактическим слоям. Каждый слой стоит 2 кредита при входе до 2 610 000 пикселей или 4 выше этого порога. Неудачные задачи и скачивания их не расходуют. Повторная генерация оплачивается заново, даже если предыдущий результат не понравился.

Есть ли подписка или я плачу один раз?

Пакеты покупаются разово, без автоматического продления. Сейчас: Starter: 9,90 $ / 500 · Creator: 29,90 $ / 1 900 · Studio: 59,90 $ / 4 000. Купленные кредиты действуют 6 месяцев, регистрационные не истекают. Перед покупкой проверьте цены. Возвраты рассматривает сотрудник поддержки; сумма или срок здесь не обещаются.

Что происходит, если обработка не удалась?

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

Нужно ли платить снова, чтобы скачать проект повторно?

Повторный экспорт или скачивание доступного проекта не расходует кредиты генерации снова. Доступны PSD, отдельные прозрачные PNG и ZIP. Сохраняйте свои копии: постоянная доступность не гарантируется. Новая успешная задача разделения оплачивается отдельно.

Дизайн и рабочие процессы

Можно ли применять разделение на слои для товарных фото в интернет-магазине?

Да: разделите товар, тень и фон для новых композиций, проверив точность товара и правила площадки. Реконструкция фона создаёт пиксели, скрытые за объектом. ИИ может их предположить, но не знает исходное невидимое содержимое. Простой фон легче сложных узоров или скрытого текста. До перемещения объекта проверьте пустоты, вымышленные детали и стыки: полный фон не гарантируется.

Полезно ли это для DTF, шелкографии и печати на заказ?

Да, с одной оговоркой, которая сэкономит вам время. Если нужен отдельный слой на каждую краску, это цветоделение — другая операция. Разделение на слои даёт печатному процессу чистое редактируемое полотно: графика, фон и текст как независимые элементы, поэтому можно изменить размер макета под другую одежду, убрать фон для DTF-плёнки или переписать надпись на футболке для нового клиента, ничего не перерисовывая. Финальное цветоделение под печатную машину всё равно выполняется в вашем RIP или в специализированной программе.

Можно ли использовать это для локализации рекламных креативов на другие языки?

Да: выделите заголовок, создайте новый текст на нужном языке и проверьте длину, шрифты и восстановленный фон. ИИ может выделить видимые элементы в независимые растровые слои, чтобы их скрывать, перемещать и заменять. Исходный редактируемый текст, векторные контуры и структура компонентов не восстанавливаются. При необходимости создайте новый текст и проверьте края и детали. Качество зависит от изображения и письменности.

Что можно сделать со сгенерированными нейросетью изображениями после разделения на слои?

Генеративные изображения приходят сплющенными, и это делает их почти неисправимыми. После разделения вы можете поправить именно то, в чём генераторы ошибаются чаще всего: нечитаемый или с ошибками текст, лишние пальцы и случайные объекты, нежелательный артефакт вроде водяного знака или фон, не соответствующий заданию. Дальше сценарий можно расширить: пересобрать объект на другой сцене, анимировать отдельные элементы или дорабатывать один слой, не перегенерируя всё и не теряя композицию, которая вам уже понравилась.

Поможет ли это при передаче UI-дизайна разработчикам?

Да, особенно когда файл дизайна потерян или устарел и остался только скриншот. Разделение скриншота даёт разработчикам отдельные ассеты — иконки, иллюстрации, фоновые панели, текстовые блоки — в виде прозрачных PNG на исходных позициях холста, а не один плоский макет, который приходится разглядывать на глаз. Это не замена настоящей дизайн-системе: восстановить размеры, токены отступов и имена компонентов нельзя. Считайте это восстановлением ассетов из визуального референса, а не превращением дизайна в код, и результат стоит сверять со здравым смыслом верстальщика.

Полезно ли это для недвижимости и рекламных флаеров?

Разделение поможет обновить фото, логотип или цену на листовке без исходного макета; проверьте точность сведений об объекте. ИИ может выделить видимые элементы в независимые растровые слои, чтобы их скрывать, перемещать и заменять. Исходный редактируемый текст, векторные контуры и структура компонентов не восстанавливаются. При необходимости создайте новый текст и проверьте края и детали. Качество зависит от изображения и письменности.

Создаёт ли разделение ИИ персонажа, готового к Live2D?

Не автоматически. Оно помогает выделить персонажа и аксессуары, но глаза, рот, группы волос и скрытые области обычно требуют ручной подготовки. Png2Psd не экспортирует сетки, деформеры, параметры анимации или риги Live2D.

Посмотрите реальные результаты разделения

Собственные исходные изображения и реальные результаты ИИ. Сравните оригинал с отдельными слоями.

Посмотреть примеры →