Photoshop-Cafe.de :: Dein Photoshop-Forum

Zurück   Photoshop-Cafe.de :: Dein Photoshop-Forum > Kreativ-Tutorials > Werkzeuge, Bedienfelder und sonstige Grundlagen

Hinweise
Aktuelles aus dem PSC
„Kreativ Hallo Du!
Lust auf ein neues MWD? Dann schau rein beim ⇒ MWD 86 - Glaskugel designen. Zeit ist bis einschließlich 27.12.2017!
Das Foto-Monatsthema Dezember 2017 ist ⇒ Feuer. Ran an die Kameras!
Wir haben unser Thema für den ⇒ Puren Spaß-Contest 06/2017 : Es ist Märchenschloss. Bis 31.01.2018 darf gepixelt werden.
Unterstützung für das PSC

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 10.07.05, 21:38
Benutzerbild von blindguard
blindguard blindguard ist offline
thinks different
 
Registriert seit: 06/2005
Ort: Nidderau
Beiträge: 25.247
OS: Mac OS X 10.6, 10.7
PS-Version: PSE 9, CC 2017
blindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshopblindguard wohnt hier im Forum und schläft mit Photoshop
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
  #2  
Alt 10.07.05, 23:24
Benutzerbild von phoenix
phoenix phoenix ist offline
mother-brain
 
Registriert seit: 06/2005
Ort: Basel
Beiträge: 9.684
OS: Windows 8 x64
PS-Version: CS6 x64
phoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es geht
netter effekt.
__________________
http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

design oder nicht sein

"So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
PSE 8 Animation PURE Hilfestellung, Tipps und Tricks 2 27.09.10 22:15
Avatar Animation. Sandyleinchen Hilfestellung, Tipps und Tricks 2 23.03.10 17:01
Gif Animation. Hofa mat Hilfestellung, Tipps und Tricks 21 21.12.09 19:58
Animation walter Hilfestellung, Tipps und Tricks 18 26.11.09 07:51
Animation Skandalnudel Hilfestellung, Tipps und Tricks 15 17.06.09 23:53


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:44 Uhr.

Impressum

Kontakt      Photoshop-Cafe      Archiv     Impressum     Nach oben

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
©2005-2014 photoshop-cafe.de

Seite wurde generiert in 0,06323 Sekunden mit 14 Queries