7 days of unlimited AE and Premiere Pro templates & videos - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. 3D & Motion Graphics
  2. Visual Effects

Erzielen Sie einen Mikrofilm-Maschinen-Look

Scroll to top
Read Time: 11 mins
This post is part of a series called Logo Reveals.
How to Create a Cinematic Opening Title
Create a Flare and Light Streak Text Reveal

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

Dieses Tutorial behandelt eine Technik zum schrittweisen Erstellen eines Mikrofilm-Maschinen-Looks. Zunächst werden Referenzen gesucht und analysiert, dann werden Quellmaterialien gesammelt, die verschiedenen Attribute animiert und der Komposition ein endgültiges, poliertes Aussehen verliehen. Dies kann als Bewegungsgrafikstil oder zum Rendern des Inhalts zum Ersetzen des Bildschirms in Film oder Fernsehen nützlich sein.


Schritt 1

Das erste, was Sie für ein Projekt wie dieses tun, ist, nach Informationen darüber zu suchen, wie der Bildschirm der Mikrofilmmaschine aussieht. Ich ging zur nächsten Bibliothek und machte einige Fotos von den Mikrofilmgeräten. Auf diese Weise können Sie über die verschiedenen Funktionen nachdenken, die das "Aussehen" dieses Bildschirms ausmachen.

Mit den Referenzen können Sie deutlich einen gelblichen Schimmer auf alles sehen, einen starken, aber ungleichmäßigen Vignettierungseffekt mit einem rötlichen Ton oben rechts und einem grünlichen Ton an den anderen Ecken. Für die Textur gibt es viel Staub, Körnung, kleine Haare und Reste von Klebeband und Paste.


Schritt 2

Als nächstes suchen wir nach Referenzen, wie sich die Maschine bewegt. Hier habe ich ein kleines Referenzvideo zur Funktionsweise der Maschine. Die x / y-Achse kann manuell in Bezug auf das Bild und die Drehung in der Mitte des Bildschirms gesteuert werden. Es gibt auch eine manuelle Steuerung des Fokus. Der Zoom ist mechanisch und multipliziert die eingegebene Bewegung. Schließlich gibt es einen Scroll-Regler, der schnell durch die Mikrofilmrolle geht.


Schritt 3

Starten Sie jetzt in Photoshop. Erstellen Sie eine saubere Hintergrundplatte, indem Sie eines der Referenzbilder klonen und heilen. Die Referenzdatei "ReferenceScreen.jpg" finden Sie im Ordner elements.


Schritt 4

Erstellen Sie anschließend die verschiedenen Überlagerungselemente, Gitter und Zahlen mit den von Ihnen bevorzugten Werkzeugen neu. Jetzt haben wir Ebenen für den Hintergrund und die Überlagerungen des Maschinenbildschirms getrennt. Die fertige Photoshop-Datei "screen.psd" finden Sie im Elementordner. Stellen Sie sicher, dass Sie eine Photoshop-Datei mit nur den Überlagerungs- und Hintergrundebenen erhalten, und benennen Sie diese so.


Schritt 5

Holen Sie sich Texturmaterialien. Wie Sie gesehen haben, befinden sich überall auf unserem Bildschirm Schmutz, Staub, Haare, Klebeband und solche Texturen. Verwenden Sie Ihren Scanner und seien Sie kreativ damit. Im Elementordner finden Sie eine Folge von Dateien mit dem Namen "TransparentElement09", die nützlich sein können, wenn Sie keinen Scanner in der Nähe haben.


Schritt 6

Dies ist ein Bonusschritt, den Sie nicht durchlaufen müssen. Sie sollten Artefakte finden, die für diese bestimmten Medien charakteristisch sind (wie die universellen Gegenführer für Filme). Da es sich bei den Mikrofilmgeräten normalerweise um Scanner handelt, können Sie diese Artefakte problemlos für Ihre Verwendung abrufen. Sie finden diejenigen, die ich mit dem Namen "otherArtifacts" gefunden habe, im Ordner "elements".


Schritt 7

Lassen Sie uns nach so vielen Vorbereitungen zur Sache kommen. Laden Sie Ihr Material zusammen mit dem Inhalt, den Sie einfügen möchten, in After Effects. Denken Sie daran, die Photoshop-Bildschirmdatei als Komposition zu importieren, um die Ebenen beizubehalten.

Stellen Sie sicher, dass Sie das Projekt auf 16 Bit einstellen, um Streifenbildung zu vermeiden, da dieser Look stark von der Verwendung unterschiedlicher Farbverläufe abhängt. Beginnen Sie mit einer Komposition, ich verwende gerne die viereckige Breitbild-Pixelvoreinstellung NTSC D1. Nennen Sie die Ebene "Base" und lassen Sie sie 10 Sekunden bei 24 fps dauern.


Schritt 8

In dieser Basiskomposition erstellen wir ein Diagramm für das Bild, das wir in unserer Maschine sehen möchten. Sie können ihm einen Zeitungslook geben, indem Sie verschiedene große Überschriften, mittlere Auszüge und kleine Absätze verwenden.

Ich werde dieses Diagramm auf weißem über schwarzem Hintergrund erstellen, um später alle Texturelemente leicht zu sehen. Invertieren Sie also die Bilder, die Sie bei Bedarf eingefügt haben, und machen Sie sie grau. Farbkorrektur > Kanalmischer ist meine Lieblingsoption für Graustufen.

Ich werde die Absätze mit Lipsum füllen und es ein bisschen wie eine Zeitungsseite aussehen lassen.


Schritt 9

Verwenden Sie die transparenten Elemente, invertieren Sie sie und platzieren Sie sie im Mischmodus "Bildschirm". Verwenden Sie bei Bedarf Ebenen und Masken, um sicherzustellen, dass sie ihre Grenzen nicht verlassen. Sie können auch das Formwerkzeug verwenden, um einige Linien zu zeichnen, um Textblöcke zu trennen. Imitieren Sie das Aussehen von Zeitungen so, wie Sie sich besser fühlen, und geben Sie viel Textur an, indem Sie denken, dass dies die Textur ist, die der Film hat. Die Textur der Maschine kommt später.


Schritt 10

Aktivieren Sie die Bewegungsunschärfe jeder Ebene (die Funktion zum Reduzieren von Transformationen wird später verwendet). Fügen Sie eine Einstellungsebene mit einem Box-Unschärfe-Effekt hinzu, dessen Radius auf 0,5 eingestellt ist. Dies macht alles ein wenig weicher, damit es weniger digital aussieht. Jetzt können wir alles, was wir "film" nennen, vorkomponieren und mit der Animation beginnen.


Schritt 11

Animieren Sie zuerst die Übersetzungen. Die Maschine fühlt sich sehr mechanisch an, was durch die Präzision der Hände der Person, die sie benutzt, beeinflusst wird. Es wird normalerweise um jeweils eine Achse bewegt, mit sehr schnellen Bewegungen, die immer ein wenig zurückgehen (sich einstellen), um die Position des Bildes anzupassen.

Dies ist die von mir verwendete Keyframe-Verteilung. Sie können im Bewegungspfad deutlich sehen, dass sich das Bild schnell horizontal oder vertikal bewegt, neu positioniert und an seine vorherige Position zurückkehrt. Beobachten Sie die Bewegungsreferenz und überprüfen Sie, wie sie sich auf der x- und y-Achse relativ zum Bild bewegt. Versuchen Sie, dieses Verhalten so gut wie möglich nachzuahmen.


Schritt 12

Fügen Sie eine Standard-Null hinzu und nennen Sie sie "Rotation". Machen Sie den Film zu einem untergeordneten Element dieser Null und animieren Sie die Rotation ähnlich wie die Übersetzung. Bissige Bewegungen und lange Pausen. Ich habe die Drehungen zwischen -45 und 13 Grad gemacht. Beachten Sie, dass alle Umdrehungen relativ zur Bildschirmmitte erfolgen und völlig unabhängig von den Übersetzungen des Films sind.


Schritt 13

Nachdem wir die Animation für den Film haben, fügen Sie das Bild "otherArtifacts01.png" in die Komposition ein. Dies ist der obere Rand des Geräts, der angezeigt wird, wenn das Bild nach unten zeigt. Es bewegt sich mit dem Bild, während es auf und ab geht, aber es rollt nicht seitwärts, da es in der Maschine fixiert ist.

Machen Sie das Artefakt-Kind zu der Ebene, die wir gerade animiert haben, skalieren Sie es, bis es horizontal in die Komposition passt, und verwenden Sie den Ausdruck [-thisComp.layer("film").transform.position[0]+872/2,-190,9], um die horizontale Bewegung der anderen Ebene umzukehren und die vertikale Animation beizubehalten.


Schritt 14

Schalten Sie die Bewegungsunschärfe-Schalter für alle Ebenen ein. Jetzt können wir sehen, wie unsere Maschine in Bewegung aussieht. Jetzt können wir auch den Zoom der Ebene animieren.

Fügen Sie eine neue Null hinzu und nennen Sie sie "Zoom". Übergeordnet Sie die Rotationsnull zu dieser. Animieren Sie die Skala auf die gleiche Weise, wie wir die anderen Attribute animiert haben. Ich habe meinen Zoom zwischen 100% und 200% animiert. Denken Sie daran, dass alles besser aussieht, wenn Sie die verschiedenen Attribute zu unterschiedlichen Zeiten animieren. Auf diese Weise sieht es mechanischer aus.


Schritt 15

In diesem Moment muss Ihre Animation ziemlich cool aussehen. Beginnen wir also mit dem Look. Fügen Sie hinter allem einen schwarzen Körper hinzu, um sicherzustellen, dass die Ebenen, die wir stapeln, alles unter ihnen beeinflussen.

Fügen Sie nun eine Einstellungsebene mit einem Kanal- / Invertierungseffekt über der Filmvorkomposition hinzu, um sie positiv zu machen. Nennen Sie es "Invert"


Schritt 16

Fügen Sie der Komposition die Hintergrundebene von unserem psd hinzu und verwenden Sie sie, um die Farben zu erhalten, die wir der Komposition hinzufügen werden. Verwenden Sie zwei Grüntöne, ein Dunkelrot, ein mittleres Dunkelgelb und ein Hellgelb. Erstellen Sie für jede Farbe einen Volumenkörper und passen Sie den Ton nach Ihren Wünschen an.

Sortieren Sie sie mit dem dunkelsten unten und dem hellsten oben.


Schritt 17

Jetzt werden wir jeder unserer festen Ebenen Masken und Mischmodi zuweisen. Von unten nach oben die dunkelste mit Multiplikationsmischmodus.


Schritt 18

Das gleiche gilt für den nächsten Volumenkörper, diesmal unter Verwendung des Farbtonmischmodus und dieser Maskeneinstellungen.


Schritt 19

Verwenden Sie jetzt den dunklen Mischmodus.


Schritt 20

Der erste gelbe mit Overlay


Schritt 21

Und der letzte mit linearem Licht.


Schritt 22

Fügen Sie die Überlagerungsebene aus unserer Datei screen.psd hinzu. Positionieren Sie es nach Belieben in unserer Komposition. Fügen Sie einen Perspektiv- / Schlagschatteneffekt hinzu und setzen Sie den Schatten auf ein helles Gelb mit einer sehr hellen Deckkraft. Fügen Sie nun eine Box-Unschärfe mit einem Radius von 1,2 hinzu, um die Überlagerung zu mildern, und mischen Sie sie etwas mehr.


Schritt 23

Fügen Sie der Komposition die Datei otherArtifacts07 hinzu. Dies wird der Staub und die Haare von der Linse unserer Maschine sein. Sie können auch einen Rahmen aus Filmgewirr aus gescanntem 35-mm-Material verwenden, um ein schönes Ergebnis zu erzielen. Stellen Sie den Mischmodus "Multiplizieren" ein und platzieren Sie ihn direkt unter der Rasterüberlagerung.


Schritt 24

Lassen Sie uns die gesamte Animation etwas nervöser machen. Verwandeln Sie zunächst jede Ebene mit Ausnahme der Ebene zum Umkehren der Einstellung in 3D-Ebenen. Positionieren Sie sie in der Z-Achse, wobei Sie die Trennung berücksichtigen, die sie im wirklichen Leben haben würden, indem Sie die Z-Position der Filmschicht auf 0 halten.

Erstellen Sie eine neue Null und nennen Sie sie Jitter. Übergeordnet alle nicht übergeordneten Ebenen mit Ausnahme der Einstellungsebene. Unter Verwendung des Wackelausdrucks lassen die Wiggler- oder gespeicherten Kamera-Shake-Tracking-Daten die Ebenen mit der Positionsanimation der Jitter-Ebene ein wenig wackeln.


Schritt 25

Zeit für den letzten Schliff. Wenn Sie sich die Videoreferenzen angesehen haben, haben Sie wahrscheinlich bemerkt, dass die in der Maschine angezeigte Lichtmenge beim Vergrößern erheblich beeinträchtigt ist. Um dies vorzutäuschen, verbinden wir mit Ausdrücken die hellste gelbe Ebene mit der Skala der Zoom-Null. Nehmen Sie die Deckkraft der gelben Ebene und fügen Sie diesen Ausdruck thisComp.layer("Zoom").transform.scale[0]/2 hinzu, sodass die Ebene bei 100% Zoom und 100% Deckkraft eine Deckkraft von 50% hat %, wenn wir bei 200% Zoom sind. Sie können die gelbe Ebene duplizieren, um diesen Effekt stärker hervorzuheben, und mit Mischmodi experimentieren, um sie an das Aussehen anzupassen, das Ihnen am besten gefällt.

Sie können auch einen schwarzen Körper mit einer Vignettenmaske mit demselben Ausdruck hinzufügen, um die Kanten abzudunkeln und mehr Kontrast zu erzielen.


Schritt 26

Wir werden der Maschine etwas Linsenunschärfe hinzufügen. Fügen Sie eine neue Einstellungsebene direkt unter der anderen Artefakts07-Ebene (der Maschinenstaubebene) hinzu. Nennen Sie diese Ebene "Unschärfe" und fügen Sie einen Dienstprogramm- / Wachstumsgrenzeneffekt mit einem Wert von 30 Pixel hinzu. Dies hilft uns, alles unten zu verwischen, ohne neue Farben an den Rändern hinzuzufügen. Fügen Sie als Nächstes der Ebene einen Linsenunschärfeeffekt hinzu und animieren Sie den Irisradius auf dieselbe bissige Weise, wie wir jedes andere Attribut animiert haben.


Schritt 27

Um die Unschärfe in der Filmschicht auszugleichen, können wir den Betrag der inversen Unschärfe auf die Maschinenunschärfe-Schicht anwenden. Fügen Sie der anderen Ebene Artefakts07 einen Linsenunschärfeeffekt hinzu, und fügen Sie auf dem Irisradius diesen Ausdruck 30-thisComp.layer("blur").effect("Lens Blur")("Iris Radius") hinzu. Auf diese Weise sehen der Film und der Maschinenstaub so aus, als ob sie sich auf verschiedenen Fokusebenen der Maschinenlinse befinden.


Schritt 28

For a nice detail let‘s add a little bit of scaling connected to the blur, just like real lens which zoom a little beat when the focus changes. In the rotation Null layer, add the expression $temp=100+thisComp.layer("blur").effect("Lens Blur")("Iris Radius")/5; [$temp,$temp] zum Skalierungskanal.

Dieser Ausdruck macht die Skala 100% plus einen Betrag, der durch die Fokusänderung geteilt durch 5 gegeben ist, sowohl für die x- als auch für die y-Achse.


Schritt 29

Zum Schluss fügen wir der Komposition etwas Körnung hinzu, indem wir eine schwarze Ebene mit Rauschen und Körnung / Rauschen auf 100% ohne Farbrauschen und eine Box-Unschärfe mit Unschärferadius 1 hinzufügen. Fügen Sie eine elliptische Maske hinzu, indem Sie auf das Symbol für die elliptische Maske und doppelklicken Stellen Sie den Modus so ein, dass er mit 500 Pixel Feder subtrahiert.

Dieser Ausdruck macht die Skala 100% plus einen Betrag, der durch die Fokusänderung geteilt durch 5 gegeben ist, sowohl für die x- als auch für die y-Achse.


Das Ende

Um den Dingen ein invertiertes Aussehen zu verleihen, können Sie die Deckkraft der invertierten Ebene animieren und der Komposition hellgelbe Blitze hinzufügen, indem Sie eine hellgelbe Ebene erstellen und den Mischmodus so einstellen, dass die Deckkraft von 0 bis 30 und 30 hinzugefügt und animiert wird zurück auf 0 in 5 oder 6 Frames.

Und los geht's. Drehen Sie den Schalter für die Reduktionstransformationen der Filmebene, um die Details beizubehalten und die Komposition im gewünschten Format zu rendern. Neben dem, was Sie hier gesehen haben, können Sie auch Texturen oder Bewegungen hinzufügen, die Sie schön finden. Darüber hinaus können Sie Stock Footage von Film Clutter verwenden, um dem Ganzen ein analogeres Aussehen zu verleihen (als Tipp: Die Körnung sieht viel besser aus, wenn es aus Stock Footage einer Graukarte stammt). Sie können auch Bilder verwenden, um Ihrer Zeitung mehr Leben einzuhauchen. Sie können noch einen Schritt weiter gehen, indem Sie den Inhalt des Films animieren oder ihn in eine vollständige 3D-Komposition verwandeln, die ihm das Aussehen einer futuristischen Mikrofilmmaschine verleiht, die im 3D-Stil der Daten navigiert... oder was auch immer Sie sich vorstellen können.

Ich hoffe wirklich, dass Ihnen dieses Tutorial gefallen hat. Andere Vorschläge oder Fragen höre ich gerne. Vielen Dank für Ihre Aufmerksamkeit.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new 3D & Motion Graphics tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.