PDA

Vollständige Version anzeigen : Anmeldeformular füllt sich automatisch aus (animiert)


pinmoney
18.06.06, 10:27
Hallo Leute.

Hat von euch schon jemand mal ein Bild erstellt wo ein Anmeldeformular zu sehen ist, was sich alleine ausfüllt?

Wie setzt man das am besten um? Screenshut machen und dann?

Gruß Peter

Ylloh
18.06.06, 11:27
Naja ist ja an sich eine einfache Animation, da sollte dann Frame für Frame ein neuer Buchstabe erscheinen, an sich recht schnell gemacht...

http://www.ylloh.de/psc/beispiel_anmeldung.gif

evident
18.06.06, 11:43
Richtig... ein Screenshot würde wohl passen... :D

Oder du hast ein Bild des leeren Formulars und machst ein Textfeld rein. Müsstest dann allerdings Schriftart/größe genau treffen, damit es echt aussieht... :D
Beim Buttonklick wie bei Ylloh oben musst du dann allerdings auch wieder ein Screenshot machen... :D

Jedenfalls brauchst du mehrere Bilder und packst die dann in eine Animation

pinmoney
18.06.06, 19:56
Ja, genau das ist es. Könntet ihr mir das noch etwas genauer erklären, wie man da vorgeht. Mit diesen Frames sieht es schlecht bei mir aus.

Oder gibt es wo ein Tut? Würde das ganze schon gern selber machen.

blindguard
18.06.06, 21:50
dazu reicht doch eine gif-animation.
also benötigst du nur ein tutorial für eine animation, die findest du hier im forum

pinmoney
20.06.06, 20:50
Also eine kleine Hilfe wäre schon sehr nett. Ganz so einfach ist es nun ja auch wieder nicht. Z.B. wie man alle Buchstaben auf eine Zeile bekommt oder den Cursor.

evident
20.06.06, 22:07
Wie meinst du das mit alle Buchstaben auf eine Zeile?

Möglichkeit:

Du erstellst das Formular, welches du möchtest, fertig und unausgefüllt...
Meinetwegen ein Screenshot vom fertigen Formular machen...

Mach ein leeres Bild in PS (transparenter BG) und füge es den Screenshot dort ein...
Und als gif speichern...

dann setzt du auf die leeren Felder ein Textfeld und schreibst den ersten Buchstaben. Eine Linie, die dem Cursor ähnelt, wirst du schon noch erstellen können. Die packst du dann dahinter...

dann die untere Ebene wegmachen (ausblenden), damit nur der Text auf transparentem Hintergrund. Wieder speichern als gif

dann neuen Buchstaben hinzu und wieder als Gif speichern...

usw bis du fertig bist...

dann in einem Animationsprogramm die einzelnen Bilder aneinanderfügen und fertisch... :D

-Flori-

blindguard
20.06.06, 23:20
also du mußt nicht jedes bild als gif abspeichern, sondern einfach nur als ebene ablegen, wenn du alle ebenen hast wechselst du einfach mit der psd nach imageready ...

evident
20.06.06, 23:26
oder so... ich mach meine Anis aber traditionell ohne ImageReady... komm mit nem anderen Proggi besser klar... is ja auch egal... :D

Ylloh
20.06.06, 23:57
öhm, Ebenenmaske !?!

mach morgen mal ein klitzekleines Tut dazu :D

phoenix
21.06.06, 14:47
http://www.photoshop-cafe.de/forum/t126-image-ready-animation.html

da sollte eigentlich alles erklärt sein was du für diese kleine animation brauchst :)

blindguard
21.06.06, 22:17
hier auch noch einmal, etwas "einfacher" ...
http://www.photoshop-cafe.de/forum/showthread.php?p=1664#post1664

pinmoney
01.07.06, 18:38
Hast du das Tut schon fertig Ylloh?

Ylloh
03.07.06, 00:03
ach shit, da war doch noch was, bin atm ein bisschen viel im Streß (und wenn mal nicht, dann meist draußen :D )

ich setz mich aber ran, versprochen.

Ylloh
05.07.06, 15:30
http://photoshop-cafe.de/forum/showthread.php?p=31414

:whistling :drunk: :tease: