Erstellen von Storyboard-Animationen in Photoshop

1. Einführung: Haben Sie sich jemals gefragt, wie Animationen ihre Geschichte visualisieren, bevor sie in die endgültige Produktion gehen. Wenn Sie Storyboards erraten, haben Sie Recht. Mein Name ist Michelle und ich bin Grafikdesignerin, Illustratorin und Animatorin aus Kanada. Im Alter von vier Jahren begann ich mit dem Zeichnen und Klavier zu spielen. Mein ganzes Leben lang war ich also immer leidenschaftlich für Kunst, Musik und Film. Deshalb freue ich mich, Ihnen zu zeigen, wie Sie Ihre erste Storyboard-Animation in Photoshop erstellen können. Alles, was Sie brauchen, ist Photoshop, ein Tablet und eine Geschichte, die Sie zum Leben erwecken möchten. Storyboards sind unverzichtbar für Animationen und Filme, denn sie visualisieren, wie die gesamte Geschichte und Produktion fließen. Animationsstudios wie Pixar hängen stark von Storyboard-Animationen ab, bevor 3D-Animatoren in die endgültige Produktion involviert sind. Ich habe diese Klasse entworfen, um Sie auf Ihrer allerersten Storyboard-Animation zu führen. Wir werden dies tun, indem Ihre Geschichte abbilden, ein Photoshop-Dokument mit weißem Hintergrund einrichten, Ihre Tablets verbinden, damit Sie sich zum Zeichnen vorbereiten können, eine Frame-Animation mit Ebenen erstellen, Hinzufügen von Musik und Soundeffekten, und schließlich, Exportieren der Datei in ein HD-Video. Wenn Sie fertig sind, denken Sie daran, Ihr Projekt in der Klassenprojektgalerie zu teilen , damit jeder Ihre erstaunliche Kreation sehen kann. Grundkenntnisse von Photoshop zu haben wäre praktisch, aber schwitzen Sie es nicht. Ich werde dich durch alles führen, was du in dieser Klasse wissen musst. Lassen Sie uns Ihre Story-Idee zum Leben erwecken und wir sehen uns in der ersten Lektion. 2. Dein Kursprojekt: Willkommen in Ihrem Klassenprojekt. In dieser Klasse werden wir darüber nachdenken, wie Sie eine Frame-Animation in Photoshop erstellen, indem Sie Zeichnungen in Ihrer Timeline überlagern , die Ausdrücke und Hintergründe der Charaktere verfeinern und mit Soundeffekten und Musik versehen. Diese Klasse ist für jeden geeignet, aber es ist ein großartiger Start für Anfänger, die neu in Photoshop sind , eine Geschichte erzählen wollen und die Grundlagen und Grundlagen der Animation kennen wollen. Ihr Ziel ist es, dem Betrachter so klar wie möglich zu machen , was in der Storyboard-Animation geschieht, so dass alle Zeichenfähigkeiten willkommen sind. Denken Sie daran, Ihre Projekte oder sogar Ihre Fortschritte in der Projektgalerie zu posten, damit andere Schüler in der Skillshare Community all Ihre fantastischen Arbeiten auf dem Weg überprüfen und Feedback geben können . Alles, was wir tun werden, ist eine Geschichte zu schwenken, in Photoshop einzutauchen und mit Ihrem Tablet zu zeichnen. Lasst uns loslegen. 3. Deine Geschichte erstellen: Bevor Sie mit dem Zeichnen Ihres Storyboards beginnen, stellen Sie sicher, dass Sie die Einstellung, die Charaktere und den Anfang bis zum Ende Ihrer Geschichte festlegen. Wenn Sie auf eine Idee für eine Geschichte stecken, denken Sie an etwas, das in Ihrem Leben passiert ist, das Sie wirklich unvergesslich finden. Zum Beispiel wurde diese Story-Idee von meinem Kollegen inspiriert, der einen anderen Mitarbeiter in unserem Büro einsperrte, nachdem er den Alarm auf ihn gestellt hatte. In diesem Storyboard geht es um einen Busfahrer, der sich einfach in den Passagier verliebt , der von meiner Schwester geschrieben wurde. Es kann sogar um etwas wirklich banales gehen, wie die Kleidung in die Waschmaschine zu legen und zu versuchen, die fehlende Socke zu finden. Es kann darum gehen, den ersten Schluck Kaffee am Morgen zu nehmen und wieder zum Leben erweckt zu werden. Es kann darum gehen, dass Ihr Hund ein Superheld wird. Denken Sie daran, es muss nichts Kompliziertes sein. Der Zweck dieser Klasse ist es, an einer wirklich einfachen Storyboard-Animation zu arbeiten. Solange das Storyboard klar und effektiv ist, sind die Möglichkeiten endlos, also seien Sie so kreativ, wie Sie wollen. Ich kann es kaum erwarten zu sehen, was du dir einfällt. Sobald Sie Ihre Story erstellt haben, richten wir Ihr Photoshop-Dokument ein. Wir sehen uns dort. 4. Dein Storyboard aufsetzen: Lassen Sie uns Ihr Storyboard erstellen, indem Sie eine neue Datei erstellen. Wir werden die Film- und Videoeinstellungen auswählen, so dass Ihr Storyboard automatisch im HD-Videoformat eingestellt wird, das ist 1920 x 1080p Auflösung bei 72 Pixeln und ein Farbmodus von RGB. Wir werden diese Datei „My First Storyboard“ nennen und „Create“ drücken. Erstellen Sie einen neuen Layer, bei dem es sich im Wesentlichen um einen Layer handelt, auf dem Sie zeichnen möchten. Öffnen Sie Ihre Timeline, indem Sie auf „Fenster“ und dann auf „Timeline“ dann eine Video-Timeline erstellen. Stellen Sie sicher, dass Ihr Tablet angeschlossen ist, und machen Sie sich bereit zum Zeichnen. Jetzt, da wir mit der Einrichtung Ihres Storyboards fertig sind, werden wir Bilder zeichnen und hinzufügen. Wir sehen uns dort. 5. Zeichnen und Hinzufügen von Frames: In dieser Lektion zeige ich Ihnen, wie eine Video-Timeline normalerweise aussieht, wenn Sie Ebenen in Ihrer Timeline erstellen und sie so stapeln, dass sie in einer Sequenz wiedergegeben werden. Wir werden diese Ebene 1 aufrufen und klicken und ziehen Sie die Layer-Zeit auf eine Sekunde. Wir werden Layer 2 erstellen, den Clip in der Timeline auf eine Sekunde verkürzen und ihn so ziehen, dass er nach Ebene 1 wiedergegeben wird. Stellen Sie sicher, dass Sie auf die Ebene in der Zeitleiste klicken, auf die Sie zeichnen möchten, und wählen Sie die Ebene aus, auf die sich die rote vertikale Linie befindet. Erstellen Sie eine andere Ebene namens Layer 3, klicken und ziehen Sie die Layer-3-Clips, um nach Ebene 2 zu kommen, und zeichnen Sie Ebene 3. Jetzt gehen wir zum Anfang der Timeline, spielen den Videoclip ab und zeigen eine Vorschau der Sequenz der Ebenen in der Animation an. Jetzt für diesen Teil der Lektion werde ich ein trauriges Gesicht animieren zu einem glücklichen Gesicht gehen. Wir werden das gleiche Wissen vom Anfang der Lektion anwenden, außer dieses Mal, wenn wir tatsächlich zeichnen, werden wir klicken und ziehen die zweite Ebene über und passen die Länge der ersten Ebene an. Aber dieses Mal werden wir die beiden Schichten leicht überlappen, was es uns ermöglicht, die vorherige Ebene zu sehen, während wir die aktuelle Ebene zeichnen, ähnlich wie ein Pauspapiereffekt. Ändern wir die Deckkraft von Ebene 1 auf 50 Prozent. Wählen Sie Layer 2 aus, die automatisch eine Deckkraft von 100 Prozent aufweist, und beginnen Sie mit dem Zeichnen. Erstellen Sie eine andere Ebene, richten Sie sie aus. Verkürzen Sie die zweite Ebene. Ebene 3 mit Ebene 2 leicht überlappen, sodass Sie auf Ebene 3 zeichnen können und wissen, wie Layer 2 darunter aussieht. wie beim Transparentpapiereffekt auch Ändern Siewie beim Transparentpapiereffekt auchdie Deckkraft von Ebene 2 auf 50 Prozent. Wählen Sie Ebene 3, um zu zeichnen, und zeichnen Sie Ihren letzten Rahmen, der ein glückliches Gesicht hat. Jetzt, da wir fertig sind, werden wir die Deckkraft aller Ebenen auf 100 Prozent ändern. Wiedergeben Sie Ihre Timeline, indem Sie die Play-Taste drücken und die Stirnrunzeln auf den Kopf stellen. Stellen Sie sicher, dass Sie diese Übungsübung als Fortschrittsschritt in der Projektgalerie veröffentlichen , um sicherzustellen, dass Sie diesen Schritt abgeschlossen haben, bevor Sie an Ihrem Hauptprojekt arbeiten. Dies wird Ihnen letztendlich helfen, sich mit dem Prozess vertraut zu machen, bevor wir weiter ins Animieren eintauchen. Nachdem wir fertig sind, Bilder zu zeichnen und hinzuzufügen, fügen wir in der nächsten Lektion Mimik und Hintergründe hinzu. Wir sehen uns dort. 6. Gesichtsausdrücke und Hintergründe: Nun, da wir mit Ihrer Animation beginnen, sollten Sie den Anfang, die Mitte und das Ende Ihrer Geschichte berücksichtigen, bevor Sie mit der Animation beginnen. Für diese Storyboard-Animation wurde ich von meiner Freundin Jennifer inspiriert, die sich mit ihrem Hund wiedervereinigt hat, und habe mir immer vorgestellt, das Wiedersehen passiert ist. Ich habe bereits den ersten Frame gezeichnet, aber ich werde die nächsten zwei Frames zeichnen und zeigen, wie aufgeregt Jane wird, wenn der Hund erscheint, und mit den beiden Wiedervereinigung miteinander. Mit deinem Storyboard. Sie können mit der Reihenfolge der Ereignisse Ihrer Frame-Animation abspielen. Zum Beispiel mit dem Fortschreiten, eine Tasse Kaffee zu trinken und sofort aufzuwachen. Der erste Rahmen kann die Person sein, die wirklich erschöpft ist. Der zweite Rahmen kann sein, dass sie den Kaffee schlürfen, und der dritte Rahmen kann zeigen, dass sie wach geschüttelt werden. Ich werde anfangen, meine nächsten zwei Frames zu zeichnen. Zuerst werde ich eine neue Ebene erstellen, die die beiden Ebenen in meiner Timeline leicht überlappen, um einen Tracing-Ebeneneffekt zu erstellen und meine Clips zu verkürzen, während ich mitmache, da ich möchte, dass jeder Frame etwa eine Sekunde sein soll. Wie wir in der letzten Lektion gelernt haben, ändere ich die Deckkraft des vorherigen Layers auf 25-50 Prozent und halte meine Arbeitsebene bei 100 Prozent. Wenn Sie so viel Platz wie möglich für das Zeichnen nutzen möchten, können Sie die Zeitleiste ausblenden, indem Sie hier klicken. Fühlen Sie sich frei, die Deckkraft Ihres Pinselwerkzeugs anzupassen, während Sie arbeiten. Hierfür gibt es keine Regel. Es geht also alles um Ihre Zeichnungsvorlieben. Für mich arbeite ich gerne zuerst mit einer sehr leichten Deckkraft, dann werde ich dunkler, wenn ich das Detail verfeinere. Während ich Jens Gesicht zeichne, werde ich etwas übertreiben für den Ausdruck, indem ich ihr größere Augen, einen größeren Mund, Tränen aus ihren Augen und eine breitere Haltung gebe. Wenn Sie mit dem Zeichnen des Layers fertig sind, lassen Sie die Zeitleiste wieder erscheinen. Verschieben Sie den Clip so, dass sich zwei Clips nicht überlappen, und ändern Sie die Deckkraft der Protokollierungsebene auf 100 Prozent zurück. Eines meiner Lieblingsaufgaben ist einfach zwischen den beiden Frames umzuschalten, so dass Sie eine Vorstellung davon haben können, wohin Ihre Animation geht. Erstellen Sie eine neue Ebene, die Ebene 3 ist, und passen Sie die Deckkraft der vorherigen Ebene in Ihrer Timeline an, um den Effekt der Protokollierungsebene zu erzielen. Dies ist die Schicht, wo ich Jan wiedervereinigt mit ihrem Hund zeichnen. Ich bin klar, dass sie beide sehr glücklich sind, einander zu sehen. Wenn Sie mit dem Zeichnen des dritten Layers fertig sind, drehen Sie die Deckkraft aller Layer auf 100 Prozent zurück. Jetzt können Sie Ihre Animation wiedergeben. Für diesen Teil der Lektion werde ich einen sehr einfachen Hintergrund illustrieren. Ich möchte, dass der Hauptaugenmerk auf die Charaktere liegt. Ich werde also nicht zu viel ins Detail gehen, aber ich möchte das Wiedersehen in einem Park oder einem Wald veranschaulichen. In diesem Fall erstelle ich eine Ebene direkt über meiner Hintergrundebene namens Wald. Abhängig von der Geschichte, die Sie zu zeichnen entschieden haben, sind Hintergründe völlig optional. Solange Sie dem Betrachter deutlich machen können, was in der Geschichte passiert, sind Sie bereits auf dem richtigen Weg, um eine erfolgreiche Animation zu erstellen. Wenn die Zeichen nach dem Zeichnen des Hintergrunds transparent erscheinen, können Sie unter dem Zeichnungsebene eine weiße Ebene erstellen, sodass die Zeichen vor dem Hintergrund nicht transparent erscheinen. Passen Sie die Größe und Deckkraft des Pinselwerkzeugs an, das zu Ihnen passt, und beginnen Sie, unter dem Zeichnungsebene Weiß zu malen. Gehen Sie zurück in Ihre Timeline und stellen Sie sicher, dass die Länge des weißen Layers mit der entsprechenden Zeichnungsebene übereinstimmt. Fahren Sie dann fort, die gleichen weißen Layer unter den verbleibenden Zeichnungs-Layern anzuwenden . Jetzt können Sie Ihre Animation wiedergeben, wobei Ihre Charaktere erfolgreich vor dem Hintergrund erscheinen. Diese nächsten Schritte sind völlig optional, aber sie werden empfohlen, wenn Sie Ihre Zeitleiste vereinfachen möchten, anstatt mehrere Ebenen in der Timeline zu haben. Um die Zeitleiste zu vereinfachen, wählen Sie die Ebene mit der entsprechenden weißen Ebene aus und gruppieren Sie sie so zusammen. Auf diese Weise können Sie sowohl den Zeichnungs-Layer als auch den weißen Layer gruppieren, sodass beide editierbar sind. Eine andere Möglichkeit, dies zu tun, besteht darin, die Ebenen zusammenzuführen, wodurch die Zeichnungsebene einfach mit der weißen Ebene zusammengeführt wird, wodurch die weiße Ebene nicht bearbeitet werden kann. Diese Option ist großartig, wenn Sie sicher sind, dass Sie die weiße Ebene unter der Zeichnungsebene nicht erneut berühren müssen . Eine gute Verknüpfung zum Zusammenführen von Ebenen besteht darin, die beiden Ebenen auszuwählen, die Sie zusammenführen möchten , und drücken Sie Strg „E“ oder den Befehl „E'“. 'auf einem Mac. Jetzt, da Sie Ihre Storyboard-Animation mit Mimik und Hintergründen abgeschliffen haben. Wir werden Soundeffekte und Musik hinzufügen. In der nächsten Lektion. Sie können unsere Websites wie diese YouTube-Seite namens Audio-Bibliothek von Musikschaffern überprüfen , um loszulegen. Wir sehen uns dort. 7. Hinzufügen von Musik und Soundeffekten: Um Audio zu Ihrem Storyboard hinzuzufügen, gehen Sie links unten in der Timeline, stellen Sie sicher, dass Ihr Audio nicht stummgeschaltet ist, klicken Sie auf das Symbol „Musiknotiz“ und „Audio hinzufügen“. Wählen Sie den Audioclip aus, den Sie einfügen möchten. Ich werde einen Soundclip von einem Welpen Bellen einfügen. Ich möchte es mit der Schicht ausrichten, in der der Hund erscheint. Ich werde auf den Audioclip klicken und ziehen, um an diesem Punkt zu beginnen. Spielen Sie Ihre Timeline ab, um eine Vorschau Ihres Soundclips , um sicherzustellen, dass Sie mit der Platzierung von Audio zufrieden sind. Um eine weitere Audiospur hinzuzufügen, klicken Sie erneut auf das Symbol „Musiknotiz“ und klicken Sie auf „Neue Audiospur“. Eine weitere Audiospur-Layer wird in Ihrer Timeline angezeigt. Klicken Sie auf „Audio hinzufügen“ und fügen Sie Ihre zweite Audiospur hinzu. In diesem Fall werde ich einen Musikclip einwerfen , der ganz am Anfang meines Storyboards beginnt. Spielen Sie Ihre Timeline ab, um beide Audiospuren anzuzeigen. Wenn Ihre Audiospur zu lang ist, können Sie die Timeline verkleinern und auf die Audiospur klicken und ziehen, um die Länge anzupassen. Als letzten Schliff können Sie die Audiospur ausblenden, indem Sie auf den Rand Ihrer Audiospur klicken und das Audio für eine Sekunde ausblenden. Wenn Sie fertig sind, drücken Sie „Enter“. Wenn Sie nun die Animation abspielen, haben Sie Ihren Soundeffekt und Ihre Musik, die am Ende schön ausgeblendet wird. Nun, da wir mit dem Hinzufügen von Musik und Soundeffekten fertig sind, werden wir die endgültige Datei exportieren. Wir sehen uns dort. 8. Exportieren der endgültigen Datei: Um die endgültige Datei zu exportieren, gehen Sie zu Datei, Exportieren und klicken Sie auf Video rendern. Ihre Einstellungen sollten bereits in einem HD-Videoformat vorliegen, das 1920 x 1080 und 30 Bilder pro Sekunde beträgt. Wenn Sie mit dem Dateinamen zufrieden sind und wo Sie die Datei speichern möchten , klicken Sie auf „Rendern“. Wenn das Rendern abgeschlossen ist, spielen Sie die gesamte Storyboard-Animation ab. Wenn Sie keine Fehler entdeckt haben und Ihre Animation genau so ist , wie Sie es sich gewünscht haben, sind Sie fertig. 9. Du hast es geschafft!: Herzlichen Glückwunsch, du hast es geschafft. Sie haben erfolgreich gelernt, wie Sie eine einfache Storyboard-Animation in Photoshop erstellen. Ich hoffe, Sie haben diesen Kurs genossen und können einige lustige Ideen oder Erinnerungen in Storyboards verwandeln. Wenn es eine Sache gibt, die ich von dieser Klasse nehmen möchte , ist, dass Sie in der Lage sind, eine einfache Animation zu erstellen , unabhängig von Ihren Zeichnungsfähigkeiten oder Ihrer Expertise in Photoshop, denn vertrauen Sie mir, jeder kann dies tun. Denken Sie daran, Ihr Klassenprojekt in der Projektgalerie zu posten, eine Rezension zu hinterlassen oder mir auf meiner Skillshare Reise zu folgen. Vielen Dank nochmals, und wir sehen uns nächstes Mal.