All Articles After Effects
Create Swinging Banner In After Effects
Toby Pitman on Fri, January 13th 0 comments
Learn how to create a swinging banner, sign (or even Apple's iPad2 smart cover) in After Effects with Toby Pitman.

Ive gesehen ein Effekt vor kurzem in ein paar verschiedenen Orten, die eine Reihe von miteinander verbundenen Karten schwingt nach unten und kommen zur Ruhe in eine sehr natürliche Art und Weise simuliert. Ich ging über das Sehen, wenn ich herausfinden konnte, wie dies geschehen war.

Nach ein paar Suchanfragen bei Google fand ich Dan Ebbert ist (der Guru von Ausdrücken) Pendulum Ausdruck. Dieser Ausdruck ist perfekt für diesen Effekt, wie es das exponentielle Abklingen eines schwingenden Objekt simuliert.


Schritt 1

First up Ive drei Comps aus einem orangefarbenen Feststoff und einer Textebene, einer für jedes Wort aus erstellt.

three comps


Ive ausgerichtet sie in meinem Haupt-comp so theyre Beitritt und machte sie zu 3D. Beachten Sie den Ankerpunkt der einzelnen comp ist an der Oberseite des comps ausgerichtet. Dies ist unser Schwenkachse. Ive hinzugefügt ein paar Lichter, auch.

swing axis


Schritt 2

Jetzt Im gehend, Muttergesellschaft der Schichten mit dem Auswahlwerkzeug. Layer 4 (Pro) ist es, Layer 3 (Mac) und Layer 5 (Video) auf Layer 4 übergeordnet ist.

Using the pick whip


Ive getan, so dass die Schichten aneinander haften, selbst wenn sie einzeln gedreht werden auf der X-Achse.

Layers now stick together


Schritt 3

So jetzt weiß ich, das ist Arbeit Im gehend, das Pendel Ausdruck meiner oben (Mac) comp hinzuzufügen. Ich tue dies, indem bei gedrückter Wahltaste auf die Stoppuhr für X-Rotation.

Option-clicking the stopwatch for X Rotation


Schritt 5

Heres the Pendulum Ausdruck auf Dans Seite gefunden , die voll von nützlichen Goodies Ausdruck ist.

  • veloc = 7; 
  • amplitude = 90; 
  • decay = .7; 
  • amplitude*Math.sin(veloc*time)/Math.exp(decay*time)


Der Ausdruck selbst ist ziemlich einfach. Wir haben drei Variablen: -

  • veloc (velocity) = The initial speed of the swing.
  • amplitude = The angle the initial swing will reach before it starts to decay.
  • decay = This is like resistance. The lower the value the longer the the swing will take to decay. 


Und dann einige mathematische dass der Effekt erzeugt!

  • amplitude*Math.sin(veloc*time)/Math.exp(decay*time)


Während Im nicht auf diese brechen bei beliebiger Länge werde ich Ihnen zeigen, wie es kann manipuliert werden, um unser Ziel zu dienen. Ich kann Ihnen sagen, dass die erste Hälfte ....

  • amplitude*Math.sin(veloc*time)

... Beschäftigt sich mit der Bewegung oder schwingen mit einer parabolischen Kurve einer Sinuskurve in Bezug auf die Zeit, die dann durch aufgeteilt ....

  • Math.exp(decay*time)

... Was nutzt eine exponentielle Kurve, um die Amplitude der Sinuswelle (oder Swing) zu verringern.


Schritt 6

Das erste, was wir benötigen, um mit der Math.sin Teil. Diese legt fest, wo die Kurve des Swing beginnt.

Determine the curve swing


Mit sin (Sinus) bedeutet, dass die Swing-Aktion wird in der Mitte (0) beginnen und dann nach außen, um den Amplitudenwert (90), wie in diesem Clip sehen. Beachten Sie, dass, weil der Ausdruck nach oben Comp in der Kette angewendet wird alle parented Schichten dieser Comp folgen. Als ich das letzte Ausdruck hinzufügen, um die anderen Schichten werden sie noch unabhängig schwingen.

[Video id = "10659"]


Wir dont want diese. Wir wollen, dass es bei der Amplitudenwert Start-und Swing in. Wir dies durch eine Änderung sin, cos (cos) behoben werden können.

  • amplitude*Math.cos(veloc*time)/Math.exp(decay*time)

Sie können in das Bild unten, wie Cosinus beginnt seine Kurve aus dem Amplitudenwert (90) zu sehen und zu bewegen in Richtung Zentrum (0).

sin-cos

sin-cos

Wir haben jetzt die Karten bei einem Ausgangs-Winkel von 90 Grad!

Cards start at 90 degrees


Schritt 7

Nun, wenn Sie den Ausdruck, um alle Comps X Rotation gelten können Sie sehen, bekommen wir eine schwingende Wirkung auf alle Comps.

[Video id = "10656"]


Das einzige Problem dabei ist, dass die Schaukel Uniform auf alle Comps ist. Ich möchte etwas ein bisschen mehr zufällig und Taumeln zu schaffen. So brauche ich jetzt einen Weg des Ausgleichs dieser Ausdruck in der Zeit zu schaffen. Was Id tatsächlich wie zu tun ist, Offset Beginn der Schichten, so dass sie alle auf einmal erscheinen, dont, aber wir haben ein Problem.

Der zeitliche Aspekt des Ausdrucks läuft ab dem Master Comp. Dies bedeutet, auch wenn ich die Schicht der Ausdruck von Frame 0 (00:00:00:00) ausgeführt wird, unabhängig ausgeglichen. Dies bedeutet, wenn die Schicht erscheint der Ausdruck wird in der Mitte werden durch seinen Zyklus.

Wir können diese wieder zu beheben, indem Sie eine andere Variable. Sein geht wie folgt aussehen:

  • startT = thisLayer.startTime;

Dies wird die Startzeit meiner Offset-Schicht und speichert sie in der Variablen. Ich kann das subtrahieren diese von der ersten Zeitwert in unserem Ausdruck, dass mit dem Beginn der Kurve, unsere Cosinus-Angebote. Diese sieht wie folgt aus.

  • amplitude*Math.cos(veloc*(time-startT))/Math.exp(decay*time)

I can the subtract this from the first time value in our expression that deals with the start of the curve, our cosine.


Nun, wenn ich den Zeitpunkt meiner Schicht, die Offset subtrahiert und ist der Ausdruck auf dieser Ebene denkt die Schicht beginnt bei Frame 0 (00:00:00:00) oder dem Beginn der Kurve ausgeglichen.


Schritt 8

Also hier sehen wir die Offset-Schicht. Die Pro Schicht sichtbar ist an diesem Punkt in der Zeit aber seine in einem 90-Grad-Winkel und versteckte sich hinter der MAC-Schicht.

Pro layer is hidden


Hier können Sie sehen Ive fügte der fertige Ausdruck ....

  • veloc = 7; 
  • amplitude = 90; 
  • decay = .7;
  • startT = thisLayer.startTime;

  • amplitude*Math.cos(veloc*(time-startT))/Math.exp(decay*time)

... Auf alle Schichten und Offset die beiden unteren Schichten in der Zeit.

Final expression


Der Effekt ist jetzt viel mehr zufällig, wie die Schichten miteinander interagieren, wenn sie zu schwingen. heres zum fertigen Demo.

[Video id = "10660"]


Das Schöne ist, dass bei der Herstellung der Ausdruck allgemeiner, wie es sich mit der Startzeit des Offset-Schichten ist es einfach an aber viele Schichten Sie gerne Dominoeffekt erzeugen kopiert werden.

Man könnte auch leicht binden den variablen Beträgen zum Ausdruck Schieberegler auf eine Steuerung Schicht auf die gesamte Timing der Wirkung als Ganzes anzupassen.

Dies zeigt, dass Ausdrücke wie ein sehr effektives Werkzeug für einfache Animationen wie diese, die sonst nehmen würde eine recht lange Zeit, um Keyframe verwendet werden kann.

Laden Sie die Project-Datei hier.


Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: