Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 3.000 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 1.900 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 2.200 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.
  • Registriere dich bei uns und du erhältst die Selection-DVD mit über 24 Stunden Video-Trainings zu Photoshop, InDesign uvm. als Download gratis (sofern Newsletter aktiviert). 

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Jetzt kostenlos registrieren!

Passend zum Inhalt empfehlen wir:

Freistellen mit Photoshop

Du willst wissen, wie du Personen und Tiere, Haare und Felle, Gläser und Flaschen, Wolken und Feuer, Bäume und andere filigrane Objekte freistellen kannst? Dann ist das genau dein Praxis-Training!

  • 8 Stunden Video-Training für perfekte Freistellungen in Photoshop
  • Die besten Freistelltechniken und viele Tipps & Tricks bei Problemfällen
  • Für MAC und PC, auch kompatibel mit Tablets (iPad)
Mit dieser Lern-DVD wechselst du als Einsteiger zu den Profis!

Jetzt informieren

Kommentare

  • Alternative Portrait von mikie

    mikie

    27.02.2013 - 22:00

    Super danke genau so etwas habe ich gesucht:)

  • Portrait von johanna52

    johanna52

    14.05.2012 - 15:14

    Danke für das sehr gute Tut zum dazugehörigem Video

Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


Damit du in Adobe eine Animation von einem Objekt (oder einen kleinen Videoschnitt) erstellen kannst, ist es angebracht, sich im Vorfeld eine entsprechende Arbeitsdatei mit Objekten anzulegen, die animiert werden sollen.

Bilder


 
Du kannst dann den eigens voreingestellten Arbeitsbereich von Adobe Photoshop für Bewegung aufrufen.

Bilder


 
Es gibt zwei verschiedene Animationsleisten: eine Videozeitleiste und eine Frame-Animation. Zunächst beschäftigen wir uns mit der Videozeitleiste. Diese enthält die Ebenen und eine Zeitleiste, in der verschiedene Einstellungen vorgenommen werden können.

Bilder


 
Diese Leiste basiert auf sogenannten Keyframes - also Schlüsselmarkierungen. Jede Markierung in der Zeitleiste steht für eine Aktion bzw. für ein Event, das an der markierten Stelle stattfinden soll.

Bilder


 
Diese Leiste erinnert stark an das verwandte Produkt Adobe After Effects, das für Animationen ausgelegt wurde. In Adobe Photoshop werden diese Funktionen etwas beschnitten angeboten. Du kannst beispielsweise Objekte animieren, indem du diese bewegst. Damit diese Bewegung aufgezeichnet wird, musst du zunächst die Stoppuhr aktivieren.

Bilder


 
Jetzt werden die Aktionen der Bewegung aufgezeichnet. Sobald du das Objekt bewegst, wird die aktuelle Position an der Markierung in der Zeitleiste neu gespeichert. Das funktioniert jedoch nicht, wenn du dich am Anfang der Zeitleiste befindest. Du würdest lediglich einen neuen Startpunkt festlegen.

Bilder


 
Gehst du aber in der Zeitleiste weiter und versetzt die Zeitleistenmarkierung, wird die neue Position des Objektes an dieser Stelle mit einem neuen Keyframe markiert.

Bilder


 
So kannst du das Objekt in der Position mehrfach verändern und genau bestimmen, an welcher Stelle und zu welcher Zeit sich ein Objekt im Projekt befinden soll.

Bilder


 
Beginnst du mit einem neuen Projekt, werden alle Ebenen bzw. Objekte mit der gleichen Dauer in der Zeitleiste angelegt. Du kannst daher keine neuen Markierungen setzen, die über diese Animationslänge hinausgehen.

Bilder


 
Da es sich jedoch um Standbilder handelt, kannst du die Darstellungsdauer manuell verändern. Bei Videotakes wäre die Videolänge als limitierender Faktor bestimmend. Um ein Objekt zu verlängern, musst du es lediglich am hinteren, seitlichen Ende anfassen und auf die gewünschte Länge strecken. Du erhältst dazu stets die Zeitinformationen, die dir die Animationslänge anzeigt.

Bilder


 
Für eine Bewegtbildaktion ist es nicht zwingend erforderlich, dass alle Objekte die gleiche Länge aufweisen. Möchtest du beispielsweise einem Objekt nur eine kurze Beteiligung an der Animation einräumen, kannst du dieses auch verkürzt darstellen.

Bilder


 
Hast du Ebenen angelegt, die mithilfe von Masken abgebildet werden, so erhältst du beim Versuch, diese zu animieren, eine Warnmeldung. Du musst entweder die Maske animieren oder die Ebenen rastern.

Bilder


 
Jede Ebene in der Zeitleistenansicht enthält im rechten Bereich ein kleines Dreieck, das weitere Funktionen beinhaltet.

Bilder


 
Je nach ausgewählter Aktion erhältst du weitere optionale Einstellungsmöglichkeiten.

Bilder


 
Hast du eine dieser Aktionen auf eine Ebene angelegt, wird der Effekt auf der Zeitleiste durch die gesetzten Keyframes sichtbar.

Bilder


 
Neben einer typischen Bewegung eines Objektes kannst du auch das Erscheinungsbild ändern, indem du beispielsweise einen Stil bzw. eine Stilveränderung während der Animation voreinstellst.

Bilder


 
Du kannst zum Beispiel lebendigere Farben erzeugen, indem du eine Farbüberlagerung oder einen Verlauf integrierst, der sich in die Animation mischt.

Bilder


 
Je nach aktueller Zeitmarkierung wird die Veränderung an der aktuellen Stelle als neuer Keyframe mit diesen Eigenschaften festgehalten.

Bilder


 
Lassen wir nun diese kleine Animation ablaufen ...,

Bilder


 
... werden diese Änderungen im Laufe des Abspielprozesses sichtbar.

Bilder


 
Hast du anstatt statischer Objekte beispielsweise Videoclips in das Projekt integriert, kannst du diese mithilfe weiterer Werkzeuge einkürzen, indem du sie beschneidest.

Bilder


 
Außerdem kannst du über eine zusätzliche Schaltfläche Übergangseffekte zwischen den einzelnen Videotakes anzeigen lassen und dich für eine Variante entscheiden.

Bilder


 
Es stehen weitere Bedienfelder zur Verfügung, mit deren Hilfe du nicht nur Objekte bzw. die Animation abspielen kannst. Im unteren Fensterbereich kannst du beispielsweise einen Einblick in die Animationslänge und Framerate nehmen.

Bilder


 
Außerdem kannst du den fertigen Film exportieren lassen.

Bilder


 
Das Video wird dann mit verschiedenen Einstellmöglichkeiten, die du im Vorfeld editieren kannst, als MP4-Datei ausgegeben. Hier kannst du auch ersehen, wie viele Einzelframes Photoshop für diese Filmerstellung rendern muss.

Bilder


 
Klickst du in der Zeitleistenansicht ganz links unten auf die Schaltfläche mit den drei Vierecken, wechselst du zur Frameanimationsleiste und musst gegebenenfalls vorher noch den Warndialog bestätigen.

Bilder


 
In dieser Ansicht werden die Zustände der Ebenen einzeln abgebildet - also Frame für Frame einzeln.

Bilder


 
Damit das Ganze an dieser Stelle nicht zu kompliziert wird, beginnen wir am besten mit einer leeren Leiste und schauen uns das Projekt zunächst etwas genauer an. Dieses besteht aus einigen Ebenen, die eine Szene abbilden.

Bilder


 
Es wurde ein Hintergrund definiert, der mit einem Farbverlauf überzogen wurde.

Bilder


 
Dann kamen noch auf einer separaten Ebene Wolken hinzu.

Bilder


 
Eine Sonne und Häuser ergänzen diese Szene und sind im Grunde alles, was diese Animation benötigt.

Bilder


 
Diese Ebenen werden nun in einem Ebenenset abgelegt. Dazu legst du dir am besten zwei Ordner an. In den ersten kommen alle originalen Ebenen, in den zweiten Ordner Kopien dieser Ebenen. Zusätzlich solltest du diese Ordner umbenennen, damit du diese im späteren Verlauf besser auseinanderhalten kannst.

Bilder


 
In der 90-Grad-Ordnerstruktur wurden alle Elemente mit Ausnahme der Häuser um 90 Grad nach rechts verdreht, wobei der Mittelpunkt dieser Drehung in der Bildmitte unten lag.

Bilder


 
Über das Neu-Symbol in der Frameanimationsleiste erstellst du eine neue Frameebene und gleich noch einmal für einen zweiten Animations-Zustand. Jeder Frame zeigt nur die jeweils aktivierten, sichtbaren Ebenen an. Für den ersten Zustand definierst du also die Originalebenen und für den zweiten Zustand blendest du die um 90 Grad gedrehten Ebenen ein, indem du einfach das Augensymbol aktivierst oder deaktivierst. Du erhältst dadurch zwei Zustände.

Bilder


 
Jeder Animationszustand kann unterschiedlich lang abgespielt werden. Du änderst die Verweildauer des aktuellen Frames, indem du die Zeiteinstellung abänderst. Das funktioniert auch bei mehreren markierten Objekten gleichzeitig.

Bilder


 
Damit zwischen dem ersten und dem zweiten Zustand der Animation kein abrupter Wechsel stattfindet, kannst du sogenannte Zwischenframes einfügen.

Bilder


 
Im Dialogfeld kannst du nun entscheiden, ob diese vor oder nach einem aktiven Frame bzw. zwischen den gerade aktivierten Frames eingefügt werden sollen. Zusätzlich kannst du hier festlegen, wie viele Zwischenframes eingefügt und welche Parameter für die Neuberechnung berücksichtigt werden sollen.

Bilder


 
Sind diese Eingaben vorgenommen worden, füllt Photoshop die Zwischenbereiche auf und berechnet Deckkraft, Position und Farbe der Objekte neu.

Bilder


 
Du kannst in der Animationsleiste festlegen, wie oft eine Animation wiedergegeben werden soll.

Bilder


 
Im Animationsfenster befindet sich oben rechts ein kleines Dreieck, mit dessen Menüeinträgen du weitere Verfeinerungen an der Animation vornehmen kannst.

Bilder


 
So kannst du unnötige Zwischenergebnisse ausfiltern und die Ausgabedatei verkleinern.

Bilder


 
Letztlich kannst du auch über diesen Dialog zurück zur Zeitleistenansicht wechseln. Photoshop berechnet daraufhin das Ausgabeergebnis neu.

Bilder


 
Nachdem du das Projekt verfeinert hast, kannst du dieses ausgeben und in externen Videoplayern abspielen.

Bilder


Drupal Programmierung vBulletin 0.051 ZF-App 0.482 Total 0.533