Come viene creata questa confezione di prodotti con effetto windows / ologramma?


12

Sto cercando di replicare l'effetto visivo di questo box prodotto:

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

Come viene creato? Che tipo di materiali dovrei usare?


1
Questa domanda sembra essere fuori tema perché non è correlata al campo GD
Ilan

2
Cemetarywind, sai quale azienda produttrice di cioccolato ha realizzato il pacchetto? Sarebbe bello da modificare e includere nella domanda ... e penso che questo sia sull'argomento.
Ryan

3
?? Il packaging design è al 100% una branca legittima del graphic design. Buona domanda
user56reinstatemonica8

Concordo in qualche modo con @Ilan, questo effetto viene creato attraverso un certo uso dei materiali. Tuttavia, secondo me, abbastanza interessante da continuare qui.
Paddotk,

Risposte:


11

Questa è una semplice applicazione dell'effetto moiré . Ecco un modo per ricrearlo:

  1. Crea un motivo costituito da normali strisce nere. Per un risultato ottimale, le strisce dovrebbero essere un po 'più larghe degli spazi trasparenti tra loro; qui, ho usato strisce 6px con spazi vuoti 4px:

    Maschera a strisce (60% di larghezza nero su trasparente)

    Questo modello sarà quello che stamperai sullo schermo trasparente di fronte al pacchetto.

  2. Fai una copia della maschera, spostata del 50% della larghezza della banda + spazio, e allungala leggermente. Qui, ho allungato la maschera in orizzontale di 2px.

    Maschera a strisce allungata

    Quando sovrapponi le due maschere, queste dovrebbero essere completamente opache, ma spostando leggermente una di esse dovresti allineare gli spazi vuoti e mostrare lo sfondo. Il leggero allungamento assicura che gli spazi si allineeranno prima a un'estremità della maschera rispetto all'altra, creando l'effetto "onda" nei tuoi esempi.

  3. Crea del testo bianco su uno sfondo nero e sovrapponi la maschera allungata su di esso:

    Testo bianco su sfondo nero

    Testo mascherato

    Questo sarà ciò che verrà stampato sulla scheda dietro lo schermo.

  4. Con il testo mascherato e lo schermo in primo piano allineati, le strisce nere sullo schermo coprono le strisce bianche nel testo, facendolo nascondere. Spostando leggermente il testo (o lo schermo), tuttavia, le strisce bianche verranno visualizzate attraverso gli spazi; poiché la spaziatura delle strisce è leggermente diversa, ciò non accadrà allo stesso tempo ovunque:

    Animazione

Ps. Per questa rapida demo online, ho usato GIMP, ma per un vero prodotto stampato vorrai quasi sicuramente utilizzare un editor di grafica vettoriale, che ti darà un controllo più preciso sulla larghezza e il posizionamento della maschera.

Puoi anche sperimentare variazioni di questa tecnica, ad esempio variando le larghezze di strisce / spazi vuoti o spostando leggermente la maschera di testo per ogni lettera nel testo invece di ridimensionarla, il che dovrebbe far apparire ogni lettera in un momento diverso ( e potrebbe essere quello che è stato effettivamente fatto negli esempi mostrati sopra).

Naturalmente, la parte difficile, se si desidera trasformare questo in un prodotto fisico reale, sarà allineare correttamente la scheda e lo schermo, in modo che il testo venga inizialmente nascosto.


7

Divertente che tu lo chieda: l'ho visto per la prima volta la scorsa settimana da solo in un negozio di giocattoli in forma di libro . Ho cercato online quello e ho trovato questo:

Informazioni su Scanimation . Nel caso in cui quella pagina vada via, ecco un link al video di YouTube lì dentro.

Non sono sicuro che Scanimation sia solo un marchio o meno, ma ecco la loro descrizione:

Scanimation è un processo di animazione a sei fasi all'avanguardia che combina il principio della "persistenza della visione" con un rivestimento in acetato a strisce per dare l'illusione del movimento.

Il video fornisce una visione molto breve del processo. Se qualcuno qui ha esperienza con questo genere di cose, sarà in grado di darti una risposta migliore, ma speriamo che questo ti indichi la giusta direzione fino ad allora.

EDIT: Propone a @Ilan per il suo commento, dove fa riferimento a un tutorial su come ricreare l'effetto.

PS La pagina a cui rimando sopra dice anche "Si rifà ai vecchi tempi magici del cinetoscopio" - che vale la pena esaminare anche. Le persone avevano alcuni modi innovativi di animare le cose prima che accadesse il film tradizionale.


1
grande! ecco un tute per questo animation-tutorials.wonderhowto.com/how-to/...
Ilan

@Ilan - Grande scoperta! Ho aggiunto il link nella mia risposta. Se tu (o chiunque altro) hai il tempo di scrivere un riepilogo del tutorial o di ricrearlo, fallo sicuramente e pubblica come risposta separata!
Brendan,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.