Comment cette boîte de produit avec effet fenêtres / hologramme est-elle créée?


12

J'essaie de reproduire l'effet visuel de cette boîte de produit:

entrez la description de l'image ici

entrez la description de l'image ici

entrez la description de l'image ici

Comment est-ce créé? Quel type de matériaux dois-je utiliser?


1
Cette question semble être hors sujet car elle n'est pas liée au champ GD
Ilan

2
Cemetarywind, savez-vous quelle entreprise de chocolat a fait le paquet? Ce serait bien d'éditer et d'inclure dans la question ... et je pense que c'est sur le sujet.
Ryan

3
?? Le design d'emballage est à 100% une branche légitime du design graphique. Bonne question
user56reinstatemonica8

Je suis un peu d'accord avec @Ilan, cet effet est créé à travers une certaine utilisation des matériaux. Pourtant, à mon avis, assez intéressant pour le garder ici.
paddotk

Réponses:


11

Il s'agit d'une simple application de l' effet moiré . Voici une façon de le recréer:

  1. Créez un motif composé de rayures noires régulières. Pour un résultat optimal, les rayures doivent être un peu plus larges que les espaces transparents entre elles; ici, j'ai utilisé des bandes 6px avec des espaces 4px:

    Masque à rayures (60% largeur noir sur transparent)

    Ce motif sera ce que vous imprimerez sur l'écran transparent devant le colis.

  2. Faites une copie du masque décalée de 50% de la largeur de la bande + de l'espace et étirez-la très légèrement. Ici, j'ai étiré le masque horizontalement de 2 pixels.

    Masque à rayures étirées

    Lorsque vous superposez les deux masques, ils doivent être entièrement opaques, mais en décalant légèrement l'un d'entre eux, les espaces doivent être alignés et l'arrière-plan transparaître. Le léger étirement garantit que les espaces s'aligneront plus tôt à une extrémité du masque qu'à l'autre, créant l'effet "vague" dans vos exemples.

  3. Faites du texte blanc sur un fond noir et superposez le masque étiré dessus:

    Texte blanc sur fond noir

    Texte masqué

    Ce sera ce que vous imprimerez sur la carte derrière l'écran.

  4. Avec le texte masqué et l'écran de premier plan alignés, les bandes noires de l'écran recouvrent les bandes blanches du texte, ce qui le masque. En déplaçant légèrement le texte (ou l'écran), cependant, les rayures blanches apparaîtront à travers les espaces; parce que l'espacement des rayures est légèrement différent, cela ne se produira pas en même temps partout:

    Animation

Ps. Pour cette démo en ligne rapide, j'ai utilisé GIMP, mais pour un produit imprimé réel, vous voudrez certainement utiliser un éditeur de graphiques vectoriels, qui vous donnera un contrôle plus précis sur la largeur et le placement du masque.

Vous pouvez également expérimenter des variations de cette technique, telles que la variation des largeurs de bande / espace, ou un léger décalage du masque de texte pour chaque lettre dans le texte au lieu de simplement le mettre à l'échelle, ce qui devrait faire apparaître chaque lettre à un moment différent ( et peut bien être ce qui est réellement fait dans les exemples que vous montrez ci-dessus).

Bien sûr, la partie délicate, si vous voulez en faire un produit physique réel, sera d'aligner correctement la carte et l'écran, de sorte que le texte sera initialement caché.


7

C'est drôle que vous demandiez ceci - je viens de le voir pour la première fois la semaine dernière moi-même sous forme de livre dans un magasin de jouets. J'ai cherché cela en ligne et j'ai trouvé ceci:

À propos de Scanimation . Si cette page disparaît, voici un lien vers la vidéo YouTube .

Je ne sais pas si Scanimation est juste un nom de marque ou non, mais voici leur description:

La scanimation est un processus d'animation en six phases à la pointe de la technologie qui combine le principe de la «persistance de la vision» avec une superposition d'acétate rayée pour donner l'illusion du mouvement.

La vidéo donne un bref aperçu du processus. Si quelqu'un ici a de l'expérience avec ce genre de chose, il pourra vous donner une meilleure réponse, mais j'espère que cela vous orientera dans la bonne direction jusque-là.

EDIT: Props à @Ilan pour son commentaire, où il fait référence à un tutoriel sur la façon de recréer l'effet.

PS La page ci - dessus je lien dit aussi « Il nous ramène aux vieux jours magiques du kinétoscope » - qui pourrait être utile à la recherche dans aussi bien. Les gens avaient des façons innovantes d'animer les choses avant la sortie du film traditionnel.


1
génial! voici un tute pour cette animation-tutorials.wonderhowto.com/how-to/…
Ilan

@Ilan - Super trouvaille! J'ai ajouté le lien dans ma réponse. Si vous (ou quelqu'un d'autre) avez le temps d'écrire un résumé du tutoriel ou de le recréer - faites-le et publiez-le comme réponse séparée!
Brendan
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.