Freihandzeichnung erstellen GIF in Adobe Photoshop

1. Einführung: Möchten Sie Ihren Blog oder Ihre Website mit niedlichen animierten GIFs aufpeppen? Haben Sie jemals die perfekte Reaktion GIF für diese eine menial Liebe benötigt ? Wir waren alle da. Nehmen Sie diese Klasse, um zu lernen, wie Sie einen selbst machen können. Ich führe Sie durch den gesamten Prozess der Animierung handgezeichneter Charaktere und Schriftzüge in Photoshop. Vom Skizzieren bis zum Exportieren. Es ist viel einfacher, als du vielleicht denkst. Bald werden Sie Ihre GIFs auf Ihrem Blog oder Instagram zeigen. Also lasst uns loslegen und ein paar GIFs machen. 2. Vorbereitung deines handgezeichneten GIF: Das Projekt für diese Klasse besteht darin, ein handgezeichnetes GIF mit mindestens einem animierten Aspekt zu erstellen . Es kann so einfach sein wie ein Zeichen zwinkern oder Doodle Stil Handschrift. Ich mag diesen springenden Texteffekt ziemlich, den ich in meinem Intro-Video verwendet habe, und es ist eigentlich wirklich einfach zu tun. Also werde ich voran gehen und das zuerst demonstrieren. Zeichnen Sie zuerst Ihr Wort oder Ihren Satz, erstellen Sie dann eine neue Ebene und legen die Deckkraft der ersten Ebene ab, damit sie leichter verfolgt werden kann. Mach dir keine Sorgen, dass die Spur perfekt ist. Der Punkt ist, dass jede Ablaufverfolgung etwas von der letzten abweicht. Wiederholen Sie dies zwei oder drei weitere Male. Ich denke, es ist eine gute Idee, drei bis fünf Schichten zu machen. Sie können diesen Schritt auch traditionell mit Stift und Transparentpapier durchführen und dann einscannen, wenn Sie möchten. Wenn Sie mit den fünf Ablaufverfolgungen fertig sind, stellen Sie sicher, dass Sie die Deckkraft aller Ebenen auf bis zu 100 Prozent zurücksetzen. Die einfachste Möglichkeit, die Farbe der Beschriftung auf allen Layern zu ändern , besteht darin, eine Verlaufskarte zu erstellen. Wechseln Sie zu Anpassungen, Verlaufskarte, und stellen Sie sicher, dass sich der Layer oben befindet. Klicken Sie dann auf die Farbverlaufsleiste, und mit diesen Farbauswahl auf der Schreib- und linken Seite können Sie darauf doppelklicken und eine Farbe auswählen. Da sich diese Ebene oben befindet, wird sie auf alle darunter liegenden Ebenen angewendet. Jeder Layer stellt einen Frame der Animation dar. der Organisation willen, Umder Organisation willen, sollten Sie sie in der Reihenfolge nummerieren, in der Sie sie spielen möchten. Jetzt, da ich meine Ebenen fertig habe, bin ich bereit, zu animieren. 3. Animiere dein Lettering: Sie sollten also sicherstellen, dass Ihre Timeline sichtbar ist. Gehen Sie zu „Fenster“ > „Zeitleiste“. In einigen Versionen von Photoshop kommt es mit dem Dropdown-Menü hier in der Mitte, das ein paar verschiedene Timeline-Anzeigeoptionen hat. Sie sollten nur sicherstellen, dass Sie „Gestell-Animation erstellen“ wählen. Hier können Sie Ihre Keyframes organisieren und Ihre Animation testen. Im ersten Frame werden alle Layer angezeigt, die auf sichtbar eingestellt sind. Sie möchten die Sichtbarkeit aller Layer deaktivieren, die nicht angezeigt werden sollen. Da wir nur möchten, dass Ebene 1 im ersten Frame angezeigt wird, stellen Sie sicher, dass die Ebenen zwei bis fünf unsichtbar sind. Bevor Sie mit Frame 2 fortfahren, möchten Sie das Timing ändern, indem Sie auf diesen Dropdown-Pfeil klicken. Sie können die Geschwindigkeit immer ändern, indem Sie die Verzögerungszeiten Ihrer Frames später ändern , wenn Sie möchten, aber im Allgemeinen denke ich, dass 0,2 Sekunden pro Frame gut für GIFs funktionieren. Wenn Sie also einen neuen Frame erstellen, indem Sie auf dieses Symbol rechts auf der Timeline klicken , repliziert dieser neue Frame die Einstellungen aus dem ersten Frame. Deshalb habe ich Sie die Verzögerungszeit ändern lassen, weil dann diese Verzögerungszeit automatisch auf die nächsten Frames angewendet wird , die Sie machen. Wie auch immer, Sie müssen nur sicherstellen, dass Ebene zwei die einzige Ebene ist, die in Frame 2 sichtbar ist und Ebene 3 die einzige Ebene ist, die in Frame 3 und so weiter sichtbar ist, und so vierte für die anderen beiden Frames. Hier unten gibt es ein Dropdown-Menü, das die Möglichkeit hat, Einmal, Dreimal oder Forever zu spielen , und Sie werden immer wählen wollen, da wir wollen, dass es Schleife. Push Play und da gehst du. Ich finde, es sieht ziemlich gut aus. Ziemlich glücklich damit. Ich werde euch zeigen, wie man es später exportiert. 4. Ein Charakter animieren: Dies ist, wo es ein wenig kniffliger wird, abhängig von der Komplexität Ihres Charakters und der Animation selbst. Der eigentliche Animationsprozess von Frame für Frame ist ziemlich identisch mit dem Text, aber Sie sollten Ihre grobe Animation testen, bevor Sie Ihre Zeichnungen bereinigen. Also werde ich dieses kleine Mädchen winken lassen. Ich muss das nicht unbedingt tun, aber aus Gründen der Demonstration werde ich eine Technik namens Onion Skinning verwenden, bei der Sie Ihren ersten Frame und Ihren letzten Frame zeichnen, wo Sie möchten, dass die Animation vor allen der dazwischen liegenden Frames. Da ich bereits meinen ersten Frame gezeichnet habe, werde ich die Deckkraft senken, eine neue Ebene erstellen und meinen letzten Frame zeichnen. Jetzt, da das erledigt ist, ist es einfacher zu sehen, was dazwischen passieren muss. Dies ist eine besonders nützliche Technik für kompliziertere Animationen wie Laufen oder Tanzen. Seien Sie sicher, dass Sie in diesem Stadium ziemlich locker mit Ihren Zeichnungen bleiben, wenn Sie etwas komplizierteres tun. Lassen Sie sich nicht aufhängen, um sie aufzuräumen, denn Sie möchten sicherstellen, dass Ihre Animation zuerst reibungslos läuft , bevor Sie die Zeit damit verbringen, sie hübsch aussehen zu lassen. Das ist eine Animation, die ich vor ein paar Jahren gemacht habe. Es ist ein Test-Moveset für ein Spiel. Aber wie Sie sehen können, ist es viel komplizierter. Ich musste Referenz verwenden und habe wirklich einige Zeit damit verbracht. Es wäre also so etwas, mit dem Sie Zwiebelhäuten verwenden möchten. Wenn du nur deinen Charakter dazu bringst, etwas Einfaches wie Zwinkern oder Winken zu machen, musst du dies nicht unbedingt tun. Was auch immer für dich funktioniert, wirklich. Wie auch immer, jetzt, wo ich meine Ebenen habe, übertrage ich sie auf meine Timeline, damit ich meine Animation testen kann. Ich werde das nicht aufräumen, weil ich mag, wie es aussieht, aber wenn Sie Ihre groben Skizzen reinigen, indem Sie saubere Linienbilder auf separaten Ebenen machen, werden alle Ihre neuen Ebenen Ihre Animation durcheinander bringen. Es ist am einfachsten, Ihre Timeline einfach mit Ihrem neuen Linienbild neu zu erstellen. Andernfalls müssten Sie wieder hineingehen und sich mit allen Sichtbarkeitseinstellungen jeder Ebene in jedem Schlüsselbild durcheinander setzen. 5. Exportieren von GIFs und Videos: Hier ist mein fertiges GIF. Das Exportieren eines GIF ist ziemlich einfach. Wenn Sie eine Version von Photoshop von haben, glaube ich, 2015 und zurück, ist die Option Für Web speichern an einem anderen Ort. In meiner Version ist es genau hier unter Speichern unter. Aber für ältere Versionen müssen Sie zu Datei > Exportieren > Für Web speichern gehen. Auf jeden Fall klicken Sie auf Für Web speichern. Stellen Sie sicher, dass alles gut aussieht. Die Dateigröße sollte relativ klein sein und die Wiederholung sollte auf „Forever“ gesetzt werden. Ich änderte meine auf 600 x 600 Pixel und klickte dann auf Enter, weil es ein wenig groß aussah. Das sieht gut aus. Speichern Sie es auf Ihrem Desktop und los geht's. Wenn Sie Ihr GIF auf Instagram posten möchten, müssen Sie es als Video exportieren, da Instagram keine GIFs unterstützt. Das Video muss mindestens fünf Sekunden lang sein, also musst du dein GIF verlängern. Da meine Frames auf 0,2 Sekunden eingestellt sind, bedeutet das, dass ich mindestens 25 Frames brauche. Beachten Sie jedoch, dass Sie möglicherweise mehr oder weniger benötigen, wenn Sie für jeden Frame eine andere Zeit gewählt haben . Wie auch immer, Sie kopieren und fügen Ihre Ebenen ein, indem Sie alle markieren und dann die Option (oder die Alt auf dem PC) gedrückt halten und sie ziehen. Markieren Sie sie dann erneut, halten Sie die Option gedrückt, und ziehen Sie sie per Drag& Da gehst du. Ich habe jetzt 30 Frames, also sollte das viel Zeit sein. Dann gehen Sie alles, was Sie danach tun, zu Datei > Exportieren > Video rendern. Es dauert ein paar Sekunden, um zu laden. Ändern Sie den Namen, falls erforderlich, und speichern Sie ihn auf Ihrem Desktop. Drücken Sie dann Rendern. Jetzt können Sie es in der Vorschau anzeigen. Sie können es auf Ihrem Telefon ablegen, indem Sie es in Ihrer Dropbox ablegen, oder wenn Sie ein iPhone haben, legen Sie es in einen Ordner und dann den Ordner über iTunes auf Ihr Telefon. Das ist das! Wenn Sie Ihr GIF auf Instagram posten, zögern Sie nicht, mich @melissaleedesign zu markieren. Ich würde sie gerne dort oder auf der Klassenprojektseite sehen. Vielen Dank, dass Sie meine Klasse genommen haben. Ich würde es lieben, wenn Sie mir eine Rezension hinterlassen würden, und bitte zögern Sie nicht, mir Fragen zu stellen, die Sie in Diskussionen haben. Wir sehen uns nächstes Mal!