Animierte YouTube Abonnieren Button mit einem Klick in After Effects | Phil Ebiner | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Animierte YouTube Abonnieren Button mit einem Klick in After Effects

teacher avatar Phil Ebiner, Video | Photo | Design

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

2 Einheiten (14 Min.)
    • 1. Einführung

      0:17
    • 2. Animate eines YouTube Abonnieren Button Popup

      13:34
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

437

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Willst du deine YouTube-Abonnenten anregen?

Füge einen animierten YouTube mit einem Mausklick zu deinen Videos hinzu, um mehr YouTube-Abonnenten zu erhalten.

Du wirst in Adobe After Effects jetzt lernen, wie du das in Adobe After Effects kannst!

Durch die Verwendung von motion werden deine Videos professioneller aussehen und dir dabei helfen können, das Engagement der Zielgruppen zu erhöhen.

Lade die Projektdatei im Klassenprojekt herunter, nachdem du dich angemeldet hast, um dich zu verfolgen

Dieser Kurs wird in Adobe After Effects CC 2017 unterrichtet, du kannst aber jede Version von After Effects verwenden, um dieses untere Drittel zu erstellen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Phil Ebiner

Video | Photo | Design

Kursleiter:in

Can I help you learn a new skill?

Since 2012 have been teaching people like you everything I know. I create courses that teach you how to creatively share your story through photography, video, design, and marketing.

I pride myself on creating high quality courses from real world experience.

MORE ABOUT PHIL:

I've always tried to live life presently and to the fullest. Some of the things I love to do in my spare time include mountain biking, nerding out on personal finance, traveling to new places, watching sports (huge baseball fan here!), and sharing meals with friends and family. Most days you can find me spending quality time with my lovely wife, twin boys and a baby girl, and dog Ashby.

In 2011, I graduated with my Bachelor of Arts in Film and Tele... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Wenn Sie einen YouTube-Kanal haben, möchten Sie wahrscheinlich mehr Abonnenten, und in diesem Modul erfahren Sie, wie Sie mehr Abonnenten mit einem animierten Abonnement-Button und einem animierten Mausklick erhalten . Dies ist etwas, das Sie in all Ihre YouTube-Videos einfügen können, also lasst uns direkt hineintauchen. 2. Animate eines YouTube Abonnieren Button Popup: in dieser Lektion erfahren Sie, wie Sie eine Popup-Button wie diese erstellen. Wenn das auf dem Bildschirm erscheint, eine Maus hervorgehoben, sie klickt darauf, und dann wischt sie weg. Also lasst uns in, nachdem Effekte von euch das noch nicht getan haben. Laden Sie die Projektdatei und die Assets für dieses Projekt herunter. Sie werden sie brauchen. Die enthält eine YouTube-Taste und eine Hand die Maus Hand Icon. Wichtig diese beiden Dinge in nach Effekten und klicken Sie dann auf die neue Komposition Schaltfläche gestartet. Neue Komposition. Sie können es nennen, was Sie wollen, Whitey Click YouTube-Klick und die Dauer etwa zwei Sekunden Mai. Lassen Sie uns einfach 23 Sekunden tun, um sicher zu sein, und klicken Sie dann. OK, in dieser Lektion werden wir es noch einen Schritt weiter machen und einige Techniken verwenden, die wir in diesem Kurs noch nicht gelernt haben. Also achten Sie darauf und machen Sie sich bereit, Ihre Kollegen YouTubers mit einer coolen Grafik zu beeindrucken. Das erste, was wir tun müssen, ist unsere You tube Grafik, so dass Sie es einfach auf Ihre Timeline fallen und erweitern können , so stellen Sie sicher, dass es auf dem Bildschirm ist. Ich werde die Größe etwas ändern. Also werde ich drücken s verändert die Skala auf 60. Nun, lassen Sie uns in unserer Hand einige gehen Drop, dass oben auf unsere YouTube Abonnieren Button. Und die Größe ist eigentlich ziemlich gut . Vielleicht machen Sie es ein bisschen kleiner ist, lassen Sie es uns einfach auf 80 setzen. Das sieht ziemlich gut aus. Also das erste, was ich tun will, ist Feind die Hand, die auf den Bildschirm kommt. Also setzen Sie es auf das, was Sie denken, ist eine gute letzte Ruhestelle. Ich werde es direkt dort hinstellen, den Abonnentext überhaupt nicht abdecken. Dann gehe ich zu etwa 20 Frames ungefähr 2/3 einer Sekunde und bringe Position für meine Hand und wähle dann den Schlüsselrahmen aus. Aber innerhalb der Stoppuhr, um einen Schlüsselrahmen hinzuzufügen. Ich werde auch die Drehung zu bringen, so sind auf meiner Tastatur. Klicken Sie dann auf die Stoppuhr, um eine Taste von dort einzustellen, und drücken Sie erneut, um die beiden Schlüsselbilder für Position und Drehung anzuzeigen . Dort auf meinem Rahmen, werde ich zurück zu Null Frames und ich werde zuerst drehen nur leicht nach links um ein wenig Rotation über negative 11 zu sehen, und dann werde ich klicken und bewegen Sie diesen Bürobildschirm unten. Also, jetzt kommt es irgendwie an und es dreht sich auch. Ich mache nur ein bisschen dynamischer. Ich könnte das etwas negativer machen 20, also ist es ein bisschen dynamischer . Natürlich gehen wir zu Eazy E so f neun auf Ihrer Tastatur oder klicken Sie mit der rechten Maustaste Easy Frankie Frame Assistent Eazy e's. Wir werden auch die Bewegungsunschärfe aktivieren. Machen wir es für beide Ebenen, dann gehen Sie in unseren Diagramm-Editor und fügen Sie ein wenig Pop hinzu. Weißt du, ich liebe den Pop, also wähle alle Schlüsselbilder aus, fahr die linken hinein und die richtigen. Also, jetzt haben wir diese Maus an seiner Hand fliegen. Das nächste, was wir tun werden, ist den kleinen Knopfdruck hinzuzufügen. Also haben wir hier gesehen. Wir haben den kleinen Knopf gedrückt, so dass eine kleine Größe oder Skalierung Animation gut dafür sein wird . Also gleich hier, nachdem es in vielleicht ein paar Frames nach kommt, lassen Sie uns wie sowohl die Hand als auch die YouTube-Taste und drücken Sie s starten einen Schlüsselrahmen für die Waage . Dann werde ich etwa fünf Frames durchgehen. Ich werde auf meinem Mac-Steuerelement auf einem PC Befehl drücken und dann die rechte Pfeiltaste auf Ihrer Tastatur etwa fünf Frames drücken, dann setzen Sie einen neuen Schlüsselrahmen hier, indem Sie einfach auf die Hinzufügen oder Entfernen Schlüsselrahmen Diamant direkt dort und dann rechts in der Mitte. Wir werden die Skala ändern. Also mit der Hand oder lassen Sie uns mit dem Knopf beginnen, lassen Sie uns nach unten gehen 58 Kleine drücken Sie die Hand. Gehen wir zu 75 und lassen Sie uns diese letzten Schlüsselbilder in nur einem Haar einfach so bewegen . Mal sehen, wie es aussieht. Sieht ziemlich natürlich aus. Ich glaube nicht, dass wir Eazy e brauchen, diese, die tatsächlich genauso gut könnten. Ich liebe leichtes Lockern, also ist es f neun. Die wählen sie bei Eazy e's Cool, also ist das ziemlich genial. Die andere kleine Art von Detail, fügte ich hinzu, war, dass der Subscrib-Button irgendwie verdunkelt wurde, als die Hand darüber schwebte. Fügen wir also den Helligkeits- und Kontrasteffekt der YouTube-Abonnement-Button hinzu. Sie können es finden, indem Sie in Ihren Effekten und Voreinstellungen nach hellen Farben suchen. Jetzt, sobald die Hand direkt dort über schwebt, genau dort, wo es beginnt, über den Abonnieren Button zu gehen. Lassen Sie uns einen Schlüsselrahmen für Helligkeit und Kontrast festlegen. Eigentlich ist nur Helligkeit in Ordnung. Lasst uns Sie auf unserer Tastatur präsidieren, um das zu erörtern. Dann lassen Sie uns auch zum letzten Schlüsselbild gehen, nachdem die Abonnementschaltfläche wieder auf die normale Größe erscheint . Und lassen Sie uns diesen Schlüsselrahmen duplizieren, indem Sie ihn kopieren und einfügen oder indem Sie rechts links auf die Diamantschaltfläche klicken. Jetzt ein paar Bilder danach, was verdunkelt es? Nehmen wir einfach die Helligkeit auf negative 70 oder so negative 70. Und dann lassen Sie uns den Keyframe Mover auf unserer Timeline kopieren, direkt vor dem Tastendruck tatsächlich, direkt in der Mitte, wenn er unten ist, und fügen Sie ihn dann ein, das sieht ziemlich gut aus. Ich werde diesen Übergang nur ein wenig verlängern. Es wird tatsächlich beginnen, kurz vorher zu verdunkeln, aber ich denke, das wird ein bisschen natürlicher aussehen. Vielleicht machen Sie es etwas langsamer, wie so schön. Ich liebe es cool. Also, jetzt werden wir ein kleines Pop-up für das YouTube-Abo hinzufügen, aber an sich, und das ist nur mit ein paar Schlüsselbildern getan. Also für die YouTube abonnieren Button und lassen Sie uns Skala bringen und sagte einen Schlüsselrahmen gleich um, Sie wissen schon, nur ein paar Bilder in die Animation, dann sind in der Drehung zu bringen und einen Schlüsselrahmen setzen. Dann bringen Sie beide Schlüsselbilder auf. Gehen wir zurück. Drehen wir etwa negativ 18 und stellen Sie dann die Skala auf Null. Also, jetzt haben wir dieses Auftauchen. Vielleicht ist die Rotation auf negative 25 oder so. Das ist ziemlich gut. Fügen wir Eazy E's zur Rotation hinzu, damit Sie wissen, wie das geht. F neun auf Ihrer Tastatur oder Rechtsklick Keyframe-Assistent Eazy E's. Lassen Sie uns diese Rotation ein wenig dramatischer machen, also gehen wir zu Native 45. Das ist ziemlich cool. Die andere Sache, die sehr subtil ist, , ist,dass dieses Abonnement, aber es ist tatsächlich irgendwie wie aufspringt, und es ist größer, und dann schrumpft es. Um das zu tun, könnten wir einen weiteren Maßstab Schlüsselrahmen erstellen und ihn größer als 60% machen und dann einen Sprung nach unten auf 60% haben . Aber eine einfachere Möglichkeit, diesen kleinen Pop zu tun, ist mit dem Diagramm-Editor, wählen Sie also die Skalierungs-Key-Frames aus. Öffnen Sie Ihren Diagramm-Editor. Lassen Sie uns hier hineinzoomen und lassen Sie uns tatsächlich den Diagrammtyp ändern. Klicken Sie also hier. Wählen Sie den Diagrammtyp und die Optionsschaltfläche und ändern Sie ihn von Geschwindigkeitsdiagramm bearbeiten, um Wertediagramm Und jetzt sagt das, dass bei Null Frames der Wert der Skala von Null und dann am sechsten des Rahmens bei 60. Nehmen wir diesen kleinen gelben Marker und ziehen ihn nach oben. Was jetzt passiert ist, ist, dass es tatsächlich über 60% geht. Es wird also größer, und dann geht es wieder auf 60. Wenn wir es super dramatisch machen wollen, Schwächen. Geh so. Sehen Sie, wenn wir wollen, dass es wirklich dramatisch ist, aber ich mag ein bisschen mehr Subtilität in meinen Animationen. So etwas. Schalten wir unseren Diagramm-Editor aus. Verkleinern Sie sich nur ein wenig, sehen Sie ziemlich gut aus. Es ist ein wenig schnell am Anfang, also lassen Sie uns diese Schlüsselbilder nur ein wenig erweitern. Das ist ziemlich cool. Nehmen wir einfach all diese Schlüsselbilder, verschieben Sie sie ein wenig nach rechts, so dass der Abonnieren Button einfach ein wenig länger auf dem Bildschirm bleibt . Vor der Animation. Das nächste, was ich tun werde, ist, diese vom Bildschirm zu wischen, wie so einfach abgewischt. Wir könnten eine Position Key-Frame-Animation zu beiden Ebenen hinzufügen, aber einfache Möglichkeit, es zu tun, ist mit einem kein Objekt. Also lasst uns Zehenschicht neu gehen. Kein Objekt. Dies ist im Grunde eine imaginäre oder eine unsichtbare Ebene, die uns hilft, andere Ebenen zu kontrollieren. Das erste, was wir tun werden, ist die übergeordnete Hand und die YouTube-Abonnement-Button auf das Null-Objekt Wählen Sie also beide aus und Sie sehen die übergeordnete Spalte. Wenn sie nicht angezeigt wird, klicken Sie auf die Umschaltmodi. Erweitern Sie diesen kleinen Bereich, so dass Sie ihn sehen. Wir kid klicken auf diese Dropdown-Liste für eine dieser ausgewählten Ebenen und wählen Sie aus keiner. Wir wollen Noel auswählen, oder wir nehmen dieses kleine Pick Peitsche Werkzeug. Ich nenne es den Twirly Gig, aber es ist eigentlich eine Pick Peitsche genannt und ziehen Sie es, um es zu wissen, auch. Sehen Sie, wie diese Änderung von 1902 oder wir könnten es einfach mit dem Dropdown-Menü tun. , Was auch immer wir mit dem tun,passiert kein Objekt mit den anderen beiden Ebenen oder den Ebenen, die ihm übergeordnet sind . Also, wenn ich zum BeispielSkala aufbringe zum Beispiel und die Skala vergrößere, passiert es beides. Ziemlich cool, richtig? Also, was denkst du, werden wir tun, um es zu animieren? Wir werden eine Positionsanimation hinzufügen. Also bringen Sie Position mit P gleich um zwei Sekunden. Stellen Sie einen Positions-Schlüsselrahmen, um etwa eine halbe Sekunde vorwärts zu gehen, und legen Sie ihn dann herunter. Jetzt animiert alles. Lasst uns einfach, einfach. Diese beiden Jungs funktionieren F neun oder F neun auf deiner Tastatur. Keyframe-Assistent Eazy E's Gehen Sie in Ihren Diagramm-Editor. Ändern wir es zurück, um Geschwindigkeitsdiagramm aus Edit Value Graph zu bearbeiten, und wählen Sie dann diese Keyframes aus und ziehen Sie sie hinein. Also gibt es ein bisschen mehr Pop in diesem Animationspop-off. Gehen wir zurück in die Graph-Animation und vielleicht ein bisschen schneller, kommen in ein wenig langsamer, wenn es ausgeschaltet ist. Cool. Ziemlich verdammt genial. Also jetzt, wenn wir voran gehen und nehmen dies in ein Premiere Pro-Projekt wollen, können wir Adobe Dynamic Link verwenden, indem wir nur diese Komposition nehmen. Klicken Sie auf die Registerkarte über Premiere Pro, indem Sie Befehlsregisterkarte sind Tastatur-Steuerelement Registerkarte. Wenn Sie auf einem PC sind, es in unser Projektfenster ablegen und dann in unser Projekt ziehen und ablegen, werde ich das Beispiel löschen, das ich zuvor erstellt hatte. Setzen Sie das oben auf dieses Video und jetzt haben wir den Abonnieren Button Pop-up. Sagen Sie, das ist zu groß. Wir können es kleiner machen. Es ist völlig in Ordnung zieht runter, um 50 zu sagen. Das Problem ist jedoch, jedoch, wenn die Hand auf dem Bildschirm kommt. Sehen Sie hier, wie die Hand in der Mitte des Videos kommt. Was wir tun sollten, ist, wenn wir es kleiner machen, ziehen wir einfach diese ganze Komposition bis zum unteren Rand. Vielleicht so etwas, oder sogar weiter unten. Wenn Sie es nur in der unteren Ecke wollen und wir können immer noch sehen, es Pop-up, müssen Sie einfach animieren, nur in der richtigen Position bewegen, so dass wir die ganze Hand ziemlich verdammt cool sehen oder wir können zurück gehen und die Größe und Position von Alles. Und wir könnten sogar animieren, woher die Hand kommt, wenn wir von der linken Seite des Bildschirms oder von oben herkommen wollen, können wir das tun. Und, wie immer, wenn wir dies exportieren wollen, damit wir es in mehreren Projekten einfach verwenden können, gehen Sie einfach bis zur Komposition. Fügen Sie zur Renderwarteschlange hinzu, ändern Sie das Ausgabemodul von H 264 oder was auch immer Sie haben, indem Sie auf die Formatoptionen klicken. Ändern Sie es von H 2642 Animation Klicken Sie auf OK, ändern Sie die Kanäle von RGB zwei RGB plus Alfa auf OK ändern Sie die Ausgabe in die gewünschte Position. Klicken Sie auf, speichern und dann auf Rendern, und jetzt wird es als Datei gerendert. Und Sie können diese schnelle Zeitdatei, wo immer Sie wollen, in jedem Video, das Sie wollen, und fügen Sie es zu Ihren Videos hinzu, um mehr Abonnenten zu erhalten. Vielen Dank für das Zuschauen. Ich hoffe, das war ein lustiger. Wenn Sie Fragen haben, lassen Sie es mich wissen. Sonst sehen wir einander Lektion