Fade in/fade out εικονας με το rollOver

Λύσεις προβλημάτων για το δημοφιλές πρόγραμμα κατασκευής παρουσιάσεων στο διαδίκτυο.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Knorcedger
Script Master
Δημοσιεύσεις: 1226
Εγγραφή: 18 Μάιος 2004 04:29
Επικοινωνία:

Fade in/fade out εικονας με το rollOver

Δημοσίευση από Knorcedger » 13 Απρ 2005 05:51

Αυτό είναι το πρώτο μου tutorial. Ελπίζω να τα γράψω σωστά. Πάντως δεν πέρασαν ούτε 6 μήνες από τη στιγμη που έκανα και εγώ τα πρώτα μου βήματα στο flash διαβάζοντας τα tutorials του freestuff.

Σκοπός μας είναι να φτιάξουμε κάτι σαν και αυτό


Δημιουργούμε ένα καινούριο flash document.

Επιλέγουμε το text tool, σχεδιάζουμε ένα καινούριο text box, και από τα properties επιλέγουμε static text. (Γράψτε και κάτι μέσα στο κουτάκι)

Εικόνα

Κάνουμε δεξι κλικ στο κουτακι που μόλις φτιάξαμε, και επιλέγουμε convert to symbol, από το καινουριο παράθυρο που ανοίγει επιλέγουμε button και του δίνετε ότι όνομα θέλετε.

Πατάμε file->import->to stage και επιλέγουμε την εικόνα στην οποία θα κάνουμε το εφέ.

Εικόνα

Κάνουμε δεξι κλικ πάνω στη φωτογραφία, και επιλέγουμε convert to symbol->movie clip (δώστε ότι όνομα θελετε).
Στα properties του movie clip βάζουμε σαν instant name = scratch

Κάνουμε διπλό κλικ πάνω στην εικόνα. Ξανά δεξί κλικ, convert ot symbol->graphic (ότι όνομα θέλετε βάζετε πάλι).

Στο timeline παμε στο frame 40 και παταμε F6. Πάμε στο frame 20 και πάλι F6. Ενω είμαστε στο frame 20, πάμε στα properties της εικόνας και στο πεδίο color, επιλέγουμε το alpha (αν θέλετε μπορείτε να παίξετε και με τα άλλα εφέ) και το κάνουμε 20% (ή όσο εσείς θέλετε).

Παμε από το timeline στο frame 1, και στο πεδίο actions γράφουμε

Κώδικας: Επιλογή όλων

stop();
Πάμε στο frame 20 και κάνουμε το ίδιο.

Εικόνα

Πάμε στο frame 10 (ή σε κάποιο ανάμεσα στα 1 και 20) και κάνουμε δεξι κλικ create motion tween. Το ίδιο και στο frame 30.

Εικόνα

Επιστρέφουμε και πάλι στο scene 1 (από το κουμπί ακριβως πάνω από το timeline).

Επιλέγουμε το κουμπι που είχαμε φτιάξει προηγουμένως και στα actions γράφουμε

Κώδικας: Επιλογή όλων

on (rollOver){
	_root.scratch.gotoAndPlay(2);
}
on (rollOut){
	_root.scratch.gotoAndPlay(40 - _root.scratch._currentframe);
}
Αλλάξτε και το frame rate σε κάτι μεγαλύτερο για να γίνει πιο ομαλή η κίνηση π.χ. 30 και είμαστε έτοιμοι.


Αν τώρα θέλετε το αυτόματο fade in/fade out να γίνεται και όταν περνάει ο κέρσορας πάνω από την εικόνα, απλά βάλτε τον κώδικα που βάλαμε στο κουμπί, στα actions της εικόνας.

fla here
Εικόνα
myUbuntu.gr[Ελληνικός οδηγός για Ubuntu]

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

Fade in/fade out εικονας με το rollOver

Δημοσίευση από EkLekTos » 13 Απρ 2005 13:12

gia to ligo xroniko diastima pou ksereis to flash einai poli kalo auto pou eftiakses...kai egw kapou ekei briskome
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
stonekito
Δημοσιεύσεις: 599
Εγγραφή: 20 Φεβ 2004 18:07
Τοποθεσία: Greece-kavala
Επικοινωνία:

Fade in/fade out εικονας με το rollOver

Δημοσίευση από stonekito » 13 Απρ 2005 13:46

πολυ καλο, μπραβο.. :wink: :idea:

Άβαταρ μέλους
cdhyper
Literature Moderator
Δημοσιεύσεις: 9707
Εγγραφή: 23 Ιουν 2001 03:00
Τοποθεσία: Φωτονερόπετρα
Επικοινωνία:

Fade in/fade out εικονας με το rollOver

Δημοσίευση από cdhyper » 13 Απρ 2005 15:11

Και βέβαια τα κουμπιά του site σε flash είναι ο,τι πιο έξυπνο και πιο λειτουργικό! :evil:
Σύγκριση τιμών Supermarket: http://www.shopnsave.gr
Νέα Ιταλικα επιπλα κουζινας
Για φιλοσόφους: http://filosofia.gr και http://liantinis.org

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

Fade in/fade out εικονας με το rollOver

Δημοσίευση από emphasy » 13 Απρ 2005 16:22

Nice... kati asxeto arketa megalo signature exeis alla mou arese :P

LightForce
WebDev Moderator
Δημοσιεύσεις: 3812
Εγγραφή: 13 Απρ 2003 23:49

Fade in/fade out εικονας με το rollOver

Δημοσίευση από LightForce » 14 Απρ 2005 18:19

καλό Knorcedger :-)

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27626
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

Fade in/fade out εικονας με το rollOver

Δημοσίευση από cordis » 14 Απρ 2005 19:07

ωραίος! :P
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
NoNickeD
Δημοσιεύσεις: 18
Εγγραφή: 26 Ιούλ 2010 18:59
Τοποθεσία: Athens
Επικοινωνία:

Fade in/fade out εικονας με το rollOver

Δημοσίευση από NoNickeD » 05 Αύγ 2010 12:04

Αρκετά καλό :)

Απάντηση

Επιστροφή στο “Flash γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες