Wie entsteht diese Produktbox mit Fenster- / Hologrammeffekt?

12

Ich versuche, den visuellen Effekt dieser Produktverpackung zu reproduzieren:

Bildbeschreibung hier eingeben

Bildbeschreibung hier eingeben

Bildbeschreibung hier eingeben

Wie entsteht das? Welche Art von Materialien soll ich verwenden?

Friedhofswind
quelle
1
Diese Frage scheint nicht zum Thema zu gehören, da sie sich nicht auf das GD-Feld bezieht
Ilan
2
Cemetarywind, wissen Sie, welche Schokoladenfirma das Paket hergestellt hat? Wäre nett zu bearbeiten und in die Frage aufzunehmen ... und ich denke, das ist ein Thema.
Ryan
3
?? Verpackungsdesign ist zu 100% ein legitimer Zweig des Grafikdesigns. Gute Frage
user56reinstatemonica8
Ich stimme mit @Ilan einigermaßen überein, dieser Effekt wird durch bestimmte Verwendung von Materialien erzeugt. Trotzdem meiner Meinung nach interessant genug, um hier weiterzumachen.
Paddotk

Antworten:

11

Dies ist eine einfache Anwendung des Moiré-Effekts . Hier ist eine Möglichkeit, es neu zu erstellen:

  1. Erstellen Sie ein Muster aus regelmäßigen schwarzen Streifen. Für ein optimales Ergebnis sollten die Streifen etwas breiter sein als die transparenten Lücken zwischen ihnen. Hier habe ich 6px-Streifen mit 4px-Lücken verwendet:

    Streifenmaske (60% Breite schwarz auf transparent)

    Dieses Muster wird auf dem transparenten Bildschirm vor der Verpackung gedruckt.

  2. Erstellen Sie eine Kopie der Maske, die um 50% der Streifen- und Lückenbreite verschoben ist, und dehnen Sie sie geringfügig. Hier habe ich die Maske horizontal um 2px gedehnt.

    Gestreckte Streifenmaske

    Wenn Sie die beiden Masken überlagern, sollten sie vollständig undurchsichtig sein. Wenn Sie jedoch eine der Masken leicht verschieben, werden die Lücken ausgerichtet und der Hintergrund wird sichtbar. Die leichte Dehnung stellt sicher, dass die Lücken an einem Ende der Maske früher ausgerichtet werden als am anderen, wodurch der "Wellen" -Effekt in Ihren Beispielen erzeugt wird.

  3. Machen Sie einen weißen Text auf einem schwarzen Hintergrund und legen Sie die gestreckte Maske darüber:

    Weißer Text auf schwarzem Hintergrund

    Maskierter Text

    Dies ist, was Sie auf der Karte hinter dem Bildschirm drucken.

  4. Wenn der maskierte Text und der Vordergrundbildschirm ausgerichtet sind, verdecken die schwarzen Streifen auf dem Bildschirm die weißen Streifen im Text, sodass dieser ausgeblendet wird. Wenn Sie den Text (oder den Bildschirm) leicht bewegen, werden jedoch die weißen Streifen durch die Lücken angezeigt. Da sich der Streifenabstand geringfügig unterscheidet, geschieht dies nicht überall gleichzeitig:

    Animation

Ps. Für diese schnelle Online-Demo habe ich GIMP verwendet, aber für ein tatsächliches Druckerzeugnis möchten Sie mit ziemlicher Sicherheit einen Vektorgrafik-Editor verwenden, mit dem Sie die Maskenbreite und -platzierung genauer steuern können.

Sie können auch mit Variationen dieser Technik experimentieren, z. B. mit Variationen der Streifen- / Lückenbreite, oder indem Sie die Textmaske für jeden Buchstaben im Text etwas verschieben, anstatt sie nur zu skalieren. Dadurch sollte jeder Buchstabe zu einer anderen Zeit erscheinen ( und vielleicht ist es auch so, wie es in den oben gezeigten Beispielen gemacht wurde).

Natürlich wird der schwierige Teil, wenn Sie dies zu einem tatsächlichen physischen Produkt machen möchten, darin bestehen, die Karte und den Bildschirm richtig auszurichten, so dass der Text zunächst ausgeblendet wird.

Ilmari Karonen
quelle
7

Komisch, dass du das fragst - ich habe das letzte Woche zum ersten Mal selbst in Buchform in einem Spielzeugladen gesehen. Ich habe online danach gesucht und Folgendes gefunden:

Über Scanimation . Für den Fall, dass diese Seite nicht mehr angezeigt wird, finden Sie hier einen Link zum YouTube- Video.

Nicht sicher, ob Scanimation nur ein Markenname ist oder nicht, aber hier ist ihre Beschreibung:

Bei der Scanimation handelt es sich um ein hochmodernes 6-Phasen-Animationsverfahren, bei dem das Prinzip der „Persistenz des Sehens“ mit einer gestreiften Acetat-Auflage kombiniert wird, um die Illusion von Bewegung zu erzeugen.

Das Video gibt einen kurzen Einblick in den Prozess. Wenn jemand hier Erfahrung mit solchen Dingen hat, kann er Ihnen eine bessere Antwort geben, aber hoffentlich weist dies Sie bis dahin in die richtige Richtung.

BEARBEITEN : Wenden Sie sich an @Ilan, um einen Kommentar zu erhalten, in dem er auf ein Tutorial zum erneuten Erstellen des Effekts verweist .

PS: Die Seite, auf die ich oben verweise, sagt auch "Es erinnert an die alten magischen Tage des Kinetoskops" - das könnte sich auch lohnen, sie zu lesen . Die Menschen hatten einige innovative Möglichkeiten, um Dinge zu animieren, bevor der traditionelle Film entstand.

Brendan
quelle
1
großartig! Hier ist eine Anleitung für diese Animation-Tutorials.wonderhowto.com/how-to/…
Ilan
@Ilan - Tolle Entdeckung! Ich habe den Link zu meiner Antwort hinzugefügt. Wenn Sie (oder jemand anderes) die Zeit haben, eine Zusammenfassung des Tutorials zu schreiben oder es neu zu erstellen, tun Sie dies auf jeden Fall und posten Sie es als separate Antwort!
Brendan