Εισαγωγή στην τεχνολογία πολυμέσων

ΈκδοσηΟνοματεπώνυμο ΣυγγραφέαΚατάσταση 1.0Σύμπα ΠαρασκευήΑρχική Καταγραφή 1.1Μαλάμος ΑθανάσιοςΔιόρθωση / Συμπλήρωση Όνομα Συγγραφέα Σύμπα Παρασκευή Όνομα Συγγραφέα Μαλάμος Αθανάσιος

Περιεχόμενα Εισαγωγή στην Τεχνολογία Πολυμέσων………………………………………………………………………………….. Εισαγωγή…………………………………………………………………………………………………………………….. Περίγραμμα Εργαστηρίου………………………………………………………………………………………………….. Εργαστηριακές Ασκήσεις…………………………………………………………………………………………………… Μάθημα 1 ο _ Εισαγωγή στο Photoshop………………………………………………………………………………….. Μάθημα 2 ο _Photoshop Retouch…………………………………………………………………………………………. Μάθημα 3 ο _Web Layout Design…………………………………………………………………………………………. Μάθημα 4 ο _Premiere……………………………………………………………………………………………………… Μάθημα 5 ο _SoundForge………………………………………………………………………………………………….. Μάθημα 6 ο _Εισαγωγή στη Flash – Animation………………………………………………………………………….. Frame by Frame Animation……………………………………………………………………………….. Shape Tween………………………………………………………………………………………………... Motion Tween……………………………………………………………………………………………….. Motion Guides……………………………………………………………………………………………….. Text Animation………………………………………………………………………………………………. Μάθημα 7 ο _Flash – Buttons………………………………………………………………………………………………. Standard Button…………………………………………………………………………………………….. Rollover Button……………………………………………………………………………………………… Rollover With Down Button………………………………………………………………………………… Invisible Button………………………………………………………………………………………………. Προσθήκη Ήχου στα Buttons… Μάθημα 8 ο _Flash – Action Script………………………………………………………………………………………… Action Get Url……………………………………………………………………………………………….. Slideshow……………………………………………………………………………………………………. Μάθημα 9 ο _Flash – Action Script – Loop……………………………………………………………………………….. Slideshow Loop……………………………………………………………………………………………… Μάθημα 10 ο _Flash – Εισαγωγή Video…………………………………………………………………………………… Flash _Extra Fun with Masks………………………………………………………………………………………………

Εισαγωγή Σκοπός του εργαστηρίου Εισαγωγή στην Τεχνολογία Πολυμέσων είναι η δημιουργία ενός πρώτου διαύλου επικοινωνίας μεταξύ των σπουδαστών και των νέων τεχνολογιών πολυμέσων. Μέσω των έργαστηριακών ασκήσεων που θα ακολουθήσουν ο σπουδαστής θα έρθει σε επαφή με τεχνολογιες που συνθέτουν τον τομέα των πολυμέσων και που αφορούν στην ψηφιακή επεξεργασία εικόνας, ήχου και video. Εν αρχή, οι σπουδαστές θα ασχοληθούν με την ψηφιακή επεξεργασία εικόνας μέσω του προγράμματος Adobe Photoshop. Στη συνέχεια θα πραγματοποιηθούν εισαγωγικά μαθήματα στην επεξεργασία ήχου και videο με τη χρήση των προγραμμάτων Sound Forge και Adobe Premiere αντίστοιχα. Τέλος, ακολουθούν μαθήματα που αφορούν στον συγκερασμό των παραπάνω τεχνολογιών με σκοπό τη δημιουργία είτε μιας άπλής ψηφιακής παρουσίασης ή τη δημιουργία ιστοσελίδας.

Περίγραμμα Εργαστηρίου Στο πρώτο εργαστηριακό μάθημα θα γίνει μία εισαγωγή στο Adobe Photoshop ώστε οι σπουδαστές να είναι εξοικειωμένοι με το περιβάλλον του προγράμματος ώστε να είναι σε θέση να υλοποιήσουν τις επερχόμενες εργαστηριακές ασκήσεις. Photoshop Retouch Σε αυτό το μάθημα οι σπουδαστές θα διδαχθούν τεχνικές με τις οποίες μπορούν να διορθώσουν μια εικόνα. Στη συνέχεια, θα τους δοθεί μια εικόνα με κάποια «προβληματικά» σημεία και δύο εικόνες μετά από παρέμβαση Retouch μέσω του Photoshop.Οι σπουδαστές θα πρέπει να διορθώσουν την αρχική εικόνα ώστε να μοιάζει με αυτές του αποτελέσματος. Δημιουργία Web Layout στο Photoshop Σε αυτό το μάθημα θα γίνει αναφορά σε πιο προχωρημένες τεχνικές του Photoshop. Οι σπουδαστές στη συνέχεια θα πρέπει να σχεδιάσουν 2 Web Layouts για ιστοσελίδα με τη χρήση τεσσάρων απλών εικόνων.

Premiere Σε αυτό το μάθημα θα πραγματοποιηθεί παρουσίαση του περιβάλλοντος του Adobe Premiere καθώς και απλές τεχνικές σύνθεσης Video με ηχητικό Background. Οι σπουδαστές καλούνται στο τέλος του μαθήματος να δημιουργήσουν τη δική τους σύνθεση Video. SoundForge Σε αυτό το μάθημα θα πραγματοποιηθεί παρουσίαση του περιβάλλοντος του SoundForge και όλες οι διαθέσιμες επιλογές επεξεργασίας ηχητικών αρχείων του προγράμματος. Οι σπουδαστές καλούνται να εκτελέσουν ασκήσεις κατά τη διάρκεια της παρουσίασης του προγράμματος ώστε να εξοικειωθούν με το πρόγραμμα. Εισαγωγή στη Flash – Buttons Σε αυτό το μάθημα θα γίνει εισαγωγή στο περιβάλλον της Macromedia Flash καθώς επίσης θα πραγματοποιθεί και διδασκαλία δημιουργίας διαφόρων ειδών buttons. Οι σπουδαστές καλούνται να εκτελέσουν ασκήσεις που αφορούν σε όλα τα είδη button. Περίγραμμα Εργαστηρίου

Flash – Animation Σε αυτό το μάθημα οι σπουδαστές διδάσκονται τα διάφορα είδη animation σε Macromedia Flash και καλούνται να εκτελέσουν ασκήσεις για το καθένα από αυτά. Flash - Action Script Σε αυτό το μάθημα πραγματοποιείται εισαγωγή στο Action Script της Flash και ζητείται από τους σπουδαστές να δημιουργήσουν ένα απλό Slideshow. Flash – Action Script Loop – URLs Σε αυτό το μάθημα πραγματοποιείται διδασκαλία Action Script με Loops καθώς επίσης και η δημιουργία URLs σε μια ιστοσελίδα. Επίσης, οι σπουδαστές διδάσκονται ένα παράδειγμα για την τελική τους εργασία με χρήση του κώδικα και συνδυασμό των άνωθι ασκήσεων. Flash – Εισαγωγή Video Σε αυτό το μάθημα οισπουδαστές διδάσκονται την εισαγωγή video που δημιούργησαν σε προηγούμενο μάθημα στο Premiere στη Flash. Περίγραμμα Εργαστηρίου

Μάθημα 1 ο

To Photoshop είναι το πιο δημοφιλές πρόγραμμα επεξεργασίας εικόνας. Υποστηρίζεται απο διάφορα λειτουργικά συστήματα όπως τοMac, τα Windows, το Unix κτλ Τί μπορείτε να κάνετε με το Photoshop? Όπως και όλα τα προγράμματα επεξεργασίας εικόνας, το photoshp σας δίνει τη δυνατότητα να αλλάξετε μία εικόνα με ποικίλους τρόπους. Είτε αλλάζοντας τα χρώματα της, το φωτισμό, το μέγεθος,την κλιμακα, τον προσανατολισμό της ή ακόμη δημιουργώντας ένα κολάζ απο πολλές διαφορετικές εικόνες ή και τμήματα εικόνων. Επίσης, μπορείτε να αλλάξετε τον συμπίεση μιας εικόνας αλλάζοντας τον τύπο της, την ανάλυσή της κτλ Τέλος, με το Photoshop έχετε τη δυνατότητα να δημιουργήσετε μια δική σας εικόνα απο την αρχή καθώς επίσης και να δημιουργήσετε μία αφισσα ή ένα web layout. Πρέπει να θυμόσαστε ότι το photoshop αποθοεύει τις πληροφορίες σχετικά με τις εικόνες που αποθηκέυουμε δημιουργούμε σε μοφή μαθηματικών σχέσεων. Έτσι, όταν σχεδιάζουμε κάτι αυτό απαρτίζεται απο συνεχόμενες μικρές τελείες -που ονομάζονται pixels-και ούσες η μία κοντ΄΄α στην άλλη μας δίνουν της αίσθηση μιας εικόνας. Όταν λοιπόν μεγαλώσουμε μια εικόνα αυτή η πληροφορία θα αλοιωθεί. Τι είναι το Photoshop

Το περιβάλλον του Photoshop

Toolbox: Η εργαλειοθήκη. Εδώ υπάρχουν τα βασικά εργαλεία επεξεργασίας μιας εικόνας. Options Bar: Οι ιδιότητες του επιλεχθέντος εργαλείου. Menu Bar: Το κεντρικό μενού του Photoshop Image Window: Σε αυτήν την περιοχή εμφανίζονται οι εικόνες προς επεξεργασία. Floating Palettes: Διάφορες παλέττες που υπάρχουν κατ’ επιλογή και ανάλογα με τις ανάγκες του project. Οι default παλέττες είναι οι εξής: navigator, info, histogram, color, swatches, styles, history, actions, layers, channels, paths. Οσες απο τις παλέττες δεν επιθυμούμε να φαίνονται τις κλείνουμε απο το κουμπί απενεργοποίησης, και όσες δεν υπάχουν και θέλουμε να φαίνονται τις ενεργοποιούμε απο το window->επιλογή παλέττας. Περιγραφή των κύριων μελών του περιβάλλοντος του Photoshop

Περιγραφη των επιμέρους μελών του Photoshop - Menu Το κύριο μενού του Photoshop λειτουργεί όπως και στα υπόλοιπα προγράμματα(πχ word). Επίσης, με όμοιο τρόπο λειτουργούν και οι συντομεύσεις, για παράδειγμα πατώντας alt+F μπορείτε να έχετε πρόβαση στο File.

Τίτλος εργασίας Zoom Mode Περιοχή εμφάνισης και επεξεργασίας εικόνας Κουμπιά ελέγχου παραθύρου Περιγραφη των επιμέρους μελών του Photoshop – Image Window

Η περιοχή εμφάνισης και επεξεργασίας εικόνας είναι η περιοχή η οποία αποτελει τον καμβά σας. Επίσης το Photoshop σας δίνει τη δυνατότητα να ανοίγετε περισσότερα απο ένα παράθυρα επεξεργασίας εικόνας(File- New) και έτσι μπορείτε να πάρετε κομμάτια απο τα υπόλοιπα αρχεία ή ακόμη και να τα επεξεργαστείτε στην δική τους περιοχή και μετά να τα χρησιμοποιήσετε στην αρχική σας εικόνα. Μπορείτε να μεγαλώσετε το παράθυρο επεξεργασίας εικόνας πηγαίνοντας στο κύριο μενού και επιλέγοντας Image – Image Size. Περιγραφη των επιμέρους μελών του Photoshop - Menu

Η επιλογή Image Size Προσπαθήστε να μεγαλώσετε, να μικρύνετε και να δημιουργήσετε ένα νέο παράθυρο επεξεργασίας εικόνας. Constraint Proportions Πόσα pixels κατά πλάτος Πόσα pixels κατά ύψος Μέγεθος του document κατά πλάτος Μέγεθος του document κατά πλάτος Ανάλυση

Για να ανοίξουμε ένα Image window και να ξεκινήσουμε την εργασία μας ακολουθούμε τα εξής βήματα: Απο το κύριο μενού επιλέγουμε File->New Στο παράθυρο διαλόγου που ανοίγει δίνουμε το όνομα της εργασίας μας καθώς και το ύψος, πλατος και ανάλυση της εικόνας αναλογα με το που προορίζεται η εργασία μας. Για παράδειγμα, όταν θέλουμε να φτιάξουμε το Layout μιας ιστοσελίδας συνήθως χρησιμοποιούμε τις τιμές width=1024, height=768 Image Window

Περιγραφη των επιμέρους μελών του Photoshop - Toolbox To Toolbox περιέχει μια λίστα απο εργαλεία τα οποί α μας βοηθούν να επιλέξουμε μια περιοχή, να χρωματίσουμε αντικείμενα, να πλοηγηθούμε στον ΄χώρο επεξεργασίας της εικόνας κτλ. Για να επιλέξετε ένα εργαλείο, απλά καντε κλικ επάνω του.

Ανάλυση των εργαλείων του Toolbox Στα περισσότερα εργαλεία του Toolbox, υπάρχει ένα μικρό βέλος που σημαίνει ότι αν κάνουμε εκτεταμένο κλικ πάνω του, ανοίγει μία λίστα με περισσότερες επιλογές σχετκών εργαλείων. Για παράδειγμα το εργαλείο Rectangular Marquee Tool, μας δίνει τη δυνατότητα να επιλέξουμε μια περιοχή σε σχήμα ορθογωνίου. Με το eliptical Marquee Tool επιλέγουμε μια περιοχή σε σχήμα έλλειψης. Με το Single Row Marquee Tool επιλέγουμε μια γραμμή απο Pixels και με το Single Row Marquee Tool επιλέγουμε μία στήλη απο Pixels.

Με το move tool, μπορούμε να μετακινήσουμε μία επιλεγμένη περιοχή Με το lasso tool, μπορούμε να επιλέξουμε μια περιοχή αορίστου σχήματος. Με το Polygonal lasso tool, μπορούμε να επιλέξουμε μια περιοχή σχηματίζοντας μια σειρά απο ευθείες. Με το Magnetic lasso tool, μπορούμε να επιλέξουμε μια περιοχή ομοίων χρωμάτων κάνοντας. Για παράδειγμα αν κάνουμε μια περιήγηση γύρω απο μία φιγούρα και κρατώντας το Magnetic lasso tool, θα επιλέγει τη ροή που δίνετε με το ποντίκι προσκολλώντας στις περιοχές που έχουν όμοια χρώματα. Ανάλυση των εργαλείων του Toolbox

Με το magic wand tool, επίλέγουμε μια περιοχή ομοίων χρωμάτων κάνοντας απλά ένα κλικ στην περιοχή που μας ενδιαφέρει. Με το crop tool, μπορούμε να επιλέξουμε μια περιοχή και να την κόψουμε. Με το slice tool μπορουμε να επιλέξουμε και να οριοθετήσουμε κάποιες περιοχές όταν θέλουμε να τις χρησιμοποιήσουμε για την δημιουγία ενός site Με το spot healing brush tool, μπορούμε να διορθώσουμε μια περιοχή χρησιμοποιώντας δείγματα απο το περιφέρεια της συγκεκριμένης περιοχής. Με το healing brush tool, μπορούμε επίσης να διορθώσουμε κάποιες περιοχές, αλλά το δείγμα που θα χρησιμοποιηθεί το καθορίζουμε εμείς κρατώντας πατημένο το alt. Ανάλυση των εργαλείων του Toolbox

Με το patch tool, μπορούμε επίσης να διορθώσουμε ένα προβληματικό μέρος της εικόνας μας, επιλέγοντας την προβληματική περιοχή και μεταφεροντάς την σε μία «μη προβληματική»περιοχή στην οποία θέλουμε να μοιάσει. Με το red eye tool, μπορούμε να αφαιρέσουμε το κόκκινο χρώμα των ματιών που προκύπτει σε φωτογραφίες στις οποίες έχει χρησιμοποιηθεί flash. Με το brush tool μπορούμε να ζωγραφίσουμε σαν να χρησιμοποιούμε πινέλο, ενώ με το Pencil tool μπορούμε επίσης να ζωγραφίσουμε αλλά πιο λεπτεπίλεπτες γραμμές. Με το color replacement tool, μπορούμε να αλλάξουμε το χρώμα μιας περιοχής χωρίς να χαθούν οι σκιάσεις και οι υπόλοιπες λεπτομέριες. Ανάλυση των εργαλείων του Toolbox

Με το clone stamp tool, μπορούμε να κλωνοποιήσουμε μια περιοχή και να τη μεταφέρουμε σε άλλες περιοχές που επιθυμούμε να έχουν το ίδιο Pattern. Με το pattern stamp tool, μπορούμε να ζωγραφίσουμε μια περιοχή σχρησιμοποιώντας ένα απο τα δείγματα που υπάρζουν στην βιβλιοθήκη των patterns. Μπορούμε ακόμη να δημιουργήσουμε ένα δικό μας pattern(πχ ένα μοτίβο ξύλου), και να εμπλουτίσουμε τη βιβλιοθήκη των Patterns. Με το History brush tool, μπορούμε να επαναφέρουμε περιοχές στην αρχική τους μορφή. Με το art history brush, μπορούμε να εφαρμόσουμε ένα στυλ στις περιοχές που επιλέγονται με το πινέλο. Ανάλυση των εργαλείων του Toolbox

Το eraser tool, είναι η ψηφιακή μας γόμα η οποί μας δίνει τη δυνατότητα να σβήνουμε περιοχές που δεν επιθυμούμε να φαίνονται. Με το background eraser tool, πορούμε να σβήσουμε περιοχές που βρίσκονται στο Background, χωρίς να χρειάζεται να μετακινηθούμε στο συγκεκριμένο Layer. Με το Magic eraser tool, μπορούμε να σβήσουμε περιοχές με το ίδιο χώμα με ένα απλό κλικ. Με το Gradient tool, μπορούμε να δημιουργήσουμε ένα εφέ σταδιακής εξασθένισης σε μια περιοχή. Με το Paint bucket tool, μπορούμε έχοντας επιλέξει,μια περιοχή να την βάψουμε με ένα χρώμα το οποίο έχουμε επιλέξει. Ανάλυση των εργαλείων του Toolbox

Με το Blur tool, μπορουμε να θολώσουμε μια περιοχή. Με το sharpen tool, επιτυγχάνουμε το αντίθετο αποτέλεσμα απο το blur Tool, δηλ, «καθαρίζουμε» και αναδεικνύουμε τα επιλεγμένα Pixels. Με το smudge tool, μπορούμε να «μουντζουρώσουμε» μια περιοχή Ανάλυση των εργαλείων του Toolbox

Με το dodge tool, μπορούμε να «λευκάνουμε» μια περιοχή και να την κάνουμε να φαίνεται πιο λαμπερή.(πχ τα δόντια κάποιου) Με το Burn tool, μπορούμε να σκουρύνουμε κάποιες περιοχές Με το sponge tool, μπορούμε να περάσουμε πάνω απο κάποιες περιοχές και να τους φτιάξουμε το contrast. Ανάλυση των εργαλείων του Toolbox

Με το Horizontal Type Tool, μπορούμε να γράψουμε ένα κείμενο σε οριζόντια φορά. Με το Vertical Type Tool, μπορούμε να γράψουμε ένα κείμενο σε κάθετη φορά Με το Horizontal Type Mask Tool, μπορούμε να γράψουμε ένα κείμενο σε οριζόντια φορά και να του προσδώσουμε ιδιότητες μάσκας. Με το Vertical Type Mask Tool, μπορούμε να γράψουμε ένα κείμενο σε κάθετη φορά και να του προσδώσουμε ιδιότητες μάσκας. Ανάλυση των εργαλείων του Toolbox

Με το Pen tool, ζωγραφίζοντας κάποιες γραμμές δημιουργείται αυτόματα το γέμισμα της περιοχής την οποία σχηματίζουμε. Με το Freeform pen tool και τις λοιπές επιλογές μπορύμε να διαχειριστούμε τους κόμβους που δημιουργούνται. Με αυτά τα εργαλέια μπορούμε να δημιουργήσουμε τα βασικά σχήματα που φαίνονται στη λίστα Ανάλυση των εργαλείων του Toolbox

Με το eyedropper tool και το color sampler tool μπορούμε να επιλέξουμε ένα χρώμα απο την εικόνα μας. Με το Measure tool, μπορούμε να μετρήσουμε αποστάσεις στην εικόνα μας. Με το Hand tool, μπορούμε να περιηγηθούμε στην εικόνα που επεξεργαζόμαστε και με το Zoom tool Μπορούμε να κάνουμε zoom σε μια περιοχή Ανάλυση των εργαλείων του Toolbox

Όταν επιλέξετε κάποιο εργαλείο, ακριβώς κάτω απο το κεντρικό μενού θα εμφανιστούν οι ιδιότητες του συγκεκριμένου εργαλείου. Για παράδειγμα στην πιο κάτω εικόνα έχουμε επιλέξει το Brush Tool και στον κόκκινο κύκλο φαίνονται οι ιδιότητες του συγκεκριμένου εργαλείου όπως το είδος του πινέλου, το μέγεθος του πινέλου, η διαφάνεια κτλ. Ιδιότητες εργαλείου Επιλεχθέν εργαλείο Ανάλυση των εργαλείων του Toolbox

Floating Palettes, είναι κάποια πτυσσόμενα παράθυρα τα οποία μπορούμε να εμφανίσουμε ή να κρύψουμε ανάλογα με τις ανάγκες της εργασίας μας. Όταν δεν επιθυμούμε να φαίνεται κάποιο απο αυτά τα παράθυρα, απλώς το κλείνουμε πατώντας το button. Αν πάλι κλείσουμε κάποιο απο τα floating palettes κατά λάθος μπορούμε να το ανοίξουμε ξανά κάνοντας τα εξής βήματα: Πηγαίνουμε στο κύριο μενού και επιλέγουμε το Window. Από τη λίστα που προκύπτει επιλέγουμε όποιο από τα πτυσσόμενα παράθυρα επιθυμούμε να εμφανιστεί. Οι default παλέττες είναι οι εξής: navigator, info, histogram, color, swatches, styles, history, actions, layers, channels, και paths. Floating Palettes

Navigator Αυτή η παλέττα μας βοηθάει στο να πλοηγηθούμε μέσα στην εργασία μας και να κάνουμε zoom in περιοχές που απαιτείται λεπτομέρεια ή zoom out για να δούμε ολοκληρωμλενο το αποτέλεσμα. Info Στο tab info βλέπουμε πηροφορίες σχετικά με την εργασία μας που αφορούν στο χρώμα, στις συντεταγμένες του ποντικιού ανά πάσα στιγμή, στις διαστάσεις μιας περιοχής και στο μέγεθος του αρχείου. Histogram Στο tab Histogram μπορούμε να δούμε την κατανομή και την ισοροπία των pixels της εικόνας. Floating Palettes

Color Η παλέττα color μας δείχνει τις RGB τιμές του χρώματος το οποίο είναι επιλεγμένο τη συγκεκριμένη στιγμή. Στο διπλανο παράθυρο το χρωμα που έχει επιλεχθεί έχει τις εξής τιμές: Red= 0,Green =173, Blue=239 Swatches Εκτός απο τη βασική παλέττα του toolbox από οπου απο όπου μπορούμε να επιλέξουμε ένα χρώμα, υπάρχει και η παλέττα swatches.H παλέττα swatches αποτελείται απο μικρά τετράγωνα με χρώματα τα οποία ονομάζονται swatches. Τα swatches μας δίνουν τη δυνατότητα να επιλέγουμε κάποια βασικά χρώματα τα οποία μπορείτε να χρησιμοποιείτε χωρίς να ανυσηχείτε για τις ακριβείς τιμές. Η παλέττα styles σας δίνει τη δυνατότητα να xρησιμοποιείτε κάποια standar styles Floating Palettes

Για παράδειγμα στην παρακάτω φωτογραφί α άν επιλέξουμε το στυλ puzzle image προκύπτει μια νέα φωτογραφία με μορφή Puzzle Floating Palettes

Η παλέττα history μας δείχνει τις ενέργειες που έχουν γίνει έως τώρα, αν λοιπόν έχουμε κάνει κάποιο λάθος μπορούμε να ανατρέξουμε στην παλέττα History και να αναιρλεσουμε την συγκεκριμένη ενέργεια κάνοντας απλώς κλικ μια γραμμή πάνω απο αυτή που θέλουμε να αναιρέσουμε. Για παράδειγμα, αν δεν θελουμε να εφαρμοστεί το rasterize layer απλώς κάνουμε κλικ στην άμέσως προηγούμενη γραμμή δηλ, στο type tool και έστι βρσκόμαστε στο σημείο που΄είχαμε γράψει το κείμενο. Η παλέττα actions σας δίνει τη δυνατότητα να καταγράψετε μια σειρά απο κινήσεις ώστε αν χρειαστει να επαναλάβετε αυτή τη διαδικασία απλώς να πατήσετε play και η τα βήματα που ακολουθήσατε προηγυμένως για μια φωτογραφία θα εκτελεστούν αυτόματα.Για παράδειγμα, αν θέλετε να φτιάξετε ένα slideshow απο 100 φωτογραφίες για ένα site και οι φωτογράφίες που θα χρησιμοιηθούν να είνα του ίδου μεγέθους και της ίδιας ανάλυσης, μπορείτε να καταγράψετε όλα τα βήματα αυτής της διαδικασίας σε μία φωτογραφία και στη συνέχεια με το actions να επανάλάβετε την ίδια διαδικασία απλώς με το πάτημα του Play. Floating Palettes

Η παλέττα Layers είναι η βασικότερη παλέττα. Σς αυτήν την παλέττα απεικονίζονται τα Layers της εργασίας σας, δηλ τα «στρώματα» απο τα οποία αποτελείται η εργασία σας. Χρυσ‘ός κανόνας για όλους τους designers είναι ο εξής: «ότι καινούριο δημιουργούμε το τοποθετούμε σε δικό του Layer!». Αυτό γίνεται διότι μας δίνεται η δυνατότητα να διαχειριζόμαστε το κάθε αντικείμενο ξεχωριστά χωρίς να επηρεάζουμε τα άλλα αντικείμενα. Έτσι λοίπόν εάν θελήσετε να αλλάξετε το Opacity μιας απο τις φωτογραφίες της αφίσσας σας, επιλέγετε το συγκεκριμένο Layer και το εφαρμόζεται εκεί χωρίς να επηρεαστούν οι υπόλοιπες φωτογραφίες. Κάθε καινούριο Layer που δημιουργείτε τοποθετείται πάνω πάνω στη στοίβα με τα Layers και έτσι κρύβει ότι υπάρχει απο κάτω. Φανταστείτε τα layers σαν μία στοίβα απο διαφάνειεσ η μία τοποθετημένη πάνω στην αλλη. Άν λοιπόν έχω το φόντο στο 2 ο layer και τον τίτλο στο πρώτο θα μπορώ να βλέπω ότι δεν επικαύπτεται απο τα γράμματα του τίτλου, ενώ αν τα τοποθετήσω ανάποδα δεν θα μπορώ να δω τον τίτλο. Σε κάθε περίπτωση όμως μπορούμε να αλλάη=ξουμε την σειρά των Layers κάνοντας drag and drop στη θέση που επιθυμούμε. Floating Palettes

Tο εικονίδιο με το μάτι σας επιτρέπει να κρύψετε κάποιο απο τα Layers, χωρίς να διαγραφεί τίποτα, απλώς κάνοντας κλικ πάνω του. Διαφάνεια: πόσο τις 100 βλέπουμε την εικόνα Διαφάνεια: Η διαφορά στο Opacity και στ fill είναι οτι το opacity εξασθενεί και το Layer και το στυλ(αν έχουμε επιλέξει κάποιο). Ενώ το fill δεν εξασθενεί το στυλ που έχει εφαρμοστεί σε μια εικόνα Εδώ μπορείτε να «πετάξετε» όποιο Layer σας είναι άχρηστο με drag n drop. Ποτέ μην αφήνετε Layers τα οποία δεν χρειάζεστε ακόμη και αν δεν φαίνονται, αυξάνουν το μέγεθος του αρχείου Δημιουργία νέου layer Δημιουργία φακέλου στον οποίο αποθηκεύουμε Layers. Βοηθά στην οργάνωση των Layers. Στυλ Δημιουργεί νέο adjustment ή fill layer Δημιουργεί ένα layer μάσκας Συνδέει δυο Layers Δημιουργεί blending options layer Floating Palettes

Μάθημα 2 ο Retouch

1.Αρχικά ανοίγουμε το before.jpg 2. Kάνουμε duplicate το layer. Layer - Duplicate Layer 3. Με το Healing Brush Tool καθαρίζουμε το πρόσωπο. Κρατώντας πατημένο το alt παίρνουμε δείγμα μιας καθαρής περιοχής του προσώπου και την εφαρμόζουμε στην προβληματική περιοχή. 4. Για να τροποποιησουμε μια περιοχή (δλδ, για να κάνουμε Lifting) με το Rectangular Marquee Tool επιλέγουμε την περιοχή που θέλουμε να διαμορφώσουμε και στη συνέχεια επιλέγουμε Εdit-Τransform-Distort και διαμορφώνουμε την περιοχή όπως επιθυμούμε. 5. Για να μετασχηματίσουμε οποιοδήποτε μέρος του προσώπου χρησιμοποιούμε το Filter – Liquify - Forward Warp Tool. Σε περίπτωση λάθους διορθώνουμε την περιοχή με το Reconstruct tool. 6. Στη συνέχεια εφαρμόζουμε το εξής φίλτρο Filter -> Noise -> Add noise επιλέγουμε τιμή γύρω στο 1,5. Retouch Lab

7. Κάνουμε duplicate layer και το ονομάζουμε Median Layer. 8.Εφαρμόζουμε το φίλτρο Filter-Noise-Median (γύρω στην τιμή 12) και επιλέγουμε blend mode overlay. Έτσι η εικόνα μας φαίνεται πιο ζεστή και φυσική. 9. Λόγω το ότι τα μάτια, τα χείλια και το αυτί δεν φαίνονται πλέον τόσο φυσικά, χρησιμοποιούμε το Eraser Tool (Γόμα) σε χαμηλό opacity (10) και καθαρίζουμε το layer από αυτές τις περιοχές 10. Για να βάψουμε τα χείλη, δημιουργούμε ένα καινούριο layer και το ονομάζουμε lips. Χρησιμοποιούμε το brush tool και ζωγραφίζουμε προσεχτικά την περιοχή των χειλιών. Επιλέγουμε blend mode : Color Burn 11. Για να δώσουμε λάμψη σε διάφορα σημεία του προσώπου χρησιμοποιούμε το Εργαλείο Dodge Tool με Range: Highlights. Επίσης, μπορούμε να χρησιμοποιήσουμε φωτισμό ώστε να τονίζουμε τα σημεία που επιθυμούμε επιλέγοντας: Filter – Render –Lighting Effects.

Before…

After..

After With Lighting Effects…

Μάθημα 3 ο

Η διαδικασία του σχεδιασμού ιστοσελίδων έχει ως εξής: Συνέντευξη ενδιαφερομένου. Μπορείτε να κατασκευάσετε ένα ερωτηματολόγιο το οποίο θα συμπληρώνει ο ενδιαφερόμενος και στη συνέχεια να κάνετε επιπλέον ερωτήσεις όπου κριθούν απαραίτητες. Πιθανές ερωτήσεις που θα μπορούσαν να υπάρχουν στο ερωτηματολόγιο είναι οι εξής: Σε ποιον απευθύνεται, δηλαδή ποιο είναι το target group. Πχ αν η ιστοσελίδα πρόκειται να χρησιμοποιηθεί από απλούς χρήστες και όχι εξοικειωμένους με το Internet καλό είναι να ακολουθείτε μια οργανωμένη και σαφή δομή για την πλοήγηση.Δηλ, τα buttons να είναι σε εμφανείς τοποθεσίες χωρίς περίπλοκα σχέδια. Αν πρόκειται για μια ιστοσελίδα για video games μπορείτε να χρησιμοιείτε περίπλοκες δομές οι οποίες στη συνέχεια στο κομμάτι του development μπορούν να εκμεταλλευτούν ως αντικείμενα για animation. Αν πρόκειτε για μια εταιρία πληροφορικής μπορείτε να ακουθείτε μια πο minimal σχεδίαση κτλ. Web Layout Design

Τι χρώματα επιθυμούν ή δεν επιθυμούν να χρησιμοποιηθούν. Πχ εταιρίες όπως η Ολυμπιακή χρησιμοποιούν αυστηρά χρώματα όπως το navy blue που προσδίδει κύρος και σεβασμό.(Αν έχετε παρατηρήσει το navy blue είναι ένα χρώμα που χρησιμοποιείται σε στολές αστυνομικών ή άλλες υπηρεσίες παρόμοιου κύρους.Μπορείτε να φανταστείτε έναν αστυνομικό με ροζ στολή; Συνδυασμός χρωμάτων. Μπορείτε να έχετε μια παλεττα με web layouts οπου έχετε χρησιμοποιήσει συγκεκριμένους συνδυασμούς χρωμάτων ώστε να ο ενδιαφερόμενος να έχει μια εικόνα. Τι extra Logos επιθυμούν να χρησιμοποιηθούν. Αν επιθυμούν extra χώρο για διαφημισεις. Κτλ... Web Layout Design

Στη συνέχεια αφού έχουν συλλεγεί όλα τα απαραίτητα στοιχεία μπορεί να ξεκινήσει ο σχεδιασμός. Υπάρχουν δυο πρότυπα για την άσκηση, κάθε σπουδαστής διαθέτει 45 min για να δημιουργήσει όποιο από τα δύο επιθυμεί με τη βοήθεια του διδάσκοντα. Για την δεύτερη περίπτωση όπου απαιτείται να φαίνεται κάποιο κείμενο ώστε ο ενδιαφερόμενος να έχει μια άποψη για το πώς θα είναι το τελικό αντικείμενο μπορείτε να χρησιμοποιήσετε τυχαίο κείμενο από την ιστοσελίδα: Σε αυτή την ιστοσελίδα μπορείτε να παράγετε όσες παραγράφους επιθυμείτε, με dummy text. Web Layout Design

Web Layout 1 Υλικό:

Web Layout 1 - Αποτέλεσμα

Web Layout 2 Υλικό:

Web Layout 2 - Αποτέλεσμα

Μάθημα 4 ο Adobe Premiere

Adobe Premiere – Ψηφιακή Επεξεργασία Video Το Adobe Premiere είναι ένα πρόγραμμα ψηφιακής επεξεργασίας και montage video. Project Settings Το πρώτο παράθυρο που εμφανίζεται είναι αυτό των Project Settings. Εδώ γίνονται όλες οι ρυθμίσεις του video όπως η συχνότητα, το πρότυπο που θα χρησιμοποιηθεί κτλ. Το NTSC είναι το αμερικάνικο πρότυπο προβολής και το PAL είναι το ευρωπαικό πρότυπο προβολής. Το Real Time Preview που εμφανίζεται δίπλα από το πρότυπο προβολής καθορίζει το αν τα effects που πρόκειται να χρησιμοποιηθούν θα έχουμε τη δυνατότητα να τα βλέπουμε σε πραγματικό χρόνο, δηλαδή καθώς τα εφαρμόζουμε ή κάνοντας Preview.

Adobe Premiere – Ψηφιακή Επεξεργασία Video Αφού θεσουμε λοιπόν όλες τις απαραίτητες ρυθμίσεις πατάμε Ok.

Adobe Premiere – Ψηφιακή Επεξεργασία Video Workspace Αφού πατήσουμε λοιπόν Ok εμφανίζεται το παρακάτω παράθυρο που είναι το workspace του premiere. Εξ ορισμού, εμφανίζονται τα παρακάτω παράθυρα. 1. Project 2. Monitor 3. Effect Controls 4. Navigator – History – Commands 5. Transitions – Video – Audio 6. Timeline

Adobe Premiere – Workspace

Το Menu Bar Adobe Premiere – Menu Bar, File Απο το File μπορούμε να δημιουργήσουμε νέο project, να ανοίξουμε ένα ήδη υπάρχον αρχείο ή project, να κλείσουμε ένα project, να σώσουμε ένα project, να εισάγουμε ένα αρχείο, να κάνουμε export κτλ

Το παράθυρο project To παράθυρο Project χρησιμοποιείται ως βιβλιοθήκη όπου το Bin 1 είναι ένα συρτάρι όπου μπορούμε να εισάγουμε διάφορα αρχεία, έτσι ώστε να έχουμε οργανωμένα τα αρχεία που χρησιμοποιούμε. Το premiere υποστηρίζει αρχεία εικόνας, video και αρχεία ήχου. Μπορούμε να προσθέσουμε όσα bins επιθυμούμε κάνοντας κλικ στο φάκελο που υπάρχει στο κάτω μέρος του παράθυρου. Επισης, μπορούμε να μετονομάσουμε ένα bin. Έτσι θα μπορούσαμε να έχουμε ένα bin για τις φωτογραφίες, ένα για τα video και ένα για τα audio. Adobe Premiere – Project Window

Εισαγωγή Αρχείων Για να εισάγουμε ένα αρχείο, κάνουμε δεξί κλικ στο παράθυρο και επιλέγουμε Import. Στη συνέχεια, επιλέγουμε το αρχείο που θέλουμε να εισάγουμε και πατάμε Ok. Στο παρακάτω παράδειγμα έχουμε εισάγει ένα αρχείο ήχου, ένα αρχείο εικόνας και ένα αρχείο video. Τα αρχεία ήχου εμφανίζονται με ένα εικονίδιο όπου απεικονίζεται μια μπλέ κυματομορφή. Τα αρχεία εικόνας εμφανίζονται με ένα εικονίδιο όπου απεικονίζεται η ίδια η φωτογραφία. Τα αρχεία video εμφανίζονται με ένα εικονίδιο όπου απεικονίζεται το πρώτο frame του video. Adobe Premiere – Εισαγωγή Αρχείων

Όταν κάνουμε κλικ πάνω σε κάποιο από τα αρχεία στο επάνω μέρος εμφανίζονται λεπτομέρειες σχετικά με τις ιδιότητες του αρχείου. Μας δίνεται επίσης και η δυνατότητα να έχουμε ενα preview του αρχείου είτε πατώντας το Play ή κάνοντας διπλό κλικ πάνω στο αρχείο το οποίο θα ανοίξει σε δικό του παράθυρο. Adobe Premiere – Εισαγωγή Αρχείων

Το Monitor Στο monitor βλέπουμε τα αρχεία τα οποία έχουμε εισάγει στο timeline και μπορούμε να κάνουμε αναπαραγωγή του video, να το σταματήσουμε, να κάνουμε Loop κτλ. Επίσης, στο Monitor στα αριστερά φαίνεται ο συνολικός χρόνος του video και στα δεξιά η χρονική στιγμή την οποία παρακολουθούμε αυτή τη στιγμή. Adobe Premiere – Monitor

Adobe Premiere – Timeline Το Timeline To timeline ειναι το σημαντικότερο παράθυρο του premiere διότι εκεί πραγματοποιείται όλη η επεξεργασία. Για να εισάγουμε αρχεία στο timeline, αρκεί να πάμε στο παράθυρο project και να επιλέξουμε ένα από τα αρχεία και σέρνοντάς το μέσα στο timeline. Επάνω αριστερά υπάρχει το toolbar, όπου μπορούμε να επιλέξουμε κάποιο από τα εργαλέια ωστε να επεξεργαστούμε τα αρχεία. Ακριβώς κάτω από το toolbar υπάρχουν τα κανάλια στα οποία μπορούμε να εισάγουμε τα αρχεία. Αν θέλουμε να χρησιμοποιήσουμε transition effects θα πρέπει να τοποθετήσουμε τα αρχεία στα κανάλια Video 1A και Video 1B, ώστε ενδιάμεσα να τοποθετηθεί το transition effect.Κάτω από τα κανάλια που δέχονται video, υπάρχουν τα κανάλια που δέχονται ήχο. Αν τα κανάλια τα οποία υπάρχουν δεν είναι αρκετά μπορείτε να κάνετε δεξί κλικ πάνω σε οποιοδήποτε κανάλι και να επιλέξετε add video track.

Τα videos εμφανίζονται με κιτρινο χρώμα, τα αρχεία εικόνας με ροζ και τα αρχεία ήχου με τιρκουάζ όπως φαίνεται παρακάτω. Adobe Premiere – Timeline

Adobe Premiere – Effects Η παλέττα των effects Στην παλέττα των effects υπάρχουν 3 Tabs: Transition, Video, Audio Τα transition effects ειναι effects μετάβασης που χρησιμοποιούνται για την ομαλή μετάβαση από ένα video σε ένα άλλο. Όπως φαίνεται και στο διπλανό παράθυρο υπάρχει μια πληθώρα από φακέλους οι οποίοι έχουν μέσα διάφορα effects. Για να δούμε τα effects αρκεί να πατήσουμε πάνω στο βελάκι που υπάρχει δεξιά από τον κάθε φάκελο.

Adobe Premiere – Effects Για να δούμε ένα effect πριν το χρησιμοποιήσουμε, κάνουμε διπλό κλικ πάνω του και ανοίγει ένα παράθυρο όπου πραγματοποιείται αναπαράσταση του συγκεκριμένου effect οπώς φαίνεται παρακάτω. Ως Α θεωρείται το πρώτο video και ως Β το δεύτερο βίντεο. Ακριβώς από κάτω γίνεται η αναπαράσταση του συγκεκριμένου effect.

Αν μας αρέσει το συγκεκριμένο effect, πατάμε ok για να κλείσει το παράθυρο και το σέρνουμε στο κανάλι transition σε μια επικαλυπτόμενη περιοχή δυο video. Adobe Premiere – Effects

To tab video περιλαμβάνει effects τα οποία μπορούν να εφαροστούν πάνω σε video επιλέγοντάς τα και σέρνοντας τα επάνω στο video αυτή τη φορά. Το tab audio περιέχει effects τα οποία μπορούν να εφαρμοστούν επάνω σε audio με τον ίδιο τρόπο που εφαρμόζονται και τα video effects.

Adobe Premiere – Άσκηση Άσκηση: Δημιουργείστε ένα video compilation απο videos και φωτογραφίες, ένα ηχητικό background και transition effects όπου χρειάζεται. 1.Κάντε import τα αρχεία 2. Τα σέρνετε στα κατάλληλα κανάλια 3. Επιλέξτε transition effects και τοποθετήστε τα στα κατάλληλα σημεία 4. Κάντε export το αρχείο σε μορφή. avi. Για να κάνετε export επιλέγετe File – Export Timeline - Movie

Adobe Premiere – Άσκηση Η τελική σας σύνθεση θα πρέπει να έχει μια μορφή σαν την παρακάτω:

Μάθημα 5 ο Sony Sound Forge

Sound Forge Το Sony Sound Forge κοινώς γνωστό ως Sonic Foundry Sound Forge είνα ένα πρόγραμμα ψηφιακής επεξεργασίας ήχου που χρησιμοποιείται απο επαγγελματίες και μη.Sonic Foundry Workspace Όταν ανοίξετε το Soundforge θα εμφανιστεί το παρακάτω παράθυρο και το workspace σας θα είναι άδειο: Sound Forge

Sound Forge - Toolbar

Sound Forge – Δημιουργία Νέου Αρχείου Δημιουργία νέου αρχείου: Υπάρχουν 2 επιλογές στο file: -Δημιουργία νέου αρχείου -Άνοιγμα ενός ήδη υπάρχοντος αρχείου (clip, song κτλ) -Για να δημιουργήσετε ένα καινούριο αρχείο είτε πατάτε το κουμπί δημιουργίας νέου αρχείου ή επιλέγοντας File – New. -Για να ανοίξετε ένα ήδη υπάρχον αρχείο είτε πατήστε το κουμπί open από το toolbar ή επιλέξτε File – Open.

Για να σώσετε ένα αρχείο ακολουθείτε την εξής διαδικασία: 1.Επιλέγετε File – Save As 2. Επιλέξτε την περιοχή όπου θέλετε να σώσετε το αρχείο στο πεδίο Save In. 3. Στο πεδίο Save As Type: επιλέξτε.wav 4. Πατήστε Save Sound Forge – Αποθήκευση Αρχείου

Το παράθυρο δεδομένων Κάθε αρχείο ήχου εμφανίζεται στο δικό του παράθυρο. Στο κάτω μέρος του παραθύρου υπάρχουν κάποια κουμπιά πλοήγησης. Zoom in/out: ελέγχει την οριζόντια κλίμακα της κυματομορφής Level Zoom in/out: τροποποιεί την κάθετη κλίμακα της κυματομορφής Maximize Width: αλλάζει το view ώστε να μπορείτε να βλέπετε όση από την κυματομορφή είναι δυνατόν να φαίνεται. Playbar Buttons: σας δίνουν τη δυνατότητα να μεταπηδήσετε στην αρχή ή στο τέλος του κομματιού, να ακούσετε το κομμάτι, να σταματήσετε την αναπαραγωγή του κομματιού και να κάνετε loop στο κομμάτι εως ότου αποφασίσετε να πατήσετε stop. Sound Forge – Το Παράθυρο Δεδομένων

Αναπαραγωγή συγκεκριμένου μέρους του κομματιού Μπορείτε να ξεκινήσετε την αναπαραγωγή του κομματιού από όποιο σημείο επιθυμείτε κάνοντας κλικ σε αυτό το σημείο και πατώντας play. Για να ακούσετε συγκεκριμένο μέρος του κομματιού κάπου στη μέση, κάντε κλικ εκεί από όπου θέλετε να ξεκινήσει η αναπαραγωγή του κομματιού και σύρετε το ποντίκι μέχρι το σημείο που θέλετε να ακούσετε και πατήστε play. Έτσι θα αναπαράγεται μόνο η «μαρκαρισμένη» περιοχή. Sound Forge – Αναπαραγωγή

Sound Forge – Βασικές Ιδιότητες Επεξεργασίας Η επιλογές επεξεργασίας ήχου μπορούν να χρησιμοποιηθούν έτσι ώστε να : κόψετε ένα κομμάτι, να μειώσετε το μεγεθός του, να επιμηκύνετε ένα κομμάτι, να απομακρύνετε «θορύβους» κτλ. Για να επεξεργαστείτε οποιοδήποτε μέρος του κομματιού θα πρέπει πρώτα να «μαρκάρετε» αυτή την περιοχή. Αφου μαρκάρετε την περιοχή που θέλετε να επεξεργαστείτε μπορείτε να πραγματοποιήσετε οποιαδήποτε απο τις διατιθέμενες ενέργειες.

Ενδεικτικά: Cut: διαγράφει το επιλεχθέν μέρος του κομματιού Copy: αντιγράφει το επιλεχθέν μέρος του κομματιού Paste: Πραγματοποιεί επικόλληση Paste Special: Mix: «μιξάρει» κάποια δεδομένα που επιθυμείτε με το επιλεχθέν μέρος του κομματιού Crossfade: «μιξάρει» τις επικαλυπτόμενες περιοχές Trim/Crop: διαγράφει όλα τα δεδομένα εκτός της «μαρκαρισμένης» περιοχής Clear/Delete: Διαγράφει την επιλεχθέν μέρος του κομματιού Undo: Αναιρεί τις προηγούμενες ενέργειες Sound Forge – Βασικές Ιδιότητες Επεξεργασίας

Για να εξασκηθείτε στα παραπάνω κάντε τα εξής: 1. Ανοίξτε το κομμάτι Chicago.mp3 2. Ακούστε το μουσικό κομμάτι 3. Διαγράψτε την εισαγωγή του κομματιού μιά φορά με το delete και μία με το trim/crop. Για να είστε ακριβείς κάντε zoom στην περιοχή που σας ενδιαφέρει. Sound Forge – Εξάσκηση Βασικής Επεξεργασίας

Effects Υπάρχει η δυνατότητα να χρησιμοποιήσετε διάφορα effects. To effects menu έχει μια λίστα με τα διαθέσιμα effects. Chorus: μιμείται την παρουσία πολλών πηγών ήχου για τον ίδιο ήχο Delay/Echo: δημιουργεί αντίγραφα του αρχείου ήχου τα οποία μιξάρονται ώστε να δημιουργείται η αίσθηση της ηχούς. Distortion: παραμορφώνει τον ήχο Dynamics: εναλλάσσει την ένταση του ήχου Sound Forge – Effects

Συνέχεια... Flange: δημιουργεί ένα wish –washy effect Noise Gate: μειώνει τους extra θορύβους μεταξύ των ήχων του αρχείου Pitch Bend: εναλλάσσει τον τόνο του κομματιού Reverb: εξομοιώνει την ακουστική διαφόρων χώρων όπως εκκλησίαστικός χώρος, το μπάνιο κτλ Sound Forge – Effects

Εφαρμογή των Effects Μπορείτε να εφαρμόσετε ένα effect είτε σε μέρος του κομματιού ή σε ολόκληρο το κομμάτι. 1.«Μαρκάρετε» μέρος του κομματιού ή ολόκληρο το κομμάτι 2. Επιλέξτε ένα από τα effects από το menu bar 3. Αλλάξτε τις ρυθμίσεις στο παράθυρο που εμφανίζετε ώστε να τις προσαρμόσετε στης αρεσκείας σας και πατήστε ok 4.Ακούστε το κομμάτι Εξάσκηση στα effects Για να καταλάβετε τι αποτέλεσμα δίνουν τα effects ανοίξτε το κομμάτι Chicago.mp3 και εφαρμόστε το πρώτο effect. Στη συνέχεια πατήστε undo και δοκιμάστε και τα υπόλοιπα effects. Sound Forge – Εφαρμογή των Effects

Το Process menu σας δίνει περισσότερες δυνατότητες επεξεργασίας ενός μουσικού κομματιού. Ενδεικτικά κάποιες από τις επιλογές του Process: Fade: ελέγχει την ένταση του ήχου Graphic: δίνει τη δυνατότητα για προσθήκη πολλαπλών fades κατά μήκος του κομματιού In: αλλάζει την ένταση του ήχου(fade) από 0% έως 100%. Συνήθως χρησιμοποιείται για την εισαγωγή των κομματιών. Out: αλλάζει την ένταση του ήχου(fade) από 100% έως 0%. Συνήθως χρησιμοποιείται στο τέλος των κομματιών ή στην εναλλαγή από ένα μουσικό κομμάτι σε ένα άλλο. Sound Forge – Process Menu

Συνέχεια... Graphic EQ: δίνει τη δυνατότητα για αύξηση ή μείωση της συχνότητας Insert Silence: κάνει το συγκεκριμένο μέρος mute( βουβό) Reverse: αντιστρέφει τον ήχο Time Compress/Expand: επιτρέπει να αυξήσουμε/μειώσουμε την ταχύτητα αναπαραγωγής του κομματιού κάνοντας το μήκος του κομματιού μικρότερο ή μεγαλύτερο Volume: ελέγχει τη συνολική ένταση του κομματιού Sound Forge – Process Menu

Εφαρμογή Process Μπορείτε να εφαρμόσετε Processes σε μέρος του κομματιού ή σε ολόκληρο το κομμάτι. 1.«Μαρκάρετε» μέρος του κομματιού ή ολόκληρο το κομμάτι 2. Επιλέξτε μία Process από το Menu Bar 3. Αν εμφανισεί κάποιο παράθυρο προσδώστε τις επιθυμητές ρυθμίσεις και πατήστε Ok 4. Ακούστε το κομμάτι Εξάσκηση με τα Processes Ανοίξτε το chicago.mp3 και εφαρμόστε το πρώτο process. Στη συνέχεια επιλέξτε undo και δοκιμάστε τα επόμενα. Sound Forge – Εφαρμογή των Επιλογών του Process Menu

Μάθημα 6 ο Εισαγωγή στην Macromedia Flash - Animation

Κύριοι Τύποι αρχείων στη flash:.fla.swf είναι το αρχείο που πρόκειται να δημοσιεύσετε.html.flv video βίντεο που μπορεί να δημιουργηθεί στη Flash Εισαγωγή στην Macromedia Flash

H flash δημιουργεί αρχεία ταινιών Flash τα οποία ορισμένες φορές ονομάζονται αρχεία shockwave flash. Τα αρχεία ταινιών flash περιέχουν τις οδηγίες οι οποίες λένε στον flash player -ένα αυτοδύναμο προ/μα, το οποίο ίσως ο δέκτης να μην έχει εγκατεστημένο, οπότε καλό είναι να έχουμε ένα σχετικό link,έτσι κ΄ αλλιώς είναι free- πώς να αναπαράγει τις εικόνες, τα εφε, τα animation κτλ, τα οποία συγκροτούν τις flash ταινίες σας.

Bitmap- βαρύ, αποθήκευση πληροφορίας για κάθε Pixel, παραμόρφωση κατά zoom in. Vector- αποθήκευση μαθηματικών οδηγιών που είναι απαραίτητες για τη δημιουργία μιας εικόνας Bitmap VS Vector

Επιλογή ακροατών – Group Target – Κύριες κατηγορίες Ευρύ κοινό: απλή τοποθεσία γιατί αυτό το είδος επισκεπτών έχει πάρα πολλές επιλογές και δεν πρόκειται να περιμένει Πελάτες που παίζουν παιχνίδια: ελκυστική τοποθεσία γιατί έχουν συνήθως μια σύνδεση ευρείας ζώνης Εταιρικό ιντρανετ: οι χρήστες είναι συνδεδεμένοι μέσω LAN(άρα κανένα πρόβλημα σύνδεσης) οπότε πρέπει να δώσετε την δέουσα εικόνα για την εταιρία σας

Παράθυρα της Flash Tools Timeline Layers Stage Tabs-διαφορετικά ανάλογα με τις ανάγκες του project(ανοιχτό κάθε φορά ότι χρειαζόμαστε-αν κάτι δεν υπάρχει window κ επιλογή του)‏

Παράθυρα της Flash - Tools Tools: ότι χρειάζεστε για να σχεδιάσετε αντικείμενα. Αποτελείται από 4 περιοχές Τμήμα tools- εργαλεία σχεδίασης Τμήμα View- εργαλεία για αλλαγή ορατής περιοχής Τμήμα colours- επιλογή χρωμάτων για περίγραμμα (μολύβι) και γέμισμα (κουβάς)‏ Τμήμα options- παρέχει πρόσβαση στα properties του επιλεχθέντος εργαλείου

Παράθυρα της Flash - Timeline

Παράθυρα της Flash - Stage Η περιοχή στην οποία δημιουργείτε την ταινία. Οτιδήποτε εκτός της σκηνής(λευκή περιοχή) δεν πρόκειται να εμφανιστεί.

Παράθυρα της Flash – Keyframes Τα keyframes χρησιμοποιούνται για να «κλειδώσουμε μια κατάσταση». Στην ουσία δίνουμε την εντολή ότι τη συγκεκριμένη χρονική στιγμή θέλουμε να εκτελεστούν όσα έχουν αποθηκευτεί στο συγκεκριμένο Keyframe. Δημιουργία frame – f5 Δημιουργία keyframe – f6 Διαγραφή Frames- shift f5 Διαγραφή Keyframes- shift f6 ή από το μενού insert - timeline – επιλογή ενεργειας

Έναρξη της Flash Όταν ανοίγουμε τη Flash εμφανίζεται το παρακάτω παράθυρο στο οποίο καλούμαστε να επιλέξουμε εάν θέλουμε να ανοίξουμε μια παλαιότερη εργασία μας, κάποιο έτοιμο template ή αν επιθυμούμε να δημιουργήσουμε μια νέα εργασία. Για την δημιουργία νέας εργασίας επιλέγουμε Create New – Flash Document.

Properties Αφού επιλέξουμε δημιουργία νέας εργασίας, μπορούμε μέσω του tab properties να αλλάξουμε τις παραμέτρους του αρχείου( διαστάσεις, frame rate, μονάδα μέτρησης κτλ)

Κατηγορίες Animation Οι βασικές κατηγορίες animation είναι οι εξής: 1.Frame by Frame: με αυτή τη μέθοδο, για τη δημιουργία animation χρησιμοποιούμε διαδοχικά keyframes τα οποία έχουν τη χρήση που είχαν παλιά τα slides για τους «καρτουνίστες», όπου κάθε νέο slide περιήχε το σχέδιο κατά μια επόμενη χρονική στιγμή. 2. Tweens: Στα tweens, σε αντίθεση με το frame by frame animation, το μόνο που έχουμε να κάνουμε είναι να θέσουμε δύο keyframes: το σχέδιο στην αρχική του μορφή και το σχέδιο στην τελική μορφή. H Flash απο εκεί και πέρα αναλαμβάνει να δημιουργήσει όλα τα ενδιάμεσα αυτόματα. a)Shape: Δημιουργία ενδιάμεσων frame αλλάζοντας χαρακτηριστικά που αφορούν στην εμφάνιση του σχεδίου. b)Motion: Δημιουργία ενδιάμεσων frame αλλάζοντας χαρακτηριστικά που αφορούν στην κίνηση του σχεδίου. 3. Motion Guides: Με αυτή τη μέθοδο, δημιουργούμε μια διαδρομή και στη συνέχεια συνδέουμε το αντικείμενο με τη διαδρομή ώστε να την ακολουθήσει.

Κατηγορίες Animation – Εργασία 1 η – Frame by Frame Animation Σκοπός της άσκησης είναι να δημιουργήσουμε μια σπείρα που θα αυτοδημιουργείται. Επιλέξτε τα 5 πρώτα frames και κάντε δεξί κλικ - Convert to Blank keyframes

Κατηγορίες Animation – Εργασία 1 η – Frame by Frame Animation Προσπαθήστε να φτιάξετε μια σπείρα σταδιακά. Δηλ., στο 1ο Frame κάντε μια μικρή γραμμή. Στο 2ο ξανακάντε αυτή τη γραμμή και συνεχίστε λίγο ακόμη το σχηματισμό της σπείρας, κοκ. Το πρόβλημα είναι ότι δεν μπορείτε να δείτε τι είχατε φτιάξει πριν ώστε να συνεχίζετε τη σχεδίαση χωρίς να ξεφεύγετε από το σχήμα. Για να μπορείτε να δείτε τι έχετε σχεδιάσει στα προηγούμενα frame επιλέξτε το Button Onion skinning. Αφού σχεδιάσετε τη σπείρα, πατήστε Ctrl + Enter για να δείτε το αποτέλεσμα.

Κατηγορίες Animation – Εργασία 2 η – Tween Animation - Shape Σκοπός της άσκησης είναι να δημιουργήσουμε ένα γαλάζιο κύκλο ο οποίος στο τέλος να μετασχηματιστεί σε 5 κόκκινα τετράγωνα. 1.Eισάγετε ένα keyframe στο πρώτο frame και σχεδιάστε ένα γαλάζιο κύκλο στο stage. 2.Εισάγετε ένα κενό Keyframe (blank keyframe) στο 20 ο frame και ζωγραφίστε 5 κόκκινα τετράγωνα. 3.Πατήστε Ctrl + Enter για να δείτε το αποτέλεσμα. Μέχρι στιγμής λοιπόν, εμφανίζεται απλά πρώτα ο γαλάζιος κύκλος και αμέσως μετά τα 5 κόκκινα τετράγωνα.

Κατηγορίες Animation – Εργασία 2 η – Tween Animation - Shape 4. Για να πραγματοποιηθεί το tween animation επιλέξτε κάποιο από τα frames και στα properties στο tween επιλέξτε shape. Στο timeline στα frames θα εμφανιστεί ένα βέλος με πράσινο background που σημαίνει ότι έχει εφαρμοστεί shape tweening. H flash δημιουργεί όλα τα ενδιάμεσα καρέ από εκεί που αρχίζει το βελάκι μέχρι εκεί που τελειώνει. Μπορείτε να αλλάξετε τη διάρκεια του animation επιλέγοντας το τελευταίο frame και σέρνοντας το στο frame που θέλετε. 5. Πατήστε Ctrl + Enter για να δείτε το αποτέλεσμα.

Κατηγορίες Animation – Εργασία 3 η – Tween Animation - Motion Σκόπός της άσκησης είναι να δώσουμε ομαλή κίνηση σε ε΄να κύκλο από τα αριστερά του Stage προς τα δεξιά. 1.Στο πρώτο frame εισάγετε ένα keyframe και σχεδιάστε ένα κύκλο επάνω αριστερά. Επιλέξτε τον και κάντε τον symbol(f8). Στη συνέχεια επιλέξτε το 20 ο frame και εισάγετε ένα keyframe και βρισκόμενοι στο 20 ο keyframe μετακινείστε τον κύκλο κάτω δεξιά στο Stage. Πατήστε Ctrl + Enter για να δείτε το αποτέλεσμα. Σαν αποτέλεσμα λοιπόν ο κύκλος απλά εμφανίζεται στην αρχή επάνω δεξιά και μετά κάτω αριστερά, χωρίς να κάνει αυτή την κίνηση. 2. Τώρα επιλέξτε κάποιο από τα frames και στα properties στο tween επιλέξτε Motion. 3. Πατήστε Ctrl + Enter για να δείτε το αποτέλεσμα.

Κατηγορίες Animation – Εργασία 3 η – Tween Animation - Motion Εκτός από κίνηση και αλλαγή στο σχήμα των αντικειμένων, μέσω του Tween animation μπορείτε να τους προσδώσετε και συγκεκριμένες ιδιότητες, όπως για παράδειγμα στην αρχή το αντικείμενό σας να φαίνεται πλήρως και σταδιακά να κάνει fade out. 1. Πηγαίνετε στο πρώτο frame και επιλέξτε το αντικείμενο σας. 2. Eπιλέξτε το transform tool και μεγαλώστε τον κύκλο. 3. Στο Properties στο Colour επιλέξτε Alpha και κάντε το από 100%, μηδέν. 4. Πατήστε Ctrl + Enter για να δείτε το αποτέλεσμα.

Κατηγορίες Animation – Εργασία 4 η – Motion Guides Σκοπός της άσκησης είναι να φτιάξουμε μια τροχιά – διαδρομή και να συνδέσουμε σε αυτή έναν κύκλο ο οποίος στη συνέχεια να ακολουθεί την τροχιά της διαδρομής. 1.Στο πρώτο frame φτιαξτε ένα κύκλο. 2. Επιλέξτε τον κύκλο και πατήστε F8 για να γίνει σύμβολο. Επιλέξτε graphic και μετακινείστε τον αριστερά στη σκηνή σας. 3. Εισάγετε ένα keyframe στο 20 frame και βρισκούμενοι σε αυτό το Keyframe μετακινείστε τον κύκλο στη δεξιά πλευρά. 4. Επιλέξτε το πρώτο Keyframe και στο tweens επιλέξτε motion. Πατήστε Ctrl + Enter για να δείτε τι συμβαίνει μέχρι στιγμής.Mέχρι τώρα το αντικείμενο μας πήγαινε δεξιά αριστερά μόνο. Αν θέλω το αντικείμενο να ακολουθεί μια πορεία και όχι να πηγαίνει απλά(γραμμικά) αριστερά – δεξιά, θα πρέπει είτε να εισάγετε πολλά Keyframes και να αλλάζετε κάθε φορά τη θέση του αντικειμένου, κάτι που θα προκαλέσει κίνηση σε ευθείες πορείεςή να δημιουργήσετε μια τροχιά την οποία θα ακολουθεί.

Κατηγορίες Animation – Εργασία 4 η – Motion Guides 5. Για να δημιουργήσουμε μια τροχιά λοιπόν θα χρησιμοποιήσουμε την τεχνική Motion guides. Φτιαξτε ένα νέο layer. 6. Κλειδώστε το πρώτο Layer (Layer1) πατώντας την τελεία κάτω από την κλειδαριά‏ 7.Επιλέξτε το νέο Layer. 8. Επιλέξτε το μολύβι στα Tools και στα Options επιλέξτε το Smooth. Σημείωση: Το διπλανό του εργαλείο(object drawing) να μην είναι ενεργοποιημένο

Κατηγορίες Animation – Εργασία 4 η – Motion Guides 9. Ζωγραφίστε στη σκηνή την τροχιά που θέλετε να ακολουθεί το αντικείμενο σας. 10. Με το selection tool κάντε διπλό κλικ πάνω στην τροχιά. Στο options εμφανίζεται το εργαλείο smooth. Πατήστε το όσες φορές χρειαστεί ώστε να φέρετε την τροχιά στην επιθυμητή μορφή. 11. Μετονομάστε το Layer της τροχιάς σε ball path και το άλλο ball. 12. Ξεκλειδώστε το Ball και κλειδώστε το ball path και πηγαίνετε στον playhead στο 1ο Frame. 13. Πρέπει να πούμε στη Flash ότι είναι guide layer οπότε πάμε στο εικονίδιο δίπλα από το όνομα του Layer ball path, κάνουμε διπλό κλικ και εμφανίζεται το παρακάτω παράθυρο.

Κατηγορίες Animation – Εργασία 4 η – Motion Guides 14. Επιλέξτε guide και ok

Κατηγορίες Animation – Εργασία 4 η – Motion Guides 15. Πρέπει να πούμε στη μπάλα να ακολουθήσει αυτό που έχει καθοριστεί στο Guide οπότε κάνουμε Drag το layer ball στο ball path. προσοχή! Όταν κάνετε Drag η υπογράμμιση να είναι κάτω από τη λέξη Ball και όχι κάτω από το εικονίδιο.

Κατηγορίες Animation – Εργασία 4 η – Motion Guides Πρέπει να δείτε αυτό:

Κατηγορίες Animation – Εργασία 4 η – Motion Guides 16. Επιλέξτε το αντικείμενο από την κουκίδα που έχει στη μέση και σύρετε το στην αρχή της τροχιάς σας. (ο Playhead να είναι στο frame 1)‏ Μετακινείστε το playhead στο τελευταίο Frame και μετακινείστε το αντικείμενο εκεί που τελειώνει η τροχιά σας. Ctrl+enter. BUGS!! Iσως η Flash να μην καταλάβει τη διαδρομή σας οπότε πρέπει να τη ζωγραφίσετε λίγο καλύτερα (κλειδώστε το ball ξεκλειδώστε το Ball path, επιλέξτε την τροχιά, σβήστε την και φτιάξτε μια καινούρια. αν και πάλι δε δουλεύει κλειδώστε το ball path, ξεκλειδώστε το ball επιλέξτε το αντικείμενο, σύρτε το κάπου αλλού και ξανατοποθετηστε το στην αρχή της τροχιάς και σιγουρευτείτε ότι έχει «αγκιστρωθεί (σαν να μαγνητίζεται)» πάνω στην τροχιά, κάντε το ίδιο και στο τέλος.

Κατηγορίες Animation – Εργασία 5 η – Text Animation 1.Επιλέξτε το text tool 2. Στα Properties το text type να είναι static. Κάντε όποιες αλλαγές θέλετε στη γραμματοσειρά, το font size κτλ. 3. Κάντε κλικ στο stage και γράψτε flash Πατήστε esc για να βγείτε από το typing mode. 5. Πηγαίνετε modify και επιλέξτε break apart. Οπότε κάθε γράμμα έχει το δικό του Text block, δηλ αν κάνετε κλικ κάπου αλλού και πάτε να επιλέξετε το F θα επιλεχθεί μόνο του.

Κατηγορίες Animation – Εργασία 5 η – Text Animation 6. Επειδή θέλουμε να κάνουμε animation σε κάθε ένα από τα γράμματα, πρέπει να φτιάξουμε ένα ξεχωριστό Layer για κάθε γράμμα. Επιλέξτε όλα τα γράμματα.

Κατηγορίες Animation – Εργασία 5 η – Text Animation 7. Επιλέξτε modify-timeline-distribute to layers. Οπότε βλέπετε ότι έχει δημιουργηθεί ένα Layer για κάθε γράμμα και έχει ονομαστεί καταλλήλως. Παρατηρήστε ότι το Layer 1 είναι πλέον άδειο(blanc keyframe)και αυτό γιατί έχει κατανείμει όλα τα γράμματα στα υπόλοιπα layers. Oπότε διαγράψτε το. 8. Πηγαίνετε στο 1ο Layer κάντε κλικ πάνω του και πατήστε f8 για να γίνει σύμβολο. Κάντε το ίδιο και στα υπόλοιπα. Μετατρέποντας τα γράμματα σε σύμβολα έχετε την ευχέρεια αργότερα αν θέλετε να αλλάξετε κάτι να κάνετε την αλλαγή μια φορά και να ισχύει παντού, ενώ αν δημιουργούσατε το animation με Keyframes σε κάθε αλλαγή τότε αν αποφάσιζα να κάνω το F για παράδειγμα R, τότε θα έπρεπε να πάτε ξεχωριστά σε κάθε ένα και να κάνετε την αλλαγή. 9. Κάντε αλλαγές στα γράμματα σε κάθε layer αλλάζοντας το μέγεθος, τη γραμματοσειρά, το σχήμα κτλ 10. Πατήστε Ctrl + Enter για να δείτε το αποτέλεσμα

Project - Animation Δημιουργήστε το δικό σας animation φτιάχνοντας μια ιστορία comic, διαφήμιση ή κάτι άλλο τοποθετώντας τους χαρακτήρες σας και το κατάλληλο συννεφάκι με τους τίτλους ή τα απαραίτητα κείμενα.

Μάθημα 7 ο Buttons

Βuttons 1.Standard: Είναι το βασικό κουμπί που σαν ιδιότητα έχει όταν περνά από πάνω του το ποντίκι να εμφανίζεται το χεράκι που σημαίνει οτι είναι button και όχι ένα απλό image. 2. Invisible: Είναι το «αόρατο» κουμπί το οποίο συνήθως χρησιμοποιείται πάνω από Images ή για τη δημιουργία text – button. 3. Rollover: Είναι το κουμπί που όταν περάσει από πάνω του το χεράκι αλλάζει κατάσταση, είτε αυτό σημαίνει αλλαγή χρώματος, ή προσθήκη κάποιου ήχου, η αλλαγή μεγέθους ή Image και κτλ. 4. Rollover w-down: Είναι το κουμπί που έχει τις ίδιες δυνατότητες με το rollover αλλά τη στιγμή που πατηθεί και όχι τη στιγμή που περάσει από πάνω του το ποντίκι. 5. Animated: Είναι το κουμπί που όταν περάσει από επάνω του το ποντίκι ή όταν πατηθεί κτλ, θα εκτελέσει κάποιο animation.

Standard Βutton 1.Επιλέξτε το rectangle tool και ζωγραφίστε ένα ορθογώνιο. 2. Επιλέξτε το ορθογώνιο σας με το selection tool( σέρνοντας το γύρω από το ορθογώνιο, όπως ακριβώς και όταν θέλετε να επιλέξετε δυο φακέλους) και πατήστε f8. 3. Στο type επιλέξτε Button και ονομάστε το. Βλέπετε ότι στο library έχει τοποθετηθεί το νέο σας σύμβολο, ενώ στη σκηνή υπάρχει ένα στιγμιότυπο του κουμπιού σας. 4. Τεστάρετε την εργασία σας κάνοντας Ctrl + Enter. Αν τεστάρετε την εργασία σας θα δείτε ότι όταν πηγαίνετε πάνω από το κουμπί εμφανίζεται ένα χεράκι, που σημαίνει ότι αν πατήσετε πάνω θα κάνει κάτι. Αυτό είναι το βασικό κουμπί.

Standard Βutton Αν κάνετε διπλό κλικ πάνω στο στιγμιότυπο ή στο σύμβολο στη βιβλιοθήκη, θα μπείτε στην «περιοχή επεξεργασίας» του κουμπιού. Παρατηρήστε ότι εκτός από το up, οι υπόλοιπες καταστάσεις δεν έχουν κάποια ενέργεια. Προσθέστε ένα keyframe στο hit έτσι ώστε να αλλάξετε την περιοχή διαδραστικότητας. Για να την μικρύνετε λιγάκι μπορείτε να χρησιμοποιήσετε το transform tool ή για μεγαλύτερη ακρίβεια μπορείτενα ανοίξετε το info από το μενού επιλέγοντας window-info. Οπότε αλλάζετε τις παραμέτρους.

Standard Βutton Το πρόβλημα είναι ότι δε βλέπετε την αρχική τοποθέτηση του αντικειμένου, οπότε επιλέξτε το Onion skin και μετακινείστε την περιοχή διαδραστικότητας εκεί που θέλετε. Διαφορετικά, πριν το resize μπορείτε να αλλάξετε το alignment πατώντας το κεντρικό τετραγωνάκι στο info, αλλιώς η Flash καθορίζει ως default περιοχή διαδραστικότητας ίση με το κουμπί που φτιάξατε.

Rollover button Για να δημιουργήσετε ένα rollover button δεν έχετε παρά να ενεργοποιήσετε το over τοποθετώντας ένα keyframe και ορίζοντας μια νέα κατάσταση (π.χ αλλαγή χρώματος στο properties, αλλαγή σχήματος κτλ). Με αυτό τον τρόπο όταν περάσει το χεράκι πάνω από το κουμπί, θα το κάνει να αλλάξει και να πάρει τη μορφή που του έχετε καθορίσει στην κατάσταση over.

Είναι το κουμπί που αλλάζει μορφή όταν κάνετε κλικ πάνω του. Αυτό γίνεται αν προσθέσετε ένα νέο keyframe στο down και κάνετε και εκεί τις αλλαγές που θέλετε να πραγματοποιηθούν όταν κάνετε κλικ στο κουμπί σας. Rollover button with down

Invisible button Είναι τα κουμπιά που χρησιμοποιούμε όταν θέλουμε να μετατρέψουμε ένα animation ή ένα κείμενο ή εικόνα σε κουμπί. Δηλ. όταν περάσουμε με το ποντίκι από πάνω του να εμφανιστεί το χεράκι που σημαίνει ότι υπάρχει κάποιο action. Το καλό είναι ότι μπορείτε να το χρησιμοποιείτε όσες φορές θέλετε χωρίς να αυξάνεται το μέγεθος του αρχείου σας. 1. Αρχικά ζωγραφίστε έναν κύκλο (δεν έχει σημασία το χρώμα αφού θα είναι αόρατο) 2. Επιλέξτε το και πατήστε f8 για να το μετατρέψετε σε σύμβολο. Επιλέξτε Button και ονομάστε το. 3. Πατήστε Ctrl +Enter για να τεστάρετε την εργασία σας. Θα δείτε ότι εξακολουθεί να φαίνεται.

Invisible button 4. Επιλέξτε το σχήμα σας κάνοντας διπλό κλικ πάνω του ώστε να μπείτε στην «περιοχή» του κουμπιου. 5. Για να γίνει αόρατο σημαίνει ότι το up, over, down δεν έχουν τίποτα, δηλ. υπάρχει μόνο η κατάσταση του hit. Οπότε κάνουμε κλικ πάνω στο πρώτο frame και σέρνουμε το Keyframe στο hit. Αν γυρίσετε στη σκηνή σας θα δείτε ότι το τετράγωνο έχει αλλάξει χρώμα και έχει γίνει ημιδιάφανο ώστε αν υπάρχει κάτι κάτω από αυτό να μπορείτε να το βλέπετε. 6. Τεστάρετε την εργασία σας πατώντας Ctrl + Enter. Θα δείτε ότι δεν υπάρχει τίποτα, αλλά αν μετακινήσετε το ποντίκι πάνω θα εμφανιστεί το χεράκι.

Invisible button – 2 ο Παράδειγμα 1. Δημιουργήστε ένα νέο Layer 2 και αλλάξτε του θέση με το Layer Γράψτε το όνομα σας στο Layer 2 κλειδώστε το ώστε να μην επηρεαστεί από τις αλλαγές που θα κάνουμε στο Layer1 3. Επιλέξτε το αόρατο κουμπί και μεταφερετέ το πάνω στο κείμενο σας και αλλάξτε το με το free transform tool ώστε να προσαρμοστεί στο σχήμα του κειμένου σας. 4. Τεστάρετε την εργασία σας πατώντας Ctrl + Enter

Προσθήκη ήχου στα buttons 1.Εισάγετε τους ήχους στην ταινία σας από το File - Import - To Stage 2. Κάντε διπλό κλικ στο κουμπί σας ώστε να μπείτε στην περιοχή επεξεργασίας του κουμπιού. 3. Προσθέστε ένα Layer στη χρονική γραμμή του κουμπιού για να τηρήσει τους ήχους 4. Εισάγετε ένα keyframe, στο frame που θέλετε να αναπαράγεται ο ήχος 5. Προσθέστε τον ήχο σέρνοντας το αρχείο ήχου από τη βιβλιοθήκη πάνω στο κουμπί σας στο stage. 6. Τεστάρετε την εργασία σας πατώντας Ctrl + Enter

Μάθημα 8 ο Action Script

Action script Υπάρχουν δύο είδη script στη flash: 1.User based action. Όταν ο χρήστης προκαλεί μια ενέργεια(π.χ με το πάτημα ενός κουμπιού)‏ 2. Time based action. Όταν η ενέργεια πραγματοποιείται βάσει του που είναι τοποθετημένη στο Timeline(π.χ στο 5ο Frame, οπότε όταν πάει ο playhead στο συγκεκριμένο σημείο θα πραγματοποιηθεί η ενέργεια που του έχουμε καθορίσει)‏

Actions Panel Actions Panel είναι το panel όπου μπορείτε να γράψετε τον κωδικά σας. Μπορείτε να εμφανίσετε το actions panel, κάνοντας κλικ πάνω στο Actions που βρίσκεται κάτω από το Stage.

Script Assist Script Assist είναι μια βοήθεια που παρέχεται από τη Flash για τους νέους προγραμματιστές που δεν είναι εξοικειωμένοι με το συντακτικό του action script της Flash. Ενεργοποιείται όταν πατήσετε το κουμπί που ονομάζεται Script Assist που βρίσκεται στο actions panel.

Script Assist – Οργάνωση Κώδικα Καλό είναι το action script να είναι σε δικό του Layer, οποτε πάντα να δημιουργείτε ένα και να χρησιμοποιείτε την ίδια ονομασία οπότε αν ανατρέξετε σε παλαιότερες εργασίες να μπορείτε να τις «διαβάζετε». Action μπορείτε να προσθέσετε σε keyframes και Buttons. Οπότε επιλέγετε το frame που θέλετε να έχει action προσθέτετε ένα keyframe και ανοίγετε το actions panel για να προσθέσετε τον κώδικα ή επιλέγετε το button και ανοίγετε επίσης το actions panel και γράφετε τον κώδικα.

URL είναι η διεύθυνση μιας ιστοσελίδας, όταν πραγματοποιήσετε αυτό το action θα φορτωθεί η σελίδα με τη συγκεκριμένη διεύθυνση. Action get-URL (user based action)‏

1.Χρειαζεστε ένα κουμπί για να τοποθετήσετε τον κώδικα. Για να μην το φτιάχνετε από την αρχή, θα χρησιμοποιήσετε ένα από τα έτοιμα της flash. 2. Επιλέξτε: Window - Common Libraries - Buttons και επιλέξτε ένα από αυτά και σύρτε το στη σκηνή. Θα παρατηρήσετε ότι έχει προστεθεί στο library όπως και τα προηγούμενα που έχετε φτιάξει.

Action get-URL (user based action)‏ 3. Ανοίξτε το actions και με επιλεγμένο το script assist προσθέστε τον αντίστοιχο κώδικα εκτελώντας τα παρακάτω βήματα.

Θα δείτε ότι σας εμφανίζει το παρακάτω: On release: το action θα πραγματοποιηθεί όταν απελευθερώσουμε το κουμπί. getURL: η διεύθυνση που θέλουμε να φορτώσει, π.χ Action get-URL (user based action)‏

Έχοντας επιλεγένο το Script Assist, αν επιλέξετε οποιαδήποτε γραμμή του κώδικα θα παρατηρήσετε ότι σας εμφανίζει properties για τη συγκεκριμένη γραμμή. Έτσι λοιπόν, αν πατήσετε πάνω στο Onrelease θα ανοίξει το παρακάτω μενού όπου μπορείτε να καθορίσετε το πότε θα πραγματοποιηθεί το action

Action get-URL (user based action)‏ 4. Κάντε κλικ πάνω στο getURL θα εμφανιστεί το παρακάτω παράθυρο. Συμπληρώνετε τα πεδία όπως φαίνεται και στην παρακάτω εικόνα. 5. Τεστάρετε την εργασία σας πατώντας Ctrl + Enter

Action get-URL (user based action)‏ Αν θέλετε να δείτε πως θα εμφανίζεται σε έναν πραγματικό web browser κάντε τις παρακάτω ενέργειες: 1. File - Publish Preview - Default(html) ή να πατήσουμε f12. Θα εμφανιστεί ένα παράθυρο στο οποίο επιλέγουμε Settings για να καθορίσουμε μια ασφαλή περιοχη στον υπολογιστή μας με την οποία θέλουμε να «μιλάει» ο web browser.

2. Στο παρακάτω παράθυρο επιλέξτε add location, στη συνέχεια browse for folder και καθορίστε μια ασφαλή περιοχή. Action get-URL (user based action)‏

3. Αφού κάνετε τα παραπάνω κλείστε τα παράθυρα του web browser. Αν ξαναπατήσετε f12 ίσως ξαναεμφανίσει το ίδιο παράθυρο και αυτό γιατί δεν έχετε σώσει την εργασία σας. Οπότε σώστε την εργασία σας στον ασφαλή σας φάκελο. Τώρα αν ξαναπατήσετε f12 και πατήσετε το κουμπί σας θα σας συνδέσει με τη σελίδα που έχετε καθορίσει.

Μα΄θημα 9 ο Action Script - Loop

Slide show Σκοπός της άσκησης είναι η δημιουργία ενός slideshow, δηλ. μιας εφαρμογής που με τη βοήθεια 2 Button θα μπορούμε να βλέπουμε την επόμενη(χρησιμοποιώντας το δεξί button) και την προηγούμενη(χρησιμοποιώντας το αριστερό button) εικόνα. Κάντε Import τις εικόνες 1.jpg, 2.jpg, 3.jpg, 4.jpg. 2. Bάλτε ένα keyframe για κάθε μια από τις φωτογραφίες όπως παρακάτω. 3. Προσθέστε δύο button για την πλοήγηση. Ένα, πατώντας το οποίο θα μας μεταφέρει στην επόμενη εικόνα και ένα το οποίο θα μας μεταφέρει στην προγούμενη εικόνα. 4. Τεστάρετε την εργασία σας πατώντας Ctrl + Enter

Slide show Θα παρατηρήσετε ότι οι εικόνες εναλλάσσονται συνεχώς σαν αυτόματο slideshow χωρίς να σταματάνε. Για να σταματήσει να παίζει στην πρώτη εικόνα και να περιμένει εντολή του χρήστη(δηλ. πάτημα του Button) για να πάει στην επόμενη εικόνα θα κάνετε τα εξής:

1. Δημιουργήστε ένα νέο Layer για να τοποθετήσετε τον κώδικα. 2. Έχοντας επιλεγμένο το πρώτο frame γράψτε stop() στο actions panel, όπως φαίνεται και παρακάτω. Slide show

3. Τεστάρετε την ταινία σας πατώντας Ctrl + Enter. Θα δείτε ότι εμφανίζει την πρώτη εικόνα και σταματά εκεί, γιατί, ο playhead «πηγαίνει» στο 1ο Frame βλέπει το stop και σταματά. 4. Για να σας μεταφέρει στην επόμενη εικόνα κλειδώστε τα Layers actions και slides ώστε να έχετε επεξεργάσιμα μόνο τα κουμπιά.

Slide show 5. Επιλέξτε το δεξί κουμπί και ανοιξτε το actions panels. Θέλουμε όταν πατήθεί αυτό το κουμπί ο playhead να πάει στο επόμενο Frame γιατί εκεί έχουμε τοποθετήσει την επόμενη εικόνα. Οπότε επιλέγετε Global Functions - Timeline Control - Go To. Εμεις θέλουμε όμως να παει στο επόμενο και να σταματήσει, οπότε επιλέγουμε Go - To and Stop

Slide show - Next 5. Αυτό όμως θα έπρεπε να το κάνετε για κάθε frame ξεχωριστά. Αντ΄ αυτού, στο type επιλέξτε Next Frame. Επομένως τώρα με το που θα απελευθερωθεί το button, θα μας μεταφέρει στο επόμενο frame όπου βρίσκεται και η επόμενη εικόνα.

Slide show - Back 6. Τώρα θέλουμε να κάνουμε το ίδιο και για το κουμπί που μας πηγαίνει στην προηγούμενη εικόνα. Επιλέξτε το αριστερό κουμπί (με ένα μόνο κλικ)και πηγαίντε πάλι στο actions panel. 7. Επιλέξτε, Global Functions - Timeline Control - Goto. Στο type επιλέξτε Previous frame και τσεκάρετε ώστε να έχετε κάνει τις ίδιες ενέργειες με το Next.

Slide show - Loop Όλα τα προηγούμενα κάνουν τον Playhead να κάνει όλη τη διαδρομή και να σταματά στην τελευταία εικόνα. Αν θέλουμε να κάνει loop και όταν φτάσουμε στην τελευταία εικόνα και ξαναπατήσουμε το δεξί κουμπί να πάει πάλι στην αρχή πρέπει να κάνουμε τα παρακάτω. 1.Επιλέξτε το δεξί κουμπί και ανοίξτε πάλι το action script. 2. Επιλέξτε τη γραμμή που λέει «on release» και επιλέξτε Statements - Conditions/loops-if.

3. Για να ελέγξουμε αν η φωτογραφία που βρισκόμαστε είναι η τελευταία κάνουμε τα εξής: Actionscript classes – Movie - Movie Clip – Properties - _Current Frame Slide show - Loop

4. Προσθέτουμε μπροστά από το current frame τη λέξη «this.». Μετά γράψτε == και επιλέξτε actionscript classes-movie-movie clip-properties-_total frames και προσθέστε μπροστά στο total frames το this, οπότε θα πρέπει να έχετε τον κώδικα που φαίνεται στην επόμενη σελίδα.

Οπότε θα πρέπει να έχουμε το παρακάτω. Slide show - Loop

Στη συνέχεια πρέπει να πούμε τι να πραγματοποιηθεί αν είναι αληθής η υπόθεση και τι αν δεν είναι αληθής. Οπότε γράφουμε τα παρακάτω μέσα στην if. Slide show - Loop

Τέλος πρέπει να κάνετε τα ίδια και για το αριστερό κουμπί. Αντι να τα κάνετε όμως μπορείτε να κάνετε απλά copy paste στο actions panel του δεξιού κουμπιού και να κάνετε τις παρακάτω αλλαγές: Στο type επιλέξτε expression και γράφουμε τα παρακάτω στο goto and stop καθώς επίσης αλλάζουμε και το next frame σε previous frame όπως φαίνεται στις δυο επόμενες διαφάνειες. Ή απλά απενεργοποιήστε το Script Assist και γράψτε τον κώδικα όπως φαίνεται στο 2 ο σχήμα.

Slide show - Loop

Scenes - Slide show Το ίδιο μπορείτε να κάνετε και με τις σκηνές. Για να επεξεργαστείτε και να μπορέσετε να προσθέσετε καινούριες σκηνές επιλέγετε Window - Other Panels – Scene, οπότε και ανοίγει ένα panel στο οποίο μπορείτε να οργανώσετε τις σκηνές σας και να προσθέσετε καινούριες πατώντας το +. Έτσι αν θελετε ένα κουμπί να σας πάει στην επόμενη σκηνή, αντί για frame χρησιμοποιείτε τη λέξη Scene. Πχ. αντί για Nextframe επιλέγετε nextscene.

Scenes - Slide show Επίσης, μπορείτε να καθορίσετε ακριβώς σε ποια σκηνή θέλετε να πάει με το πάτημα του κουμπιού και σε ποιο frame της συγκεκριμένης σκηνής, όπως φαίνεται παρακάτω:

Μάθημα 10 ο Εισαγωγή Video

1.Επιλέξτε File – Import – Import Video. 2. Στο παράθυρο που εμφανίζεται πρεπει να επιλέξετε εάν θέλετε να εισάγετε ένα video από τον υπολογιστή σας ή Video από web server. Επιλέξτε από τον υπολογιστή σας. 3. Επιλέξτε browse, βρείτε το Video που θέλετε να εισάγετε και επιλέξτε Open. Ετσι το Path θα εισαχθεί στο file path. Επιλέξτε next. 4. Στο επόμενο παράθυρο πρέπει να επιλέξετε το πώς θέλετε να εισάγετε το video. Επιλέξτε progressive download from a web server και πατήστε Next.

Εισαγωγή Video 5. Στη συνέχεια πρέπει να καθορίσετε το πώς θα κωδικοποιηθεί η πληροφορία. Αν πατήσετε το κουμπί show advanced settings θα δείτε ότι μπορείτε να ρυθμίσετε όλες τις λεπτομέρειες που αφορουν στην κωδικοποιηση σας. Μπορείτε να καθορίσετε το Frame rate, την ποιότητα στο quality, επίσης μπορείτε να αλλάξετε τις διαστάσεις του video από το resize video. Εάν το video σας εμπεριέχει και ηχο μπορείτε να επιλέξετε το checkbox encode audio. Τα 96kbps(stereo) δουλεύουν μια χαρά για τις περισσότερες εφαρμογές. 6. Στο tab crop and trim μπορείτε να «ψαλιδίσετε» το video από όποια πλευρά θέλετε (crop) καθώς επίσης να «ψαλιδίσετε» και τη διάρκεια του βίντεο και να καθορίσετε ποια περιοχή θέλετε να κωδικοποιηθεί, μετακινώντας τα βελάκια που βρίσκονται στο timeline κάτω από το video σας. Όταν έχετε θέσει όλες τις επιθυμητές παραμέτρους πατήστε Next.

Εισαγωγή Video 7. Το επόμενο παράθυρο έχει τίτλο skinning που σημαίνει ότι εδώ θα επιλέξουμε τον player του video, δηλ. τα κουμπιά που θέλουμε να εμφανιστούν (play, stop κτλ), καθώς επίσης τον τρόπο με τον οποίο θα εμφανιστούν. Πατώντας στο βελάκι δεξιά από το skin θα εμφανιστεί μια λίστα από διαφορετικούς players. Αφού κάνετε κάποιες δοκιμές και δείτε μια προεπισκόπηση του πως πρόκειται να φαίνεται ο Player που έχετε επιλέξει, πατήστε Next.

Εισαγωγή Video 8. Το επόμενο παράθυρο σας δίνει κάποιες πληροφορίες σχετικά με το τι πρόκειται να γίνει όταν πατήσετε Finish. Αφου διαβάσετε αυτό το μήνυμα πατήστε Finish και καθορίστε το που θέλετε να σωθεί. Όταν πατήσετε save θα αρχίσει η κωδίκοποιηση. Όταν τελειώσει η συμπίεση η flash θα εισαγει το video απ’ευθείας στη σκηνή σας στο frame που βρίσκεστε. Αν δε θέλετε το video να αναπαράγεται στο συγκεκριμένο frame απλά επιλέξτε το στο stage και πατήστε delete και επιλέξτε το στο Library και σύρτε το σε όποιο Frame επιθυμείτε. 8. Τεστάρετε την εργασία σας πατώντας Ctrl + Enter

Extra Fun – Mask Animation

1. Αρχικά θα δημιουργήσουμε τις γραμμές. Επιλέγουμε το εργαλέιο Line 2. Φτιάχνουμε μια ευθεία γραμμή(για να φτιάξουμε ευθεία γραμμή κρατάμε πατημένο το shift), η οποία θα υπερβαίνει τα όρια του stage. Βεβαιωθείτε ότι έχετε επιλεγμένο το εργαλείο snapped objects. Mask Animation

3. Θα τροποποιήσουμε τις γραμμές ώστε έχουν κυματοειδή μορφή. Επιλέγουμε το selection tool και κρατώντας πατημένο το alt, κάντε κλικ πάνω στη γραμμή και τραβήξτε το νέο σημείο που εισήχθη προς τα κάτω όπως φαίνεται στο σχήμα: Συνεχίστε κατά τον ίδιο τρόπο (κρατώντας πατημένο το alt)και δημιουργήστε νέα σημεία στη γραμμή ώστε να πάρει την παρακάτω μορφή. Βεβαιωθείτε ότι η γραμμή στην αρχή και στο τέλος είναι ευθεία. Mask Animation

4. Αφήνετε το alt και με το selection tool, τραβήξτε τις γραμμές που δημιουργήθηκαν ώστε να προκύψει μια ομαλή κυματοειδής μορφή. 5. Τώρα που έχετε τη βασική μορφή, για να γίνει ακόμη πιο ομαλή η κυματομορφή πρέπει να επιλέξετε τις γωνίες που έχουν παραμείνει και να τις μετακινήσετε λίγο. Για να βρείτε τις γωνίες, παρατηρήστε ότι όταν ΄το ποντίκι βρίσκεται πάνω απο καμπύλες εμφανίζει μια καμπύλη και όταν είναι πάνω απο τις γωνίες εμφανίζει μια γωνία. Mask Animation

6. Όταν λοιπόν αφαιρεθούν όλες οι γωνίες θα δημιουργήσουμε μερικά αντίγραφα αυτής της γραμμής. Για να γίνει αυτό, κάντε διπλό κλικ πάνω στη γραμμή και πατήστε Ctrl + C για την αντιγραφή και Ctrl + Shift +V ώστε η επικόληση να γίνει ακριβώς επάνω στην αρχική γραμμή. Μετακινήστε αυτή τη γραμμή λίγο πιο κάτω. Mask Animation

7. Δεν θέλουμε όμως να είναι ακριβώς ίδιες για αυτο επιλέγουμε Modify(στο κεντρικό μενου) -> Transform -> Flip Vertical. Έτσι περιστρέψαμε τη γραμμή ως προς τον «χ» άξονα. Και έτσι θα έχουμε κάτι σαν το παρακάτω. Έχοντας ακόμη επιλεγμένη τη γραμμή αλλάξτε της το χρώμα επιλέγοντας κάποιο απο την παλέττα των Properties. Mask Animation

8. Έχονταςακόμη επιλεγμένη τη γραμμή δημιουργήστε ένα ακόμη αντίγραφο κάνοντας Ctrl +C και στη συνέχεια CTRL + Shif+V και ξαναεπιλέξτε Modify-> Transform->Flip Horizontal και αλλάξτε της το χρώμα. 9. Κάντε ένα τελευταίο αντίγραφο αυτής της γραμμής και ξανά Modify- >Transform->Flip Horizontaly και δώστε της ένα άλλο χρώμα. Έτσι λοιπόν ως εδώ έχουμε 4 κυμματομορφές Mask Animation

ΒΗΜΑ 9 Ο : Θέλουμε αυτό το animation να διαρκέσει λίγο περισσότερο απο αυό που φαίνεται και για αυτό πατάμε Ctrl +A για να επιλεχθούν τα πάντα και στη συνέχεια επιλέγουμε το free transform tool (1) και πηγαίνουμε στο τέλος των γραμμών (2) και μεγαλώνουμε τη διαρκεία τους(3) Mask Animation

10. Έχοντας επιλεγμένες όλες τις γραμμές, μετακινείστε τις ώστε να ξεκινάνε απο την αρχή του stage. Mask Animation

11. Τώρα θα δημιουργήσουμε μια μάσκα μέσω της οποίας οι γραμμές θα ποκαλύπτονται σταδιακά. Για να γίνει αυτό κατ΄ αρχάς κλειδώνουμε το layer 1 (1), δημιουργούμε ένα νέο Layer(2) το οποίο ονομάζουμε Mask(3). To layer 1 το ονομάζουμε Lines(εκεί βρίσκονται οι γραμμές μας και στο Mask θα δημιουργήσουμε τη μάσκα) 123 Mask Animation

12. Τώρα έχοντας επιλεγμένο το layer mask, θα δημιουργήσουμε ένα πράσινο ορθογώνιο χωρίς stroke. No stroke Mask Animation

13. Έστω λοιπόν ότι θέλουμε να διαρκέσει γύρω στα 5 sec(το frame rate μας είναι στα 12fps) άρα 5*12=60. Συνεπώς στο frame 60 του Layer Lines θα τοποθετήσουμε ένα frame πατώντας F5. Έτσι οι γραμμές θα είναι ορατές σε όλα αυτά τα 60 Frames. 14. Στο Layer mask, θα τοποθετήσουμε ένα Keyframe πατώντας F6 γιατί εκεί θέλουμε να τελειώνει το animation μας. Mask Animation

15. Τώρα, έχοντας επιλεγμένο το keyframe που μόλις δημιουργήσαμε, κάνουμε κλικ πάνω στο πράσινο ορθογώνιο για να το επιλέξουμε και στη συνέχεια κάνουμε κλικ στο free transform tool για να το επεκτείνουμε ώστε να πιάσει την περιοχή των γραμμών απο την αρχη ως το τέλος. Mask Animation

16. Στη συνέχεια κάνουμε κλικ σε οποιοδήποτε ενδιάμεσο keyframe (πάντα στο Layer mask), ας πούμε στο 40, και πηγαίνουμε στο properties και στο tween επιλέγουμε αντί για None, shape. 17. Πατήστε ctrl +enter για να δείτε αυτο που έχει γίνει μέχρι στιγμής. Δεν θέλουμε όμως να φαίνεται αυτό το πράσινο ορθογώνιο, θέλουμε να υπάρχει μια μάσκα. Έτσι, κάνουμε δεξί κλικ πάνω στο Layer mask και επιλέγουμε mask. Ξαναπατήστε Ctrl +Enter. Mask Animation

18. Τώρα θέλουμε όλο αυτό να διαδραματίζεται προς τα δεξιά. Έτσι επιλέγουμε όλα τα frames. 19. Πατάμε Ctrl +Alt+X και έτσι έχουμε κόψει όλα αυτά τα frames. Στη συνέχεια σβήνουμε το layer της μάσκας και θα δημιουργήσουμε ένα νέο σύμβολο.Πηγαίνουμε Insert ->New Symbol και επιλέγουμε graphic και το ονομάζουμε Lines. Mask Animation

20. Κάνουμε δεξι κλικ στο πρώτο Frame και επιλέγουμε paste frames(1). Κλειδώνουμε και τα δυο layers(2) 2 1 Mask Animation

21. Τώρα είμαστε «μέσα» στο σύμβολο που δημιουργήσαμε και θέλουμε να επιστρέψουμε στη σκηνή, Έτσι επιλέγουμε scene. 22. Θέλουμε να εισάγουμε αυτό το σύμβολο στη σκηνή μας και έτσι ανοίγουμε το Libraries. Πρώτα ξεκλειδώνουμε το Layer και παίρνουμε το Lines και το ρίχνουμε μέσα στο stage. Mask Animation

23. Πηγαίνουμς στο 15 frame και επιλέγουμε view->rulers και κάνουμε κλικ οπουδήποτε στον αριστερό χάρακα και τον τραβάμε μέχρι εκεί που τελιεώνουν οι γραμμές. 24. Πηγαίνουμε στο Frame 15 και τοποθετούμε ένα Keyframe(F6). Πηγαίνουμε τώρα στο Frame 60 και βαζουμε και εκεί ένα keyframe. 25. Σέρνουμε το δεύτερο κομμάτι των γραμμών και το τοποθετούμε έτσι ώστε να τελειώνει εκεί που βρίσκεται ο χάρακας. Mask Animation

26. Τώρα θέλουμε να δημιουργήσουμε ένα Tween animation έτσι πηγαίνουμε στο frame 35 και κάνουμε δεξί κλικ και επιλέγουμε create motion tween. Πατάμε ctrl + Enter για να δούμε το animation που δημιουργήσαμε. Voila! Στις γραμμές που φαίνονται στο τέλος θα μπορούσε να είναι το μενού σας. Mask Animation