Anzeige
Tutorialbeschreibung

easy Button

easy Button

moin

Also, als Erstes müsst ihr ´nen Button in Photoshop und co. erstellen. Aber das iss ja logisch. Ihr könnt zwar einen in Flash erstellen aber da das alles Vektor ist könnt ihr da nicht so große Sprünge machen.

Tipp: wenn ihr aus Photoshop den Button als png speichert, nimmt er alle Transparenzen mit. d.h. z. B.: alles randlos mit weichen Übergängen.

So, neues Dokument erstellen und los gehts.

1. Den Button in Flash importieren:

Bilder

2. Größe der Arbeitsfläche anpassen.

Ich habe die Größe des Buttons genommen: 117 x 80 px 

Die Bps am besten immer zwischen 25 und 30 stellen da in dem Tempo die Animationen sehr flüssig laufen.

Bilder

3. Das "Bild" als Button umwandeln.

Bild markieren und F8 drücken (in symbol konvertieren), dort einen eindeutigen Namen geben und die Checkbox "schaltfläche" auswählen und bestätigen.

Bilder

Wenn ihr jetzt den Button markiert müsste ein dünner, blauer Rahmen erscheinen und nicht dieser komische Schwarz/Weiße.

4. Doppelt auf den Button klicken - dann erscheinen oben in der Zeitleiste 4 Zustände des Buttons. up - darüber - gedrückt - aktiv

up müsste markiert sein:

Bilder

Jetzt erstellen wir eine neue Ebene in der wir ein Textfeld aufziehen.

Bilder

Das Textfeld aufziehen, eine Schriftart und Größe wählen und WICHTIG statischer Text markieren. Tja und dann irgendwas schreiben.

Jetzt in müsst ihr in der Zeitleiste in die Ebene gehen wo der Button liegt, auf den Zustand aktiv klicken und F5 drücken.

Jetzt geht ihr auf die Text-Ebene und klickt jeweils in jeden Zustand und drückt F6.

Die Zeitleiste müsste jetzt so aussehen:

Bilder

Die Ebene wo der Button liegt ist jetzt durchgängig ein Bild, die Ebene wo der Text liegt ist jetzt in die unterschiedlichen Zustände aufgeteilt.

Jetzt markiert ihr in der Zeitleiste den nächsten Zustand und klickt auf das Textfeld wo ihr den Namen oder die Farbe oder sonstiges ändern könnt.

Bilder

So, das gleiche macht ihr jetzt noch mit den 2 anderen Zuständen.

5. Jetzt könnt ihr mit strg+enter den Film veröffentlichen und den Button in ein html script einfügen.

Bilder

Solltet ihr Fragen haben fragt einfach.

Naja, ich hoffe ich konnte euch das nen bissl nahebringen. Und schwer iss es echt nicht. Dauert manchmal halt nen bissl bis man´s kapiert hat.

mfg. cuep

PS: Mit ein bisschen Spielerei könntet ihr jetzt noch nen Sound einfügen der ertönt sobald ihr über den Button fahrt.

Flash-Datei hier:


Download der Flash-Datei hier:
Flash-Datei

Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von wuazo
  • 07.07.2011 - 09:40

Danke für die Anleitung, hat mir sehr geholfen.

Portrait von Gregorius_Pi
  • 12.03.2011 - 15:21

Ein grundlegendes Tutorial für Flash-Anfänger. Super!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 22.09.2010 - 09:06

Ganz gut erklärt, aber ich würde gerne das der Button auch eine Aktion macht, also wenn ich drauf klicke soll etwas angehalten werden, wie mach ich das dann? Dann muss ich doch nen Script schreiben, oder?

Portrait von 89erMilo
  • 15.05.2010 - 20:46

gut erklärt ;) hätte ich am anfang nicht gedacht :D aber wirklich gut ^^

Portrait von UltimateX
  • 08.11.2009 - 12:54

gut erklärt, schlicht und verstädnlich Thx

Portrait von Nethune
  • 02.08.2009 - 01:00

Funktioniert alles supper thx

Portrait von TheAngels
  • 27.05.2009 - 12:09

ganz easy, gut erklärt und verständlich. danke

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 13.11.2008 - 22:21

guter Einstieg für Anfänger!

Portrait von Lycos
  • 02.08.2008 - 21:06

sehr schön und auch leicht anchzumachen.. DANKE....

Portrait von Leolo
  • 03.07.2008 - 16:39

gut beschrieben und einfach nachzuvollziehen, dankschön

liebe grüße
leolo

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 15.06.2008 - 16:26

danke sehr hilfreich!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 24.04.2008 - 20:43

Für's erste mal Flash öffnen hat das ne Menge gebracht.
Ich glaub ich weiß jetzt das Grundprinzip, aber es hat mir jetzt nicht soviel
gebracht... ich will nämlich beim Drüberfahren mit der Maus kleine Blasen hochsteigen lassen :D

Portrait von Patman
  • 11.04.2008 - 15:24

Schöner Workshop für Anfänger wie mich :)

Portrait von Brazil14
  • 05.03.2008 - 00:47

Gutes Tutorial
danke ^^

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.02.2008 - 10:08

Konnte ich jetzt nicht mehr so gut gebrauchen....

Portrait von Nerevar25
  • 19.02.2008 - 22:14

gut erklärt, vielen Dank.

Portrait von Brazil14
  • 27.01.2008 - 06:56

Super tut :)
danke ^^

Portrait von nickicoll
  • 10.01.2008 - 09:32

Für mich als blutigen Anfänger super hilfreich!
Danke!

Portrait von Saty
  • 30.09.2007 - 08:36

Super Tutorial! Danke

Portrait von SpartakusXV
  • 17.08.2007 - 08:28

sehr schön... danke!=)

x
×
×