Illustration für Animation und Motion Graphics: Illustrator und After Effects

1. Einführung: Hallo, mein Name ist Carminys Guzman. Ich bin Animatorin, Illustratorin und Drehbuchautor aus Spanien, ursprünglich aus der Dominikanischen Republik. In dieser Klasse lernen Sie, wie Sie schöne Animationsdesigns fürLicht, Schatten, Texturenerstellen Licht, Schatten, Texturen und alles in Adobe Illustrator und After Effects animieren. Ich bin Teil des Operarteams, einem Animationsstudio mit Sitz in Madrid. Nach neun Jahren animierte Videos für Unternehmen weltweit zu erstellen, möchte ich Ihnen meine Lieblingsmethode zeigen, um schöne Designs zu erstellen und einfach zu animieren. In dieser Klasse freue ich mich sehr darauf, mein Wissen mit Ihnen zu teilen. Wir werden nach Referenzen suchen, die sich inspirieren lassen, und dann werden wir eine kurze Skizze unseres Projekts mit Adobe Illustrator entwerfen und es vektorisieren. Als nächstes werde ich Ihnen praktische Werkzeuge und Tricks zeigen, um Ihr Design auf einfache Weise zu färben. Sobald die Arbeit in Adobe Illustrator erledigt ist, übergeben wir unser gesamtes Material an Adobe After Effects , um Lichter, Schatten und Texturen hinzuzufügen. Schließlich werde ich Ihnen zeigen, wie Sie es animieren. Da die Lichter, Schatten und Texturen direkt in Adobe After Effects angewendet werden, können Sie sie schneller animieren. Dieser Kurs ist ideal für Animateure, Illustratoren, Grafikdesigner, kreative Künstler und generell alle, die lernen möchten, wie man erstaunliche Illustrationen einfach macht und animiert. Wenn Sie After Effects noch nicht verwendet haben, empfehle ich Ihnen, meinen vorherigen Kurs Ihre Illustrationen in Rekordzeit mit Adobe After Effects zu animieren. Es gibt keine Zeit zu verlieren. Jetzt beitreten und loslegen. 2. Projekt: Für das Klassenprojekt erstellen Sie Ihr eigenes Design, fügen Lichter, Schatten, Texturen hinzu und animieren es. Am Ende jeder Lektion werde ich Ihnen einige Hinweise geben. Bitte überspringen Sie es nicht; folgen Sie ihnen und üben Sie, um die besten Ergebnisse zu erzielen. Zögern Sie nicht, mein Kunstwerk herunterzuladen und zu verwenden, um zu üben, wenn Sie keine Zeit haben, Ihr Design von Grund auf neu zu erstellen. Ich freue mich darauf, Ihre Arbeit zu sehen, also laden Sie sie bitte in die Klassenprojektgalerie hoch. Wenn Sie Fragen oder Kommentare haben, posten Sie diese bitte auf der Registerkarte Diskussionen. Wir können es kaum erwarten zu sehen, was Sie sich einfallen lassen. Viel Spaß. 3. Auf der Suche nach Referenzen: Hi, da. Wie Sie wissen, werden wir bei diesem Kurs eine wunderbare Landschaft entwerfen. Aber bevor wir mit dem Design beginnen, werden wir nach einigen Referenzen suchen, um Inspiration zu erhalten. Die wichtigsten Tools, mit denen ich nach Referenzen suchen kann, sind Google-Bilder, Pinterest und Adobe Stock. Versuchen wir es mit Adobe Stock zum Beispiel. Schreibe Querformat in die Suchleiste. In den Filtern, die die Vektorunterkategorie ist. Von nun an geht es darum, nach den Bildern zu suchen , die Sie am meisten für das [unhörbare] Design inspirieren. Falls Sie nichts finden, was Ihnen gefällt, können Sie die Schlüsselwörter ändern. Ich habe ein interessantes Bild gesehen, aber ich werde die Seite nach unten scrollen, ich brauche mehr. Ich werde das Bild nehmen, das ich mag. Ich habe ausgewählt, mit der rechten Maustaste geklickt und kopiert. Als nächstes gehen wir zu Adobe Illustrator und erstellen ein neues Dokument. mit 1920 x 1080 Pixelgröße. Dies ist eine Größe, die wir während des Kurses verwenden werden. Nach der Erstellung fügen wir das Bild mit Control V oder Befehl V auf dem Mac ein. Das Bild ist zu klein, wir können es vergrößern, indem Sie von der Ecke ziehen, während Sie die Umschalttaste gedrückt halten, um die Proportionen intakt zu halten. Mach dir keine Sorgen, wenn es ein wenig pixelig ist. Es ist nur eine Referenz. Nach dem gleichen Prozess habe ich verschiedene Referenzbilder zusammengestellt. Hier zeige ich Ihnen alle Bilder, die ich in meiner Suche gesammelt habe. 4. Tools und Abkürzungen: Hallo, da. In dieser Lektion werden wir einen kurzen Blick auf die Werkzeuge und Verknüpfungen werfen, die wir während des Kurses verwenden werden , um unseren Arbeitsprozess zu beschleunigen. Hauptsächlich werden wir vier Werkzeuge verwenden, um unser Design zu gestalten. Das Stiftwerkzeug, die Polygonwerkzeuge, das Malpinselwerkzeug und das Bleistift-Werkzeug. Zuerst erstellen wir ein neues Dokument in Adobe Illustrator. Geben Sie ihm eine Größe von 1920 mal 1080. Lassen Sie uns sehr schnell sehen, wie das Stiftwerkzeug funktioniert. Wenn Sie auf verschiedene Punkte klicken, werden gerade Segmente erzeugt. Um diesen Pfad zu schließen, positionieren Sie das Stiftwerkzeug über dem ersten Ankerpunkt. Wie Sie sehen können, wird ein kleiner Kreis neben dem Zeiger des Stiftwerkzeugs angezeigt , wenn er korrekt eingestellt ist. Klicken Sie auf, um den Pfad zu schließen. Um den Pfad offen zu lassen, drücken Sie „Control“ klicken Sie auf Windows oder „Command“ klicken Sie auf Mac irgendwo weg von allen Objekten. Wählen Sie nun die Shapes aus, die wir bisher mit dem Auswahlwerkzeug erstellt haben, und löschen Sie sie. Um ein Kreuz mit dem Stiftwerkzeug zu zeichnen, müssen Sie klicken und strecken. So einfach ist es. Sobald wir eine Kurve erstellt haben, kehren wir zum letzten Ankerpunkt zurück und klicken Sie erneut, um den Pfad zu wiederholen, und dann haben wir die nächste Kurve durch Klicken auf die nächsten Ankerpunkte und Dehnung gemacht. Sie können die Ankerpunkte ändern, indem Sie das Direktauswahlwerkzeug auswählen, den Ankerpunkt auswählen und ziehen. Wenn wir einen Ankerpunkt mit Kurven auswählen , können wir auch die Kurven ändern. Natürlich können wir unsere Entwürfe mit dem Auswahlwerkzeug auswählen, sie verschieben, aus ihren Ecken drehen und ihre Größe ändern. Wenn Sie die Umschalttaste gedrückt halten, während Sie die Größe ändern, behält das Design seine Proportionen intakt. Polygon-Werkzeuge sind viel einfacher zu verwenden. der rechten Maustaste auf das Rechteck-Werkzeug klicken, werden alle Polygon-Werkzeuge angezeigt. Wählen Sie sie einfach aus, klicken Sie und ziehen Sie, um ihre Größe anzupassen. Denken Sie daran, dass wir die Umschalttaste beim Ziehen gedrückt halten müssen, um die Proportionen intakt zu halten. Wenn wir von einem der Kreise ziehen, die in den Ecken erscheinen, können wir sie schnell umrunden. Wenn wir dagegen eine oder mehrere dieser Ecken auswählen und dann ziehen, werden nur die ausgewählten Ecken gerundet. Mit dem Polygonwerkzeug können Sie die Pfeiltasten nach oben und nach unten drücken, um Seiten aus dem Polygon hinzuzufügen und zu entfernen. Natürlich können wir alle unsere Designs, sowohl die Füllung als auch den Strich, leicht färben . Wir können die Größe des Strichs ändern und wenn wir nicht wollen, dass er einen Strich hat, löschen wir ihn einfach von hier. Werfen wir einen Blick auf das Pinselwerkzeug. Es ist sehr einfach zu bedienen. Wir wählen es einfach aus, und wir können mit dem Zeichnen beginnen. Wir können die Größe des Strichs ändern und sogar die Art des Pinsels wählen. Wenn wir auf das Paintbrush Tool doppelklicken, können wir die Treue dieses Strichs konfigurieren. Schließlich werden wir einen Blick auf das Bleistift-Werkzeug werfen. Wenn Sie es nicht direkt sehen können, klicken Sie mit der rechten Maustaste, und weitere Werkzeuge werden angezeigt, einschließlich des Bleistift-Werkzeugs. Seine Verwendung ist sehr ähnlich wie das Paintbrush Tool. Der Hauptunterschied besteht darin, dass Sie mit dem Bleistift-Werkzeug geschlossene Teile erstellen können. Wenn wir zum Beispiel eine Form machen, ohne zu schließen, können wir uns auf einen seiner Ankerpunkte setzen und diese Form fortsetzen, bis sie geschlossen ist. Persönlich bevorzuge ich es, das Pinselwerkzeug zu verwenden, um eine Skizze zu erstellen oder offene Linien zu erstellen. Auf der anderen Seite habe ich das Bleistift-Werkzeug verwendet, um Formen zu erstellen, zu denen ich später eine Füllung hinzufügen werde. Perfekt. Jetzt werde ich Ihnen die Verknüpfungen zeigen, die wir während des Kurses verwenden werden. Shortcuts helfen uns, Zeit zu sparen und produktiver zu sein. Die am häufigsten verwendeten Tastenkombinationen in Adobe Illustrator beziehen sich auf die Tools, die wir am häufigsten verwenden. Einige von ihnen sind die gleichen in Aftereffekten. Mal sehen, wie Sie auf die wichtigsten Werkzeuge per Tastendruck zugreifen können. Drücken Sie V für das Auswahlwerkzeug, A für das Direktauswahlwerkzeug, P für das Stiftwerkzeug, B für das Pinselwerkzeug, N für das Bleistift-Werkzeug. Für das Zoom-Tool drücken wir die Z-Taste. Schließlich, wenn wir klicken und ziehen, während Sie die Leertaste gedrückt halten, bewegen wir uns auf die gleiche Weise wie in After Effects über die Leinwand. Wie Sie mit Verknüpfungen sehen, können wir Werkzeuge schnell wechseln, ohne dass Sie Zeit verschwenden müssen, um zum Werkzeugfenster zu gehen. Ich habe Ihnen eine PDF-Datei mit den nützlichsten Verknüpfungen hinterlassen, damit Sie sie herunterladen können. 5. Skizzieren: Hallo, da. In dieser Lektion werden wir eine kurze Skizze unseres Designs erstellen. Ich empfehle immer, eine Skizze zu erstellen, bevor Sie mit dem Design beginnen. Auf diese Weise werden wir schneller arbeiten, da wir einen Leitfaden haben. Wenn Sie keine Grafiktabelle zum Zeichnen haben, können Sie diesen Vorgang mit Bleistift und Papier durchführen und dann ein Foto machen oder die Zeichnung scannen. Zuerst erstellen wir ein neues Dokument in Adobe Illustrator, geben Sie ihm eine Größe von 1.920 mal 1.080. Wo wir es allgemein als Full HD kennen. Benennen Sie es, und wir klicken auf Erstellen. Als nächstes wählen wir die Referenzen, die wir gerne mehrere Elemente gleichzeitig auswählen, halten wir die Umschalttaste gedrückt, während wir sie auswählen. Ziehen Sie sie nun in das Skizzendokument. Wir haben es auf unserer Leinwand platziert, um sie als Referenz zu haben. Wenn Sie zwei Bildschirme haben, großartig, da Sie die Referenzen auf dem zweiten Bildschirm haben und bequemer arbeiten können. Perfekt. Jetzt gehen wir zum Ebenenfenster. Wir doppelklicken. Wir benennen den Layer, der Referenzen hat, blockieren ihn und als nächstes erstellen wir einen neuen Layer, den wir Skizze nennen. Alles ist bereit, mit dem Design zu beginnen. Um unsere Skizze zu zeichnen, verwenden wir das Pinselwerkzeug. Von hier aus können wir den Pinseltyp wählen. Ich werde den Bleistiftkohlepinsel wählen, um unserer Skizze einen handgezeichneten Aspekt zu verleihen. Aber Sie können den Standardpinsel verwenden, wenn Sie es bevorzugen. Für jetzt werde ich die Pinselgröße so belassen, wie sie ist. Wenn wir in das Pinselwerkzeug doppelklicken, können wir seine Treue anpassen. In diesem Fall, da wir einfache Zeichnungen machen, können wir es in der Mitte lassen. Wir färben nur schwarz und beseitigen den Füllstoff. Jetzt können wir mit dem Zeichnen beginnen. Wenn wir klicken und ziehen, während Sie die Leertaste gedrückt halten, bewegen wir uns durch den Arbeitsbereich. Denken Sie daran, das ist eine Skizze. Wir müssen nicht zu präzise sein. Unser Ziel ist es, zu sehen, ob unsere Idee gut funktioniert, bevor wir mit dem Design beginnen. Wie Sie sehen können, machen wir saubere und einfache Linien. Jetzt werden wir die Sonne und Wolken zeichnen. Wir müssen nicht alle Wolken zeichnen. Wir können nur eine zeichnen und duplizieren. mit dem Auswahlwerkzeug die Cloud aus, klicken Sie mit der rechten Maustaste auf Gruppe. Als nächstes ziehen wir die Cloud, während wir die Alt-Taste drücken, um sie zu duplizieren, und wir ändern die Größe der Wolken erst später. Wenn wir von der Ecke ziehen, während Sie die Umschalttaste gedrückt halten, können wir die Größe ändern, wobei ihre Proportionen intakt bleiben. Ich mag es. Jetzt werde ich ein paar Pflanzen unten links zeichnen. Vergeuden Sie keine Zeit damit, es perfekt zu machen. In dieser Phase sollten wir keine Zeit mit den Details verschwenden. Ich werde hier ein bisschen die Größe dieser Pflanze anpassen. Jetzt werde ich das Haus einfach zeichnen. Vor dem Haus können wir einen Busch zeichnen, so dass das Design nicht zu flach ist. Jetzt wählen wir einen Busch aus und füllen ihn weiß, um zu sehen, wie er aussieht. Perfekt. Jetzt ist es Zeit , die [unhörbar] zu zeichnen. Wir werden sie von hinten ziehen und in den Horizont schauen, mit ihren Haaren, die im Wind wehen. Vermeiden Sie es, viele Linien für den gleichen Strich zu erstellen. Je sauberer die Skizze, desto besser. Normalerweise zog ich es vor, die Skizze traditionell mit Bleistift und Papier zu zeichnen und dann zu scannen. Aber in diesem Fall habe ich beschlossen, es direkt in Illustrator zu tun , damit Sie den Prozess in Echtzeit verfolgen können. Wie Sie sehen können, sind die Referenzbilder nur diese Referenzen. In keinem Fall geht es darum, die Entwürfe anderer zu kopieren. Stattdessen suchen wir nach Inspiration. 6. Machen wir uns an den Entwurf!: Lassen Sie uns beginnen, unser Projekt zu entwerfen. Wählen Sie zuerst die Skizze aus und färben Sie sie rot. Außerdem werden wir zum Beispiel die Deckkraft der Skizze auf 40 Prozent senken. Auf diese Weise können wir ganz einfach neue Designs unterscheiden. Wir werden auch die Schichten sperren, um Fehler zu vermeiden. Wir fangen mit der Pflanze an, die unten links ist. Wir erstellen eine neue Ebene und benennen sie. Wir wählen das Zeichenstift-Werkzeug aus und beginnen mit der Erstellung einer geraden Linie. Ein Trick, um es einfacher zu gestalten, ist es, es in einer vertikalen Position zu tun und nach dem Entwerfen, können wir es drehen und an Ort und Stelle setzen. Wir werden mit einem schwarzen Strich und einem weißen Feld arbeiten, also machen wir uns vorerst keine Sorgen um Farben. Wir wählen die Linie aus und erweitern die Größe des Strichs zum Beispiel ein wenig auf sechs. Als nächstes werde ich das Blatt der Pflanze erstellen. Wir duplizieren das Blatt, drehen es und platzieren es. Jetzt duplizieren wir das Blatt erneut, aber dieses Mal müssen wir zusätzlich zur Alt-Taste die Umschalttaste gedrückt halten, damit wir beim Duplizieren einer perfekten geraden Linie folgen. Wenn wir nun eine Tastenkombination Control D oder Befehl D auf Mac drücken, wird das Blatt mehrmals nach dem gleichen Pfad wie das letzte Duplikat, das wir gemacht haben, dupliziert . Wir wählen die Blätter aus und gruppieren sie, klicken Sie mit der rechten Maustaste auf „Gruppe“. Wir duplizieren die Gruppe und drehen das Blatt horizontal. Klicken Sie mit der rechten Maustaste auf „Transformieren“, „Reflektieren“, wählen Sie die vertikale Achse und drücken Sie auf die Schaltfläche „OK“. Wir wählen die gesamte Pflanze aus und gruppieren sie. Wir drehen es ein wenig und setzen es an Ort und Stelle. Jetzt werden wir die Ebene duplizieren, anstatt die Pflanze direkt zu duplizieren , so dass sich jede Pflanze auf einer separaten Schicht befindet. Um dies zu tun, gehen wir zum Ebenenbedienfeld, klicken oben rechts und duplizieren die Ebene. Wir doppelklicken auf die duplizierte Ebene und benennen sie. Wir gehen zu der Pflanze, die wir dupliziert haben, wir platzieren sie und wir skalieren ihre Größe. Ich werde die Reihenfolge der Ebenen im Ebenenbedienfeld ändern , um eine kleine Pflanze vor die große zu platzieren. Perfekt. Wir haben unsere Anlagen bereits entworfen. Ich werde ihre Schichten verstecken, damit sie uns nicht belästigen. Lasst uns mit dem Haus fortfahren. Wir erstellen eine neue Ebene und benennen sie. Wir wählen das Zeichenstift-Werkzeug aus und beginnen es zu entwerfen. Für den Kamin werden wir ein Rechteck erstellen. Wir duplizieren es, um ihm eine Perspektive zu geben. Ich werde die Strichgröße ein wenig anpassen. Das spielt keine Rolle, denn unser endgültiges Design wird keinen Strich haben. Aber ich finde es beim Entwerfen angenehmer für das Auge. Um die Tür zu erstellen, erstellen wir ein Rechteck. Wir wählen einen der Punkte, die in den Ecken angezeigt werden , und während wir die Umschalttaste gedrückt halten, drücken wir auf diesen anderen Führungskreis und ziehen. Auf diese Weise runden wir nur die ausgewählten Ecken und erstellen eine Linie mit dem Stift-Werkzeug, um die Tür zu beenden. Wir wählen die beiden Linien aus, die die Tür bilden, und gruppieren sie. Als nächstes duplizieren wir die Tür und legen sie auf die Seite. Mit einem Direktauswahlwerkzeug ändern wir die Position des Ankerpunkts. Um dies zu tun, wählen wir einfach die Punkte und ziehen und wir fügen eine horizontale Linie hinzu. Nun, die Tür ist zu einem Fenster geworden. Wir wählen alle Elemente des Fensters und gruppieren es und duplizieren es, um ein anderes Fenster zu erstellen. Hier ist eine Zeile mit einem kleinen Fehler. Es hat eine Kurve, die wir nicht wollen. Um es zu entfernen, klicken Sie mit der rechten Maustaste auf das Zeichenstift-Werkzeug und wählen das Winkelpunkt-Werkzeug. Wir klicken auf den Winkelpunkt, der eine Kurve angewendet hat, und es ist gelöst. Um mit unserem Haus fertig zu werden, werden wir sehr schnell einen Busch mit dem Bleistift-Werkzeug erstellen. Wir werden unser Führerhaus bereit haben. Im Ebenenbedienfeld blenden wir die Ebene aus. Jetzt gehen wir für die Sonne und die Wolken. Wir schaffen eine neue Schicht für die Sonne. Wir wählen das Ellipsen-Werkzeug aus, und wir erstellen einen perfekten Kreis, indem Sie ziehen, während Sie die Umschalttaste gedrückt halten. Wir sperren die Ebene und erstellen eine neue Ebene für die Wolken. Wieder einmal werden wir sie mit dem Stiftwerkzeug entwerfen. Wir können sie tatsächlich viel schneller mit dem Bleistift-Werkzeug entwerfen. Ich benutze ein Bleistift-Werkzeug viel, um diese Art von organischen Formen zu entwerfen. Immer noch in den Wolken verwende ich das Stift-Tool, weil ich denke, dass es wichtig ist, sich mit diesem Tool vertraut zu machen. Sobald wir unsere Cloud bereit haben, müssen wir sie nur duplizieren, platzieren und ihre Größe ändern, wie wir es in der Skizzenlektion getan haben. Wir sperren die Ebene und erstellen die Ebene, Land 1. Wieder wählen wir das Zeichenstift-Werkzeug aus. Wir sperren den Layer erneut und erstellen eine neue Ebene. Wir nennen es Land 2. Lassen Sie uns ein wenig hineinzoomen, um es besser zu sehen. Diese Form wird unter dem Gras der Land 2 Schichten sein, so dass wir uns keine Sorgen über die Bereiche machen müssen, die nicht zu sehen sind. Das gleiche für diese Form, wird unter dem Gras gehen. Wir wählen die beiden Formulare aus, klicken Sie mit der rechten Maustaste, „Anordnen“, „Nach hinten senden“. Wir fahren mit dem gleichen Prozess fort. Sperren Sie den Layer, und erstellen Sie einen neuen Layer. In diesem Fall werden wir einen Schatten des Landes 2 Schicht erstellen. Die Schattenebene muss sich unterhalb der Ebene der Landnummer 2 befinden, daher ziehen wir sie aus dem Ebenenbedienfeld darunter . Jetzt müssen wir nur noch eine Schicht für das Wasser und eine andere für die Berge schaffen. Die Wasserschicht muss unter beiden Landschichten liegen, also ziehen wir sie unter sie. Wir wählen das Rechteck-Werkzeug aus und erstellen das Wasser. Zum Schluss zeichnen wir die Berge. Wir ziehen die Schicht unter die Wasserschicht. Um sie schneller zu zeichnen, werden wir es mit einem Bleistift-Werkzeug tun. Wir werden eine weiße Ablage hinzufügen, um besser zu sehen , welche vorne und welche hinten ist. Wir können sie platzieren, wie wir bereits gesehen haben, indem Sie mit der rechten Maustaste auf „Anordnen “ klicken und eine der Optionen auswählen oder direkt aus dem Ebenenbedienfeld. Jetzt müssen wir nur die Ebenen aktivieren, die wir ausgeblendet haben, und sie in der richtigen Reihenfolge platzieren. Im Moment sind die Striche nicht gerade. Einige sind dicker als andere, aber machen Sie sich keine Sorgen, denn wenn wir Farbe auf das Feld anwenden, verschwinden die Striche. Bevor ich es vergesse, speichern wir das Projekt. Wir gehen zu Datei, Speichern unter, und speichern Sie das Projekt. 7. Machen wir uns an den Entwurf 2: Hallo, schon wieder. In dieser Lektion werden wir unser Projekt weiter gestalten. Es ist Zeit, den Charakter zu entwerfen. Zuerst werden wir alle Layer ausblenden, außer der Skizze. Wir blockieren den Skizzier-Layer, und jetzt können wir den Referenz-Layer löschen. Wir werden den Körper des Charakters für dieses Projekt nicht animieren, aber wir animieren die Haare und das T-Shirt, das vom Wind bewegt wird. Wir werden die Haare und das Stück des T-Shirts vom Rest des Körpers durch Schichten trennen . Zurück zu unserem Design gehen wir zu unserem Ebenen-Panel. Erstellen Sie eine neue Ebene, und nennen Sie sie „Character“. Ich beginne immer gerne mit der Gestaltung des Kopfes. Dafür werden wir ein Rechteck erstellen. Wir ziehen von einem der vier Punkte, die in den Ecken angezeigt werden, um alle Rechteck-Ecken zu runden. Perfekt. Wir kommen ein wenig näher und schaffen auch ein Ohr mit den Lippen. Wir wählen es aus, ordnen richtig an, senden rückwärts. Wir entwerfen den Rest des Körpers mit einem Stift-Werkzeug, nach der gleichen Methode, die ich Ihnen zuvor gezeigt habe. Um es uns leichter zu machen, gestalten wir den Körper in Teilen, den Hals, den Körper, die Arme. Wir können die Hand mit einem Bleistiftwerkzeug zeichnen. Wir werden eine sehr einfache Hand machen. Wir sind nicht auf der Suche nach einer Hand mit viel Detail. Denken Sie daran, dass wir die Striche mit dem Direktauswahlwerkzeug retuschieren können. Wir wählen den vollständigen Arm aus und duplizieren ihn. Wir reflektieren es, wir klicken mit der rechten Maustaste, transformieren, reflektieren, vertikale Achse, okay. Wir fahren mit den Beinen fort. Wir werden das Becken auf der einen Seite und die Beine auf der anderen zeichnen, um es einfacher zu machen. Mit einem Bleistift verfolgen wir das Becken. Als nächstes erstellen wir ein Rechteck für die Beine und runden es ab. Wir duplizieren das Bein und legen es an Ort und Stelle. Perfekt. Wir haben es fast. Wir werden einige Details anwenden, um unsere Illustration zu verbessern. Zuerst werden wir den Hals verbessern. Wir zoomen mit dem Zoomwerkzeug, um besser zu sehen. Mit dem Stift-Werkzeug schattieren wir den Hals des T-Shirts. Perfekt. Jetzt werden wir einen Schatten auf den Hals auftragen. Wir schaffen einen Schattenpfad. Der Kopf und die Ohren sollten oberhalb des Halses sein. Um dies zu lösen, wählen wir den Kopf und das Ohr aus und bringen sie mit einem Rechtsklick nach vorne. Auswahl arrangieren, nach vorne bringen. Wir können einen Gürtel hinzufügen, um ihr ein hübsches Aussehen zu geben. Großartig. Wir haben es schon. Jetzt müssen wir nur die Haare und ein T-Shirts erstellen, die sich mit dem Wind bewegen. Wir werden die Charakterebene sperren und eine neue Ebene erstellen, die wir Haare nennen werden. Um die Haare zu entwerfen, erstellen wir ein Rechteck. Wir runden es und legen es auf den Kopf. So einfach ist es. Wir erstellen eine neue Schicht für das T-Shirt. Wir erstellen nur ein Dreieck mit dem Bleistift. Auf die gleiche Weise wie mit den Haaren werden wir es mit After Effects formen. Wir werden bereits unser komplettes Design haben. Wir aktivieren den Rest der Ebenen, um alles sehen zu können. Ich bin sehr zufrieden mit dem Ergebnis. 8. Farbpaletten: Denken in Farben ist nicht immer eine leichte Aufgabe, aber keine Sorge, ich werde Ihnen einige nützliche Werkzeuge zeigen. Zuerst haben wir Google-Bilder oder Pinterest. Wir können Farbpaletten finden, die mit unseren Interessen zusammenhängen, die uns sicherlich inspirieren werden. Auf der anderen Seite finden wir sehr fortschrittliche Werkzeuge wie Coolors. Es ist eine fantastische Website, auf der wir unsere eigenen Farbpaletten erstellen oder einfach zwischen den bereits erstellten Paletten blättern können. Das Web ist intuitiv und führt Sie Schritt für Schritt, wenn Sie Ihre eigenen Farbpaletten erstellen möchten. Abschließend möchte ich die Adobe Color erwähnen. Von seiner Website können wir Farbpaletten aus Bildern extrahieren. Über die Option Explore können wir diese Suchmaschine verwenden, um zu finden, was wir suchen, eine weitere sehr interessante Option. Es stimmt zwar, dass es sehr hilfreich ist, eine Farbpalette als Referenz zu haben, Sie können auch Farbe, während Sie gehen. Diese Methode bietet Ihnen die Freiheit, kreativer zu sein, und Sie werden in der Lage sein, Farbe nach Ihren Empfindungen anzuwenden. Für dieses Projekt werden wir eine Farbpalette verwenden , die wir zuvor in einem anderen Projekt verwendet hatten. Wir haben die Farbpaletten in einer anderen Datei vorbereitet. Wir gehen einfach zu Datei, platzieren alle Teile der Farbpaletten in die Datei, an der wir arbeiten. Wir platzieren es auf der Oberseite, wo es bequemer ist. 9. Farben und Farbverläufe: Wir können jetzt anfangen zu färben. Wir beginnen damit, unseren Charakter zu färben. Wir blockieren alle Ebenen außer der eines unserer Charaktere. Wir müssen nur die Rahmenteile auswählen. Sie mit dem Pipettenwerkzeug NehmenSie mit dem Pipettenwerkzeugdie Farben aus der Farbpalette. Wir färben weiter. Wir wählen und färben die ganze Zeit so. Wir werden die Schichten der Haare und des T-Shirts freischalten, um sie auch zu färben. Perfekt. Wir haben bereits unseren fertigen Charakter. Es scheint, dass es einige kleine Designfehler gibt. Ich werde die Gelegenheit nutzen, um sie in Ordnung zu bringen. Mit Farbe schätzen wir diese Fehler viel besser. Mit Hilfe des Direktauswahlwerkzeugs haben wir diese Details optimiert. Als nächstes werden wir das Haus färben. Wir verfolgen weiterhin den gleichen Prozess. Ich würde dieses Braun ändern, da es zu dunkel ist. Das ist besser. Indem ich Farbe auf die Tür auftrage, muss ich den Strich entfernen. Dort wählen wir den Strich aus und wenden Farbe auf ihn an, und wir erhöhen seinen Wert. Wir wählen Fenster aus und nehmen die Farben der Tür. Für die Fenster werde ich die Größe des Schlaganfalls ein wenig reduzieren. Jetzt, da ich die Gehäusefarbe sehe, habe ich das Gefühl, dass etwas fehlt. Ich werde dem Dach mit dem Stiftwerkzeug Details hinzufügen. Perfekt. Jetzt ist es viel besser. Wir blockieren die Schicht des Hauses und fahren mit den Pflanzen fort. Hier ist ein kleiner Unterschied: Bei der Auswahl der Pflanze können wir sehen, dass sie gruppiert ist. Wir müssen das Direktauswahl-Werkzeug oder das Gruppenauswahl-Werkzeug verwenden , um die Pflanzen separat auszuwählen. Wir werden das Gruppenauswahlwerkzeug auswählen , das für diese Art von Aufgabe am besten geeignet ist. Wir machen dasselbe mit der anderen Pflanze. Wir wählen die Pflanzen aus und färben sie. Ich habe versehentlich den Stamm der Pflanze gefärbt. Um dies zu lösen, wähle ich den Stamm der Pflanze aus, und mit dem Pipettenwerkzeug wähle ich den gleichen Weg wie die andere Pflanze. Wir färben weiterhin den Rest der Landschaft mit dem gleichen Prozess. Wählen Sie aus und nehmen Sie mit dem Pipettenwerkzeug die Farben aus der Farbpalette. Es scheint, dass ich vergessen habe, den Busch des Hauses zu färben. Ich habe mich nicht ganz daran erinnert, in welcher Schicht es war. Ich werde alle Ebenen für einen Moment freischalten, um zu sehen. Perfekt. Es ist die Hausschicht. Ich sperre auch gerne die Ebenen, die ich nicht verwende. Auf diese Weise vermeiden wir die Färbung in der falschen Schicht, und wir haben alles gut organisiert. Für die Schattenebene können wir beispielsweise eine schwarze Farbe anwenden und eine Deckkraft von 20 Prozent anwenden. Wir färben weiter nach dem gleichen Prozess. Jetzt müssen wir nur Farbe auf Sonne und Wolken auftragen. Aber zuerst werden wir eine Ebene für den Himmel hinzufügen, die wir in der vorherigen Einheit vergessen haben. Wir benennen die Ebene und erstellen ein Rechteck. Jetzt werden wir die Sonne färben. In den Wolken werden wir ein paar von ihnen nur mit einem Strich färben , um unserer Illustration eine andere Note zu verleihen. Wir werden die Ecken umrunden und direkt vom Weg hinzufügen. Wenn wir näher kommen, können wir die abgerundeten Kanten besser sehen. Wir färben den Rest der Wolken Weiß ohne Striche und setzen die Deckkraft auf 40 Prozent. Wir werden schon alles gefärbt haben. Wir sehen jedoch, dass alles zu flach ist. Wir werden einige Farbverläufe hinzufügen, um das Aussehen zu verbessern. Wir wählen den Himmel aus und öffnen das Verlaufsfenster. Wenn Sie nicht direkt in Ihrem Arbeitsbereich sehen können, können Sie zu Fenster, Farbverlauf wechseln. Aus dem Panel erstellen wir einen linearen Farbverlauf, indem Sie hier klicken. Wir haben die Farbverläufe über den Strich angewendet. Ich werde den Strich entfernen, und dann werde ich die Füllung auswählen. Wenn wir nun einen linearen Farbverlauf erstellen, wird er auf die Füllung angewendet. Wir wählen den schwarzen Zyklus aus. Mit dem Farbwähler wählen wir die Farbe des Himmels aus der Farbpalette aus. Wir lassen den anderen Zyklus weiß. Wenn wir die Farbe ändern wollten, konnten wir auf den Zyklus doppelklicken. den Optionen des Bedienfelds Wählen Sie inden Optionen des Bedienfeldsbeispielsweise den RGB-Modus, und ändern Sie die Farben nach Ihren Wünschen. Als nächstes wählen wir das Verlaufswerkzeug aus. Wir klicken und ziehen, um den Farbverlauf in die gewünschte Richtung zu erstellen. Wir können uns schnell bewegen und ändern. Ich möchte auch einen Farbverlauf über die Wasserschicht auftragen. Wir wählen es aus, und um Zeit zu sparen, kopieren wir den Himmelsverlauf mit dem Pipettenwerkzeug. Auch hier konfigurieren wir mit einem Verlaufswerkzeug den Farbverlauf. Perfekt. Schließlich werden wir auch das gleiche mit dem Land tun 2 Schichten braune Form. Wieder erstellen wir einen linearen Farbverlauf und färben den Farbverlauf. Wir doppelklicken auf den Zyklus und öffnen die Farboptionen. Wir wählen die HSB-Option, um den Farbton komfortabler zu modifizieren. die Werte anpassen, geben wir ihm einen helleren Ton. Wieder, mit einem Verlaufswerkzeug, erstellen wir den Farbverlauf nach unseren Wünschen. Ich werde die Schattierungen des dunkelbraunen etwas anpassen. Wir wählen die andere braune Form aus, und mit dem Pipettenwerkzeug nehmen wir die Verläufe, die wir zuvor konfiguriert haben. Das war's. Wir haben bereits unser Farbdesign. 10. Dateien für AE vorbereiten: Jetzt müssen wir nur alles organisieren, um das Design in After Effects zu importieren. Wir haben während des Entwurfs alles durch Ebenen getrennt, so dass wir nicht viele Anpassungen vornehmen müssen. Wenn man sich die drei Berge anschaut, befinden sie sich in der gleichen Schicht. Wir werden zwei neue Ebenen erstellen, um unsere Berge durch Schichten zu trennen und die Lichter ihnen leichter in After Effects zu ermöglichen. Wir werden auch den Busch in eine neue Ebene aufteilen , um die Schatten ohne Probleme anzuwenden. Die Wolken werden weder animiert noch werden wir einen Effekt auf sie anwenden, so dass wir sie alle in der gleichen Ebene lassen können. Der Rest der Elemente ist perfekt organisiert. Wir müssen uns nur darum kümmern, die Elemente, die animiert werden, in Ebenen zu trennen und auf die wir Details auf der Illustrationsebene anwenden werden. Wir haben unsere Datei bereits bereit, sie in After Effects zu importieren. 11. Tastaturbefehle in AE: Hallo, da. In dieser Lektion werden wir über Verknüpfungen sprechen. Die am häufigsten verwendeten Tastenkombinationen beziehen sich auf die Eigenschaften der Layer und die Werkzeuge, die wir am häufigsten verwenden. Lassen Sie uns sehen, wie Sie die Layer-Eigenschaften mit einem einzigen Klick öffnen. Drücken Sie A für den Ankerpunkt, P für die Position, S für die Skala, R für die Drehung, T für die Deckkraft. Wenn wir die Umschalttaste gedrückt halten, stehen wir gleichzeitig in mehreren Eigenschaften auf. Jetzt werden wir sehen, wie Sie auf die wichtigsten Werkzeuge mit einem Tastendruck zugreifen können. Drücken Sie V für das Auswahlwerkzeug, halten Sie Platz für das Handwerkzeug, Z für das Zoomwerkzeug, W für das Drehwerkzeug und Y für das Schwenkwerkzeug hinter dem Werkzeug. Es geht um das Üben. Ich habe Ihnen eine PDF-Datei mit den nützlichsten Verknüpfungen hinterlassen, damit Sie sie herunterladen können. 12. Licht: In dieser Lektion werden wir beginnen, einige Lichter für unsere Illustration zu entwerfen . Bist du bereit? Wir müssen einfach den gesunden Menschenverstand nutzen, um die Lichter an den Stellen, an denen die Sonne trifft, und die Schatten in den Bereichen, in denen sie nicht gelangen kann, anzuwenden . In der Animation ist es nicht notwendig, eine 100 realistische, und manchmal können wir mit den Lichtern spielen, um unsere Illustration interessanter zu machen. Zum Beispiel haben wir in unserer Animation unseren Charakter mit einem leichten Schein hervorgehoben, um den Beleuchtungsmoment zu betonen , den sie beim Betrachten dieser wunderschönen Landschaft spürt. Wir haben auch beschlossen, die gegossenen Schatten wegzulassen, so dass das Design sauberer ist, bis auf den gegossenen Schatten, der im Wasser reflektiert wird. Dank der Steigungen, die wir in früheren Lektionen verwendet haben, konnten wir auch die Illusion erzeugen, dass Sonnenlicht im Wasser reflektiert wird. Öffne eine neue 1.920 mal 1.080 Komposition. Benennen Sie es, geben Sie ihm zum Beispiel 24 Bilder pro Sekunde und eine Dauer von 20 Sekunden. Jetzt ist es an der Zeit, unser Adobe Illustrator Design zu importieren. Um eine Datei zu importieren, doppelklicken Sie auf das Projektfenster, wählen Sie die Datei aus. In der Option Importieren als müssen Sie Komposition Layergrößen beibehalten auswählen. Ziehen Sie die importierte Komposition in die Hauptkomposition. Geben Sie die Komposition mit einem Doppelklick ein. Beginnen wir mit dem Auftragen eines Glühens auf die Sonnenschicht. Dazu wählen wir die Ebene aus, klicken Sie mit der rechten Maustaste auf Layerstile und wenden Innenglühen an. Wenn wir auf die Inner Glow Konfigurationsoptionen zugreifen, sehen wir, dass es viele Optionen zu konfigurieren hat. Wir werden ihre Werte ändern, bis wir die gewünschten Ergebnisse erzielen. Zuerst werden wir eine Rauschtextur anwenden, zum Beispiel 17 Prozent. Lasst uns etwas näher kommen, um zu sehen, was wir auf der Sonnenschicht besser machen. Wir können die Farbe des Glühens ein wenig ändern. Wir haben die Größenoption erhöht, um die Helligkeit deutlicher zu machen. Wir haben unserer Sonne bereits Glanz mit einer Rauschtextur hinzugefügt, die ich persönlich sehr mag. Wenn wir die Quelloption ändern, können wir die Helligkeit von der Mitte aus erscheinen lassen. Aber wir lassen es besser so, wie es war. Großartig. Wieder wählen wir die Ebene aus, klicken Sie mit der rechten Maustaste und wir wenden einen anderen Ebenenstil an, in diesem Fall Äußeres Glühen. Hier werden wir einfach die Größenoption erhöhen. Um Zeit zu sparen und produktiver zu sein, kopieren wir die Inner Glow Konfiguration, die wir in der Sonne angewendet haben , und fügen Sie sie in die Berge ein. Um dies zu tun, wählen wir Inner Glow und mit Control C oder Command C auf dem Mac kopieren wir es. Als nächstes wählen wir die Ebenen der Baumberge aus und mit Control V oder Befehl V auf Mac fügen wir sie ein. So einfach. Wir haben Lichter auf unsere Berge angewendet. Jetzt werden wir alle Ebenen des Charakters in einer neuen Komposition zusammenfügen. Um dies zu tun, wählen wir die Charakter-, Haar- und T-Shirt-Schichten aus. Klicken Sie mit der rechten Maustaste, erstellen Sie. Wir geben ihm einen Namen und klicken auf OK. Perfekt. Jetzt können wir die Lichter auf die neue Komposition anwenden. Wie wir es vorher getan haben, wenden wir einen inneren Glanz auf unseren Charakter an und wir konfigurieren jede Option nach unseren Wünschen. Wenn der Effekt „ Inneres Leuchten“ angewendet wird, wird er über den gesamten Rand der Figur angewendet, sodass der untere Teil nicht sichtbar ist. Wir bewegen unseren Charakter um einen Liter runter. Jetzt werden wir Lichter auf der Lampe auf Schicht mit einer anderen Methode anwenden. Bevor wir diese Methode anwenden, müssen wir jedoch sicherstellen, dass kein Element für einen Körper ausgewählt ist, der eine Maske erstellt. Für diese gehen wir zu Bearbeiten, deaktivieren Sie alle. Wählen Sie nun das Stiftwerkzeug und wir zeichnen die Form unserer Lichter. Wir müssen einige Effekte auf die Form anwenden, die wir erstellt haben. Wir gehen zum Bedienfeld „Effekte und Voreinstellungen“. Wenn Sie es nicht sehen können, wechseln Sie zu Windows, Effekten und Voreinstellungen. Jetzt suchen wir nach dem Fast Box Unschärfe-Effekt, und mit einem Doppelklick wenden wir ihn auf die ausgewählte Ebene an. Wir setzen den Unschärfenradius Wert, wir geben ihm zum Beispiel eine 27. Als nächstes wenden wir den Streueffekt an und erhöhen den Streubetrag auf 50. Zum Abschluss wenden wir den Effekt „Matt einstellen“ an. In der Option „Matte aus Ebene festlegen“ wählen wir die Ebene aus, auf die wir die Lichter anwenden möchten, in diesem Fall die Land-2-Ebene. Damit dieser Effekt gut funktioniert, müssen wir auf das Land zwei Schicht gehen und die kontinuierlich gerasterte Box aktivieren. Als nächstes ziehen wir unsere Formebene knapp über das Land zweischichtig. Wir klicken auf Toggle Switches Modi und wenden den Overlay-Modus an, und wir werden es bereits von unseren Lichtern erstellen lassen. Wenn wir einen Schatten erstellen wollten, anstatt ein Licht zu erzeugen, müssen wir nur den weißen Kragen der Formebene in eine dunkle Farbe ändern. Ok. Jetzt werden wir die gleiche Methode auf dem Land eine Schicht anwenden. Wieder heben wir alle auf und zeichnen die Form unserer Lichter. Wir wählen alle Effekte aus, die wir in der vorherigen Ebene angewendet haben, und kopieren sie und fügen sie in die neue Formebene ein, die wir erstellt haben, und wir ändern ihre Konfiguration. In der Option „Matte setzen“ nehmen wir „Matte“ von der Ebene Land eins. Wir gehen auf das Land eine Schicht und aktivieren die Option „kontinuierlich rastern“. Wir ziehen die Ebene knapp über dem Land eine Ebene und wenden den Overlay-Modus an, und wir haben bereits alle unsere Lichter angewendet. 13. Schatten: Hallo, Jungs. In dieser Lektion werden wir weiterhin Details zu unserem Design hinzufügen. Sehen wir uns nun an, wie man Schatten hinzufügt. In der vorherigen Lektion haben wir bereits eine der Methoden zum Hinzufügen von Schatten gesehen. Denken Sie daran, es war die gleiche Anstrengung, die wir verwendet haben, um Lichter zu zeichnen, aber die Farbe für unsere dunkelste Farbe zu ändern. Jetzt werden wir eine andere Methode sehen, um Schatten einfach hinzuzufügen. Wir wählen den Haus-Layer aus und wenden den inneren Schatten des Layerstils an. Wie wir es mit dem Rest des Ebenenstils getan haben, werden wir seine Optionen nach unseren Wünschen konfigurieren. Wir werden die Distanz erhöhen. Wir erhöhen die Größe. Im Moment ist das Licht unten, aber die Linie muss oben sein. Um dies zu lösen, werden wir den Winkel ändern. Natürlich können wir unseren Schatten auch Rauschen hinzufügen. Ich werde die Deckkraft etwas senken, damit sie nicht so dunkel wird. Wir kopieren den inneren Schatten des Ebenenstils. Als nächstes wählen wir die Land-2-Schicht aus und fügen sie ein. Auch hier konfigurieren wir die Optionen, bis wir die gewünschten Ergebnisse erzielen. Wir können den Winkel, die Größe, den Abstand ändern und natürlich Rauschen hinzufügen. Wir werden den Pflanzen Schatten hinzufügen. Wir wählen die Pflanzen eine Schicht aus und fügen die innere Schattenkonfiguration des Hauses wieder ein und wir passen die Einstellungen an. Wir werden die Pflanzen ein wenig dunkler als die Hintergrundelemente machen. Bereit. Kopieren Sie den inneren Schatten und fügen Sie ihn auf die Schicht der Pflanze 2 ein. Wir entfernen die Lichter von oben, indem den Winkel ändern und den Abstandswert erhöhen. Perfekt. Jetzt werden wir einige Anpassungen mit Hilfe des Farbtonsättigungseffekts anwenden, um die Intensität der Lichter in einigen der Ebenen zu reduzieren, und wir reduzieren den Wert der Master-Leichtigkeit, so dass es sich lohnt. Wir kopieren den Effekt, wir steuern C oder Befehl C in Mac und fügen ihn auf die Pflanzen 1 Schicht. Nun wählen wir die Zeichenebene aus und fügen den Farbtonsättigungseffekt erneut ein. Wir ändern den Wert der Master-Leichtigkeit ein wenig. Ich werde die Einstellungen für „Inneres Leuchten“ aus der vorherigen Lektion anpassen. Wir wählen die Hausschicht aus und wenden den Farbtonsättigungseffekt erneut an. Wir kopieren den Effekt und fügen ihn auf die Buschebene ein. Wir werden den inneren Schatten in der Buschschicht auftragen. Wir passen ihre Werte an, bis wir die gewünschten Ergebnisse erzielen. Wir werden auch die Buschdrehung ein wenig anpassen. Es gibt das Gefühl, dass es ein wenig gedreht ist. Vielleicht war es zu dunkel, Ich werde eine schnelle Anpassung an die Ebenen , die wir den Farbton Sättigung Effekt angewendet haben. 14. Texturen: In den vorangegangenen Lektionen haben wir bereits verschiedene schöne Texturen angewendet, dank der Ebenenstile. In dieser Lektion zeige ich Ihnen einige weitere Techniken, um Texturen zu Ihren Illustrationen hinzuzufügen. Wir werden dieses Bild als Textur für unseren Himmel anwenden. Von Seiten wie pixabay.com können Sie Bilder kostenlos herunterladen, um Ihre eigenen Texturen zu erstellen. Auf pexels.com finden Sie auch exzellentes Material sowie in unsplash.com. diesen drei Webseiten finden Sie Hunderttausende von kostenlosen, qualitativ hochwertigen Bildern, die Sie in Ihren Projekten sowohl für den persönlichen als auch für den kommerziellen Gebrauch verwenden können. Perfekt. Lassen Sie uns das Bild in After Effects importieren. Wir ziehen es knapp über die Himmelsebene und wenden den Mischmodus weiches Licht darauf an. Denken Sie daran, dass Sie nur auf die Option „Schalter wechseln Modus“ klicken müssen, wenn Sie diese Optionen nicht sehen können. Später werde ich Ihnen beibringen, diese Textur auf sehr einfache Weise zu animieren. Lassen Sie uns jetzt einen Filter erstellen. Wir gehen zu Layer, Neu, Solid, benennen sie und wenden eine Farbe an, zum Beispiel eine Orange. Klicken Sie auf „Akzeptieren“. Wir wenden die Layer-Modi Overlay an. Der Layer muss sich über allen anderen befinden, damit der Filter über das gesamte Design angewendet werden kann. Perfekt. Jetzt wenden wir eine Deckkraft von 20 Prozent an. Wenn wir unsere Ebene aktivieren und deaktivieren, können wir sehen, dass wir einen Filter auf eine sehr einfache Weise angewendet haben. Schließlich werden wir eine leichte schöne Textur zu unserem Design hinzufügen. Wir erstellen erneut einen neuen Volumenkörper, benennen ihn und wenden ein 50-Gray darauf an. Wir versetzen die Ebene in den Overlay-Modus, und dann wenden wir den Rauscheffekt an. Wir werden eine Menge Lärm von 10 Prozent anwenden, und das war's. Wir haben unsere fertige Illustration. Genießt du den Kurs? Bitte folgen Sie mir auf Skillshare, damit Sie keines meiner kommenden Kurse verpassen werden. 15. Machen wir uns ans Animieren 1: Jetzt, da wir unsere Illustration bereit haben, ist es an der Zeit, auf die nächste Ebene zu gehen sie mit Animation zum Leben zu erwecken. Wir werden anfangen, die Pflanzen zu animieren. Die einfachste Möglichkeit, die Bewegungen von Pflanzen zu animieren, die durch den Wind erzeugt werden , besteht darin, ihre Rotation mit dem Ausdruck Wackeln zu animieren. Aber zuerst werden wir die Ankerpunkte mit Hilfe des Pan Behind Tools platzieren. Denken Sie daran, dass die Ankerpunkte die Achse sind, auf der sich die Pflanzen drehen, also werden wir sie an ihrer Basis platzieren. Perfekt. Jetzt können wir ihre Rotation animieren. Wir müssen auf die Stoppuhr klicken, während Sie die Alt-Taste gedrückt halten , um einen Ausdruck anzuwenden. Als nächstes schreiben wir den Wiggle-Ausdruck. Mit dem ersten Wert bestimmen wir die Frequenz pro Sekunde, bei der unsere Bewegung stattfinden wird. Auf den zweiten Wert legen wir die Amplitude der Bewegung fest. Sie können die Werte nach Ihren Wünschen ändern. Wir werden eine Vorschau unserer Animation anzeigen, indem wir 0 auf dem Ziffernblock drücken, um zu sehen, was passiert. Wie Sie sehen können, beginnt die Drehung nach dem Hinzufügen dieses Ausdrucks zufällig von einer Seite zu einer anderen zu bewegen. Perfekt. Jetzt, da wir unsere fertige Pflanze animiert haben, müssen wir nur den Ausdruck kopieren und auf die zweite Pflanze einfügen. Um dies zu tun, klicken Sie mit der rechten Maustaste auf die Rotation Eigenschaft und klicken Sie auf die Option Nur Ausdruck kopieren. Wir wählen Pflanze Nummer 1 und mit Ctrl V oder Cmd V auf Mac fügen wir den Ausdruck ein. Wir sehen uns wieder eine Vorschau. Wir haben bereits unsere zwei animierten Pflanzen. Ich werde sie ein bisschen runterbringen. Jetzt werden wir unseren Charakter animieren. Um dies zu tun, doppelklicken wir innerhalb der Zeichenkomposition. Zuerst werden wir die Haare animieren. Wählen Sie dazu einen Layer aus. Im Fenster „Effekte & Voreinstellungen“ wenden wir den Effekt „Wellenverkrümmung“ an. Lassen Sie uns seine Werte konfigurieren. Wir erhöhen zum Beispiel den Wellenbreitenwert auf 100, und wir erhöhen die Wellengeschwindigkeit ein wenig auf 1,5. Jetzt legen wir die Richtung des Effekts fest. In diesem Fall werden wir simulieren, dass die Luft von der rechten Seite nach links kommt und wir konfigurieren das Pinning am rechten Rand, um fest zu bleiben. Mal sehen, was passiert ist. Schön. Kopieren Sie nun den Effekt und fügen Sie ihn auf das T-Shirt ein. Ich werde die Wellengeschwindigkeit ein wenig für das T-Shirt erhöhen; ich werde es bei zwei belassen. Ich mag es. Um den Haarbewegungen ein wenig Dynamik zu verleihen und sie realistischer zu machen, können wir die Rotationseigenschaft mit einem Wackelausdruck animieren. Aber zuerst werden wir die Ankerpunkte mit Hilfe des Pan Behind Tool lokalisieren. Perfekt. Jetzt klicken wir auf die Stoppuhr, während wir die Alt-Taste gedrückt halten. Als nächstes werden wir den Wiggle-Ausdruck schreiben. Wir haben bereits unseren animierten Charakter. Einfach, richtig? Gehen wir zurück zum Kompositionsdesign. Wir wählen die Schattenebene aus und wenden erneut den Wave-Warp-Effekt an und passen den Wert nach unseren Wünschen an, wie wir es vorher gesehen haben. Die Bewegung des Wassers wird viel glatter sein, daher werden wir die Geschwindigkeit reduzieren. In diesem Fall ist es nicht notwendig, eine der Kanten zu fixieren. Werfen wir einen Blick auf unsere Animation, um zu sehen, wie sie aussieht. Schön. Es bleibt nur übrig, den Rauch zu animieren, der aus dem Schornstein kommt. Dazu werden wir eine einfache Form mit dem Stiftwerkzeug zeichnen. Aber zuerst müssen wir sicherstellen, dass keine Ebene ausgewählt ist, um das Erstellen einer Maske zu vermeiden. Um dies zu tun, gehen wir zu Bearbeiten, Auswahl aufheben. Wir wählen das Stiftwerkzeug aus und erstellen ein Dreieck. Wir entfernen die Füllung und färben den Strich weiß, und wir geben dem Strich einen Wert von 6 an. Es scheint, dass es einen Fehler gibt. Gehen wir zu der Ebene, die wir erstellt haben, um zu sehen, was passiert. Ich kann es sehen. Ich weiß nicht, warum der Strich mit einer Deckkraft von fünf Prozent erstellt wurde; ich werde seinen Wert auf 100 Prozent erhöhen und das war's. Als Nächstes wenden wir bei ausgewählter Ebene den Wave-Warp-Effekt erneut an und konfigurieren die verschiedenen Optionen. Wenn wir versuchen, die Optionen direkt zu konfigurieren, werden wir sehen, dass etwas nicht funktioniert. Dies liegt daran, dass wir die Richtung in die richtige Richtung einstellen müssen. In diesem Fall sollte es nach oben gerichtet werden , da hier der Effekt eintreten soll. Wir konfigurieren das Anheften an der unteren Kante. Wir werden den neuen Layer direkt unter den Haus-Layer ziehen. Wenn wir die Layer-Optionen eingeben, können wir die Formebene ändern, die wir erstellt haben. Wir wählen die Pfadoption und ändern sie schnell. Werfen wir einen Blick. Wir müssen es nur ein wenig verlangsamen; wir suchen nach einer glatteren Bewegung. Großartig. Jetzt müssen wir nur die Textur des Himmels animieren. Um dies zu tun, müssen wir die Position und Rotation alle vier Frames animieren. Es ist unnötig, jeder Reihenfolge zu folgen, wir bewegen und drehen die Textur einfach alle vier Frames. Wir erstellen etwa fünf Keyframes. Die letzten Keyframes müssen mit den ersten übereinstimmen. Daher wählen und kopieren wir die ersten Keyframes und fügen sie ein, um die Schleife korrekt zu machen. Jetzt wählen wir alle Keyframes aus, machen einen Rechtsklick, Toggle Key-Frame halten. Dadurch wird die Interpolation gestoppt, die After Effects automatisch zwischen zwei Keyframes durchführt. Wir wenden einen Ausdruck an der Position an, indem Sie auf die Stoppuhr klicken, während Sie die Alt-Taste gedrückt halten. Wir wenden den Ausdruck loopOut () an, um eine Endlosschleife zu erstellen. Wir kopieren den Ausdruck und fügen ihn in die Rotation ein. Lassen Sie uns das Ergebnis sehen. 16. Machen wir uns ans Animieren 2: Jetzt ist es an der Zeit, die Sonne, die Lichter und Schatten zu animieren . Nachdem Sie die Lichter und Schatten direkt in After Effects angewendet haben, können Sie sie sehr schnell animieren. Lassen Sie uns beginnen, indem wir die Position der Sonne animieren. Wir gehen zum Beispiel zu den zweiten vier und erstellen einen Keyframe. Als nächstes bewegen wir uns zum Anfang der Zeitachse und lassen diese Sonne zwischen den Bergen verschwinden. Ok. Lassen Sie uns die Deckkraft der Himmelstextur animieren. Wir erstellen einen Keyframe und senken seine Deckkraft auf Null. Wir gehen vier Sekunden voraus und erhöhen es auf 100. Jetzt können wir beginnen, die Lichter des Berges zu animieren, eine Ebene. In diesem Fall geben wir die Layer-Stil-Optionen ein und erstellen erneut einen Keyframe in der Größenoption, in den zweiten vier bewegen wir uns zum Anfang der Timeline und senken den Wert, um Null zu sehen. Um den Prozess ein wenig zu beschleunigen, wählen wir die Keyframes aus und kopieren sie. Als nächstes wählen wir die Berge zwei und Berg drei Ebenen und fügen die Animation ein. Werfen wir einen Blick auf unsere Animation. Ich mag es. Wie Sie sehen, können wir die Lichter sehr einfach animieren. Deshalb haben wir sie direkt in After Effects angewendet. Jetzt ist es an der Zeit, das von der Form erzeugte Licht zu animieren. In diesem Fall müssen wir nur die Positionseigenschaft animieren, so einfach wie das. Denken Sie daran, dass Sie dieses Symbol hier auswählen müssen, um den Pfad des Layers zu sehen. Wir machen das gleiche mit seiner Formschicht auch. Gehe zu Sekunde dafür und erstellt an der Position ein Keyframe. Verschieben Sie den Layer an den Anfang, und verschieben Sie ihn auf der vertikalen Achse. Sieht gut aus. Wir haben es fast, wie Sie sehen können, ist es ein sehr einfacher Prozess. Wir können unseren wunderbaren Charakter nicht vergessen. Wir geben die Optionen Inner Glühen ein und animieren die richtige Größe, genau wie wir es mit den Bergen getan haben. Ich denke, ich werde die Intensität des Lichts ein wenig erhöhen , so dass der Effekt auffälliger ist. Wir können auch die Deckkraft des Filters animieren. Wir können alles animieren, was wir wollen. Wir werden alle Keyframes auswählen, die wir erstellt haben. Mit F9 wenden wir Easy Ease an, um die Animationsbewegung zu glätten. Schließlich werden wir den Effekt mit Hilfe einer Einstellungsebene übertreiben. Um es zu erstellen, gehen wir zu Layer, Neu, Anpassungsebene. Diese Ebene muss vor allem die anderen sein, da alle darunter liegenden Schichten von dem Effekt beeinflusst werden, den wir auf sie anwenden. die Ebene ausgewählt ist, wechseln wir zum Effektebedienfeld, Farbkorrektur und wenden den Farbtonsättigungseffekt an. Wir erstellen einen Keyframe in der Kanalbereichseigenschaft und reduzieren den Wert der Master-Helligkeit. Wir stellen vier Frames vor und setzen den Master-Helligkeitswert auf Null zurück. Ich werde die Keyframes auswählen und Easy Ease anwenden und wir haben es bereits, Jungs, unsere voll animierte, schöne Landschaft. Ich liebe es, Adobe Illustrator und After Effects zu kombinieren. Wie Sie sehen, können wir erstaunliche Animationen auf eine sehr einfache Art und Weise erstellen. 17. Nächste Schritte: Möchten Sie neue Illustrations- und Animationstechniken lernen, ich bin mir ziemlich sicher, dass Sie meinen Kurs lieben werden, Collage Animation, kreative Motion Graphics mit Photoshop und After Effects. Ich hoffe, Sie dort zu sehen, wenn Sie diesen Kurs beenden. 18. Rendering: Okay, Leute. Jetzt, da wir unser Projekt bereit haben, können wir es exportieren. Beachten Sie, dass die Komposition, die wir derzeit geöffnet haben, exportiert wird. Wir gehen zu Komposition und wählen „Zu Adobe Media Encoder hinzufügen“. Media Encoder hilft uns, Projekte effizienter zu exportieren. Zuerst wählen wir einen Codec. In diesem Fall werden wir H264 verwenden. Es exportiert das Video in mp4, das am häufigsten verwendete Format für Web-Carbon-Link. In Bezug auf die Ausgabelösung können wir die „Match Source“ wählen. Hohe oder mittlere Bitrate Option, um Fehler zu vermeiden und exportieren Sie sie in der gleichen Größe haben wir an dem Projekt gearbeitet. Wenn wir die Option Hohe Bitraten wählen, wird unsere Datei mehr warten. Im Prinzip gibt es keinen großen Unterschied in der Qualität, so dass Sie eine der beiden Optionen auswählen können. Schließlich haben wir den Speicherort gewählt, an dem wir das Video exportieren und der Datei einen Namen geben. Klicken Sie zum Abschluss hier auf den „Play“ -Button. 19. Letzte Gedanken: Herzlichen Glückwunsch zum Ende dieses Kurses. Danke, dass du hart gearbeitet hast und so weit gekommen bist. Während des Kurses haben Sie viele Dinge gelernt. So erhalten Sie Inspiration, Skizzieren in Illustrator, vektorisieren Sie Ihre Designs auf einfache Weise. Anwenden von Farben und Verläufen, Vorbereiten der Datei für Adobe After Effects, Hinzufügen von Lichtquellen, Schatten und Texturen. Animieren Sie Ihr Design einfach und einige Tipps und Tools, um Ihren Arbeitsprozess zu beschleunigen. Wow, du hast viel Arbeit geleistet. Ich bin so froh, dass du mir erlaubt hast, diese Reise mit dir zu machen. Jetzt ist die perfekte Zeit für Sie, Ihr Design von Grund auf neu zu entwerfen und alles anzuwenden, was Sie in diesem Kurs gelernt haben. Wenn Sie es auch animieren, wird es noch besser sein. Ich werde gerne Ihre Projekte überprüfen, also seien Sie bitte nicht schüchtern und zeigen Sie mir, was Sie haben. Vergessen Sie nicht, Ihre Projekte in die Kursprojektgalerie hochzuladen oder mich in Ihrem Instagram-Beitrag zu markieren. Üben ist der Schlüssel. Als Lehrer kann ich Ihnen den Weg zeigen, aber nur Sie können sich entscheiden, die Reise zu machen. Denken Sie daran, Fehler und Fehler sind Teil dieses Prozesses. Sei freundlich zu dir selbst. Ich lade Sie ein, mein Profil zu besuchen, um alle meine Klassen im Zusammenhang mit der Animationswelt zu entdecken. Ich schätze Ihre Meinung. Wenn Ihnen der Kurs gefallen hat, hinterlassen Sie mir bitte eine Rezension. Ich werde sehr dankbar sein. Ich hoffe, Sie bald wieder in zukünftigen Kursen zu sehen. Danke, und vergiss nicht, mir noch mehr zu folgen.