Mouseover effekt

Jeg vil foreslå, at du inden du går i gang med dit projekt lige laver de øvelser der følger med Flash du finder dem i hjælpmenuen under lessons. Så har du en bedre forudsætning for at forstå den hjælp du måtte få her.

Hej zed! (Min dårlige samvittighed...)
Ja det kan sagtens lave sig gøre, men det er lidt af en mundfuld hvis man er total newbie.
Der er en del brugere som er knald dygtige til at guide dig igennem et sådant projekt fra bunden (især brugeren paask fremstår som en af de bedste jeg kender).
mvh geo

Det kan sagtens lade sig gøre!
Men jeg kan ikke forklare en totalt nybegynder hvordan, da jeg er nød til at bruge begreber og definationer indenfor Flash for at forklare det!
Jeg er enig med 'spe' arbejd først med det grundlæggende i flash, og spørg så igen! - Det du spørger om svarer sådan ca til at spørge om hvordan den rusiske gramatik hænger sammen, uden at have kendskab til et eneste rusisk ord! - Flash er et kompliceret program, med (næsten) uendeligt mange muligheder!

For at komme i gang er flash's egne 'lessons' gode, men du vil sikkert også kunne få gavn af nogle af de der 50-100,- kr's hæfter!

Vh. Alexander

Jeg kender nu zed's evner fra tidligere så jeg ved at zed kan klare en genvej uden at skulle lave alle tuts, selvom det er en god idé at starte der.
Men du får brug for en dygtig guide ;)

tak lingoman :)

wel alexander_j ..jeg er forholdvis hurtig til at sætte mig ind i et program og klare det bedre hvis jeg har en specifik opgave i programmet fremfor en masse tut læsning.
Jeg arbejder meget i søsterprogrammet director som på nogle punkter ligner flash.

og du må gerne bruge flash-begreber. Mon ik jeg har hørt en del af dem før :)

hvis enelleranden bare laver en hurtig guide til det, skal jeg nu nok finde det...bare pånævnelse af menupunkter samt dialoger, blir benyttet.

"Kommentar fra 0" <-- ?? hedder altså Zed_One ! :)

Flash har et bibliotek (library) hvor du "gemmer" de elementer du skal bygge din flash ting op af. Det du lægger i biblioteket kaldes symboler. Fra Library kan du trække et symbol ind på scenen eller ind i et nyt symbol og her får du så en instance af symbolet.

Det er dette princip du skal arbejde med.

Du skal have "brudt" din effekt ned i mindre bider.
Start med at oprette et nyt symbol (Insert menuen) Vælg movie clip i dialogboksen. Du arbejder nu i selve symbolet og ikke på scenen.
For at du kan lave din blur på din tekst må du have lavet den om til grafik, det gør du ved hjælp af Break apart fra Modify-menuen.
Ved hjælp af tidslinien, keyframes og tweening (tweening= In between) laver du den animation du skal bruge i mouseover.

Så laver du et nyt symbol hvor du vælger Button. I dette symbol får du en tidslinie med 4 frames, en for normal, en for mouseover, en for mousedown og en for det klikbare område.

I normal skriver du din tekst som den skal se ud normalt, vælg mouseover framen og vælg insert blank keyframe fra Insert menuen, træk dit movie clip ind fra Library.
Lav en blank keyframe i down og lave teksten som den skal se ud ved down.
I Hit framen tegner du blot et rektangel der angiver hvor det klikbare område er.

Vælg scenen (øverst til venstre i dit arbejdsområde, vindue)

Træk knappen ind på scenen fra library.
Med din knap valgt går du til action-paletten (finder den i window-menuen), fra basic-action vælger du geturl og i dialogboksen skriver du den url og target du skal bruge.

hmm director er simplere :P ....jeg leger med det...tak skal du ha

Kan være du skal have brudt din animation ned i endnu mindre bider, så du laver et movie clip for hvert bogstav og så sætter disse movieclip sammen i et nyt movie clip som du så henter ind i din buttons over frame.

Zed,

Det vil måske hjælpe dig igang hvis vi bruger analogier fra Director

Flash Symboler >> Director castmember
Flash Instancer (kopi af et symbol) >> Director Sprite (kopi af en castmember)
Flash movieClip >> Director filmloop

I modsætning til Director som arbejder med en tidslinie, Bruger Flash selvstændige tidslinier til hver film, movieClip og level .

Man kan derfor lave om på et instance uden at påvirke master versionen (symbolet).
Laver man om på et symbol, så kommer ændringerne også i alle dets instancer.

Flash har mange faciliteter for at lave manuelle effekter. De kan dog også laves via actionScript som svarer til Directors Lingo

Man kan derfor nøjes med at lave et script som realiserer den effekt du eftersøger og sætte scriptet på hver "knap" ( i realiteten ville du sikkert lave et movieClip)

rimeligt omfattene i flash :) ..mon ik jeg kan lave selvsamme med photoshop, kombineret med imageready...

tror jeg at jeg lige vil forsøge inden....hvis det æ virker optimalt, bruger jeg din guide.

ok tak lingoman...det hjalp med de analogier
...flash lyder meget smart, men er lidt roddet opbygget synes jeg...

Director vil stadig være mit foretrukne valg! :)

Jo mom ikke photoshop og Imageready vil kunne klare det.
Især din blur vil nok være lettere at få lavet grafisk i Photoshop/ImageReady end i Flash.

OK, som et plaster på såret for den forsinkede optimering af din chat laver jeg det i Flash og har den klar til dig hvis det photoshop, imageready ikke giver det ønskede resultat.
mvh geo

Jeg har altid syntes Flash var rodet/ulogisk i mange sammenhænge. Arbejder derfor selv helst i Adobe LiveMotion når jeg skal lave flash animationer grafisk og ikke scripte mig frem.

spe: ja, og da jeg er rimeligt meget inde i photoshop ville det være en nemmere løsning :)

lingo: tak;)...jeg vender lige tilbage til dig hvis det er...og lingoman...du behøver nu ik at skynde dig med optimeringen af den chat, du har jo betalene kunder ved siden af :)

spe:har hørt en smule godt om livemotion..skal da lige ha prikket min mester på skulderen og spørge ham om han ik kan få indkøbt det.

hmm...det jeg fik lavet i imageready er ok..men uhm...lingoman...lavede du noget i flash imens jeg fuskede med imageready ?

hvis ja..må jeg æ så lie se det? :)

Bikser det hurtigt sammen..

evt du skal bruge de specs jeg kører efter?

jeg bruger verdana 10pt med en spærring på 550 (photoshops tracking ting, er noget anderledes en normalt. Altså tallene er høje i ps for at man få den samme spærring som man feks ville få i QuarkXPress)
og det er i negativ..dvs hvid tekst på sort baggrund

de forskellige knapper er "Forsiden", "Nyheder", "Musik", "Billeder", "Gæstebog" og "kontakt"

se designet her: http://zed.adsl.dk/newjma/design.jpg ..tag dig ikke af at billedet nederst til venstre, er med en finurlig kant på...den burde ik ku ses på pc, men på mac træder den voldsomt frem.

-Zed

tak skal du ha´ lingoman :) (har fået mailen)

Har sendt dig et eksempel i Arial. 10 punkt dutter ikke med det eksempel jeg har lavet da det bruge antialias.
Så du kan måske ikke bruge det til noget alligevel ..

ellers en lækker effekt der er på "runa" ..kan man ik tvinge den til at antialiase lisom i director  ?..så jeg kan benytte 10pt?

Jeg glemte at fortælle dig at du skal
Control>> Test Movie før du ser teksten...

eller hov mente på "Geo Samuel Runa"

Vil du have den i 10 punkt verdana uden antialias.
Den du har nu er med antialias 14 punkt Arial

hm elsker ellers antialias..kan man ikke sætte antialias til "strong" lisom jeg har gjort i ps til designet?

men jow..du må gerne lave den i 10pt verdana, hvis det er en større opgave for mig som newbie, selv at lave det om i .fla filen :)

-Zed

Det er normalt meget nemt at ændre font og størrelser samt antialias.
Normalt kræver det kun at du klikker på tekstfeltet og åbner tekst panelerne for at ændre indstilligerne.
Men ikke i mit eksempel...
Først skal jeg lige høre om du overhoved kan bruge effekten i eksemplet inden jeg går igang med verdana udgaven

effekten er lækker!..dog skal den ikke loope..kun køre én gang ved mouseover

og måske hastigheden kunne nedsættes?..evt det halve af hvad den er nu

Skal hele teksten fade ud samtidigt eller må den godt fade per bogstav som den gør nu ?
Hastigheden kan sagtens nedsættes.
Hvad med størrelsen ? Skal den skalere mere eller mindre end den gør nu ?

Undskyld jeg ik har svaret før nu, men jeg fik fyraften og da jeg kom hjem faldt jeg i søvn og sov indtil idag :)

well...den pr bogstav er smart..men måske ville den være for fancy til det design jeg laver. så du må hellere fade det hele ud samtidig.

Grunden til at jeg skal bruge den her effekt i det hele taget, er fordi at JMA meget bruger den der superman stil på deres sidste plade.

kan animationen gemmes som animated gif?..hvis ikke så er .swf helt ok

(og når du er færdig får du sgu lige 30 point for det:)

Skal den skalere mere end den gør nu ?

2.) Hvilken farve skal bogstaverne have ?

bogstaverne skal være hvide med en sort baggrund

skalere?..på hvilken vis mener du ?

(nb: det er lavt af eksperten.dk af ha de skide popunder reklamer idag..de crasher nærmest min mac og de popper op hver gang man navigere ..pil nedad til eksperten.dk for agresiv markedsføring! ;)

popup reklamerne kunne jeg godt undvære...

Skaleringen ved mouseEnter. Lige nu skalerer den til 120% og tilbage til 100 % ved (mouseLeave)
Her vil du gerne have at den blot fader ud efter hånden som den bliver større eller hvad?

Skaleringen er fin og ja den skal fade ud efterhånden..husk desuden at tænke på en blød superman effekt når du skal overveje hastighed mm

(blød fordi at jeg vil passe på med støj/irritation på hjemmesider :)