PDA

Vollständige Version anzeigen : Wiese/Rasen animieren | Wasser animieren?


Schenki
27.12.12, 14:09
Hallo liebes Forum!
Ich bin relativer Neuling in der Adobe Welt und bitte euch hiermit um Hilfe.

Ich möchte einen Hintergrund animieren (sodass man ihn für Homepages/Flashgames/Apps nutzen kann).
Es soll eine einfache Wiese (3/4 des Bildschirms) animiert werden (realistische Grasbewegung) dann soll ein kleiner Bach dort lang fliesen. Dieser sollte auch animiert sein. Nun die Frage mit welchen Programm setze ich das um? Mir steht derzeit Adobe Flash Professional cs 5.5 photoshop cs6 und after effects cs 5.5 zur Verfügung.
Das Hintergrundsbild (ohne Bach/Fluss) habe ich bereits erstellt - ich bekommes jedoch nicht hin dieses zu animieren. Ich dachte mir das sei mit Flash gut umsetzbar - evtl. ein Actionscript. Ich finde jedoch nichts im Internet..
Könnt ihr mir da vllt helfen?

danke

lg,
schenki

Sinux
27.12.12, 16:42
dafür würde meiner meinung nach nur flash in frage kommen. wenn du was mit
photoshop bzw. imageready machst, wird das eine sehr große datei. und es wird
mit sicherheit ruckeln. auch lange ladezeiten kommen zu stande. es gibt noch
haufenweise internetanschlüsse, die mal grade ne 1000der leitung haben.

zu flash selber kann ich nichts mehr sagen. hab da früher mit gespielt.
wird auch nicht einfach für dich, wenn du keine ahnung von actionscript hast.

verbaut man heute eigendlich überhaupt noch flash?

heikehk
27.12.12, 16:48
Also so wie ich das mitbekommen habe, hat Flash mittlerweile einen schlechten Ruf aufgrund von irgendwelchen angreifbarerkeiten durch schadsoftware. Allerdings weiß ich da nix genaues. Da aber iPad und Co das ganze nicht unterstützen wird mittlerweile gerne auf Flash verzichtet.
Allerdings hab ich zwar Flash hier, aber bisher noch nichts gemacht. Was After effects für Möglichkeiten bietet, weiß ich nicht. Hast du denn die passenden Grundbilder?

Jenny
27.12.12, 17:04
Hallo!

Man kann die Animation durchaus in Flash bauen, aber zum Einbinden würde ich die swf dann in HTML5 konvertieren, sonst schauen wie gesagt alle iPad- und iPhone-User in die Röhre.
Du brauchst auch nicht zwingend AS, sondern kannst die Animation auch mit Tweens bauen.

Schenki
27.12.12, 17:05
Ja also Flash ist ok weil ich das dann als .avi speichern kann (gute qualität) und dann in .mp4 umwandel.. alles halt transparent..
Was sind Tweens wenn ich fragen darf?

hier wäre zb ein beispiel Hintergrund

http://www.img-host.de/bild.php/35571,wieseneuVA63C.png

dort möchte ich lleichte animationen haben (die wiese soll realistisch wirken) und ein bach einbauen..

dann mal an die adobe flash nerds. wisst ihr wie?

heikehk
27.12.12, 17:13
Hi schenki,
Öhhhh ich möchte ja jetzt nicht irgendwie pingelig sein und ich kenn mich mit Flash nicht aus, aber ich denke, dass du die verschiedenen Zwischenstände vom Gras brauchen wirst, um angeben zu können wie sich das Gras bewegen soll.
Nur geraten...

Schenki
27.12.12, 17:18
Ich verstehe nicht ganz ..

Jenny
27.12.12, 17:24
ich denke, dass du die verschiedenen Zwischenstände vom Gras brauchen wirst, um angeben zu können wie sich das Gras bewegen soll.
Richtig! (Wenn es eine realistische Bewegung sein soll.)
Diese Bilder legst du in einzelne KeyFrames. Dann drehst du diese Bewegung nochmal um und hängst sie dran, damit du das ganze als Endlosschleife laufen lassen kannst.

Schenki
27.12.12, 17:26
die wiese ist mit photoshop gemacht.. also mit dem pinsel (stellt nen grasshalm dar) ich wüsste jetzt nicht genau wie ich die einzell bewege..

heikehk
27.12.12, 17:27
Die Halme, die sich bewegen sollen, sollten auf unterschiedlichen Ebenen liegen und dann kannst du sie z.b. Kopieren und auf einer eigenen ebene verzerren und die jeweiligen Stände zwecks besserer Übersicht in Ordner packen und dann für die Einzelbilder anzeigen bzw. Ausblenden.

Sinux
27.12.12, 17:32
deine halme zeigen alle nach rechts. du musst auch halme haben, die nach links zeigen.
also hin und her wacken. auf eine ebene einige nach recht, nächste ebene einige nach links usw.

Schenki
27.12.12, 17:35
ok =) so hatte ichs in photoshop schon versucht.. sah komisch aus.. vllt muss mans auch detailreicher machen.. ich werds mal versuchen und berichten!
noch eine idee zum "bach"

Sinux
27.12.12, 17:40
kann ja niccht komisch aussehen. zum schluss muss es so wie eben dein jetziges bild aussehen. nur in meheren ebenen

m.mietke
27.12.12, 21:21
also für mich bewegt sich die Wiese schon, wenn ich nur lange genug draufstarre :-)
Gruß von
m.mietke

Schenki
28.12.12, 11:50
wie ändern ich die ausrichtung des pinsels? das nicht nur striche nach rechts sondern auch links gehen? ich finde nur eine zufallsanordnung durch zufall der xachse.. aber dann kann ich ja nicht bestimmen wohin sie zeigen

edit:

ich versuchs mal mit verformen

Jenny
28.12.12, 12:13
Hallo!

Öffne mit [F5] die Pinselvorgaben.
Unter "Pinselform" findest du "x-Achse spiegeln".

Schenki
28.12.12, 12:53
ja aber da kann ich die änderung nur den zufall entscheiden lassen oder? dort steht ja x-achse-zufall.. finde nirgends die richtige einstellung um selbst zu entscheiden wieviel ° sich die xachse ändert..

lg
schenki

Jenny
28.12.12, 13:09
Hallo!
dort steht ja x-achse-zufall
Dann bist du in einem anderen Fenster als ich...

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1356696565_Unbenannt-2.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1356696565_Unbenannt-2.jpg)

Schenki
28.12.12, 13:26
ok danke. werd gleich mal reingucken..
habs jezz erstmal anders gemacht..die wiese in verschiedenen eben mit zufalls x-achse pinsel gemalt. sieht schicker und realistischer aus!
dann habe ich 2 ebenen oben (einmal nach links einmal nach rechts zeigen) gras gemalt (die andere richtung habe ich mit bild spiegeln geschafft) und verforme die oberen punkte, sodass das gras oben in den spitzen nach links/rechts geht.. sieht bis jetzt sehr sehr gut aus! Allerdings werden den texturen umso mehr ich sie verforme unschärfer. kann man das umgehen?

nochmals danke für eure hilfe!

:)

Jenny
28.12.12, 13:31
Hallo!

Ich weiß nicht, WIE du verformst.
Aber vielleicht ist eine gewisse (Bewegungs-)Unschärfe ja gar nicht mal schlecht.

Schenki
28.12.12, 13:39
mit Strg + T dann auf "Zwischen Modi Transformieren und Verformen wechseln" dann veränder ich nur die oberen punkte! ja sieht schon ganz gut aus mit einer gewissen unschärfe.. aber am ende ist das iwi 2 much :D

Jenny
28.12.12, 13:43
Hallo!

Bei sehr starken Verformungen kann das schonmal vorkommen.
Versuch mal, ob das mit "Unscharf maskieren", "Selektiver Scharfzeichner" oder anderen Scharfzeichnungsfiltern wieder ausgleichen kannst.

Schenki
28.12.12, 16:41
kann ich ein ball (sonne) bei photoshop von einem punkt zum anderen automatisch hinschieben? also sodass photoshop den weg selber brechnet wie bei flash? ich hab nämlich ein problem meine animation mit den ganzen frames bei flash zu importieren und damit ohne probleme dort weiter zu arbeiten :notok:

edit:

habs jezz als gif abgespeichert und die sonne mit flash gemacht - das funktioniert.
jedoch ist die qualität der gif nicht sondern gut..

heikehk
28.12.12, 17:57
Schau mal, wie das gif eingestellt ist.
Würde png24 auch gehen? Da ist die Qualität immer besser.