Transkripte
1. Willkommen!: Hallo, mein Name ist Johannes Fast und herzlich willkommen meiner Klasse, wie Sie Ihre Fotos in Photoshop zum Leben erwecken können. In dieser Klasse lernen wir, wie man in Photoshop animiert und wie
man unsere Fotos daraus macht. Im Gegensatz zu mutterten, fortgeschritteneren Klassen wäre
diese Klasse ein Crashkurs,
der Ihnen die grundlegenden Werkzeuge gibt, die benötigt werden, um in
Rekordzeit zu animieren . Diese Klasse ist wie ein großartiger Ort, um zu beginnen, wenn Sie noch nie wäre
diese Klasse ein Crashkurs,
der Ihnendie grundlegenden Werkzeuge gibt, die benötigt werden, um in
Rekordzeit zu animieren. Diese Klasse ist wie ein großartiger Ort, um zu beginnen, wenn Sie noch nie
möchten, aber versuchen, Ihre Fotos oder Ihre eigenen Designs zum Leben zu erwecken. In dieser Klasse haben Sie eine Aufgabe, Ihr ganz eigenes Instagram-Video zu animieren. Wenn du fertig bist, lade das Video bitte in die Community hoch damit ich und deine Kommilitonen es sehen und Feedback dazu geben können. Alle zwei Wochen wähle ich eine Handvoll
meines Lieblings-Studentenprojekts aus, um auf meinem Instagram zu erscheinen. Wenn Sie eine Chance haben, vorgestellt zu werden, markieren
Sie bitte Ihr Instagram in Ihrem Beitrag. Wenn Sie diese Klasse hilfreich finden, hinterlassen
Sie bitte eine Rezension und folgen Sie mir auf Skillshare, damit Sie keinen meiner kommenden Kurse verpassen werden.
2. Dinge zu achten: Bevor wir mit der Animation beginnen, möchte
ich nur zwei der 12 Grundprinzipien der Animation abdecken. Das erste, was ich abdecken möchte, sind Bögen. Fast alle Aktionen folgen Bögen, mit wenigen Ausnahmen. Arcs hilft, Ihre Animation glatt und natürlich aussehen. Stellen Sie also sicher, dass die Animation einen klaren Bogen aufweist, wenn sich in der Szene bewegt. Das zweite und letzte, was ich abdecken möchte, ist Lockerung. Lockerung ist es, was die Beschleunigung Ihrer Objekte vermittelt. Wenn Sie keine Lockerung haben, werden
Ihre Animationen sehr steif aussehen und sich anfühlen. Um die Beschleunigung zu vermitteln, müssen Sie Ihre Zeichnungen abstellen. Der Abstand der Zeichnungen bestimmt, wie schnell oder langsam die Beschleunigung ist. Wenn Sie Ihre Zeichnungen gleichmäßig ausräumen, erhalten
Sie diese sehr steif aussehende Animation. Aber wenn Sie stattdessen Ihre Frames
anders ausräumen und am Anfang und am Ende so enger werden, sieht
Ihre Animation so aus, als würde sie sich beschleunigen und verlangsamen. Je weiter Sie Ihre Zeichnungen abstellen, desto schneller werden sie verschoben und je näher Sie Ihre Zeichnungen abstellen, desto langsamer wird sie verschoben. Sehen wir uns nun an, wie wir es einfacher für uns machen können, in Photoshop zu animieren.
3. Bevor wir beginnen: Bevor wir mit der Animation in Photoshop beginnen, müssen
wir ein Plugin namens Animdessin installieren. Animdessin fügt Photoshop einige Funktionen hinzu, die Photoshop nicht nativ hat. Dies wird es viel einfacher für uns, zu animieren, wenn wir Photoshop starten. Um AnimDessin zu installieren, können Sie auf
der Produktseite nach unten scrollen und zu Projekten und Ressourcen gehen. Auf der Registerkarte Ressource finden Sie ein Programm namens ZXPInstaller und Animdessin. Laden Sie die Animdessin-Datei und das richtige Installationsprogramm für Ihren Computer herunter. Sobald Sie die Dateien heruntergeladen haben, beginnen Sie mit der Installation von ZXPInstaller. Sobald ZXPInstaller installiert ist, öffnen Sie es bitte. Nun, da das geöffnet ist, können Sie fortfahren und den Ordner AnimdSessin entpacken. Dann gehen Sie hier rein und greifen Sie diese Animdessin2 ZXP-Datei, und ziehen Sie sie über und legen Sie sie ab. Jetzt ist Animdessin2 auf Ihrem Computer installiert. Sie können jetzt Photoshop starten.
4. Animation in Photoshop: Jetzt zeige ich Ihnen, wie Sie Photoshop mit Animdessin nach Belieben biegen. Hier habe ich mein leeres Projekt. Wir beginnen, indem wir zu Fenster gehen und auf die „Timeline“ klicken. Das wird die Zeitleiste hier unten hinzufügen. Um dann AnimdESSIN zu öffnen, gehen
wir auch zurück zu Window, runter zu Extension und öffnen Animdessin2. Hier ist Ihre AnimdESIN-Symbolleiste. Um jetzt mit der Animation zu beginnen, klicken
wir zuerst auf „Create Video Timeline“. Dies gibt Ihnen eine leere weiße Ebene hier, die wir als Hintergrund verwenden können. Wenn Sie den Schieberegler hier nach unten ziehen, können
wir die Timeline vergrößern. Dies wird es für uns einfacher zu sehen, wenn wir anfangen, Frames hinzuzufügen. Bevor wir mit der Animation beginnen, möchten
wir sicherstellen, dass wir die richtige Bildrate haben. Hier unten sehen wir den Rahmen, auf dem wir stehen. Normalerweise möchten wir mit 24 Frames pro Sekunde animieren. Um das zu ändern, gehen wir hier zum Dropdown-Menü und klicken dann auf „Timeline Frame Rate einstellen“ und es wird dies auf 24 ändern, so dass. Jetzt können wir weitermachen und unseren ersten leeren Rahmen erstellen. Um dies zu tun, klicken wir hier auf diese Schaltfläche. Dadurch wird eine leere Ebene hinzugefügt, die für zwei Frames gehalten wird. Mit dieser Schaltfläche wird hier ein Rahmen hinzugefügt, der für einen Frame gehalten wird. Aber in der Regel wollen wir, dass unsere Zeichnungen für zwei Rahmen dauern. Dies wird unsere Arbeit in zwei Hälften schneiden und animieren auf zwei gibt
auch unsere Animation ein wirklich schönes Aussehen und Gefühl. Sobald Sie Ihren ersten Frame haben, können
Sie fortfahren und Ihre erste Zeichnung machen. Sobald Sie Ihre erste Zeichnung haben und Ihre nächste Zeichnung aufrufen möchten, können
Sie fortfahren und erneut auf diese Schaltfläche klicken. Wenn Sie das zweite Mal auf diese Schaltfläche klicken, wird der Rahmen oben auf diesem Frame hinzugefügt. Was Sie jetzt tun müssen, ist mit Ihrem Zeigerwerkzeug, wählen Sie diesen neuen Rahmen und ziehen Sie ihn und ziehen Sie ihn nach unten. Wenn Sie nun auf diese Schaltfläche klicken, werden
die Rahmen auf derselben Ebene hinzugefügt. Wenn wir nun unseren zweiten Rahmen zeichnen, wird
es wirklich hilfreich sein, wenn wir den Rahmen vorher sehen könnten. Zum Glück gibt es dafür eine Funktion. hier auf diese Schaltfläche klicken, schalten
wir etwas ein, das Zwiebelhäuten genannt wird. Zwiebelhäuten lassen Sie uns die Rahmen vor und nach dem Rahmen sehen, auf dem wir sind. Wir können jetzt voran gehen und unseren zweiten Rahmen zeichnen. Ich werde jetzt noch einmal darauf klicken und unseren dritten Rahmen hinzufügen. Jetzt können wir den Rahmen nur noch sehen. Wenn wir mehr Frames sehen wollen, können
wir voran gehen und klicken Sie auf diese Schaltfläche hier. Wir können diese Einstellung ändern. Das wird es so machen, dass wir mehr Frames sehen können. Jetzt werde ich meinen dritten Rahmen zeichnen, und ich werde einen neuen Rahmen hinzufügen und meinen vierten zeichnen. Jetzt, wo wir unsere erste Animation hier haben, wollen
wir natürlich, dass ich sie mir ansehen. Um das zu tun, können wir zurück schrubben und dann können
wir unsere Animation spielen, indem wir hier klicken. Wie Sie sehen können, sehen wir immer noch Zwiebelhäuten, jetzt, wo wir spielen. Wir wollen gehen und klicken Sie einfach hier und stellen Sie sicher, dass es ausgeschaltet ist. Wenn wir wollen, dass unsere Wiedergabe eine Schleife ist, können
wir den Griff hier greifen und ihn wieder einziehen. Wenn die Wiedergabe nicht geloppt wird, klicken Sie hier auf diese Schaltfläche und stellen Sie sicher, dass die Loop-Wiedergabe ausgewählt ist. Wenn wir eine Kopie der Zeichnung anfertigen wollen, können
wir voran gehen und hier auf diese Schaltfläche klicken, und das wird uns eine Kopie der Zeichnung geben. dieser Schaltfläche können Sie Ihre Zeichnungen löschen. Sie können auch auf der Tastatur die Entf-Taste drücken. Diese Schaltflächen hier werden Ihre Frames länger oder kürzer machen. Wenn Sie diese Taste hier drücken, können
Sie Ihre Zeichnungen so ausschalten. Nun wurde die letzte Zeichnung mit der zweitletzten gewechselt. Um es zurück zu wechseln, klicke ich einfach auf diesen. diesen Schaltflächen können Sie Ihren Wiedergabe-Bereich auswählen. Wenn Sie Ihre Animation durchführen, möchten
Sie wahrscheinlich eine Reihe von verschiedenen Dingen hinzufügen und um es einfacher zu machen, können
Sie sie auf verschiedene Ebenen aufteilen. Um eine neue Ebene für die nächste Animation zu
erstellen, stellen Sie sicher, dass Sie außerhalb des Ebenenbedienfelds klicken und auf die Plusschaltfläche klicken. Dadurch erhalten Sie eine neue Ebene auf einer anderen Videogruppe. Sie können das zurückziehen und es zwei Rahmen machen. Dann kannst du wiederholen, was wir vorher getan haben. Als nächstes zeige ich Ihnen, wie Sie dies auf einem Foto machen.
5. Inhalt animieren: Lassen Sie uns diese Techniken auf unsere eigenen Fotos anwenden. Hier habe ich ein Foto von meinem liebenswerten Partner Megan. Wenn Sie ihre anderen Fotos anschauen möchten, können Sie sie hier finden. Dieses Foto ist bereits verarbeitet und in dem richtigen Format, das ich für Instagram möchte. In diesem Fall handelt es sich um ein Quadrat von 1920 x 1920 Pixel. Ich werde dieses Foto in Photoshop ziehen und jetzt werde ich meine Video-Timeline erstellen, und wie Sie jetzt sehen, wurde
das Foto zur Basisschicht. Ich gehe weiter und sperre das ab. Dann wie zuvor werde ich meinen ersten Frame erstellen, und dann wie vorher werde ich sicherstellen, dass meine Bildrate 24 ist. Blick hier unten ist bei 30, was standardmäßig für Photoshop ist. Wir wollen immer darauf achten, das zu ändern. Ich gehe hier rein, ich ändere das auf 24, und jetzt kann ich meinen Rahmen so hinzufügen. Dann werde ich zurück scrollen, damit ich den Rahmen sehen kann, an dem ich
arbeite , und hier oben habe ich meine vorbereiteten Farben. Zuerst denke ich daran, ein paar kleine Blobs hier herumfliegen zu lassen. auf die Prinzipien der Animation zurückgehe, möchte
ich diese Blobs herumfliegen lassen und einem sehr sauberen Bogen folgen. Ich werde eine Referenz machen, bevor ich anfange, dies zu animieren. Um dies zu tun,
werde ich eine große Schicht machen , und auf der geraden Schicht werde
ich den Bogen zeichnen, dem dieser Blob folgen wird. Um es mir ein bisschen einfacher zu machen, kann
ich diese Linien zeichnen, die mir grob sagen, wo ich meine nächsten Zeichnungen platzieren soll. In solchen Ecken neigt es dazu, sich zu verlangsamen. Ich werde meine Speichen so zeichnen und ich ändere die Geschwindigkeit hier, damit Sie sehen können. Es fängt langsam an, es beschleunigt sich, ich gehe langsam und beschleunigt, geht langsam und beschleunigt. Hier habe ich meine Referenz. Ich werde die Deckkraft dafür senken und dann werde ich sicherstellen, dass ich hier zu meiner Animationsebene zurückgehe. Ich möchte sicherstellen, dass ich auf dieser Ebene bin und dass diese Ebene ausgewählt ist, sonst kann ich nicht darauf zeichnen. Wenn Sie diesen weißen Rahmen sehen, wissen
Sie, dass er ausgewählt ist. Dann werde ich reingehen und meinen ersten Rahmen hier zeichnen. Ich werde das wirklich so unten setzen und dann wieder hier hoch gehen. Dann füge ich meinen nächsten Rahmen hinzu und natürlich muss
ich das runterziehen. Ich werde meine Zwiebelhäutung einschalten und jetzt, wie Sie sehen können, ist
etwas mit dem Foto passiert. Was hier passiert, ist wegen der Zwiebelhäutung. Was wir sehen, ist der vorherige Rahmen des Fotos, der oben multipliziert wird. Um bei dieser Verdunkelung zu helfen, können
wir zu unserem Foto gehen, es
freischalten und die Deckkraft darin senken. Dann können wir weitergehen und eine neue Ebene hinzufügen, die unten
legen,
sicherstellen, dass es am Anfang ist, dann füllen Sie sie mit einer weißen Füllung wie folgt, und dann werde ich beide sperren. Dies wird es für uns ein bisschen einfacher machen, jetzt zu sehen, während wir animieren. Während ich hierher gehe, möchte
ich mit der Größe dieses Blobs spielen. Natürlich, da es sich beschleunigt, möchte ich es
ausstrecken und das wird wirklich die schnelle Geschwindigkeit vermitteln. Je schneller es geht, desto mehr möchte ich es ausstrecken. Wenn Sie animieren, möchten Sie dies normalerweise nicht übertreiben. Du willst einen Blob nicht so sehr dehnen, der unglaublich lang ist,
aber jetzt, weil wir herumspielen und etwas sehr Lockeres und Spaß machen, können
wir wirklich mit der Skala der Dinge spielen. So können wir es wirklich lang oder wirklich klein machen. Aber wir wollen nur sicherstellen, dass wir nicht voran
gehen und hier eine wirklich lange Zeichnung machen, und dann werde ich eine kurze und dann wieder eine lange machen, denn dann werden wir ein Strobing bekommen, wo es sich gerade bewegt. Wir wollen die Idee der Lockerung sowohl auf
die Bewegung als auch auf die Dehnung und Skalierung der Dinge anwenden . Jetzt, da es sich verlangsamt, werde
ich es wieder etwas kürzer machen, und ich mache es so, dass es dem Bogen folgt. Um die Sichtbarkeit zu ändern, können
wir mit den Einstellungen spielen und sehen was es am einfachsten macht zu sehen, was wir tun. Wir möchten auch sicherstellen, dass wir weiter spielen und
unsere Animation betrachten , damit wir Fehler erkennen und das Timing sehen und sehen wie sich alles bewegt, bevor wir zu
weit gehen , weil es einfacher ist, Dinge am Anfang zu reparieren als später. Nun, ich werde meine Referenzebene hier löschen, und dann, um es einfacher zu sehen, werde
ich die Deckkraft wieder einschalten, die Zwiebelenthäutung
ausschalten, hier
zurückscrollen, und dann werde ich meine Wiedergabe einstellen und dann wir können einen Blick werfen. Das sieht ziemlich cool aus. Vielleicht möchte ich nicht, dass das am Anfang beginnt,
also können wir einen Rahmen hinzufügen und diesen Rahmen ganz am Anfang hier setzen. Wir haben einen leeren Rahmen zu beginnen und dann werde ich diesen Rahmen ein bisschen länger machen. Wenn wir wollen, dass sich dieses kleine Ding auf dem Foto richtig verankert fühlt, könnten
wir versuchen, einen Schatten hinzuzufügen. Ich werde das tun, indem ich hier eine neue Schicht mache, und dann ziehe ich das raus und lege es zurück. Dann ziehe ich es heraus, um diesem leeren ersten Frame zu entsprechen, mache einen neuen, ziehe ihn runter, und jetzt werde ich anfangen, einen Schatten hinzuzufügen. Ich werde es ausgraben, indem ich hier nur ein Schwarz hinzufüge. Nun, wir haben unsere Schattenschicht hier, und dann werde ich die Deckkraft wieder einschalten, und dann werde ich diese ganze Gruppe hier greifen und die Deckkraft senken. Ich werde den Mischmodus hier in etwas ändern, das meiner Meinung nach gut aussieht. So sieht es aus. Ich werde hier weiterhin einige Effekte hinzufügen. Ich denke, ich werde hier einen kleinen Heiligenschein um sie herum machen, so, und das wird nach außen strahlen. Hier kannst du mit diesen Dingern herumspielen. Wenn ich diesen Rahmen vorher näher an den Rahmen lege, wird
er sich am Anfang langsamer bewegen, und dann kann ich ihn breiter ausräumen, damit er schneller wird. Mal sehen, wie das aussieht. Ich möchte wahrscheinlich einen weiteren Rahmen auf diesem einen und ich werde diesen Rahmen hier wieder näher machen, damit er sich verlangsamt. Nun, wenn ich möchte, dass dieser Effekt mehrmals geschieht, kann
ich all diese Frames erfassen, indem ich auf den letzten klicke und dann bei gedrückter Umschalttaste klicke und auf den ersten klicke, und dann klicke ich auf Befehl J und das wird ein Duplikat dieser Frames hinter hier. Dann kann ich den ersten Rahmen greifen und ihn kürzer machen, vielleicht noch kürzer hier. Wenn ich keinen Raum dazwischen möchte, kann
ich ihn einfach komplett löschen. Ich würde diesen Rahmen hier packen und ich werde ihn noch einmal duplizieren. Ich werde nur ein bisschen herumspielen und
einige weitere Effekte hinzufügen und wir werden sehen, wo das endet. Ich habe ein paar andere Animationen zu diesem Foto hinzugefügt und das ist meine letzte Animation. Im nächsten Video zeige ich Ihnen, wie Sie dies
für Instagram oder andere soziale Medien exportieren können.
6. Exportieren: Jetzt wollen wir das exportieren, damit wir es in sozialen Medien posten können. Um das zu tun, gehen wir zu Datei und hier unten zu exportieren. In diesem Menü würden wir nach unten gehen, um Video rendern. In diesem Fenster können wir unsere Datei benennen, und hier wählen wir aus, wo wir sie speichern möchten. Eine wichtige Sache, die Sie hier ändern müssen, wenn wir dies exportieren, ist , sein Format hier von QuickTime auf H.264 zu ändern. Dadurch wird sichergestellt, dass wir ein MP4 exportieren, das wir auf Instagram hochladen können, da einige Dateiformate, Instagram nicht erkennen wird. Hier unten wählen wir aus, wie viel wir exportieren möchten. Wenn wir dies auf Arbeitsbereich einstellen, wird
es zwischen diesen beiden Markern hier exportiert. Sobald alles hier erledigt ist, klicken
wir einfach auf Rendern. Hier haben wir unsere endgültige Akte. Jetzt können wir weitermachen und das an unser Telefon schicken. Eine einfache Möglichkeit, dies zu tun, ist, wenn Sie auf dem Mac sind, können
Sie AirDrop verwenden und es auf Ihr iPhone legen. Andernfalls können Sie sich die Datei per E-Mail senden und auf Ihr Telefon herunterladen, oder Sie können Dropbox oder eine andere Form von Cloud-Sharing-Dienst verwenden.
7. Deine Aufgabe!: Für den Auftrag möchte ich, dass Sie
ein oder mehrere Fotos auswählen und Ihre eigenen Effekte hinzufügen. Sobald Sie mit der Animation fertig sind, möchte
ich, dass Sie sie in die Studentengemeinschaft hochladen, damit wir sie alle sehen können. Um dies zu tun, müssen wir nur ein GIF exportieren. Um ein GIF in Photoshop zu exportieren, gehen
Sie zu „Datei“, „Exportieren“ und „Sicher für Web“. In diesem Fenster können wir unsere Schleife für immer auswählen, und hier sehen wir die Anzahl der Frames, die wir exportieren werden. Hier können wir eine Vorschau anzeigen. Sobald wir fertig sind, klicken wir auf „Speichern“, und wir nennen unsere Datei hier oben und drücken erneut „Speichern“. Hier haben wir unser GIF bereit, in die Studentengemeinschaft hochgeladen zu werden. Denken Sie daran, die Community ist hier, um Ihnen zu helfen. Wenn Sie irgendwo entlang des Prozesses stecken bleiben, wenden Sie sich bitte an und ich oder Ihre Kommilitonen werden Ihnen gerne helfen.
8. Schlussbemerkung: Das ist es für diesen kurzen Kurs, wie man in Photoshop animiert. Ich hatte gehofft, dass Ihnen die Klasse gefallen hat und ich freue mich darauf, zu sehen, was Sie in der Community und in den sozialen Medien posten. Denken Sie daran, dass, wenn Sie es auf Instagram posten, markieren Sie mich, damit ich es sehen kann. Hoffentlich erhalten Sie diese Klasse die grundlegenden
Werkzeuge, die Sie benötigen, um mit der Animation in Photoshop beginnen zu können. Wenn Sie einen tiefen Tauchgang in Animation machen möchten, schauen
Sie sich bitte meine anderen Klassen an, vor allem die über die Grundlagen der Animation. Wenn du es noch nicht getan hast, folge mir bitte, wie Skillshare und ich dich in der nächsten Klasse sehen.
Johannes Fast, 2D Animator
