3D text rotation

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

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

Απάντηση
spookyb52
Δημοσιεύσεις: 1891
Εγγραφή: 23 Ιαν 2002 01:00
Τοποθεσία: Lost in the mansion
Επικοινωνία:

3D text rotation

Δημοσίευση από spookyb52 » 19 Ιαν 2004 22:06

Παρακάτω θα περιγράψω πώς μπορεί να γίνει το ακόλουθο εφέ με τη βοήθεια των fireworks & flash της macromedia. [ Μπορείτε να χρησιμοποιήσετε και κάποιο άλλο πρόγραμμα αντί για το fireworks. ]



Αρχικά θα σχεδιάσουμε στο fireworks το text που θα περιστρέφεται.

1) Άνοίγουμε το fireworks και γράφουμε μια σειρά απο λέξεις ( Η δικιά μου σειρά είχε μήκος κάπου 400 )



2) Πατάμε το U για να επιλέξουμε γρήγορα το ellipse tool (μπορούμε να δούμε και στα properties το εργαλείο που έχουμε επιλέξει)
3) Απο την Toolbar αριστερά κάνουμε αποεπιλογή των χρωμάτων (δές φώτο απο κάτω)



4) Κρατ΄ντας πατημένο το Shift key σχεδιάζουμε ένα κύκλο. (μήν το παρακάνετε σε μέγεθος :) )



5) Πατήστε το V (pointer tool) και έχοντας πατημένο το shift επιλέξτε το κείμενο και τον κύκλο (η απλά επιλέξτε και τα δύο με drag)

6) Αφού τα επιλέξετε πατήστε ( Ctrl+shift+Y ) - εναλλακτικά απο το μενού πάνω : text \ attach to path



Άν το κείμενο δέν καλύπτει τον κύκλο η το ανάποδο μπορειτε να αλλάξετε γραμματοσειρά, να "παίξετε" με τις ρυθμίσεις στο kerning (απόσταση στα γράμματα, απο τα properties) η να ξανασχεδιάσετε τον κύκλο.

7) Στη συνέχεια απο το menu πάνω δεξιά (δές photo) κάντε export το αρχείο σε Swf format



8 ) Απο το export παράθυρο επέλεξε options και σιγουρευτείτε οτι είναι επελεγμένα τα : Maintain paths και maintain editability (Φώτο απο κάτω)


------------------------------------------------------------------------------

Η συνέχεια ανήκει στο Flash


1) Κάντε import στο flash το swf με το text ( file / import ) και ονομάστε το layer : text
2) Επιλέξτε το με drag η ctrl+a ( πχ ) και πατήστε το F8

Δώστε για όνομα το textan & μετατρέψτε το σε graphic symbol

3) Επιλέξτε τώρα το νέο σύμβολο που δημιουργήσατε και πατήστε πάλι το F8

Δώστε για όνομα το txtclip και μετατρέψτε το σε movie symbol

4) κάντε διπλό κλίκ στο movie που δημιουργήσατε η δεξί κλίκ και edit in place. (θα βρεθείτε μέσα στο txtclip movie symbol που περιέχει το textan graphic symbol που δημιουργήσαμε στην αρχή)
5) Κάντε κλίκ στο Διακοσιοστό frame ( 200 :) ) και πατήστε το F6
6) Επιλέξτε το graphic symbol (textan) μέσα στο txtclip και κάντε κλίκ πάνω σε κάποιο frame και απο το μενού πάνω επιλέξτε insert \ create motion tween



7) Κάντε κλίκ πάνω σε κάποιο frame και απο τα properties επιλέξτε tween : motion και rotation : cw



8 ) πηγαίνετε στην αρχική οθόνη του flash, έξω απο το movie και πατήστε το Q (skew) και δώστε την κλίση που επιθυμείτε στο movie

9) Πατήστε ctrl + Enter για να δείτε το animation.

-------------------------------------------------------------------------

Πώς να δημιουργήσετε το εφέ της σκιάς στο text και να βάλετε κάποιο γραφικό σωστά στο μέσο του text animation

1) Δημιουργήστε ένα νέο layer και ονομάστε το graph. Κάντε import κάποιο γραφικό
2) Δημιουργήστε ένα νέο layer και ονομάστε το gra2 και σύρτε το κάτω απο το text layer

Θα πρέπει να μοιάζει όπως το timeline στην παρακάτω photo



3) Κάντε copy το frame απο το graph layer και κάντε το paste στο gra2 layer
4) Κλειδώστε όλα τα layers ( έχει μιά κλειδαριά στο timeline διπλα απο ένα μάτι, αυτό πατήστε... :) )
5) Δημιουργήστε ένα νέο layer, ονομάστε το mask και τοποθετήστε το στην κορυφή του timeline
6) Πατήστε το P για να επιλέξτε το pen tool και σχεδιάστε τα σημεία στα οποία το κέιμενο θα πρέπει να χάνεται πίσω απο το γραφικό. (φώτο απο κάτω ) η άν δέν το έχετε ξανακάνει απλά απλώστε κάποιο χρώμα με το brush στα σημεία αυτά.



7) Κάντε τώρα δεξί κλίκ πάνω στο mask layer και επιλέξτε mask

Το μόνο που μένει τώρα είναι η δημιουργία της σκιάς στο text που περιστρέφεται

1) Δημιουργήστε ένα νέο layer και ονομάστε το shadow.
2) Κάντε copy το frame απο το text layer και στη συνέχεια paste στο layer που μόλις δημιουργήσατε
3) Επιλέξτε στο νέο layer το text movie clip και απο τα properties επιλέξτε για color : tint
4 Για να μήν πέφτει η σκιά πάνω στο τεχτ του text layer και να χάνεται κάντε την resize και μετακινείστε την όπου νομίζεται καλύτερα!!!

ΤΕΛΕΙΩΣΑ!!!! Οριστικά τελευταίο tutorial μέχρι να τελειώσει η εξεταστική... τα λέμε :)

Το αρχείο θα το βρείτε εδώ : http://www.geocities.com/talibgr/fstuff/rot.zip [δεξί κλίκ και save target as]
Τελευταία επεξεργασία από το μέλος spookyb52 την 22 Φεβ 2004 14:37, έχει επεξεργασθεί 2 φορές συνολικά.
Life is like a fast car on an icy road. Brakes don't work, yes I know it, but I step on the gas
Garage punk | Rockabilly | Rock 'n' Roll | Stoner

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

3D text rotation

Δημοσίευση από LightForce » 19 Ιαν 2004 22:21

poli kalo spookyb52 8)

Άβαταρ μέλους
Nidas
Honorary Member
Δημοσιεύσεις: 2348
Εγγραφή: 03 Απρ 2003 13:09
Τοποθεσία: Germany/Wuppertal-Hellas/Preveza

3D text rotation

Δημοσίευση από Nidas » 19 Ιαν 2004 22:28

para poli kalo spookyb52 :wink:

spookyb52
Δημοσιεύσεις: 1891
Εγγραφή: 23 Ιαν 2002 01:00
Τοποθεσία: Lost in the mansion
Επικοινωνία:

3D text rotation

Δημοσίευση από spookyb52 » 19 Ιαν 2004 23:53

Thankz παιδιά. Τα λέμε μετά την εξεταστική! (σε κανα μήνα... :wink: )
Life is like a fast car on an icy road. Brakes don't work, yes I know it, but I step on the gas
Garage punk | Rockabilly | Rock 'n' Roll | Stoner

Άβαταρ μέλους
X-Girl
Honorary Member
Δημοσιεύσεις: 525
Εγγραφή: 04 Οκτ 2003 16:26
Τοποθεσία: Μοσχάτο

3D text rotation

Δημοσίευση από X-Girl » 20 Ιαν 2004 10:37

Very nice :P

Άβαταρ μέλους
George_Z
Δημοσιεύσεις: 60
Εγγραφή: 18 Δεκ 2003 01:27
Τοποθεσία: lefkas

3D text rotation

Δημοσίευση από George_Z » 24 Ιαν 2004 23:10

:kaloe:

Άβαταρ μέλους
flyboy
Δημοσιεύσεις: 12
Εγγραφή: 17 Δεκ 2003 23:49

3D text rotation

Δημοσίευση από flyboy » 26 Ιαν 2004 06:52

ΠΟΛΥ ΩΡΑΙΟ ΚΟΛΠΟ. ΜΠΡΑΒΟ!

Άβαταρ μέλους
spithas
Δημοσιεύσεις: 99
Εγγραφή: 23 Δεκ 2003 16:53
Τοποθεσία: Alexandroupoli

3D text rotation

Δημοσίευση από spithas » 29 Ιαν 2004 17:54

spookyb52 afto ginete mono sto flash mx i kai sto 5?

spookyb52
Δημοσιεύσεις: 1891
Εγγραφή: 23 Ιαν 2002 01:00
Τοποθεσία: Lost in the mansion
Επικοινωνία:

3D text rotation

Δημοσίευση από spookyb52 » 29 Ιαν 2004 21:34

Και στο 5 φυσικά. :D
Life is like a fast car on an icy road. Brakes don't work, yes I know it, but I step on the gas
Garage punk | Rockabilly | Rock 'n' Roll | Stoner

Απάντηση

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

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

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