Τεχνολογία Πολυμέσων. Ενότητα 6: Keyframes και Transitions. Νικολάου Σπύρος Τμήμα Μηχανικών Πληροφορικής ΤΕ

Transcript

1 Τεχνολογία Πολυμέσων Ενότητα 6: Keyframes και Transitions Νικολάου Σπύρος Τμήμα Μηχανικών Πληροφορικής ΤΕ

2 Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative Commons. Για εκπαιδευτικό υλικό, όπως εικόνες, που υπόκειται σε άλλου τύπου άδειας χρήσης, η άδεια χρήσης αναφέρεται ρητώς. 2

3 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά Μαθήματα στο TEI Δυτικής Μακεδονίας και στην Ανώτατη Εκκλησιαστική Ακαδημία Θεσσαλονίκης» έχει χρηματοδοτήσει μόνο τη αναδιαμόρφωση του εκπαιδευτικού υλικού. Το έργο υλοποιείται στο πλαίσιο του Επιχειρησιακού Προγράμματος «Εκπαίδευση και Δια Βίου Μάθηση» και συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση (Ευρωπαϊκό Κοινωνικό Ταμείο) και από εθνικούς πόρους. 3

4 Σκοποί ενότητας Αυτή η ενότητα πραγματεύεται τα keyframes. 4

5 Περιεχόμενα ενότητας Άσκηση 1 - Keyframes. Άσκηση 2 - Keyframes & Transitions. Βιβλιογραφία. 5

6 Keyframes και Transitions

7 Άσκηση 1 - Keyframes (1/3) Δημιουργήστε μια νέα ταινία με διατάσεις 500x500, στοιχίστε την στο κέντρο. Ορίστε χρώμα φόντου γκρι και τέμπο 20 fps. Συνεχίζοντας, κάντε τα παρακάτω! 1. Δημιουργήστε έναν ηθοποιό τύπου paint «κύκλο» με όνομα «circle» κόκκινου χρώματος και διαστάσεις 50, 50 και με την ιδιότητα Bg. Transparent. Η διάρκεια του θα αφορά τα πλαίσια

8 Άσκηση 1 - Keyframes (2/3) 2. Τοποθετήστε τον κύκλο στην θέση x:40, y:40 και ορίστε το blend σε 10%. 3. Στο πλαίσιο 50 ο κύκλος θα πρέπει να βρίσκεται στην θέση x:450, y:40 και ορίστε το blend σε 30%. 4. Στο πλαίσιο 100 ο κύκλος θα πρέπει να βρίσκεται στην θέση x:450, y:450 και ορίστε το blend σε 50%. 5. Στο πλαίσιο 150 ο κύκλος θα πρέπει να βρίσκεται στην θέση x:40, y:450 και ορίστε το blend σε 70%. 8

9 Άσκηση 1 - Keyframes (3/3) 6. Στο πλαίσιο 200 ο κύκλος θα πρέπει να βρίσκεται στην θέση x:40, y:40 και ορίστε το blend σε 90%. 7. Ευθυγραμμίστε την κίνηση σας. 8. Στα πλαίσια 201 με 400 ο κύκλος θα πρέπει να κάνει αντίστροφη κίνηση. 9

10 Άσκηση 2 - Keyframes & Transitions (1/8) Δημιουργήστε μια ταινία με διατάσεις 500x400 και στοιχίστε την στο κέντρο. Ορίστε χρώμα φόντου μαύρο και το τέμπο σε 15 fps. Για τα βήματα 1 έως 4, τα είδωλα (sprites) των Cast Members συμμετέχουν στο Score από το πλαίσιο 1 μέχρι το πλαίσιο 90, ασχέτως εάν η κίνηση τους έχει ολοκληρωθεί σε προηγούμενο πλαίσιο. 10

11 Άσκηση 2 - Keyframes & Transitions (2/8) 1. Δημιουργήστε έναν ηθοποιό τύπου text «ADOBE» με όνομα adobe, μέγεθος 24, bold, χρώμα πορτοκαλί και με την ιδιότητα Bg. Transparent (κανάλι 1). Το πλαίσιο 1 βρίσκεται στην θέση x:150, y:-35. Στο πλαίσιο 50 βρίσκεται στην θέση x:150, y:

12 Άσκηση 2 - Keyframes & Transitions (3/8) 2. Δημιουργήστε έναν ηθοποιό τύπου text «DIRECTOR» με όνομα director, μέγεθος 24, bold, χρώμα πορτοκαλί και με την ιδιότητα Bg. Transparent (κανάλι 2). Στο πλαίσιο 1 βρίσκεται στην θέση x:250, y:400. Στο πλαίσιο 50 βρίσκεται στην θέση x:250, y:

13 Άσκηση 2 - Keyframes & Transitions (4/8) 3. Δημιουργήστε έναν ηθοποιό τύπου text «Multimedia», με όνομα multimedia, μέγεθος 24, bold, χρώμα πορτοκαλί και με την ιδιότητα Bg. Transparent (κανάλι 3). Στο πλαίσιο 1 βρίσκεται στην θέση x:-150, y:200. Στο πλαίσιο 50 βρίσκεται στην θέση x:100, y:

14 Άσκηση 2 - Keyframes & Transitions (5/8) 4. Δημιουργήστε έναν ηθοποιό τύπου text «Authoring Tool», με όνομα tool, μέγεθος 24, bold, χρώμα πορτοκαλί και με την ιδιότητα Bg. Transparent (κανάλι 4). Στο πλαίσιο 1 βρίσκεται στην θέση x:510, y:200. Στο πλαίσιο 50 βρίσκεται στην θέση x:240, y:

15 Άσκηση 2 - Keyframes & Transitions (6/8) 5. Δημιουργήστε έναν ηθοποιό τύπου paint «Κύκλος» με χρώμα κίτρινο, διαστάσεις 25, 25 και με την ιδιότητα Bg. Transparent (κανάλι 5). Στο πλαίσιο 51 βρίσκεται στην θέση x:250, y:350. Στο πλαίσιο 60 βρίσκεται στην θέση x:480, y:190. Στο πλαίσιο 70 βρίσκεται στην θέση x:250, y:50. Στο πλαίσιο 80 βρίσκεται στην θέση x:20, y:90. Στο πλαίσιο 90 βρίσκεται στην θέση x:250, y:350. Ευθυγραμμίστε την κίνηση σας. Στο πλαίσιο 90 προσθέστε καθυστέρηση στην ταινία σας 2 seconds. Στο πλαίσιο 91 προσθέστε την εναλλαγή «Center Out, Vertical» στην ταινία. 15

16 Άσκηση 2 - Keyframes & Transitions (7/8) 6. Δημιουργήστε έναν ηθοποιό τύπου paint «Τετράγωνο» με όνομα square, με χρώμα κόκκινο και με την ιδιότητα Copy (κανάλι 1). Στο πλαίσιο 91 βρίσκεται στην θέση x:250, y:200 και μέγεθος 100, 50. Στο πλαίσιο 150 βρίσκεται στην θέση x:250, y:200, μέγεθος 300, 200 και με χρώμα κίτρινο. 16

17 Άσκηση 2 - Keyframes & Transitions (8/8) 7. Δημιουργήστε έναν ηθοποιό τύπου text «ΤΕΧΝΟΛΟΓΙΑ ΠΟΛΥΜΕΣΩΝ», με όνομα «Πολυμέσα», μέγεθος 18, bold, χρώμα μαύρο και με την ιδιότητα Bg. Transparent (κανάλι 2). Τοποθετήστε το στα πλαίσια 101 με 150 και θα βρίσκεται στην θέση x:130, y:190. Το χρώμα του κειμένου να μετασχηματιστεί σταδιακά από μαύρο σε μπλε (πλαίσια 101 με 150). 17

18 Σημείωμα Αναφοράς Copyright ΤΕΙ Δυτικής Μακεδονίας, Νικολάου Σπύρος. «Τεχνολογία Πολυμέσων». Έκδοση: 1.0. Κοζάνη Διαθέσιμο από τη δικτυακή διεύθυνση: 18

19 Σημείωμα Αδειοδότησης Το παρόν υλικό διατίθεται με τους όρους της άδειας χρήσης Creative Commons Αναφορά, Μη Εμπορική Χρήση Παρόμοια Διανομή 4.0 [1] ή μεταγενέστερη, Διεθνής Έκδοση. Εξαιρούνται τα αυτοτελή έργα τρίτων π.χ. φωτογραφίες, διαγράμματα κ.λ.π., τα οποία εμπεριέχονται σε αυτό και τα οποία αναφέρονται μαζί με τους όρους χρήσης τους στο «Σημείωμα Χρήσης Έργων Τρίτων». [1] Ως Μη Εμπορική ορίζεται η χρήση: που δεν περιλαμβάνει άμεσο ή έμμεσο οικονομικό όφελος από την χρήση του έργου, για το διανομέα του έργου και αδειοδόχο. που δεν περιλαμβάνει οικονομική συναλλαγή ως προϋπόθεση για τη χρήση ή πρόσβαση στο έργο. που δεν προσπορίζει στο διανομέα του έργου και αδειοδόχο έμμεσο οικονομικό όφελος (π.χ. διαφημίσεις) από την προβολή του έργου σε διαδικτυακό τόπο. Ο δικαιούχος μπορεί να παρέχει στον αδειοδόχο ξεχωριστή άδεια να χρησιμοποιεί το έργο για εμπορική χρήση, εφόσον αυτό του ζητηθεί. 19

20 Διατήρηση Σημειωμάτων Οποιαδήποτε αναπαραγωγή ή διασκευή του υλικού θα πρέπει να συμπεριλαμβάνει: το Σημείωμα Αναφοράς. το Σημείωμα Αδειοδότησης. τη δήλωση Διατήρησης Σημειωμάτων. το Σημείωμα Χρήσης Έργων Τρίτων (εφόσον υπάρχει). μαζί με τους συνοδευόμενους υπερσυνδέσμους. 20

21 Βιβλιογραφία 1. Τεχνολογία πολυμέσων, Δημητριάδης Σταύρος Ν., Πομπόρτσης Ανδρέας Σ., Τριανταφύλλου Ευάγγελος Γ. 2. Συστήματα Πολυμέσων: Αλγόριθμοι, Πρότυπα και Εφαρμογές, Havaldar P., Medioni G. 3. Πολυμέσα Αναλυτικός Οδηγός, 8η Έκδοση, Tay Vaughan. 4. Τεχνολογία Πολυμέσων και Πολυμεσικές Επικοινωνίες, Γεώργιος Β. Ξηλωμένος, Γεώργιος Κ. Πολύζος. 21

22 Τέλος Ενότητας