Wie entsteht diese Produktbox mit Fenster- / Hologrammeffekt?

Ich versuche, den visuellen Effekt dieser Produktverpackung zu reproduzieren:

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

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:

   

   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.

   

   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:

   

   

   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:

   

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.

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.