Qué obtienes
- Maquetas PNG en 16:9, 1:1, 4:5 o 9:16 a 1080p, 2K o 4K, transparentes o sobre fondo
- Un MP4 de 60 fps del teléfono desplegándose, plegándose o ambas cosas, con balanceo de cámara opcional
- El código fuente interactivo del estudio y una compilación HTML sin conexión de un solo archivo
- Tres acabados de cuerpo, diez fondos incluidos y soporte de fondos de vídeo
- Fondo, bucle de fondo y sonido de plegado de PopNow opcionales, presupuestados primero
Ideal para
- Imágenes para tiendas de apps, lanzamientos y redes a partir de capturas reales
- Un clip corto de dispositivo para un reel, un changelog o una landing
- Mostrar una app web adaptable en una pantalla grande y otra pequeña a la vez
No es para
- Maquetas de un modelo de teléfono real concreto
- Inventar una interfaz que todavía no existe
- Películas de lanzamiento completas con títulos y narración
Cómo usarlo
En Claude o ChatGPT
Usa el skill de PopNow «Generador de maquetas de teléfono» (phone-mockup-generator) para esto: Pon ./shots/dashboard.png en el teléfono, abierto, acabado plateado, fondo cálido, y dame PNG de 16:9 y 4:5.
En un agente de programación
/popnow-phone-mockup-generator Pon ./shots/dashboard.png en el teléfono, abierto, acabado plateado, fondo cálido, y dame PNG de 16:9 y 4:5.
Luego prueba
Ahora un clip de 6 segundos de abrirse y cerrarse con un clic suave de bisagra. Presupuesta primero el sonido.
Usa la captura móvil ./shots/today.png en la pantalla pequeña y haz una versión 9:16 cerrada.
Qué tener a mano
- Una captura o grabación horizontal para la pantalla grande (unos 1,42:1)
- Opcionalmente, un archivo vertical para la pantalla pequeña
- Node 22 y Chrome para las exportaciones sin interfaz
- Opcional: una clave de API de PopNow para un fondo, bucle o sonido personalizado
Skills similares
Ver todos →Retrato de estudio en blanco y negro
+3Convierte una foto cotidiana en un retrato de estudio en blanco y negro sereno que sigue pareciéndose a ti.
Conjunto de ilustraciones para blog
+3Tres ilustraciones a juego para un artículo, cada una muestra lo que su pasaje dice de verdad.
Generador de kit de marca y DESIGN.md
+3Kit de marca a partir de un breve encargo: paleta verificada, fuentes abiertas, logotipo SVG y DESIGN.md.
Cartel de anatomía de corte de coche
+3Corte lateral de un coche genérico con sistemas por color, marcadores numerados y ventanas de zoom.
Creador de infografías en pizarra
+3Infografía 16:9 estilo pizarra con texto corto exacto, dibujos de tiza y una única ruta de lectura.
Fotogramas cinematográficos de storyboard
+3Tres hojas de storyboard para una escena, cada una con otra forma de rodarla y continuidad intacta.
Set de concept art consistente
+3Un personaje, un objeto y un entorno que claramente pertenecen al mismo mundo ficticio.
Arte de garabatos de crayón monos
+3Personajes de crayón torpes y adorables sobre papel blanco: trazos temblorosos, pegatinas y archivos nítidos.
Ilustración editorial de línea
+3Ilustraciones en tinta negra con un acento de color para cabeceras, newsletters y tarjetas sociales.
Portada de artículo estilo grabado
+3Un grabado surrealista en tinta negra por ensayo, con trama cruzada de borde a borde y una gran idea.
Vista explosionada de plataforma eléctrica
+3Un coche eléctrico separado capa a capa: batería, motores, habitáculo y carrocería en color, con llamadas.
Cartel de vista explosionada de producto
+3Vista explosionada limpia de un producto, con etiquetas exactas de tu tabla de especificaciones.
Generador de mapas de fantasía
+3Mapas de pergamino, de atlas o de línea negra de tu mundo, con nombres bien rotulados.
Mapa de sabores regionales de comida
+3Mapa pintado y sereno de regiones, con un pequeño gráfico de sabor por región en escala común.
Creador de mapas ilustrados de ciudades
+3Un mapa de estilo dibujado a mano de un barrio o pueblo, fiel en lo importante y con etiquetas exactas.
Storyboard en boceto de tinta
+3Página de storyboard en tinta negra y trazo suelto a partir de un cuento corto, un beat por viñeta.
Creador de imágenes OG en estilo línea
+3Imágenes serenas para enlaces: tarjeta blanca, titular corto en negro y un personaje dibujado a mano.
Póster de investigación de biología marina
+3Póster de investigación ancho con un corte pintado del hábitat, especies numeradas y un gráfico.
Estudios de composición fotográfica
+3Tres tomas fotográficas de un mismo sujeto, cada una construida sobre un principio de composición distinto.
Generador de sketchnotes
+3Convierte un artículo o unas notas en un sketchnote dibujado a mano de 4:3, con etiquetas exactas y revisadas.
Generador de portadas y miniaturas sociales
+3Un mensaje y un juego verificado de imágenes OG, portadas y miniaturas, con tamaños exactos.
Preguntas
¿Es un modelo de teléfono real?
No. El teléfono es un plegable genérico dibujado por código, así que no lleva diseño ni logotipo de ningún fabricante. Así tus imágenes no contienen la marca registrada de otra persona.
¿Necesito instalar algo?
Node 22 y Google Chrome (o Chromium o Edge). Los scripts no usan paquetes npm: sirven el estudio en local y manejan el navegador para exportar archivos PNG y MP4.
¿Las pantallas pueden mostrar vídeo?
Sí. Ambas pantallas admiten MP4, WebM o MOV además de imágenes. Durante la exportación, la grabación avanza fotograma a fotograma, así que queda sincronizada con el plegado.
¿Qué añade PopNow?
Lo que el estudio no puede dibujar: un fondo generado para tu producto, un fondo en movimiento de cinco segundos y sonido para el clip. Cada uno es opcional y se presupuesta en créditos antes de ejecutarse.