Freihandzeichnung erstellen GIF in Adobe Photoshop | Melissa Lee | Skillshare

Playback-Geschwindigkeit


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

Freihandzeichnung erstellen GIF in Adobe Photoshop

teacher avatar Melissa Lee, allow yourself to fail before you succeed

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Einheiten dieses Kurses

5 Einheiten (10 Min.)
    • 1. Einführung

      0:29
    • 2. Vorbereitung deines handgezeichneten GIF

      1:55
    • 3. Animiere dein Lettering

      1:53
    • 4. Ein Charakter animieren

      3:01
    • 5. Exportieren von GIFs und Videos

      2:52
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

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

1.659

Teilnehmer:innen

14

Projekte

Über diesen Kurs

Möchtest du deinen Blog oder deine Website mit niedlichen, animierten GIFs präsentieren? Brauchst du, wie du die perfekte Reaktion GIF für das Ein, das dir gefällt? (Wir sind alle da.) Nimm an diesem Kurs mit, um zu lernen, wie du selbst einen machen kannst! Ich werde dir durch den gesamten Prozess der Animation handgezeichneter Figuren und Lettering in Photoshop, von groben Testläufen bis hin zu den Exports. Es ist viel einfacher, als du vielleicht denkst!

5e866096.gif

In diesem Kurs geht es ausschließlich darum, die Grundzüge von GIF-Animation zu lernen, nicht auf das Design und Zeichnen. Wenn du dich in deinen Zeichenfähigkeiten nicht vertraut fühlst, kannst du einfach Animation erstellen!

Los

***

Adobe, und Adobe Photoshop sind entweder eingetragende Marken oder Marken von Adobe in den USA und/oder anderen Ländern.

Triff deine:n Kursleiter:in

Teacher Profile Image

Melissa Lee

allow yourself to fail before you succeed

Top Teacher

Hi! My name's Melissa Lee, and I'm an illustrator and surface pattern designer living in the hilly forests of Northern California. Alongside doing freelance and art licensing work (I am a proud Riley Blake Designs fabric designer), I've spent much of my time cultivating my love of sharing what I know and encouraging others to nourish their creative side through teaching online art courses here on Skillshare. I love making patterns, character art, and watercolor paintings. I'm endlessly inspired by animals and nature (whether living today or extinct), science fiction and fantasy, space and astrology, witchy things, and bees.

Always bees. 

The classes that I teach on Skillshare focus primarily on surface pattern design, watercolor techniques, and ... Vollständiges Profil ansehen

Kursbewertungen

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

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

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

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

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

Lerne von überall aus

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

Transkripte

1. Einführung: 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!