Photoshop: Erstellen eines riesengroßen animierten GIF | Benjamin Halsall | Skillshare

Playback-Geschwindigkeit


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

Photoshop: Erstellen eines riesengroßen animierten GIF

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

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. Kurseinführung

      0:30
    • 2. Erstellen und Richten dein Projekt

      0:57
    • 3. Erstellen und Duplizieren von Formen

      3:20
    • 4. Twirl erstellen

      1:11
    • 5. Vervielfältigen und Vorbereitung auf Animation

      1:23
    • 6. Animation deiner Twirl

      1:53
    • 7. Farbanpassungen vornehmen

      0:57
    • 8. GIFs und MP4s für den Hochladen ins Web

      4:11
  • --
  • 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.

235

Teilnehmer:innen

1

Projekt

Über diesen Kurs

In diesem Kurs erstellen wir die groovige rotierende Verwirbelung Grafik in Photoshop in der Lage, die du unten siehst.

Dies beinhaltet die Arbeit mit Vektoren, Effekten, der Animationszeit in Photoshop sowie Farbeffekte, um deine Grafik einfach zu ändern und zu ändern.

Es gibt einige tolle Fähigkeiten, die du in diesem Spaß abholen und einfach dem Kurs folgen kannst.

Wenn du dir unsicher bist, auf Abonnieren zu klicken, lade ich dich ein, in die Mitte dieser hypnotischen Animation zu schauen und mit mir zu chanten 'Ich werde beitreten, ich werde beitreten!'.

Viel Spaß beim Kurs!

2cc1f93d

Triff deine:n Kursleiter:in

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses

Kursleiter:in

For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

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. Kurseinführung: wie sie den Haushalt hier und diese Klasse verbrachten. Wir werden einen Blick darauf werfen, wie wir dieses Looping animierte GIF für einen Laden machen. Wir gehen direkt durch alle Schritte, einschließlich der Erstellung der Vektorformen, Verziehen der Vektorformen, dann das Einfügen und Exportieren dieses Bildes als animiertes GIF. Also springen Sie in Mr Fund Klasse ist ziemlich schnell zu tun. Es ist nicht sehr technisch schwierig für Sie. Am Ende mit einem großartigen Ergebnis, das Sie auf Twitter auf Facebook auf DA Jump in hochladen können, wird am Tag gestartet. Lass uns etwas Spaß haben. 2. Erstellen und Richten dein Projekt: Also das erste, was wir gehen voran und tun hier, wenn der Shop ist ein neues Projekt erstellen. Also werden wir gehen, um eine neue Datei auf welcher Version Fotoshop. Du bist in den Dingen, mit denen wir arbeiten werden. Das gleiche Layout des neuen Dokumentfensters wird etwas anders sein. Wir werden in Pixeln arbeiten, weil wir für den Bildschirm arbeiten und 1920 um 10 arbeiten werden . 80. Und das bedeutet nur, dass wir das als HD-Video-Loop exportieren können, wenn wir wollen. Die Auflösung und wir haben für den Bildschirm gearbeitet, ist nicht wirklich wichtig. Wir können es auf 72 Pixel ändern, Prinz. Aber es sind wirklich die Pixelmaße, die hier wichtig sind. Die Entschließung ist nur etwas, worüber Sie sich Sorgen machen müssen. Wenn du für Druck arbeitest, bleiben wir bei RGB und ein bisschen Farbe. Wir lassen den Hintergrund weiß. Wir brauchen uns hier keine Gedanken über erweiterte Optionen zu machen, also lasst uns sofort auf erstellen klicken. Wir werden das speichern, damit wir zu Aktenschoner gehen. Wir werden das fallen lassen, den Desktop laufen, und wir nennen diese Spiralschleife 3. Erstellen und Duplizieren von Formen: Der erste Schritt hier ist also, unsere Spiralschleife zu erstellen. Und was wir dazu verwenden werden, ist zunächst der Bleistift im Fotoshop. Also, wenn wir Formen mit einem Bleistift erstellen, wollen wir Zeh. Denken Sie über ein paar Dinge nach. Die erste ist zu überprüfen, dass wir die Form Option hier oben in unseren Optionen verwenden, um über , dass wir eine Füllung mit einer Farbe in es haben. Nun, die Art und Weise, wie wir arbeiten, bedeutet, dass wir die Farbe ein wenig später ändern können. Also werde ich für den Moment hier nur eine schöne Orange auswählen. Wir brauchen keinen Strich für unsere Form auf alles andere, was wir können. Wir können gehen, wie es jetzt ist. Wenn wir unsere Spirale erstellen, wollen wir sicherstellen, dass sie sich hier um den Mittelpunkt dreht. Also werde ich meine Rollen einschalten, damit Ware ist oder sehen und die Herrscher-Option überprüfen, und dann werden wir ein Lineal aufspüren, wenn du nah an der Mitte kommst, wirst du spüren, dass das Lineal in der Mitte schnappt. Also ziehe ich horizontal und ein vertikales Lineal rüber auf und überprüfe nur, dass es in der Mitte schnappt . Was wir jetzt machen wollen, ist eine Form zu machen, die am längsten ist, wenn wir eine Spirale schaffen , die später sichtbar wird. Also, wenn Sie einfach mit diesen Schritten folgen, klicken wir hier in die Mitte, Richtung des Randes hier einmal, zweimal, und dann zurück zum Mittelpunkt hier. Nun, wenn Sie Ihre Dreiecksform ein wenig zu breit gemacht haben, können Sie zum Direktauswahlwerkzeug kommen und diese Punkte auswählen und ein wenig ziehen. Wenn wir also unsere erste Form hier haben, springen wir zurück zum Zug zerrissen hier. Wir machen ein Duplikat dieser Form, okay? Aber wir werden es gleichzeitig duplizieren und drehen. Also werde ich einfach de auswählen und meine Ebene neu auswählen und dann Befehl und Taktik aushalten und das wird die Move-Optionen aufbringen. Und jetzt ziehe ich diesen Ankerpunkt in der Mitte runter in die Mitte meiner Leinwand. Und das bedeutet, wenn ich mich jetzt drehe, wird es um diesen Punkt drehen und dann werde ich auf Befehl tippen und T tippen, um das zu transformieren . Was ich tun möchte, ist, das zu transformieren. Was ich tun möchte, wenn ich das transformiere, ist sicherzustellen, dass ich eine schöne Lücke zwischen diesem Dreieck und dem nächsten Stammesstamm habe. Also wollte ich irgendwie die Zehe hier runterfließen. Um also etwas genauer zu sein, werde ich diese Ebene nur duplizieren, indem ich sie auf die neue Ebenenschaltfläche unten rechts ziehe. Und dann werde ich das als meine erste Transformation verwenden. Also wähle ich meine zweite Lage dort auf do Commodity und ziehe dann einfach meinen Ankerpunkt in die Mitte meiner Leinwand auf Nur drehe das bis ich den Rand der ersten geformten dort berühre. Okay, jetzt werde ich zu meiner ersten Form zurückkehren und das Kommando erledigen und das Gleiche tun. Außer diesmal werde ich dafür sorgen, dass ich direkt auf den Grund der zweiten Form komme. Sobald ich das getan habe,werde ich die zweite oder oberste Ebene löschen, die ich gerade hier habe. Sobald ich das getan habe, Wenn ich den Shiftkult-Befehl auf Tap T gedrückt halte,bekomme ich diese Rotation mit einer schönen Lücke in der Mitte und du kannst sehen, wie sie sich dort schön bewegt. Wenn ich den Shiftkult-Befehl auf Tap T gedrückt halte, bekomme ich diese Rotation mit einer schönen Lücke in der Mitte und du kannst sehen, wie sie sich dort schön bewegt Und wenn wir an den Anfang zurückkommen, sollten wir hoffentlich mit einer schönen, gleichmäßig verteilten Form enden . Nun, das ist ein schönes Design selbst. Es ist eine nützliche Technik, um es zu wissen, aber wir werden das noch ein paar Schritte weiter machen. Machen Sie dies in eine Animation. 4. Twirl erstellen: Das erste, was wir tun, ist, wählen Sie alle unsere Ebenen. Also habe ich hier meine oberste Ebene ausgewählt. Ich halte gedrückt, verschiebe und wähle die untere Ebene „Am meisten“ aus. Sobald ich alle diese Ebenen ausgewählt habe, werde ich diese Ebenen miteinander vermischen. Also werde ich die Formen auftauchen und dann werde ich mit der rechten Maustaste auf diese Ebene klicken und rasa diese Ebene aufheben. Okay, jetzt möchte ich tun, ist diese Schicht zu nehmen. Andi, verzerren Sie es. Also werden wir das Swell-Tool benutzen, um das zu tun. Wir gehen auf „Filter Distort“ auf 12. Und jetzt kann ich sehen, dass wir diese schöne 12 von dieser Form bekommen, so dass wir es ein bisschen drehen können oder viel, dass wir für etwa minus 190 Grad für diese 12 gehen. Okay, wir haben hier eine Vorschau davon, und dann klicken wir. OK, wir haben eine schöne 12 dort, und wenn wir Befehl und t tun, können Sie das sehen, weil wir unsere Anfangsform so einstellen, dass sie größer als die Leinwand hier. Wir haben keine Kanten, die hier am Ende dieser Formen zeigen, dass wir eine schöne Form haben , die wir jetzt hier anschwellen können, die sich drehen wird, ohne irgendwelche dieser Cornell's unter diesen Rändern abzuschneiden . 5. Vervielfältigen und Vorbereitung auf Animation: Nun besteht der nächste Schritt darin, diese Ebene mit einer Transformation zu duplizieren. Also werde ich es jetzt tun. Ich füge hier nur drei Typen hinzu, okay? Ich werde das als Leitfaden für meine Transformation verwenden. Also möchte ich das so transformieren, dass es wirbelt, aber ein bisschen Zeit. Also bekommen wir ein bisschen von diesem Gefühl der Bewegung. Also, wenn ich das Kommando halte und Tatty Nein. Und dann bewegen Sie das einfach, bis ich die erste Zeile berührte und hier in Aktion Eingabetaste drückte, brauchte ich hier nicht die zweite Zeile. Das ist genug Transformation, dass ich das Gleiche wieder machen könnte. Also halte ich gedrückt, schiebe den Befehl auf T aus und ich bin billig, diese Schichten zu plicieren. Also werde ich das nur vier oder fünf Mal duplizieren. Okay, auf der Schleife wird ziemlich schnell sein, denn im Wesentlichen haben wir hier einen Siris von Schichten, die ziemlich schnell übereinstimmen werden. Wir bewegen uns also von einer Ebene zur nächsten und so weiter und so weiter. Und wir kommen zurück zum Anfangspunkt, an dem diese erste Ebene diese Linie grob berührt . Eso, sobald wir zu diesem Punkt zurückkommen, wo wir diese Linie berühren. Wir haben eine Schleife. Also haben wir 123456 Schichten auf. Das sollte gut für eine Schleife hier sein. 6. Animation deiner Twirl: Jetzt müssen wir unsere Zeitlinie einschalten, um Animation zu erstellen, und wir werden die etwas ältere Schulmethode verwenden, um unsere Animation hier nur durch Ein- und Ausschalten der Ebenen in weiteren Shop. Es ist also keine Zeitleiste, da Sie Info-Shop verwenden können. Es ist nur eine Frame für Frame-Animation, die die alte Schule Art ist, animierte GIFs zu erstellen. Also hier haben wir unsere Möglichkeit, Video-Timeline zu erstellen. Aber wo wir das erst einmal erschaffen haben, springen wir hier nach unten links. Also werden wir klicken, Video-Timeline erstellen, und dann springen wir nach unten links auf. Wir gehen zu dieser Zeitleiste, wo wir nur einzelne Frames haben. Okay, also werden wir jeden Rahmen vier nördlich 40,1 Sekunden dauern. Also im Grunde 1/10 Sekunden, und wenn wir das in unserem ersten Frame hier gemacht haben, schalten wir die obersten Schichten aus, die wir hier haben. Dann erstellen wir einen neuen Frame, schalten die untere Ebene aus, schalten die nächste Ebene ein, und wenn wir jetzt zwischen diesen wechseln, können Sie sehen, dass wir beginnen, diese Animation zu bekommen, also erstellen wir die dritten Rahmen. Schalten Sie die dritte Ebene hier ein, bewegen Sie sich weiter durch, bis wir alle diese Ebenen schön schleifen. Also jetzt, wenn wir dies von einmal zu Forever ändern und Play drücken, sollten wir eine schöne Looping-Animation haben. Also, jetzt haben wir, ah, schnelle Beute an. Was Sie bemerken, ist, dass es ein bisschen gibt, Ah, hier reinspringen, und das hat wirklich mit der Genauigkeit aus den Winkeln zu tun, die wir unsere Rotation in der ersten Instanz erstellt haben. Mit ein bisschen mehr Planung für Experimente könnten wir diese etwas gleichmäßiger verteilen, so dass wir diesen kleinen Sprung hier nicht haben . 7. Farbanpassungen vornehmen: jetzt, weil die Arbeiter-Layer wir verwenden können, um, Farbton Sättigung Anpassungsebenen tatsächlich unsere Farbe hier zu verwalten. Wenn wir also auf die Hintergrundebene in der ersten Instanz auf gehen, tun Shift F fünf und füllen diese mit 50% Grau und dann eine Farbtonsättigungsanpassung Ebene darüber hinzufügen , können wir jetzt das einfärben, so dass wir mit auf Farbe enden könnten. Diese Art von schön kompensieren sich gegen die Orange. Wenn wir alle unsere Ebenen hier mit der rechten Maustaste auswählen und eine neue Gruppe aus diesen Ebenen erstellen funktioniert die Animation weiterhin, , obwohl diese Layer eine Gruppe sind. Dies ermöglicht es uns, eine neue Farbton Sättigung Anpassung Ebene zu machen und mit der rechten Maustaste zu klicken und Clipping-Maske zu erstellen , so dass nur auf die Spitze angewendet wird, meisten weniger, so dass Sie sehen können, haben wir unabhängige Farbanpassung, die wir damit tun können Vordergrund und Hintergrund, so können wir jede Farbe erstellen, die wir im Hintergrund auf ohne Zehe manuell wieder Farbe oder neu zu machen, was wir getan haben. 8. GIFs und MP4s für den Hochladen ins Web: Also, jetzt werden wir durchlaufen, wie man exportiert. Dies ist ein animiertes GIF auf als Film. Also zuerst einen Blick auf die animierte GIF-Option werfen. Also, wenn wir zum Dateiexport gehen, arbeite ich an der neueren Version von Photo Shop. Also die sichere Web-Option, die ich suche, ist unter dieser sichereren Waffe Legacy-Option. Möglicherweise sehen Sie sicheres Web im Hauptmenü neben dem Export für die Verwendung einer älteren Version des weiteren Shops dort Genau das gleiche. Wir werden in diese sicherere Web-Legacy-Version springen und sie klicken darauf, sobald wir hier sind, haben wir unsere Animation eingerichtet, also wird es Änderungen von J Peg zu einer der Geschenk-Optionen sein. Die Animation wird wiedergegeben, und es wird uns die Möglichkeit geben, als animierte GIFs zu exportieren. Ich werde wählen Geschenk 128 hat okay auf für diese flachen Farben. Ein animiertes GIF wird eine wirklich schöne hochwertige Version dieser Schleife exportieren. Ich werde die Größe davon runter fallen lassen. Ich werde das auf etwa 40% der Originalgröße ändern. Nur damit es ein wenig kleiner für das Web ist, können wir eine Vorschau der Dateigröße hier unten links sehen. Wir haben die gleichen Optionen, die wir für einen Laden eingerichtet haben, also wird es für immer aussehen. Also, wenn wir gespielt haben, ist es wieder da. Jetzt können wir eine Vorschau davon sehen, wie das aussehen wird. Und so können wir jetzt mit dem Export fortfahren. Also werde ich klicken, speichern, auf meinen Desktop springen und dann ein Spiralschleifengeschenk aussagen. Also jetzt haben wir Brüder zu einer unserer Social-Media-Plattformen haben eine Schleife animierte GIF jetzt, bevor wir den Film erwarten. Aber wir müssen darüber nachdenken, wie das läuft, weil es sehr, sehr kurz ist. Wenn wir also zum Dateiexport auf Rendervideo gehen, in dieser Exportoption werden wirin dieser Exportoptioneinen sehr, sehr kurzen Film zum Exportieren haben . Jetzt gibt es ein paar verschiedene Möglichkeiten, die wir verlängern können. Dieser wird sein, einen Film zu exportieren und diesen dann in einen Videoeditor zu importieren und ihn dann in diesen Video-Editor zu schleifen . Die andere wird die Zehenschleife auf der Timeline sein, also kopieren und fügen Sie diese Frames ein, so dass wir sie mehr als ein Mal wiedergeben . Also werde ich diesen Sprung einfach wieder zu meinen Frames hier abbrechen und ich halte jetzt Shift gedrückt, um sie alle auszuwählen. Und dann, wenn ich sie auf die neue Ebene fahre, können Sie sehen, dass es diese dupliziert. Also, wenn ich diese Schleife einfach zu jedem Frame dupliziere, ist das, was bei Norden 0,1 Sekunden läuft . Also, wenn ich so 5 10 Sekunden davon will, dann würde ich 10 mal fünf oder 10 Sekunden brauchen. Also brauche ich jemanden in der Nähe von 100 Frames. Also werde ich das weiter duplizieren, bis ich vorbei bin. 100 Frames auf waren am Ende hier mit 64. Ich werde hier zurück zum Anfang scrollen, gedrückt halten, verschieben und wieder auswählen, Andi duplizieren auf Welt es noch einmal. Also werden wir mit über 200 Freunden enden. Aber Sie können sehen, indem Sie alles auf ihre Duplizierung auswählen, und wir ziemlich schnell und exponentiell enden mit ein paar Freunden. Also werde ich das jetzt mal sehen, damit wir sehen können, wie lange es dauern wird. Also, wenn ich zu Frame von eins zurückkomme und das durchspiele. Sie können sehen, dass wir hier ein paar Sekunden aus der Schleife bekommen. Okay, also lasst uns gehen und das exportieren. Also gehen Sie zum Datei-Export, mieten Sie ein Video, und dann werden wir alle Frames ausnutzen Wird es als dieses 10 80 p-Format, das es die Framerate des Dokuments läuft . Andi wird dies auf dem Desktop rendern. Wir könnten einen anderen Ordner auswählen, wenn wir wollen, um zu schlagen. Rendern Sie ein. Jetzt exportieren wir unseren Film aus. Also, wenn das getan ist, lassen Sie uns einfach einen kleinen Blick darauf werfen, was Wir haben, um zurück auf den Desktop springen Befehl halten und Tab toe bewegen zwischen meinen Anwendungen und Shift Befehl d, um den Tod stoppen in einer einzigen Spiralschleife zu bringen . Wir spielen es einfach durch und Sie können sehen, was für eine schöne, glatte, leicht hypnotische Spiralschleife, die wir mit Werkzeugen im Fotoshop gemacht haben. Und wir haben auch unser animiertes GIF. Hier ist, na ja, kleinere Version aus der gleichen Schleife. Also, das ist alles, was wir in dieser Klasse abdecken, die ich habe. Es ist nützlich gewesen, indem wir das nächste Tutorial erzwingen. Gehen Sie voran. Ich würde gerne sehen, einige Ihrer Klassenprojekte eingebettete Geschenke auf dem Kurs Projektbrett auf, gehen Sie voran und haben etwas Spaß