Cosa ottieni
- Mockup PNG 16:9, 1:1, 4:5 o 9:16 in 1080p, 2K o 4K, trasparenti o su sfondo
- Un MP4 a 60 fps del telefono che si apre, si piega o entrambe le cose, con oscillazione di camera opzionale
- Il sorgente interattivo dello studio e una build HTML offline in un unico file
- Tre finiture del corpo, dieci sfondi inclusi e supporto a sfondi video
- Sfondo PopNow, loop di sfondo e suono di piegatura opzionali, preventivati prima
Ideale per
- Immagini per app store, lanci e social partendo da schermate reali
- Una breve clip del dispositivo per un reel, un changelog o una landing page
- Mostrare un’app web responsiva su uno schermo grande e uno piccolo insieme
Non adatta a
- Mockup di un modello di telefono reale specifico
- Inventare un’interfaccia che non esiste ancora
- Film di lancio completi con titoli e narrazione
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Generatore di mockup per telefono” (phone-mockup-generator) per questo: Metti ./shots/dashboard.png sul telefono, aperto, finitura argento, sfondo caldo, e dammi PNG 16:9 e 4:5.
In un agente di programmazione
/popnow-phone-mockup-generator Metti ./shots/dashboard.png sul telefono, aperto, finitura argento, sfondo caldo, e dammi PNG 16:9 e 4:5.
Poi prova
Ora una clip di 6 secondi in cui si apre e si chiude con uno scatto morbido della cerniera. Preventivami prima il suono.
Usa la cattura mobile ./shots/today.png sullo schermo piccolo e fai una versione chiusa 9:16.
Cosa tenere pronto
- Una schermata o una registrazione orizzontale per lo schermo grande (circa 1,42:1)
- Facoltativamente un file verticale per lo schermo piccolo
- Node 22 e Chrome per gli export headless
- Facoltativo: una chiave API PopNow per uno sfondo, un loop o un suono personalizzati
Skill simili
Vedi tutte →Ritratto da studio in bianco e nero
+3Trasforma una foto di tutti i giorni in un ritratto da studio in bianco e nero, calmo, che ti somiglia ancora.
Set di illustrazioni per articoli del blog
+3Tre illustrazioni coerenti per un articolo, ognuna che mostra davvero ciò che dice il suo passaggio.
Generatore di brand kit e DESIGN.md
+3Un brand kit da un breve brief: tavolozza verificata, font aperti, logo SVG, mockup e un DESIGN.md da seguire.
Poster anatomico di un’auto in sezione
+3Sezione laterale di un’auto generica: sistemi a colori, marcatori numerati e finestre di ingrandimento tonde.
Creatore di infografiche su lavagna
+3Infografica 16:9 in stile lavagna, testi brevi esatti, disegni a gesso e un solo percorso di lettura chiaro.
Fotogrammi di storyboard cinematografico
+3Tre tavole di storyboard per una scena, ognuna un modo diverso di girarla, con la continuità mantenuta.
Set di concept art coerente
+3Un personaggio, un oggetto di scena e un ambiente che chiaramente appartengono allo stesso mondo di finzione.
Doodle a pastello carino
+3Personaggi a pastello goffi e teneri su carta bianca: linee tremolanti, file nitidi e adesivi ritagliati.
Illustrazione editoriale a linee
+3Illustrazioni a inchiostro nero arieggiate con un accento colore per blog, newsletter e card social.
Copertina di articolo in stile incisione
+3Un’incisione surreale a inchiostro per saggio: tratteggiata da bordo a bordo, con l’idea in una sola scena.
Vista esplosa della piattaforma EV
+3Un’auto elettrica sollevata a strati: batteria, motori, abitacolo e carrozzeria a colori, con richiami.
Poster con vista esplosa di prodotto
+3Immagine pulita a vista esplosa di un prodotto, con etichette esatte dei componenti dalla tua tabella.
Generatore di mappe fantasy
+3Mappe su pergamena, atlante o a linea nera del tuo mondo, ogni nome scritto bene, griglie allineate.
Mappa regionale dei sapori
+3Mappa dipinta delle regioni, con un piccolo grafico del gusto per regione su scala comune e legenda onesta.
Creatore di mappe illustrate di città
+3Mappa disegnata a mano di un quartiere o di una città, vera dove conta, con etichette esatte.
Storyboard a schizzo d’inchiostro
+3Storyboard a inchiostro grezzo da una breve storia: linee aperte, spazio bianco, un battito a vignetta.
Creatore di immagini OG in stile line art
+3Immagini di anteprima per i link, pacate: card avorio, titolo breve in nero e un personaggio a inchiostro.
Poster di ricerca di biologia marina
+3Poster di ricerca con una sezione dipinta dell’habitat, specie numerate e grafico dei risultati.
Studi di composizione fotografica
+3Tre riprese fotografiche dello stesso soggetto, ciascuna costruita su un diverso principio di composizione.
Generatore di sketchnote
+3Trasforma un articolo o degli appunti in uno sketchnote 4:3 disegnato a mano, con etichette verificate.
Generatore di copertine social e miniature
+3Un messaggio in ingresso, un set di immagini OG, copertine e miniature, alle dimensioni esatte.
Domande
È un vero modello di telefono?
No. Il telefono è un pieghevole generico disegnato dal codice, quindi non porta il design né il logo di nessun produttore. Così le tue immagini restano libere dal marchio di qualcun altro.
Devo installare qualcosa?
Node 22 e Google Chrome (oppure Chromium o Edge). Gli script non usano pacchetti npm: servono lo studio in locale e pilotano il browser per esportare file PNG e MP4.
Gli schermi possono mostrare video?
Sì. Entrambi i display accettano MP4, WebM o MOV oltre alle immagini. Durante l’export la registrazione avanza fotogramma per fotogramma, così resta sincronizzata con la piegatura.
Cosa aggiunge PopNow?
Ciò che lo studio non sa disegnare: uno sfondo generato per il tuo prodotto, uno sfondo in movimento di cinque secondi e un suono per la clip. Ognuno è facoltativo e preventivato in crediti prima di partire.