GIFs in Adobe Photoshop erstellen | Sehan Hasan ✪ | Skillshare

Playback-Geschwindigkeit


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

GIFs in Adobe Photoshop erstellen

teacher avatar Sehan Hasan ✪, Graphics & Web Designer

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

4 Einheiten (14 Min.)
    • 1. Willkommen

      1:12
    • 2. Workspace einrichten und Text schreiben

      7:31
    • 3. Anwenden von Animation

      3:41
    • 4. GIF und abschließendes Projekt exportieren

      1:36
  • --
  • 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.

626

Teilnehmer:innen

5

Projekte

Über diesen Kurs

d05aedc3

Hey alle! Willkommen in meinem animation In diesem Kurs gehen wir vor, wie wir Adobe Photoshop zum Erstellen animierender GIFs verwenden können.

GIF ist ein spezielles Format für die Bilddatei, die sowohl animierte als auch statische Bilder unterstützen. Dieser Kurs ist newbie wenn du keine vorangegangenen Erfahrungen mit GIFs hast oder selbst wenn du sehr neu in Adobe Photoshop bist, wirst du Schritt für Schritt genau meinen Prozess verfolgen können. Ich werde auch die Ressourcen teilen, die ich für diesen Kurs verwendet habe, einschließlich des Hintergrunds und der originalen arbeitenden PSD-Datei, die dir auf dem Weg helfen werden.

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

Triff deine:n Kursleiter:in

Teacher Profile Image

Sehan Hasan ✪

Graphics & Web Designer

Kursleiter:in

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. Willkommen: Hey, alle, willkommen in meiner anderen Klasse auf einem Stahlstuhl. In dieser Nähe werden wir darüber gehen, wie wir die Macht von fritter shop nutzen können, um animierte GIFs zu erstellen. Geschenk ist ein besonderes für die Bilddatei gedacht, die tatsächlich sowohl animierte als auch ästhetische unterstützen In Majors ist diese Klasse völlig neu. Sei freundlich. Wenn Sie keine früheren Erfahrungen mit Geschenken haben oder auch wenn Sie regnen, Sie tol weiter Shop sein. Sie können Schritt für Schritt folgen. Genau. Mein Prozess, dass Klassenumrisse wird sehr einfach sein, die Villa zu folgen beginnen, indem wir unseren Arbeitsbereich schreiben den Text, dass Sie möchten, um jedes Fleisch es Anwendung von Animation auf die Textebenen mit sehr scharfen Hammond-Funktion erhalten . Schließlich werden Sie sehen, wie Sie eine animierte GIF exportieren, die es auf Ihren Computer erstellt und teilen Sie es mit Ihren Freunden sind auch teilen Sie die Ressourcen, die ich für diese Klasse verwendet habe, einschließlich der Hintergrund und die ursprüngliche funktionierende PST fiel, die für Sie auf dem Weg hilfreich sein wird. Also bitte schließen Sie sich mir an und lassen Sie uns anfangen, es zu starten 2. Workspace einrichten und Text schreiben: Hey, willkommen in meinen Klamotten und vielen Dank, dass du dich eingeschrieben hast. Ich sage, Honasan und ich werden dich so nah durchziehen. Bevor ich also mit dem eigentlichen Prozess voran gehe, möchte ich Ihnen noch einmal zeigen, was genau gemeinsam aufgebaut wird. So wie Sie auf meinem Bildschirm sehen können, dass dies für den Shop ist und diese Animation läuft nur innen fertig und und übrigens, Ich bin auf Fenstern mit der Jungfrau von Fuß, ein Geschäft, das für den Shop CCU 2015. Und wenn Sie einen genaueren Blick auf die Animation selbst werfen, sollten wir in der Lage sein, zu sehen, dass wir zwei verschiedene Ebenen des Textes haben. Eins ist eine Art ekstatisch und ausgestattet und oben auf ihrer haben wir eine weitere aktive Testflare , so können wir beobachten, dass wir zwei separate Rückenschichten erstellen müssen. jedoch Die Animation würdejedochnur auf einen Layer angewendet werden. In Ordnung, also lasst uns jetzt reingehen und sehen, wie wir es bauen können. Also, zuerst müssen wir ein neues Dokument erstellen, und die Art und Weise, wie wir das tun können, ist entweder, indem wir zum Datei-Menü gehen, Um, oder mit der kurzen Taste, die Aufruf für einen Befehl und im neuen Dollar können wir sowohl die Breite und Höhe einstellen. Also bleibe ich nur bei dem, was wir schon hier haben. Die Witte IHS eingestellt als 1200 die Höhe ist auf 800 eingestellt. Und da wir es nicht für Drucke verwenden werden, so dass die Auflösung auf 72 eingestellt ist, ist der Farbmodus RGB. Klicken Sie nun auf OK, um das Dokument kreativ zu gestalten. Der nächste Schritt besteht darin, den Hintergrund zu setzen. Und ich habe bereits den Hintergrund bereitgestellt, den ich für diese Klasse verwenden werde. Wenn Sie möchten, können Sie es aus der Klasse des Ressourcenbereichs herunterladen oder Sie sind einfach offen, den Hintergrund zu verwenden , den Sie für diesen Druck verwenden möchten. Okay, jetzt gehe ich eine Sekunde zum Datei-Menü, und aber dieses Mal, und aber dieses Mal, klicken Sie auf öffnen Schlitten. Der Hintergrund, den Sie öffnen möchten, und dieser Hintergrund kann nur für Bildungszwecke verwendet werden . Klicken Sie nun auf Öffnen. Dies wird in einer neuen Registerkarte geöffnet, um es für das gerade erstellte Dokument zu übernehmen . Wir müssen zuerst zu den Ebenen mental kommen und ich sperre die Ebene durch den Klick auf diese Hintergrundebene und klicken. OK, jetzt vergewissern Sie sich, dass Sie Werkzeug ausgewählt haben. Wenn Geld, können Sie drücken wir unter Kuba, um es zu aktivieren. Drücken Sie nun irgendwo Arm auf diesem Hintergrund und klicken Sie darauf, ziehen Sie es in das Dokument, das Sie gerade erstellt haben, und legen Sie es dann einfach dort ab. Alles klar, wenn Sie also nur die Größe hinzufügen möchten, ist es eine Position oder so können Sie einfach Kultur Befehl t drücken, um das Transformationswerkzeug zu aktivieren und dann die Position oder Größe vom Bettler anzupassen. Wie auch immer Sie jetzt für mich wollen, ich denke, das ist eine Art helleres. Also all diese Kiste und neue früher, indem sie zu diesem kleinen Symbol kommen und sicherstellen, dass meine Hintergrundfarbe auf schwarz eingestellt ist. Und wenn ich Coulter-Befehl und zurück des Weltraums drücke, wird es die Ebene mit dem Bettler auf Ebene füllen. So Nun, wenn ich einfach die Deckkraft hinunterfuhr irgendwo, sagen wir vielleicht 50 Personen. Also denke ich, das sieht ziemlich gut aus und wir müssen die Steuer auf den Bettler ausziehen, und deshalb müssen wir den Hintergrund so dunkel wie möglich halten. Alles klar, jetzt ist der nächste Schritt, den Text zu schreiben, um das Textwerkzeug zu aktivieren. Wir können t auf unserer Tastatur drücken oder einfach auf die Tools-Leiste kommen und dann dieses T-Symbol drücken um es zu aktivieren. Also die Sache, die Sie im Auge behalten müssen, bevor Sie Steuern schreiben, dass jedes Wort in diesem Satz auf seinen eigenen separaten Schichten sein sollte. Also, was meinst du damit? Ich werde es dir nur zeigen. Also sagen wir, ähm, ich werde nur den gleichen Satz behalten, den wir bereits in unserer ursprünglichen PSD hatten, die animierte Gifs in finanzieller Hinsicht erstellt. Gehen wir also zurück zu dem Arbeitsbereich, den wir erstellt haben, und beginnen dann, den Text auszugeben . Das erste Wort, das wir haben, ist das Erstellen einer linken Zeile und klicken Sie auf dieses Häkchen, um mit den Änderungen zu kommen . Nun, wie Sie sehen können, dass diese Schicht nur ein Wort überzeugen. Ebenso müssen wir separate Ebenen für jedes der Wörter erstellen, die wir haben. Erstellen Sie also eine für die Erstellung der zweiten Textebene für animierte. Der dritte Steuerzahler für Geschenk, der 4. 1 für ein und aus. Betrachten Sie es Robbie. Weiterer Shop als ein einziges Wort. Also werde ich einfach die fünfte Schicht damit überhaupt behalten. Beef Zusätzliche Arbeit, richtig? Nein, ich denke, der Text ist etwas kleiner. Also lassen Sie mich skillet up, indem Sie mein Transformationswerkzeug aktivieren, das ist Kultur Befehl t. Und dann stellen Sie sicher, dass Sie Gericht Option und Shift-Taste drücken und das ist töten Sie es up. nun noch einmal auf dieses Häkchen, Klicken Sienunnoch einmal auf dieses Häkchen,um zu kommen. Aber die Änderung ist jetzt, dass wir diese Ebene duplizieren müssen, und es gibt zwei Möglichkeiten, das zu tun . Die eine Möglichkeit besteht darin, diese Schicht zu nehmen und dann diese. Legen Sie es auf das kleine Symbol zu duplizieren oder wenn ich nur die Änderungen mache. Es gibt einen anderen Weg. Wenn ich mein Verschiebungswerkzeug aktiviere und dann darauf klicke, vergewissern Sie sich, dass meine Optionen alt sind und wenn ich es einfach auf Wörter, die Fahrt oder eine beliebige Richtung ziehen , indem Sie unsere Auktionstaste oder alte Taste drücken und sicherstellen , dass Sie auch präsentieren Shifty, nur um es horizontal ausgerichtet zu halten, so dass wir gerade auf diese Weise auch jetzt duplizieren können. Ändern Sie den Text erstellen und er machte es die Änderungen zu übernehmen. Wiederholen Sie nun die Geldbörsen für den Rest des Schlimmsten. Alles klar, jetzt sind wir mit dem Text fertig, wie ich bereits erwähnt habe, dass wir zwei separate Ebenen erstellen müssen. Einer ist einfach verblasst und oben drauf können wir eine andere Schicht von der Steuer haben. Also, wenn ich sie einfach gruppieren, indem ich meine Shift-Taste gedrückt halte und dann das letzte Wort schlief und Kultur Befehl G drücken, um sie zu gruppieren und die Gruppe nach Person zu duplizieren. Coulter Command J. Wenn ich die untere Gruppe mit Favoriten umbenenne und die obere ist oder Alter nein, wenn ich nur meine ursprüngliche Ebene verbergen und die Deckkraft auf einige sehr lassen Sie uns sagen, vielleicht 40 Person oder 30 Person. Ja, das funktioniert vielleicht, und sobald ich meine ursprüngliche Gruppe jetzt aktivieren kann, ist der nächste Schritt, die Animationen in der nächsten Lesbarkeit anzuwenden, wie wir Animationen auf diesen ursprünglichen Top-Player anwenden können . Danke 3. Anwenden von Animation: Hey, willkommen zurück. Und in diesem Video schaue ich Sie durch den Prozess der Anwendung von Animationen auf die Textebenen, die wir gerade erstellt haben. Nun, da wir Ebenen trennen müssen, ist Nummer eins die ursprüngliche, und die 2. 1 ist das ausgerüstete Gebäude, um die Animationen auf seine ursprüngliche Luft anzuwenden. Also, um mit der Animation zu beginnen, müssen wir zuerst zum Fenster gehen und auf diese Timeline klicken, um sie zu aktivieren. Und das ist der Bereich, in dem wir mit den Innovationen in der Timeline herumspielen werden. Wenn Sie dort eine Option sehen, sagen Sie, dass es mit Ihrer Timeline erstellt wird. Wo Sie tun müssen, ist auf diesen Drop-Down-Pfeil klicken und große Frame-Animation auswählen und dann auf Frame Animation erstellen klicken. Jetzt wurde die Zeitachse erstellt. Weniger ist auf die Originaldatei und sehen, wie sich diese Frame-Animation Sorgen macht. Also in einer Frame-Animation, wir applaudieren Animation in verschiedenen Sachen. Diese Stopps sind kalte Rahmen und jeder Rahmen unterdrückt eine Brände aus Schicht. Wir müssten verdienen mit der Ebenensichtbarkeit Option spielen, um verschiedene Animationsrahmen zu erstellen . Wie Sie sehen können, dass Diese Animation besteht aus sechs verschiedenen Freunden ab der 1. 1, wo wir die ganze Steuer, um es zu verblassen. Im nächsten Frame haben wir, wir haben das Wort erstellen eingeschaltet und im nächsten Frame haben wir das nächste Wort eingeschaltet, das animiert ist und die 4. 1 haben wir gegeben. Und die 5. 1 Wir haben eine und schließlich haben wir die Lobby Finish up wurden im letzten Rahmen eingeschaltet . Darunter haben wir einige Zahlen, die die Verzögerungszeit darstellen. Wenn ich nur auf diesen kleinen Pfeil klicke, sollte ich in der Lage sein, zu sehen, dass wir verschiedene Verzögerungen haben. Die 1. 1 sagen, ist keine Verzögerung und gefolgt von 10.1 2. bis zum 10. Und wenn Sie die Link-Zeit anpassen möchten, können wir auf andere Ende und sedately Zeit klicken. Eine andere Sache, die ich zeigen möchte, bevor wir wieder zu unserer Arbeit für Öl gehen, ist, dass diese Option, die für immer bleibt. Dies ist die Looping-Option. Wir haben drei verschiedene Arten von Looping-Option Nummer eins ist, sobald die zweite dreimal ist und die 3. 1 für immer ist. Ich habe für immer für diese Animation gewählt, um die Animation zu spielen, die wir Display-Symbol drücken können. Ich hoffe, alles ergibt Sinn. Gehen wir zurück zu unserer vertikalen Datei und erstellen Animationsrahmen im ersten Frame. Wir können einfach alle Ebenen versteckt oder unsichtbar halten. Stellen Sie nun die Zeitverzögerung auf, sagen wir, 45 Sekunden. Und um diesen Rahmen zu duplizieren, können wir darauf klicken und auf dieses kleine Symbol klicken Jetzt in der zweiten Ebene. Schalten wir das erste Wort ein und klicken Sie erneut auf dieses Duplikat-Symbol. Schalten Sie nun das zweite Wort ein und wiederholen Sie den Vorgang. Jetzt wurden die Frames erstellt. Das letzte, was wir suchen müssen, ist die Animationsschleife, die derzeit s gesetzt ist. Lassen Sie uns darauf klicken und setzen Sie es auf ewig. So wurde unsere Animation erstellt. Zeigen Sie niemals die Animation an, wer es funktioniert. Im nächsten Video werden wir sehen, wie wir dieses animierte GIF exportieren können 4. GIF und abschließendes Projekt exportieren: Hey, willkommen zurück Im vorherigen Video haben wir Animationen auf den Text angewendet, und jetzt werden wir in diesem Radio einen Blick darauf werfen, wie wir diese Animation als Geschenk exportieren können . Wenn Sie die neueste Version von für die Show, die 2015 ist, so sollten Sie eine Option für eine sichere für Web unter Datei-Export finden. Und hier ist eine Option, die sicher bleibt für Web nahm auf, dass. Also hier, stellen Sie sicher, dass das Geschenk ausgewählt ist und unter der Animation, stellen Sie sicher, dass Sie für immer statt Einsen geschlafen haben. Sobald Sie die Einstellungen endgültig abgeschlossen haben, dann gehen Sie weiter und drücken Sie sicher. Letztes Jahr, der Zielordner, wo Sie diese speichern möchten begabt diesen Namen es und Sie machte es Geschenk in Syrien. Also werden wir da sein. Gehen wir zurück zu unserem Besten und sehen, wie unsere Animation aussieht, als wäre sie fertig. Die letzte Party für diese Klasse ist es, animierte Geschenke zu erstellen, und Sie können den Text verwenden, für den Sie für dieses Projekt verwenden möchten, und fühlen Sie sich frei, um es im Klassenporträtbereich zu teilen. Ich werde es gerne überprüfen und meine Gedanken mit Ihnen teilen. Also, das ist es für diese Klausel und wir sehen uns nächstes Mal. Tschüss