Illustration und Animation einer Weihnachts-Schneekugel | mit Adobe Illustrator und Photoshop

1. Einführung: Hallo, ich bin Maya und bin wieder da, und ich bin Surface Pattern Designer und Illustrator mit Sitz in Stockholm, Schweden. In dieser Klasse werde ich Ihnen zeigen, wie Sie diese lustige und einfache Schneekugel-Animation erstellen . Wir werden Adobe Illustrator verwenden, um zu zeichnen und Photoshop zu animieren. Ich werde dir meine Art beibringen, was bedeutet, dass du nicht alles in der Animation neu zeichnen musst. Dies ist eine Klasse für Sie, die lernen möchten, wie man schnell Animationen aus Ihren Zeichnungen macht, so dass Sie sie auf Instagram teilen oder als Weihnachtsgrüße an Ihre Freunde und Familie senden können. Bis dahin können Sie in dieser Klasse Ihre eigene Weihnachts-Schneekugel-Animation erstellen, was im Grunde bedeutet, dass Sie Animationen aus allen Zeichnungen erstellen können. Dies ist eine großartige Klasse für beide professionelle Illustratoren, die eine schnelle und einfache Möglichkeit lernen wollen, Animationen der Zeichnungen zu machen. Sowie Sie, die einfach nur eine lustige und digitale Weihnachtsgrußkarte erstellen möchten , die Sie an Freunde und Familie senden können. 2. Schnelle Skizze: Beginnen wir mit einer kurzen Skizze, nur um einige Ideen für die Schneekugel zu bekommen. Was Sie hier herausfinden müssen, ist, was Sie in Ihren Globus aufnehmen möchten und welche Teile davon Sie animieren möchten. Wie Sie sehen können, skizziere ich nur einige Ideen wirklich schnell. Weil es eine Schneekugel ist, weiß ich, dass ich den Schnee fallen animieren möchte, aber vielleicht möchte ich etwas anderes animieren, damit es sich lebendiger anfühlt. Normalerweise halte ich es wirklich einfach und gehe für ein paar nette Details, um meine Zeichnungen zu animieren, und dieses Mal werde ich diese machen. Ich werde den Schnee beleben, der auf die Bäume fällt, und vielleicht kann ich ein paar blinkende Sterne am Himmel hinzufügen. Wenn Sie Ihre Ideen bereit haben. Fahren wir mit der nächsten Lektion fort, in der wir eintauchen und unsere Schneekugel in Illustrator aufstellen werden. 3. Zeichnen in Illustrator: In dieser Klasse werden wir direkt in Illustrator zeichnen. Ich werde die App Astropad auf meinem iPad Pro verwenden, die wie ein Zeichentablett direkt in Illustrator funktioniert. Die App spiegelt nur das, was ich auf meinem Desktop-Bildschirm sehe, auf mein iPad, so dass ich direkt in Illustrator mit meinem Apple-Stift auf dem iPad zeichnen kann. Aber für diese Klasse könnten Sie ein beliebiges Zeichentablett verwenden. Lassen Sie uns in Adobe Illustrator ein quadratisches Dokument erstellen, das 1000 Pixel breit und hoch ist. Normalerweise beginne ich damit, alle Farben außer Schwarzweiß in diesem Farbfeldbedienfeld zu löschen , und füge dann meine Farbpalette hinzu. Ich werde damit beginnen, ein rosafarbenes Quadrat als Hintergrund zu verwenden. Ich benutze das Rechteck, um ein rosa Quadrat 1000 Pixeln zu erstellen und es an der Kunsttafel auszurichten. Ich mache eine neue Ebene zum Zeichnen auf der Hintergrundebene, dann verwende ich das Ellipsenwerkzeug, um einen Referenzkreis zu erstellen , den ich verwenden werde, wenn ich meinen Globus aufstelle. Wenn Sie diesen Schritt mit der Erstellung der Schneekugel überspringen möchten, können Sie die Vorlage verwenden, die Sie in der Klasse herunterladen können. Erstellen Sie eine neue Ebene auf der Kreisebene und beginnen Sie, Ihren Globus zu erstellen. Ich verwende das Blob-Pinselwerkzeug, das mein bevorzugtes Zeichenwerkzeug in Illustrator ist. Wenn ich auf das Werkzeug doppelklicke, kann ich die Einstellungen für den Pinsel vornehmen. Ich benutze auch das glatte Werkzeug, um die Linien ein wenig glatter zu machen, während sie gebraucht werden und wie Sie sehen können, zeichne ich das ziemlich schnell auf. Wenn ich mit dem Globus fertig bin, ich mit dem Zeichnen dieses grüne kleine Ding, auf dem der Globus steht , nur mit dem Blob Pinselwerkzeug und dem Radiergummi Werkzeug, um meine Kanten schön und scharf zu bekommen. In der Welt möchte ich am Nachthimmel, also verwende ich das Shape-Builder-Tool. Wählen Sie einfach alle aus und klicken Sie dann auf die Form, um dieses Teil in Ihrem Objekt zu trennen. Ich mache den Himmel zu einer staubigen schwarzen Farbe. Dann zeichne ich den schneebedeckten Boden mit dem Blobpinselwerkzeug und fülle ihn mit dem Shape-Builder-Werkzeug aus. Ich werde ein paar Bäume in meinem Globus haben, also ziehe ich diese einfach schnell auf und bewege sie ein bisschen um, damit sie ausgewogen aussehen. Wie Sie sehen können, ziehe ich alles ziemlich schnell auf und es macht mir nichts aus, wenn ich zeichne, weil ich die Details später immer reparieren kann, und dafür benutze ich normalerweise das glatte Werkzeug und das Radiergummiwerkzeug. Als nächstes werde ich eine kleine Straße in meinem Globus zeichnen. Ich zeichne eine hellgraue Straße mit dem Blobpinselwerkzeug wieder oben auf dem verschneiten Boden. Das letzte, was ich auf dem verschneiten Boden will, ist ein kleines rotes Häuschen, also wieder, das Blobpinselwerkzeug und das Erstellen eines Rechtecks, um es zu einem Haus zu machen, und ich werde ein rosa Dach und einen kleinen Schornstein auf der Oberseite machen. Natürlich möchte ich ein paar Fenster auf meinem Haus, also mache ich nur ein paar wirklich schnelle, staubige dunkle Fenster und eine Tür, und ich benutze das Radiergummi Werkzeug, um die Details zu reparieren. Ich füge ein bisschen Weiß um die Fenster und die Tür hinzu, damit es wie ein kleines Häuschen aussieht. Ich werde einige Sterne am Himmel hinzufügen, die ich in der Animation blinzeln lassen kann, also verwende ich nur das Sternwerkzeug und füge einige Sterne in meinem Nachthimmel hinzu. Dann schiebe ich sie ein bisschen um, damit es ausgewogen aussieht, vielleicht so etwas. Ich möchte die Sterne ein wenig kleiner machen, also wähle ich sie alle aus und gehe zum Objekt transformieren und transformieren, und dann nehme ich die Skala ein wenig ab. Dann werde ich den Schnee zeichnen, der in meiner Animation auf die Bäume fallen wird. Lassen Sie uns die Schneeflocken hinzufügen, die in den Globus und in meinen Nachthimmel fallen werden. Ich benutze das Blob-Pinselwerkzeug und unsere Zeichnungspunkte, anstatt nur zu klicken, um Punkte zu machen, wie ich möchte, dass sie nicht perfekt rund sind. Wenn Sie möchten, dass Ihre Schneeflocken perfekt rund sind, können Sie einfach mit dem Blob-Pinsel-Werkzeug klicken. Last but not least, Ich werde einen Text für diese hinzufügen, Ich benutze die kostenlosen Google-Fonts Berge von Weihnachten, Ich verlinken Sie es in der Klasse, so dass Sie es herunterladen können, oder wenn Sie meine Vorlage verwenden, der Text „Lassen Sie es Schnee“ ist enthalten die Vorlage. Großartig, ich bin mit dieser Illustration fertig, also haben wir jetzt eine Illustration mit allem enthalten. Wenn Sie bereit sind, gehen Sie zur nächsten Lektion, in der wir einige verschiedene Versionen dieser Illustration erstellen , um sie für die Animation vorzubereiten. 4. Erstellen von Einzelbildern in Illustrator: Um eine Animation davon erstellen zu können, müssen Sie ein paar verschiedene Rahmen Ihrer Illustration erstellen und etwas muss von jedem Frame geändert werden. Das wird es so aussehen lassen, als ob sich Teile der Illustration bewegen. Ich denke, dass der gebräuchlichste Weg, dies zu tun, wenn Sie einfache Animationen machen , darin besteht, verschiedene Versionen Ihrer Illustration zu zeichnen. Aber in dieser Klasse werde ich Ihnen einen schnelleren und einfacheren Weg zeigen, dies mit dem Marionetten-Warp-Werkzeug zu tun und sich auch um Ihre Objekte zu bewegen. Beginnen wir mit der Erstellung einer Kopie Ihrer Zeichnung. Normalerweise kopiere ich die ganze Zeichenfläche. Ich habe das Original gespeichert, so dass ich immer wieder auf das zurückverweisen kann. Wählen Sie das Zeichenflächenwerkzeug aus, halten Sie die „Alt“ -Taste gedrückt und klicken Sie mit der linken Maustaste, um eine Kopie zu erstellen. Ich mache zwei Kopien, eine als Startrahmen auf der linken Seite und eine als Endrahmen, das ist die eine auf der rechten Seite. Zwischendurch werde ich später noch mehr Frames machen. Das erste, was Sie tun, ist, Ihren Startrahmen vorzubereiten. Auf meinem Startrahmen will ich keinen Schnee auf den Bäumen. Wie ich möchte, dass es so aussieht, als wäre es der Schnee, fällt, der den Baum weiß mit Schnee macht. Ich lösche einfach den Schnee auf den Bäumen in diesem Rahmen. In meiner Animation möchte ich, dass die Sterne nur ein wenig blinzeln. Ich wähle ein paar der Sterne und mache sie leuchtend gelbe Farbe. Das Letzte, was ich in diesem hier ändern würde , ist , dass ich will, dass es so aussieht, als würde der Schnee fallen. Ich ziehe mich nur ein bisschen um die Schneeflocken herum. Sie müssen wirklich nicht in jedem Frame ausgewogen aussehen, da echter Schneefall zufällig ist. Der wichtigste Teil hier zu denken ist, dass keine Schneeflocke in der gleichen Position bleiben kann wie zuvor. Das würde in der Animation nur seltsam aussehen. Da hast du es. Der Startrahmen ist fertig. Ziemlich einfach, nicht wahr? Machen wir Frame Nummer zwei. Hier wollen wir etwas Schnee, der auf die Bäume gefallen ist. Ich beginne damit, eine Kopie der ursprünglichen Illustration zu machen, wo ich Schnee auf meinen Bäumen habe. Dann sperre ich einfach jedes Objekt, das ich nicht berühren möchte, mit der Tastenkombination „Command Tool“ auf meiner Tastatur. Ich beginne damit, einige verschiedene Sterne gelb zu machen als in Frame Nummer eins, so dass es aussehen wird, als ob die Sterne blinken. Dann bewege ich mich um die Schneeflocken und stelle sicher, dass sich keine Schneeflocke in der gleichen Position befindet wie in Frame Nummer eins oder in der ursprünglichen Abbildung, dem Endrahmen. Jetzt kommt der wirklich lustige Teil, anstatt Objekte neu zu zeichnen, um sie so aussehen zu lassen, als hätten sie sich in unserer Animation bewegt, werden wir das Marionetten-Warp-Werkzeug verwenden, um das Aussehen des Objekts zu ändern , das wir bereits gezeichnet hatten. Hier mache ich den Schnee, der auf die Bäume gefallen ist, kleiner. Ich wähle den Schnee auf dem Baum aus und klicke dann auf das Marionetten-Warp-Werkzeug. Wie Sie sehen können, erhalten Sie diese kleinen Stifte, die Sie klicken und ziehen können. Wenn Sie irgendwo im ausgewählten Bereich klicken, fügen Sie Pins hinzu, wenn Sie auf Löschen klicken, wenn Sie einen Pin ausgewählt haben, löschen Sie ihn. Wenn Sie mehrere Pins auswählen möchten, können Sie die Umschalttaste gedrückt halten und auf die Pins klicken, die Sie auswählen möchten. Nun, dieses Puppet Warp Tool ist eines meiner neuen Lieblingstools in Illustrator und ich denke, es ist so ein erstaunliches Werkzeug. Sie können es für viele Dinge verwenden und es ist wirklich effizient und es macht so viel Spaß zu verwenden. Wenn Sie es noch nicht benutzt haben, kann ich wirklich empfehlen, nur zu experimentieren und zu sehen, was Sie damit machen können, weil es ein wirklich nützliches Werkzeug ist. In meiner Illustration mache ich den Schnee auf den Bäumen in diesem Frame Nummer zwei kleiner und mache den Schnee für jeden Rahmen etwas größer , so dass er am Ende mit der ursprünglichen Abbildung übereinstimmt. Das würde es so aussehen lassen, als würde der Schnee tatsächlich auf die Bäume fallen. Ein bisschen natürlicher, als wenn wir einfach von Schnee auf Schnee gehen würden , wenn Sie wissen, was ich meine. Dann setze ich eigentlich einfach mit meinen anderen Rahmen fort und ich änderte die Position der Schneeflocken für jeden Rahmen, ich ändere die Sterne, welche leuchtend gelb sind und ich ändere wie viel Schnee auf die Bäume gefallen ist das Marionetten-Warp-Werkzeug. Wie viele Frames Sie benötigen, hängt davon ab, wie groß ein Unterschied Sie vom Anfang der Animation bis zum Ende haben möchten. Normalerweise mache ich diese wirklich einfachen Animationen und in der Regel habe ich etwas um fünf bis sieben Frames. Wenn Sie jetzt nicht mit all dem Gerede über Frames folgen, brauchen Sie sich keine Sorgen zu machen. Machen Sie einfach diese Schritte und Sie werden sehen, was ich meine in der nächsten Lektion, wo wir die eigentliche Animation in Photoshop machen. Wenn Sie mit Ihren Frames fertig sind, fahren wir mit der nächsten Lektion fort, in der die eigentliche Magie der Animation in Photoshop stattfindet. 5. Animation in Photoshop: Wir machen endlich die Animation unserer niedlichen kleinen Schneekugel. Dies ist eigentlich eine wirklich einfache Sache mit nur ein paar super einfachen Schritten zu tun. Folgen Sie, und bevor Sie es wissen, wird es Schneefall in Ihrer Schneekugel geben. Öffnen Sie Photoshop und erstellen Sie ein Dokument , das die gleiche Größe wie die Zeichenfläche in Illustrator hat. Meines ist quadratisch, 1000 Pixel breit und hoch. Dann gehen Sie zu Illustrator. Hier kopiere ich einfach den ersten Frame mit Befehl C auf meiner Tastatur und füge ihn mit Befehl V als Smart Object in Photoshop ein. Fahren Sie fort zu kopieren und fügen Sie Ihre Rahmen aus illustrierten Photoshop, bis Sie alle von ihnen in verschiedenen Ebenen in Photoshop haben, Ich habe fünf Frames, fünf Ebenen. Um leichter zu sehen, welcher Frame ausgewählt ist, habe ich die Ebenen in Photoshop in 1, 2, 3, 4, 5 umbenannt . Ich blende dann alle Ebenen außer Nummer 1 aus, indem ich auf das Eissymbol klicke. Dann gehe ich zu Fenster und klicke auf die Timeline. Dies ist das Werkzeug, mit dem wir unsere Animation erstellen können. Es ist ein ziemlich cooles Werkzeug. Klicken Sie auf Frame Animation erstellen, weil wir Frames haben und das ist, was eine Animation davon machen wird. Wie Sie im Timeline-Fenster sehen können, haben Sie bereits Ihren ersten Frame dort unten auf der linken Seite. Das Zeitleistenfenster funktioniert wie folgt. Die Ebenen, die Sie ausgewählt haben und im Ebenenfenster angezeigt werden , werden in den Rahmen aufgenommen, den Sie im Zeitleistenfenster anzeigen. In Frame Nummer eins möchten Sie Ihre Illustration Nummer 1. Danach fügen wir einen neuen Rahmen hinzu. Sie können Ihren Rahmen einfach duplizieren, indem Sie auf das Dokumentensymbol im Timeline-Fenster klicken oder im kleinen Menü zu einem neuen Frame wechseln. Im zweiten Frame möchten Sie Illustrationsnummer 1 ausblenden und Nummer 2 anzeigen. Dann haben wir nur weiter duplizieren Sie den Rahmen verstecken Nummer 2 Show Nummer drei, und so weiter, bis Sie fünf Frames in der Animation mit Ihren fünf Versionen Ihrer Illustration haben . Wenn alle fünf Frames im Zeitleistenfenster vorhanden sind, wählen Sie die Anzahl der Sekunden aus, die dieses Bild wiedergegeben werden soll. Ich wähle 0,2 Sekunden für jeden Frame in dieser Animation. Da hast du es. Klicken Sie auf den kleinen Play-Button und sehen Sie sich Ihre Schneekugel-Illustrationen in diese Animation verwandeln. Ziemlich cool, nicht wahr? Jetzt kann ich überprüfen, ob alles gut aussieht. Für mich tut es das. Ich habe das ein paar Mal gemacht, also weiß ich, worauf ich achten soll. Andernfalls können Sie einfach zu Illustrator zurückkehren, um einige Details zu ändern, bis Sie mit Ihrer Animation zufrieden sind. Das ist eigentlich alles dafür. Jetzt haben Sie Ihre eigene Schneekugel-Animation gemacht. Fahren wir mit der nächsten Lektion fort, in der wir unsere Animation exportieren, damit Sie sie für alles verwenden können, was Sie wollen. 6. Exportieren der Datei: Es ist Zeit, die Datei zu exportieren und unsere Weihnachts-Schneekugel-Animation fertig zu stellen , damit Sie sie teilen und verwenden können. Wir werden in zwei verschiedenen Dateiformaten exportieren, GIF und eine MP4-Datei. Wenn Sie Ihre Animation beispielsweise auf Instagram teilen , benötigen Sie eine MP4-Datei. Fangen wir mit dem GIF an. Gehen Sie also zum Export, speichern Sie für Web und wählen Sie GIF. Nun, ich vermische mich normalerweise nicht mit diesen Einstellungen, da ich das nicht wirklich tun musste. Also wähle ich einfach GIF und drücke Speichern, benenne die Datei und jetzt ist sie einsatzbereit. Wenn wir als MP4 exportieren, was ein Videoformat ist, möchte ich die Animation auf Instagram teilen. Das Video muss mindestens drei Sekunden lang sein. Um Ihre Animation drei Sekunden zu machen, wählen Sie einfach alle Ihre Frames im Timeline-Fenster aus und drücken Sie den Duplikat-Button. Da meine Frames 0,2 Sekunden sind, machen fünf Frames 1 Sekunde. Also werde ich meine Frames zweimal duplizieren, so dass ich insgesamt 15 Frames habe, was es drei Sekunden lang macht. Dann gehe ich zur Datei, exportiere und rendere Video. Wählen Sie aus, wo ich die Datei speichern möchte. Stellen Sie sicher, dass ich qualitativ hochwertig ausgewählt habe. Auch hier muss ich normalerweise die Einstellungen hier nicht ändern, also klicke ich einfach auf „Rendern“. Da hast du es. Ihre Animation ist fertig und Sie haben sie als GIF-Datei und als MP4 exportiert. 7. Letzte Gedanken: Okay, hier ist meine letzte Schneekugel-Animation. Ich würde gerne Ihre sehen, also stellen Sie sicher, dass Sie Ihre Projekte auf der Projektseite teilen. Jetzt, da Sie wissen, wie man eine Weihnachts-Schneekugel-Animation macht, können Sie tatsächlich die gleiche Methode für jede Art von einfacher Animation tun. Es muss nicht Weihnachten inspiriert sein. Wenn Sie irgendwelche Fragen haben, zögern Sie nicht, sie auf der Community-Seite zu fragen. Wenn Sie meine Kurse mögen, können Sie hier unten auf den „Folgen“ -Button bei meinem Namen klicken, um sicherzustellen , dass Sie nicht verpassen, wenn meine nächste Klasse veröffentlicht wird. Wenn Sie Ihre Animation auf Instagram teilen, zögern Sie nicht, mich @majaronnbackdesign zu markieren , damit ich sehen und vielleicht teilen kann, was Sie in der Klasse erstellen. Ich hoffe, Sie genießen diese Klasse. Ich würde gerne hören, was du denkst. Wenn Sie möchten, können Sie eine Rezension hier unter Überprüfungsseite hinterlassen. Vielen Dank für das Anschauen und viel Spaß beim Erstellen Ihrer Schneekugeln.