Что вы получите
- PNG-мокапы 16:9, 1:1, 4:5 или 9:16 в 1080p, 2K или 4K, прозрачные или на фоне
- MP4 в 60 fps, где телефон раскрывается, складывается или делает оба движения, с необязательным покачиванием камеры
- Исходники интерактивной студии и её сборка одним офлайн HTML-файлом
- Три отделки корпуса, десять встроенных фонов и поддержка видео в фоне
- По желанию: фон для продукта, петля фона и звук сгиба от PopNow, с ценой заранее
Подходит для
- Изображения для магазина приложений, запуска и соцсетей из настоящих скриншотов
- Короткий клип устройства для рилса, changelog или лендинга
- Показ адаптивного веб-приложения сразу на большом и маленьком экране
Не подходит для
- Мокапы конкретной модели реального телефона
- Выдумывание интерфейса, которого ещё не существует
- Полные фильмы запуска с титрами и озвучкой
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Генератор мокапов телефона» (phone-mockup-generator) для этой задачи: Поставьте ./shots/dashboard.png на телефон, раскрытым, серебристая отделка, тёплый фон, и дайте мне PNG 16:9 и 4:5.
В агенте для кода
/popnow-phone-mockup-generator Поставьте ./shots/dashboard.png на телефон, раскрытым, серебристая отделка, тёплый фон, и дайте мне PNG 16:9 и 4:5.
Потом попробуйте
Теперь клип на 6 секунд, где он раскрывается и складывается, с мягким щелчком шарнира. Сначала назовите цену звука.
Поставьте мобильный снимок ./shots/today.png на маленький экран и сделайте версию 9:16 в сложенном виде.
Что подготовить
- Ландшафтный скриншот или запись для большого дисплея (около 1,42:1)
- По желанию: портретный файл для маленького дисплея
- Node 22 и Chrome для экспорта без интерфейса
- По желанию: ключ API PopNow для своего фона, петли или звука
Похожие навыки
Смотреть все →Чёрно-белый студийный портрет
+3Превратите обычное фото в спокойный чёрно-белый студийный портрет, на котором вы всё ещё узнаётесь.
Иллюстрации для статьи в блоге
+3Три согласованные иллюстрации к одной статье, и каждая показывает то, что говорит именно её фрагмент.
Генератор брендбука и DESIGN.md
+3Брендбук по короткому брифу: проверенная палитра, открытые шрифты, SVG-логотип, мокапы и DESIGN.md.
Плакат-разрез автомобиля с анатомией
+3Вид сбоку на разрез обобщённого автомобиля: цветные системы, пронумерованные маркеры и окна увеличения.
Генератор инфографики на школьной доске
+3Инфографика 16:9 в стиле школьной доски: точный короткий текст, меловые рисунки и один понятный путь чтения.
Кинематографические кадры раскадровки
+3Три листа раскадровки для одной сцены, каждый — свой способ снять её, с сохранённой непрерывностью.
Набор концепт-арта с единым стилем
+3Персонаж, предмет и среда, которые явно принадлежат одному вымышленному миру.
Милые каракули цветными карандашами
+3Неуклюжие и милые персонажи на белой бумаге: дрожащие линии, штриховка, чёткие файлы и стикеры.
Редакционная линейная иллюстрация
+3Воздушные иллюстрации чёрной тушью с одним акцентным цветом для шапок блогов, рассылок и карточек.
Обложка статьи в стиле гравюры
+3Одна сюрреалистичная гравюра чёрной тушью на эссе: штриховка от края до края, главная идея — одна сцена.
Разнесённый вид платформы электромобиля
+3Электромобиль, разобранный по слоям: батарея, моторы, салон и кузов в цвете, с выносками.
Плакат с разнесённым видом продукта
+3Чистое hero-изображение продукта в разнесённом виде с точными подписями деталей из вашей таблицы.
Генератор фэнтезийных карт
+3Пергамент, атлас или чёрные линии для карт вашего мира: каждое название надписано верно, сетки совпадают.
Карта вкусов регионов
+3Спокойная нарисованная карта регионов: у каждого небольшая диаграмма вкуса на общей шкале и честная легенда.
Генератор иллюстрированной карты города
+3Карта района или города в стиле рисунка от руки: верна там, где важно, и подписана точно.
Раскадровка эскизом тушью
+3Грубая раскадровка чёрной тушью по короткой истории: открытые линии, белое пространство, один бит в панели.
OG-картинка в стиле линейного рисунка
+3Спокойные картинки для превью ссылок: светлая карточка, короткий чёрный заголовок и персонаж линией.
Постер морской биологии
+3Широкий постер вокруг нарисованного разреза среды обитания с нумерованными видами и графиком результатов.
Этюды фотокомпозиции
+3Три фотографических варианта одного сюжета, каждый построен на своём принципе композиции.
Генератор скетчноута
+3Превращает статью или заметки в один нарисованный от руки скетчноут 4:3 с точными, проверенными подписями.
Генератор обложек и превью для соцсетей
+3Одно сообщение на входе, проверенный набор OG-картинок, обложек и превью видео на выходе, точные размеры.
Вопросы
Это настоящая модель телефона?
Нет. Телефон — обобщённый складной, нарисованный кодом, поэтому на нём нет дизайна или логотипа производителя. Так ваши изображения не содержат чужого товарного знака.
Нужно ли что-то устанавливать?
Node 22 и Google Chrome (или Chromium, или Edge). Скрипты не используют npm-пакеты: они локально раздают студию и управляют браузером для экспорта PNG и MP4.
Могут ли экраны показывать видео?
Да. Оба дисплея принимают MP4, WebM или MOV, а также изображения. При экспорте запись проигрывается покадрово, поэтому она синхронна со сгибом.
Что добавляет PopNow?
То, что студия нарисовать не может: фон, созданный для вашего продукта, пятисекундный движущийся фон и звук для клипа. Каждое необязательно и оценивается в кредитах до запуска.