GreekTuts - Ελληνικά Βοηθήματα

Η Λωρίδα Χρόνου και τα Επίπεδα

Το Flash είναι εφαρμογή με την οποία φτιάχνουμε ταινίες όπως διαφημιστικά banners και διαδραστικές εφαρμογές οι οποίες περιέχουν κίνηση. Για να δημιουργηθεί η αίσθηση της κίνησης χρειαζόμαστε μια ακολουθία από στατικές εικόνες, στο flash ονομάζονται καρέ – frames,  οι οποίες όταν προβληθούν οι μία μετά την άλλη δίνουν την ψευδαίσθηση της κίνησης. Στο Flash αυτό υλοποιείται με την λωρίδα χρόνου  – Timeline.

Εικόνα 1 – Η λωρίδα χρόνου

Περιγραφή της λωρίδας χρόνου

Επίπεδα

Στις περισσότερες σχεδιαστικές εφαρμογές χρησιμοποιείται ο όρος επίπεδα – layers. Με τον όρο αυτόν εννοούμε στρώσεις, διαφάνειες σε κάθε μια από τις οποίες τοποθετούμε αντικείμενα. Με την ομαδοποίηση αυτή των αντικειμένων σε επίπεδα, πετυχαίνουμε την ταυτόχρονη διαχείριση κοινών σε αυτά τα αντικείμενα ιδιοτήτων τους όπως η εμφάνιση και η απόκρυψη τους. Επιπλέον με βάση την σειρά εμφάνισης των επιπέδων, σειρά στοίβας, ελέγχεται και η επικάλυψη η μη ορισμένων αντικειμένων. Έτσι τα αντικείμενα του 1^ου επιπέδου εμφανίζονται πρώτα, του 2ου κάτω από τα αντικείμενα του 1^ου, του 3^ου κάτω από αυτά του 2^ου κ.ο.κ.

Εικόνα 2 – Διάταξη επιπέδων

Μετονομασία και επιλογή επιπέδου

Ένα επίπεδο μπορούμε να το μετονομάσουμε κάνοντας διπλό κλικ στο όνομα του και αλλάζοντας το. Επιλέγοντας ένα επίπεδο επιλέγονται αυτόματα και τα αντικείμενα που ανήκουν σε αυτό και το αντίστροφο.

Εικόνα 3 – Επιλογή και μετονομασία επιπέδου

Προσθαφαίρεση επιπέδων και φακέλων.

Στην κάτω αριστερή γωνία του παραθύρου υπάρχουν οι εξής επιλογές για τα επίπεδα:

• Insert Layer: Προσθέτει ένα νέο επίπεδο κάτω από το επιλεγμένο
• Add Motion Guide: Προσθέτει ένα ειδικό επίπεδο για δημιουργία μονοπατιού πάνω στο οποίο θα κινηθεί ένα αντικείμενο – θα το δούμε ποιο αναλυτικά σε μελλοντικό άρθρο.
• Insert Layer Folder: Προσθέτει έναν φάκελο κάτω από το επιλεγμένο επίπεδο ή φάκελο. Ένας φάκελος έχει στόχο την οργάνωση των επιπέδων και μπορεί να περιέχει άλλα επίπεδα ή φακέλους.
• Delete Layer: Διαγράφει ένα επίπεδο η φάκελο. Προσοχή: ένας φάκελος για να διαγραφεί πρέπει να είναι άδειος.

Εικόνα 4 – Προσθαφαίρεση επιπέδων και φακέλων

Διάταξη επιπέδων (περιεχόμενα),

Μπορούμε να αλλάξουμε την διάταξη των επιπέδων κάνοντας αριστερό κλικ πάνω σε αυτό και κρατώντας το να το σύρουμε στην επιθυμητή θέση. Με τον ίδιο τρόπο μπορούμε να μετακινήσουμε και φακέλους. Με παρόμοιο τρόπο μπορούμε να σύρουμε ένα επίπεδο μέσα σε έναν φάκελο αφήνοντάς το επίπεδο πάνω στο εικονίδιο του φακέλου.

Εικόνα 5 – Μετακίνηση επιπέδου σε φάκελο

Απόκρυψη και κλείδωμα επιπέδων

Στην πάνω-δεξιά πλευρά βλέπουμε τα εξής τρία εικονίδια:

• Show / Hide All Layers: Αποκρύπτει / εμφανίζει τα περιεχόμενα όλων των επιπέδων. Αυτό είναι ιδιαίτερα χρήσιμο όταν τα περιεχόμενα του ενός επιπέδου καλύπτουν αυτά κάποιου κάτω από αυτό. Αυτό το πετυχαίνουμε εάν κάνουμε κλικ στην κουκίδα του αντίστοιχου επιπέδου.
• Lock / Unlock All Layers: Κλειδώνει όλα τα επίπεδα. Αυτό είναι χρήσιμο όταν θέλουμε να προστατέψουμε τα περιεχόμενα κάποιου επιπέδου από απρόσεκτη αλλαγή. Αυτό το πετυχαίνουμε εάν κάνουμε κλικ στην κουκίδα του αντίστοιχου επιπέδου.
• Show All Layers as Outlines: Εμφανίζει τα περιεχόμενα ενός επιπέδου ως περιγράμματα. Αυτό είναι χρήσιμο όταν θέλουμε ένα σκιαγράφημα των αντικειμένων που βρίσκονται σε κάποιο επίπεδο. Αυτό το πετυχαίνουμε εάν κάνουμε κλικ στην κουκίδα του αντίστοιχου επιπέδου.

Εικόνα 6 – Απόκρυψη και κλείδωμα επιπέδων

Η λωρίδα χρόνου

Η λωρίδα χρόνου αποτελείται από μια ακολουθία καρέ – frames, κάθε ένα από τα οποία περιέχει μια στατική εικόνα. Η κεφαλή αναπαραγωγής, play head, παίζει τον ρόλο της ροής αυτής, δηλαδή της αλληλουχίας τον καρέ με σκοπό την ψευδαίσθηση της κίνησης. Στο πάνω μέρος υπάρχει μια ακολουθία από αριθμούς κάτω από τους οποίους εμφανίζονται τα καρέ. Κάθε επίπεδο έχει την δική της ακολουθία από καρέ. Στο κάτω μέρος, υπάρχουν εικονίδια για την προβολή περισσοτέρων του ενός καρέ, καθώς επίσης και πληροφορίες για τα καρέ.

Εικόνα 7 – Η λωρίδα χρόνου.

Η κεφαλή αναπαραγωγής όταν κινείται  αλλάζει η τιμή θέση καρέ η οποία δείχνει την θέση του τρέχοντος καρέ, καθώς και η διάρκεια της ταινίας.

Ο ρυθμός αναπαραγωγής, frame rate ή αλλιώς frame per second, δείχνει τον αριθμό καρέ ανά δευτερόλεπτο. Οι συνήθεις τιμές είναι 12, 24 & 36. Όσο μεγαλώνει η τιμή τόσο γρηγορότερη γίνεται η ταινία και το αντίθετο.

Εικόνα 8 – Frame rate

Με την λειτουργία onion skin, έχουμε την δυνατότητα να βλέπουμε ταυτόχρονα τα περιεχόμενα σε περισσότερα από ένα καρέ την φορά.

Εικόνα 9 – Onion skin

Τύποι καρέ

Σε ένα κενό έγγραφο έχουμε ένα κενό καρέ κλειδί blank key frame. Όταν βάλουμε περιεχόμενο το καρέ αυτό γίνεται καρέ κλειδί – key frame. Το καρέ κλειδί παίζει κυρίαρχο ρόλο σε μια ταινία αφού σε αυτό και μόνο αυτό μπορούμε να σχεδιάσουμε και παρέμβουμε. Αριστερά από ένα καρέ κλειδί μπαίνουν καρέ – frames τα οποία περιέχουν τα περιεχόμενα από το καρέ κλειδί.

Εικόνα 10 – Τύποι καρέ

Στην εικόνα αυτή, στο Layer 3 υπάρχει ένα καρέ κλειδί από το οποίο ξεκινάει το τετράγωνο και ακολουθούν καρέ τα οποία περιέχουν το σχήμα που βρίσκεται στο καρέ κλειδί. Το τελευταίο καρέ κλειδί στο ίδιο επίπεδο είναι άδειο. Στο Layer 4 πάλι έχουμε ένα καρέ κλειδί, άδειο, από το οποίο συνεχίζουν καρέ τα οποία είναι και αυτά άδεια. Στο Layer 2 υπάρχει ένα καρέ κλειδί το οποίο έχει περιεχόμενο, τον κύκλο. Στο Layer 1 υπάρχει απλά ένα άδειο καρέ κλειδί. Εάν σύρουμε την κεφαλή αναπαραγωγής σε ένα άλλο καρέ, στο 3, θα δούμε μόνο το περιεχόμενο του Layer 3, δηλαδή τον κύκλο μόνο.

Τέλος, η προσθαφαίρεση καρέ γίνεται είτε από το μενού Insert > Timeline, είτε με δεξί κλικ σε ένα οποιοδήποτε  καρέ στην λωρίδα χρόνου.

Λογισμικό που χρησιμοποιήθηκε

Adobe Flash CS3