GIFs mit Hand-Lettering | Jamie Bartlett | Skillshare

Playback-Geschwindigkeit


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

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

8 Einheiten (14 Min.)
    • 1. Das brauchst du für den Kurs:

      0:48
    • 2. Nachzeichnen

      1:17
    • 3. Vorbereitung in Photoshop

      1:02
    • 4. Ausrichten der Nachzeichnung

      2:12
    • 5. Anpassungen

      2:02
    • 6. Bereinigen

      0:51
    • 7. Farbe und Animation

      2:23
    • 8. Exportieren von GIFs und Videos

      3:00
  • --
  • 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.

10.050

Teilnehmer:innen

441

Projekte

Über diesen Kurs

c90f0f53

In diesem Kurs entwerfen wir ein lustiges GIF mit Buchstaben im Kritzel-Stil, die du einem Freund schicken oder auf Instagram posten kannst. Der Prozess ist superschnell, einfach und macht Spaß! Du musst kein fortgeschrittener Letterer sein – selbst eine einfache Handschrift kann ein tolles GIF erzeugen.

Ich kann es kaum abwarten, zu sehen, was ihr kreiert.

Triff deine:n Kursleiter:in

Teacher Profile Image

Jamie Bartlett

Graphic designer and left-handed letterer

Kursleiter:in

Jamie Bartlett is a graphic designer and left-handed letterer working out of Denver, CO. She graduated from John Brown University with a degree in Graphic Design and now runs a shop for her hand lettered designs and fonts. Her work reflects everything she loves in life: a good cup of coffee, nerdy design terms, tandem bikes, road trips, and so much more.

Check out all Jamie's classes to learn her tricks of the trade. 

To see what she's up to now, follow her on Instagram and Dribbble.

                                                               

  &... 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. Das brauchst du für den Kurs:: Hallo Leute, ich bin Jamie Bartlett. In dieser Klasse werden wir einige lustige Doodle Stil Schriftzug Geschenke machen. Es ist super schnell und einfach zu tun. Ich werde Ihnen jeden Schritt auf dem Weg zeigen. Für das Klassenprojekt können Sie eine lustige Nachricht schreiben, die Sie an einen Freund senden können. Springen wir direkt rein. Für diese Klasse brauchen Sie etwas Papier, ein Zeichenutensil wie einige Bleistifte, Stifte, Pinselstifte, Marker, alles, was Sie wollen, und dann auch etwas Transparentpapier. Zuerst müssen Sie Ihren Brief skizzieren. Für diese Klasse wird es mehr von einem Doodley-Schriftzug machen, so dass Sie nicht zu viel Zeit damit verbringen müssen. Es kann etwas schnell, chaotisch, alles Spaß, und denken Sie daran, wie Sie skizzieren, versuchen Sie nicht, es zu klein zu tun. Je größer es ist, desto sauberer wird der Endlook sein. Wenn es zu klein ist, sobald es in die Luft gesprengt wird, wird es ziemlich chaotisch aussehen. 2. Nachzeichnen: Hier ist, was ich für meine Skizze getan habe. Bevor wir anfangen, unsere Zeichnung zu verfolgen, werden wir vier Punkte setzen, einen in jede Ecke unserer Zeichnung. Dies wird uns helfen, alle unsere Zeichnungen auszurichten, sobald wir sie in Photoshop verfolgt haben. Sie müssen kein perfektes Quadrat sein oder an einem bestimmten Ort nur vier Punkte in jeder Ecke, und jetzt sind wir bereit zu verfolgen. Das erste, was wir verfolgen wollen, sind diese vier Punkte. Sobald wir das haben, können wir weitermachen und all unsere Schriftzüge nachvollziehen. Ich möchte, dass mein Design solider ist als etwas mit viel Textur. Also werde ich meine mit einem Stift verfolgen. Sie können Bleistift verwenden, Sie können Marker verwenden, was auch immer Effekt Sie wollen. Wir wollen nur sicherstellen, dass es ziemlich dunkel ist, sonst wird es schwer für sie zu erscheinen, sobald wir in Photoshop sind. Ich habe meine erste Rückverfolgung beendet. Jetzt muss ich das nur noch vier Mal für insgesamt fünf Tracings machen. Es ist gut, ungefähr drei bis fünf Spuren zu machen. Hier sind meine fünf Tracings und jetzt muss ich sie in den Computer einscannen. Wenn Sie keinen Scanner haben, können Sie mit Ihrem Smartphone ein Foto davon machen. Stellen Sie einfach sicher, dass Sie ein Foto von jeder Ihrer Zeichnungen einzeln und in direktem Licht machen. Es gibt also keine Schatten auf deinen Spuren. Dann können wir in Photoshop gehen. 3. Vorbereitung in Photoshop: Also das ist mein Scan, den ich in Photoshop geöffnet habe. Das erste, was wir tun müssen, ist jedes Tracing in seine eigene Schicht zu trennen. Gehen Sie also zu Ihrem Rechteck-Marquee-Werkzeug und legen Sie einen Kasten um Ihre erste Skizze. Dann drücken Sie den Befehl J auf der Tastatur, dann dupliziert diese Auswahl in eine eigene Ebene. Stellen Sie dann sicher, dass Ihre Hauptskizze erneut ausgewählt ist, und führen Sie dasselbe für jede Verfolgung aus. Sobald Sie alle dupliziert haben, können Sie die Hintergrundebene deaktivieren und dann alle diese drehen. Hier oben in der oberen Symbolleiste habe ich die Option „Auto-Select Layer“ aktiviert. So kann ich einfach auf jede Ebene klicken und sie drehen, ohne in die Ebenenpalette gehen und die Ebene auswählen zu müssen. Sobald Sie alle gedreht haben, wählen Sie alle fünf Tracings aus, richten Sie sie vertikal und horizontal aus. 4. Ausrichten der Nachzeichnung: Jetzt müssen wir alle unsere Tracings aufstellen, und da sind diese vier Punkte nützlich. Wir werden die obersten vier Ebenen auswählen und den Füllmodus in Differenz ändern, und wir machen eine Skizze nach dem anderen. Wir fangen mit Schicht vier an. Vergrößern wir uns. Die Art und Weise, wie dieser Mischmodus funktioniert, ist alles, was zwischen diesen beiden Ebenen gleich ist, schwarz und alles, was anders ist, ist weiß. Wir wollen, dass das Ganze in Schwarz aufgereiht ist. Wir fangen an, indem wir diese beiden Punkte aufstellen, dann drehen wir unsere Verfolgung, indem wir den Ankerpunkt auf diesen Kreis neu positionieren und ihn dann drehen, bis wir denken, dass er nahe ist und ihn dann herum schieben, bis er sich größtenteils ausrichtet. Denken Sie daran, dass wir nicht perfekt aufstellen müssen , weil das der Punkt ist, es mehrmals zu verfolgen, und es wird am Ende einfach besser aussehen in der Animation. Wenn Sie keinen Scanner hatten und am Ende Ihr Smartphone verwenden , um Fotos von jeder Ihrer Skizzen zu machen, könnte die Perspektive ein wenig aus, so dass das leicht zu ändern ist. Alles, was Sie tun müssen, ist die Ebene zu transformieren, die Sie gerade aufstellen, indem Sie den Befehl T auf der Tastatur drücken und dann mit der rechten Maustaste klicken und zu verzerren gehen. Auf diese Weise können Sie jede der Ecken verschieben. Sie können das verschieben, um sich mit diesem Punkt, diesem Punkt usw. auszurichten, und das wird die Perspektive korrigieren. Andernfalls, wenn Sie es gescannt haben, ist alles flach und in der gleichen Perspektive, so dass Sie sich keine Sorgen machen müssen, und wir tun dies einfach für den Rest. Gehen wir weiter und sperren unsere fünfte Schicht, damit wir das nicht versehentlich packen. Dieser sieht schon ziemlich nah aus, und das sieht gut aus für diesen, und wir werden weitermachen. Wie Sie sehen können, wenn ich das hier verschiebe, fängt es an den Ebenen ein. Wenn ich das deaktivieren möchte, kann ich die Kontrolle gedrückt halten und kann sie frei bewegen. Da gehen wir hin. Jetzt können wir unsere letzte Ebene freischalten, sie alle wieder auswählen und den Füllmodus wieder auf normal ändern. 5. Anpassungen: Jetzt, da wir alle unsere Ebenen aufgereiht haben, müssen wir unser Dokument so zuschneiden, dass es sein soll. Eine gute Größe für ein GIF ist etwa 800 Pixel x 600 Pixel. Das ist es, was ich will. Ich gehe zum Zuschneidewerkzeug und ändere das Verhältnis zu einer Breite von Höhe Auflösung, 800 Pixel x 600 Pixel und 72 DPI. Lassen Sie uns verkleinern. Sie können das tun, indem Sie den Befehl minus auf der Tastatur drücken und dann gehen wir einfach weiter und skalieren es nach unten. Es ist okay, wenn hier extra Platz um den Rahmen ist, können wir das später ausfüllen. Drücken Sie die Eingabetaste und das sieht ziemlich gut aus. Beginnen wir mit dem Ausfüllen dieses weißen Hintergrunds. Schalten Sie unsere Hintergrundebene ein und füllen Sie diese mit Weiß, stellen Sie sicher, dass Weiß die Hintergrundfarbe auf der linken Seite ist, und drücken Sie den Befehl Löschen. Nun, wir wollen eine Kurvenanpassung Ebene ganz oben hinzufügen, so dass das weiße Papier ist rein weiß und wir können dunkel in der Schrift mehr schwarz sein. Gehen Sie hier nach unten zu Ihren Einstellungsebenen. Finden Sie Kurven und bringen Sie das ganz nach oben in unserer Ebenenpalette. Schnappen Sie sich Ihr weißes Augentropfwerkzeug und klicken Sie auf den weißen Teil Ihres Tracing. Sie können immer noch sehen, dass es ein wenig Grau- und Papiertextur gibt. Wenn Sie die Option gedrückt halten, können Sie alles sehen, was nicht rein weiß ist. Ich werde hier klicken und das hilft sehr. Das sieht ziemlich gut aus. Dann nehme ich mein schwarzes Auge Tropferwerkzeug und klicke auf den dunklen Teil meiner Verfolgung. Das macht es ziemlich dunkel. Wenn ich möchte, kann ich einige davon sogar manuell anpassen und es ein wenig dunkler machen. 6. Bereinigen: Jetzt muss ich die vier Punkte auf jedem meiner Tracings entfernen. Ich werde auf der Tastatur E drücken, um das Radiergummi-Tool zu wechseln, stellen Sie sicher, dass meine erste Ebene ausgewählt ist und dann einfach mit dem Löschen beginnen, meinen ersten Schalter auf meinen zweiten ausschalten, und der Grund, warum die Punkte nicht verschwinden, liegt daran, dass, sobald ich eine Ebene, beginnen Sie, den nächsten Punkt auf der Ebene darunter zu sehen. Wenn Sie Flecken oder Grunge sehen, die auftauchen, fühlen Sie sich frei, weiter zu gehen und das auch zu löschen. Schalten Sie alle Ebenen wieder ein, und ich sehe einige Flecken direkt dort. Das ist also auf meiner zweiten Ebene, also werde ich das auch löschen. Alles klar, das sieht gut aus. 7. Farbe und Animation: Jetzt wollen wir meine Farben einstellen. Da dies ziemlich rein schwarz und reines Weiß ist, kann ich leicht die Farben mit einem Farbverlaufs-Map anpassen. Sie können Gradients-Karte genau hier finden. Klicken Sie darauf, legen Sie es oben in Ihrer Ebenenpalette auf. Was auch immer Sie wollen, dass die schwarze Farbe ist, Sie können das hier einstellen. Was auch immer Sie wollen, dass die weiße Farbe ist, Sie setzen das hier. Wir werden auf das Schwarze klicken. Ich werde wählen, einige tun wie eine rosa Farbe. Ich werde nur meinen Hintergrund weiß lassen. Klicken Sie auf OK. Jetzt können wir die Animation hinzufügen, gehen Sie bis zum Fenster Timeline. Sie möchten die Taste „Gestell-Animation erstellen“ drücken. Aber wenn Sie sagen, erstellen Sie Video-Timeline, klicken Sie einfach auf den Abwärtspfeil und ändern Sie es in Frame-Animation. Klicken Sie dann auf die Schaltfläche. Hier unten in unserer Timeline ist dies der erste Frame unserer Animation. Allerdings sind Ebenen sind innere Ebenen Palette eingestellt, das ist, was in diesem ersten Frame angezeigt werden. Das ist, was ich für den ersten Frame will. Ich muss nur hier runterkommen, wo es Null Sekunden sagt und es auf 0,2 Sekunden setzen. Das ist die Dauer des Frames. Klicken Sie dann auf Neuer Frame und deaktivieren Sie die erste Ebene und tun Sie dasselbe für jede Verfolgung. Dann heißt es hier will, aber wir wollen es für immer ändern. So bekommen wir es für immer zu schleifen. Jetzt muss ich nur noch die Play-Taste drücken und wir können die Animation in einer Vorschau anzeigen. Das ist ziemlich lustig. Wenn Sie es hier bemerken, gibt es kleine Blöcke, die ich entfernen muss. Ich werde Stopp drücken, und das ist in Frame zwei. Das ist meine zweite Schicht. Wenn ich darauf klicke, mein Radiergummi Tool gewechselt, kann ich das löschen. Mir ist aufgefallen, dass es irgendwo hier oben noch einen Block gab, der auf meiner vierten Ebene ist. Ich glaube, das war das Einzige. Okay, lassen Sie uns noch einmal eine Vorschau anzeigen. Sieht gut aus. Das ist alles, was wir für die Animation tun müssen. Jetzt müssen wir es nur als GIF speichern. 8. Exportieren von GIFs und Videos: Ich arbeite in Photoshop CC 2015 und Adobe verschiebt den Safe für eine Webfunktion an einen anderen Ort. Früher war ich direkt unter Speichern unter. Wenn Sie also eine ältere Version von Photoshop verwenden , müssen Sie das tun. Wenn Sie in der gleichen Version wie ich sind, gehen Sie zu Exportieren und Für Web speichern. Dann wechseln wir die Voreinstellung auf die obere und werfen einen Blick hier unten in unserer Dateigröße, die super winzig ist, also das ist gut. Überprüfen Sie hier, und stellen Sie sicher, dass die Looping-Optionen auf „Forever“ gesetzt ist, und klicken Sie dann auf „Speichern“. Ich werde meine Tacos nennen, sie auf meinen Desktop legen. Der beste Weg, um zu überprüfen und sicherzustellen, dass Ihr GIF funktioniert, ist es, es in einem Browser zu öffnen. Ich habe meine auf meinem Desktop gespeichert. Sie müssen nur Ihr GIF in Ihren Browser ziehen, und da geht's, es funktioniert. Wenn Sie dies nun auf Instagram posten wollten, unterstützt Instagram keine GIFs. Also müssen wir eine Videodatei exportieren. Gehen Sie also zurück zu Photoshop, und eine Sache, die Instagram erfordert, ist, dass Ihr Video mindestens fünf Sekunden dauern muss. Also werden wir unsere fünf Sekunden machen müssen. Da jeder Frame 0,2 Sekunden beträgt, benötigen wir mindestens 25 Frames. Ich werde alle meine Frames auswählen, indem ich auf den ersten klicke und dann die Umschalttaste gedrückt halte und auf den letzten Frame klicke, habe ich alle meine Frames ausgewählt. Gehen Sie dann zurück zu Ihrem ersten Frame und halten Sie die Option gedrückt, und klicken Sie dann und ziehen Sie, bis Sie sehen, dass diese kleine Zeile angezeigt wird, und dann loslassen. Jetzt haben wir 10 Frames. Wählen wir nun alle 10 Frames und machen das Gleiche. Wenn ich diese 10 Frames noch einmal mache, haben wir mehr als 25 Frames, also werden wir gut sein. Nur um sicherzustellen, dass es funktioniert, drücken Sie „Play“ und sehen Sie es in der Vorschau. Sie können sehen, wie sie durch die Rahmen gehen, und es sieht gut aus. Jetzt müssen wir auf Datei gehen, Exportieren und dann auf Video rendern, und das wird wahrscheinlich eine Sekunde dauern, um zu laden. Ich werde meinen Namen in Tacos ändern, und dann werde ich es auf den Desktop legen, und alle diese Einstellungen können so belassen werden, wie sie sind. Jetzt können wir einfach „Rendern“ drücken und es seine Sache machen lassen. Das war's. Wenn wir nun auf dem Desktop schauen, können wir das in der Vorschau sehen, und das ist bereit für Instagram. Mein bevorzugter Weg, dies auf mein Telefon zu bekommen, besteht darin, die Datei auf Dropbox zu platzieren. Das war's, Leute. Ich kann es kaum erwarten, alle lustigen GIFs zu sehen, die Sie erstellen. Wenn Sie irgendwelche auf Instagram teilen, zögern Sie nicht, mich @apairofpairs zu markieren. Danke, dass du meine Klasse genommen hast. Ich würde es lieben, wenn Sie mir Ihre Bewertung hinterlassen, und wie immer, zögern Sie nicht, mir irgendwelche Fragen zu stellen. Wir sehen uns das nächste Mal.