Schnittstellenanimation – Kurs 31.900 RUB. von Uprock, Ausbildung 4 Monate, Datum 28. November 2023.

instagram viewer

THEORIE

Einführung

In dieser Lektion erhalten Sie eine Vorstellung davon, was Webanimation ist, welche Funktionen sie im Interface-Design erfüllt und in welchen Fällen sie eingesetzt wird. Sie erfahren, welche zwei Arten von Animationen auf echten Websites verwendet werden. Erhalten Sie wichtige Tipps, wie Sie flüssige, mühelose und stets relevante Animationen erstellen. Sie erfahren, welche Techniken Sie in realistischen Animationen am besten nicht verwenden sollten und warum. Wir werden die grundlegenden Animationsaktionen analysieren und sie anhand von Beispielen betrachten. Lassen Sie uns herausfinden, welche Programme für Schulung und komfortables Arbeiten installiert werden müssen. Wo und wie man sich registriert, welchen Tarifplan man wählt. Sie erhalten zwei nützliche Plugins – AEUX und Motion Tool, mit denen Sie einige wichtige Arbeitsprozesse optimieren können in Adobe After Effects und erleichtern Sie den Prozess der Animationserstellung erheblich und machen Sie sich mit dem After-Programm vertraut Auswirkungen.

• Einführung in die Webanimation
• Theorie
• Programme installieren
• After Effects-Schnittstelle und -Setup

ÜBEN

Aussehensanimation

In dieser Lektion lernen Sie die grundlegendste und beliebteste Animation kennen – die Darstellungsanimation und die Opacity-Eigenschaft. Dieses praktische Tutorial ist so aufgebaut, dass Sie eine detaillierte Anleitung erhalten, wie Sie Schritt für Schritt eine Erscheinungsbildanimation erstellen. Wir werden darüber sprechen, was Rendering ist und warum es benötigt wird. Schauen wir uns die Track Matte-Funktion und ihre erste Eigenschaft an – Alpha Matte (Alpha-Maske). Dadurch erlernen Sie die grundlegende Fähigkeit, mit den Eigenschaften „Deckkraft“ und „Alpha-Maske“ zu arbeiten und eine Aufnahme mit einer schönen Animation zu erstellen.

ÜBEN

Komplizierte Erscheinungsszene

Schauen wir uns eine Kombination an, die aus zwei Animationen besteht: Aussehen (Sie kennen es bereits) und Bewegung (das ist eine neue Art von Animation für Sie). Auf Letzteres werden wir näher eingehen. Um Bewegungen zu animieren, verwenden Sie den Parameter „Position“, der die Position des Objekts in der Komposition bestimmt. Außerdem lernen Sie die Ebenenoption Ankerpunkt kennen und erfahren, wie Sie diese richtig verwenden. Letztendlich animieren Sie eine Aufnahme und lernen, wie Sie aus verschiedenen Animationstypen beeindruckende Animationen erstellen.

ÜBEN

Arbeiten mit Motion Tools

In der Lektion lernen Sie das Motion Tools-Skript im Detail kennen. Sehen Sie in der Praxis, wie praktisch dieses Tool ist. Tatsächlich beschleunigt es den Arbeitsprozess erheblich. Sie erhalten ein umfassendes Verständnis davon, was Velocity Graph ist, Easing, wie Bezier-Kurven in After Effects funktionieren und wie sie sich auf die Animation auswirken. Abschließend erfahren Sie im Detail, wie Sie Ihre Animation mithilfe von Motion Tools anpassen, wodurch Ihr Animationserlebnis erheblich optimiert wird.

• Allgemeine Konzepte
• Motion Tools v2.0

ÜBEN

Zoom-Animation (mit Alpha-Maske)

Sie erfahren, wie Sie Animationen von angezeigten Fotos anzeigen können. Die wichtigste Eigenschaft, die Sie in diesem Tutorial lernen, ist der Skalierungsparameter der Ebene. Mit seiner Hilfe können Sie die Größe eines Objekts ändern. Diese Animation wird als Skalierungsanimation (mit Alpha Matte) bezeichnet. Wir werden die Alpha-Matte selbst (Alpha-Maske) und das darin enthaltene Bild zusammen mit der Erscheinungsbildanimation, die Sie bereits studiert haben, skalieren. Dadurch erfahren Sie, wie Sie Fotos wirkungsvoll animieren.

ÜBEN

Parallaxenanimation

Sie erhalten ein umfassendes Verständnis für die Anwendung eines der beliebtesten Effekte – der Parallaxe. Zur Umsetzung benötigen Sie 3 Designelemente und die bereits bekannte Position-Eigenschaft. Nachdem Sie den Parallaxeneffekt erstellt haben, erfahren Sie, wie Sie eine umgekehrte Animation anwenden, um eine Schleife zu erzeugen. Abschließend erfahren Sie, wie Sie Aufnahmen erstellen, die den Parallaxeneffekt nutzen, um ein Gefühl von Tiefe und Dimension zu erzeugen, das beim Betrachter einen starken Eindruck hinterlässt.

ÜBEN

Komplexe Szene mit Parallaxe, Bewegung und Maskenanwendung

In diesem Tutorial erfahren Sie, wie Sie komplexe Animationen erstellen, die die Animationen integrieren, die Sie in den vorherigen Kapiteln gelernt haben. Sprints, nämlich: Aussehen – Deckkraft, Bewegung – Position, Skalierung – Skalierung, Anwendung von Alpha Matte (Alpha-Maske) und Effekt Parallaxe. Eine neue Art der Animation wird für Sie das Erscheinen des Titels im Maskenbereich sein. Sie erfahren, wie Sie mit all diesen Animationstypen komplexe Szenen mit Übergängen erstellen, die Ihre Aufnahmen von der Masse abheben.

ÜBEN

Adaptive Animation

Wir werden uns das Konzept der adaptiven Animation ansehen. Dies ist die bereits bekannte Zoom-Animation, mit der Sie responsive Versionen der Website demonstrieren, wenn sich das Desktop-Layout nahtlos in ein Mobiltelefon-Layout verwandelt. Um es zu erstellen, verwenden Sie zuvor erlernte Eigenschaften wie Bewegung – ​​Position, Skalierung – Skalierung, Verschwinden/Erscheinen – Deckkraft, umgekehrte Animation – Bewegungswerkzeuge 2/Klonen. Wenn Sie wissen, wie Sie adaptive Animationen richtig implementieren, können Sie Ihre Projekte effektiv präsentieren.

ÜBEN

Rotationsanimation

Sie lernen einfache Animationen kennen – Drehungen und die Objekteigenschaft „Rotation“, die für die Drehung einer Ebene um ihren Ankerpunkt verantwortlich ist. Wir werden uns drei Rotationsparameter ansehen: die Anzahl der Umdrehungen, den Betrag, um den wir das Element drehen möchten (in Grad), Drehung im Uhrzeigersinn/gegen den Uhrzeigersinn. Nachdem Sie jeden der sich wiederholenden Animationszyklen Schritt für Schritt durchlaufen haben, beherrschen Sie schließlich die Fähigkeit, mit der Rotationseigenschaft zu arbeiten und eine Aufnahme mit einer Rotationsanimation zu erstellen, die die Aufmerksamkeit der Betrachter auf sich zieht.

ÜBEN

Komplexe Animation, bestehend aus allen Grundanimationen

Schauen wir uns eine komplexere Kombination an, die aus allen Ihnen bekannten Grundanimationen besteht. In dieser Lektion werden wir uns mit dem Thema der Erzeugung des Effekts befassen, der durch die Simulation eines Klicks auf ein Bild mithilfe einer Animation zum Skalieren und Verschwinden des Kreises (Ellipse-Werkzeug) entsteht. Dadurch lernen Sie die Abfolge verschiedener Animationen kennen und können so komplexere, eindrucksvollere Animationen erstellen.

ÜBEN

Arbeiten mit Szenen

Diese Lektion ist ein Zyklus, der aus 3 Sprints besteht. Der Schwerpunkt liegt auf alternativen Szenenübergängen. Zunächst werfen wir einen genaueren Blick auf den Begriff „Szene“ und diskutieren, welche Übergänge zwischen Szenen es gibt. Sie lernen, wie Sie drei nicht standardmäßige Optionen zum Wechseln von Szenen verwenden: Maskenwechsel, Vorhangwechsel und Diawechsel. Um einen „Maskenwechsel“-Übergang zu erstellen, werden Sie verstehen und lernen, wie Sie mit dem neuen Track Matte-Parameter – Alpha Inverted Matte oder Inverted Alpha Mask – arbeiten. Und erfahren Sie, wie Sie Videos in eine Animationskomposition importieren.

ÜBEN

Farbwechselanimation

In diesem Tutorial erfahren Sie, wie Sie mit Farbanimationen und der Ebeneneigenschaft Farbe arbeiten. Eine einfache Animation, mit der das Schweben von Schaltflächen oder Links demonstriert werden kann. Aber wir werden uns eine interessantere Option ansehen, nämlich wie Sie Ihr Projekt mithilfe von Farbwechselanimationen wunderschön präsentieren können.

ÜBEN

Pfadanimation (Zuschneiden)

Sie lernen den neuen Parameter „Pfad trimmen“ kennen, mit dem Sie sehr coole Pfadbewegungseffekte, also Pfadtrimmeffekte, erstellen können. Zum Beispiel, wenn sie einen Preloader, einen Fortschrittsbalken in einem Videoplayer usw. anzeigen möchten.

ÜBEN

Komplexe Animation

In dieser Lektion arbeiten Sie erneut mit komplexen Animationen, festigen bereits erworbene Fähigkeiten und erstellen aus allen eine Shot-Animation mit neuen Effekten die gleichen grundlegenden Animationseigenschaften: Aussehen, Bewegung, Maske, Skalierung, Übergang zwischen Szene 1 (Maskenwechsel), Übergang zwischen Szene 2 (Änderung). Vorhang).

ÜBEN

Dekorative Textanimation (Glitch)

Mit dieser Lektion beginnt ein weiterer kleiner Zyklus, der aus drei Lektionen zur dekorativen Textanimation besteht. In dieser Lektion erfahren Sie, wie Sie einen so außergewöhnlichen Effekt wie Glitch erzeugen – den Effekt eines „kaputten“ Bildes oder einer Fernsehstörung. Dieser Effekt in der Animation sieht ziemlich modisch aus und erzeugt einen Wow-Effekt. Es ist ganz einfach zu erstellen

ÜBEN

Dekorative Textanimation (Skript)

In dieser Lektion erfahren Sie, wie Sie eine Animation erstellen, die Großbuchstaben simuliert. Diese Technik wird häufig verwendet, um Akzente auf einer Website zu setzen, und sie sieht sehr ästhetisch aus. Für diese Animation verwenden Sie das neue Stiftwerkzeug. Seien Sie auf harte Arbeit vorbereitet und haben Sie Geduld. Als Ergebnis erhalten Sie eine schöne Animation, mit der Sie Ihre Projekte präsentieren können.

ÜBEN

Kreative Textanimation

In dieser Lektion finden Sie wieder Textanimationen, jedoch kreativer und ungewöhnlicher. Sein interessanter Effekt besteht in der Kombination verschiedener Animationen mit zwei Alphamasken – einfach und invers. Als Ergebnis erstellen Sie eine coole Aufnahme und können diese Methode in Ihren Projekten für wirkungsvolle Präsentationen verwenden.

ÜBEN

Komplexe Animation

In diesem Tutorial verwenden wir die Arten von Animationen, mit denen Sie bereits vertraut sind, einige davon werden wir jedoch verwenden, um komplexere und nicht standardmäßige Effekte zu erstellen. Als Ergebnis erhalten wir eine komplexe, komplexe Animation, die aus drei Szenen mit Übergängen, Scrollen und Folienwechseln besteht.

ÜBEN

Animation mit Luma Matte

In früheren Lektionen haben wir die Track Matte-Parameter besprochen, und Sie haben bereits eine gute Vorstellung vom Funktionsprinzip von Alpha Matte und Alpha Inverted Matte. In diesem Tutorial erkunden wir die beiden folgenden Track Matte-Optionen: Luma Matte und Luma Inverted Matte und erfahren, wie wir sie auf unsere Projekte anwenden.

ÜBEN

Animation mit Turbulent Displace

Lassen Sie uns Animationen mit dem Fotoverzerrungseffekt untersuchen. Turbulent Displace ist eines der Werkzeuge des Distort-Parameters. Technisch gesehen ist es eine leichte Verschiebung der Pixel, die dabei hilft, einen Welleneffekt zu erzeugen, und wird häufig für diesen Effekt in Fotos verwendet.

ÜBEN

Komplexe komplexe Animation

Die letzte Schulungslektion, in der wir anhand des zuvor Erlernten komplexe komplexe Animationen erstellen Arten von Animationen und ein neuer – der Textparameter und seine „Quelltext“-Eigenschaft, mit der Sie den Inhalt des Textes ändern können Schicht. Ein unabhängiger praktischer Teil, in dem Sie von Grund auf Animationen für Ihre Aufnahme entwerfen und erstellen, sowie mehrere interessante und nützliche Bonus-Videolektionen

ÜBEN

Animationen von Grund auf erstellen

Stil festlegen, Referenzen suchen, Skript erstellen. Das Prinzip besteht darin, Ideen für Szenen und Übergänge zwischen ihnen zu entwickeln, den Quellcode vorzubereiten, eine Animation für eine Szene zu erstellen und die Aufnahme in den Netzwerken zu veröffentlichen.

ÜBEN

Verwaltung und Werbung für Dribbble-Konten

Verwaltung und Werbung für Dribbble-Konten. Animation für Präsentationen und Behance. Verwendung von Animationen aus After Effects auf der Website.