Einzelnen Beitrag anzeigen
  #1  
Alt 10.07.05, 21:38
Benutzerbild von blindguard
blindguard blindguard ist offline
thinks different
 
Registriert seit: 06/2005
Ort: Hanau
Beiträge: 25.687
OS: Mac OS
Kreativ-Software: PS 2020
blindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forumblindguard wohnt hier im Forum
Grundlagen (Tür)-Animation

Tür auf ...

Als erstes legt man eine Datei an, in der die Größe der späteren Tür durch Hilflinien festgelegt wird.
Weiterhin benötigt werden dann Hilfslinien für die einzelnen "Verzerrungsstufen"

Die vier Eckpunkte markieren unsere Tür, die Pfeile zeigen an, welche der Eckpunkte anschließend bewegt werden. Unter der eigentlichen Tür die bewegt werden soll, muß noch eine Ebene angelegt werden, die die Größe der Tür hat und die spätere Türöffnung darstellt.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer1.jpg

Zum Zeichnen der Grundform wird am besten das Zeichenstift-Werkzeug (statt der Vektorform) verwendet, da hier die Punkte immer wieder angefasst werden können, und so der Schritt des Skalierens bzw. Verzerrens entfällt.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer0.jpg

Was nun folgt sind eigentlich immer die selben Schritte, rechts oder links, je nachdem in welche Richtung sich die Tür öffnen soll, die Anfasser nehmen und nach links (oder rechts) am vorher festgelegten Raster verschieben.

Für die plastische Wirkung der Tür kann man vorne an die Tür noch ein schmales Rechteck anfügen.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer2.jpg

So öffnet sich die Tür Schritt für Schritt immer weiter.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer3.jpg

Bei Bedarf kann man das vorne angesetzte Rechteck dann auch ein wenig breiter machen, da Dinge die einem entgegenkommen natürlich "größer" wirken.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer4.jpg

Nach z.B. zwei Schritten nach links, erfolgt einer nach links und oben bzw. unten.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer5.jpg

usw. usw.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer6.jpg

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer7.jpg

Hier jetzt noch einmal die Zusammenfassung der Schritte.
0 ist der/die Ausgangspunkt/e, 7 der/die Endpunkt/e.

In Grün ist die Ideallinie eingezeichnet, an der man sich natürlich auch orientieren kann, wichtig sind dann nur die regelmäßigkeit der Abstände. Wenn man der Ideallinie folgt wirkt die Animation natürlich auch flüssiger.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/Tuer8.jpg

Nachdem alle Schritte auf eigenen Ebenen liegen, kann man die Ebenen Tür und Rechteck jeweils noch auf eine Ebene zusammenfassen. Und das Ganze dann an Image Ready übergeben, hier aus den Ebenen Frames erstellen und feddisch.
Soll die Tür auch wieder zugehen, einfach die Frames noch einmal spiegeln.

http://www.photoshop-cafe.de/volker/tutorials/TuerAnimation/TuerAni.gif

Gruß
Volker 8)

Geändert von blindguard (09.05.09 um 22:34 Uhr).
Mit Zitat antworten
 
Seite wurde generiert in 0,03498 Sekunden mit 9 Queries