[CS4] - herz

[arthur21594]

Hallo,
ich möchte gern eine animation erstellen.
Bei ihr soll ein herz stück für stück sichtbar werden, so als ob es jemand gemalt hat.
Also sprich von oben soll es dann langsam nach unten sichtbar werden.
Wie krieg ich das hin?

 

[MasterIconix]

AW: herz

Wenn es wirklich aussehen soll, als würde es gemalt (z.B. in 10 Schritten), wähl dann einen passenden Pinsel, mach 10 Ebenen in Photoshop und mal dann in jede Ebene ein Stückchen Herz. Öffne die Datei dann in Image Ready und bastle daraus deine Animation.
Wie das geht? Dazu gibts hier sicher irgendwo einen Workshop.

 

[DaTrautinger]

AW: herz

So ähnlich würde ich das auch angehen. Das Herz zehn bis zwölf mal dupliziern, aber dann nicht jedesmal ein Stückchen weiter malen sonder mit transparentem Verlauf. Also in jeder Ebene den Verlauf ein Stückchen größer machen. Dann die Ebenen in umgekehrter Reihenfolge abspeichern. Fertig ist die Laube. Gruß DaTrautinger

 

[pecovatel]

AW: herz

am besten wird die animation, wenn du sie dann mit after effects machst da kannst du auch deine *.psd reinladen und nach deinen wünschen animieren.

 

[sunny_76m]

AW: herz

na ja, hat halt nicht jeder After Effects.

Also Image Ready ist schon die richtie Wahl - bzw. in den neueren Versionen einfach das Animationsfenster öffnen.

 

[thexe]

AW: herz

warum denn die mühe mit den versch. ebenen, man kann doch genausogut die maske animieren oder liege ich da falsch?

 

[arthur21594]

AW: herz

Hab da nicht so erfahrung mit image ready, könntet ihr mir das besser erklären?

 

[agather]

AW: herz

Welche Photoshopversion hast Du? Ich kenne CS2 und CS4. Bei CS2 ist Imageready dabei. Dort kannst Du direkt von PS hin wechseln. Mit Imageready ist es kein Problem verschiedene Bilder hintereinander ablaufen zu lassen. Die jeweilige Zeigedauer kann eingestellt werden.

Bei CS4 ist es noch ein wenig einfach geworden. Im Menü "Fenster" wählst Du Animation. Wenn Du dann jede Änderung an Deinem Herz auf einer anderen Ebene dargestellt hast, kannst du sie ein und ausschalten.

Im Bildschirmbereich, der die Animation darstellt erschein am Anfang nur ein kleines Bild. Wähle die gewünshte Ansicht Deines Herzens, indem Du die Ebenen eintsprechend einschaltest und wähle mit der rechten Maustaste auf dem Vorschaubildchen "nicht entfernen". Dann ist das Bild geschützt. Dann wähle ein neues Frame und verfahre entsprechend. Die Zeigezeiten kannst Du frei einstellen und eine Vorschau mit der Starttaste vereinfacht die Beurteilung.

 

[tlauter]

AW: herz

da du ja anscheinend CS4 hast, wirst du ImageReady in deinem Photoshop nicht finden ;-) weil ab CS3 einige Funktionen wie Animation schon fix integriert sind. (ImageReady wurde mehr oder weniger durch Fireworks abgelöst)

du kannst so vorgehen:

1. mit dem "Eigene Form-Werkzeug" ein Herz erstellen. Das Werkzeug findest du "unter" dem Rechteck-Werkzeug. Wenn du das Werkzeug ausgewählt hast, kannst du in der Leiste oben verschiedene vorgefertigte Formen auswählen u.A. ein Herz. Damit kannst du die Herzform zeichnen.
2. dann für die Herz Ebene eine Ebenenmaske anlegen und diese komplett schwarz füllen (das Herz verschwindet)
3. Dupliziere die Herz-Ebene und male das Herz weiter sichtbar (diesen Schritt wiederholen bis das ganze Herz sichtbar ist)
4. Animationspalette über Fenster>Animation aufrufen - rechts unten in dieser Palette gibts ein Icon mit dem du in die Frame-Darstellung wechseln kannst - das ist hier wahrscheinlich praktischer.
5. Klicke in der Ebenen-Palette auf die Augen und mache alle ebenen unsichtbar. Du hast jetzt den ersten Frame deiner Animation erstellt (nichts sichtbar)
6. klicke in der Animationspalette auf das "Neu-Icon" - ein neuer Frame wird erstellt
7. Schalte die erste ebene für den ersten Frame sichtbar.
8. usw. bis du alle Frames mit beisammen hast und alle Ebenen sichtbar sind.
9. Jetzt noch einstellen wie lange jeder Frame angezeigt werden soll (voreingestellt ist 10 Sekunden, das ist natürlich viel zu lange um eine flüssige Animation zu erhalten)

Das ist zwar ein aufwändiger Prozess, und wahrscheinlich für einen Photoshop-anfänger schwer nachzuvollziehen, aber so ergibt sich ein natürlicher handgemalter Look.

Gib Bescheid, wenn ein Schritt nicht nachvollziehbar ist - würde mich nicht wundern, wenn ich mir das jetzt so anschaue, könnte ich mir vorstellen, dass da viele Fragezeichen auftauchen. Keine Panik, du kriegst das hin! Vielleicht habe ich es nur zu rasch erklärt ;-)