Κινούμενη Εικόνα (Animation)

είναι η γρήγορη προβολή μιας σειράς από εικόνες, έτσι ώστε να δημιουργείται η ψευδαίσθηση της κίνησης.

Είναι μια οπτική οφθαλμαπάτη της κίνησης και αυτό συμβαίνει εξ αιτίας του φαινομένου διατήρησης της εικόνας

στο μάτι περίπου 1/12 του δευτερολέπτου (μεταίσθημα).

π.χ. η παρακάτω κινούμενη εικόνα είναι ουσιαστικά οι 8 ακίνητες εικόνες που ακολουθούν, οι οποίες εναλλάσσονται γρήγορα.


boy.gif
boy1.gif
boy3.gif
boy3.gif
boy4.gif
boy5.gif
boy6.gif
boy7.gif
boy8.gif


Ο τύπος της εικόνας που υποστηρίζει animation είναι ο gif. Δηλαδή το όνομα της παραπάνω κινούμενης εικόνας είναι boy.gif.

gif εικόνες μπορούμε να δημιουργήσουμε με:
  • photoshop (εμπορικό λογισμικό)
  • gimp (δωρεάν λογισμικό)
  • www.doink.com(online εφαρμογή)
  • http://goanimate.com (χρειάζεται registration για τις βασικές λειτουργίες)
  • πολλά Online εργαλεία που μας δίνουν την δυνατότητα να ανεβάσουμε τις επιμέρους εικόνες και να τις συνθέσουμε σε gif, όπως www.createagif.net



computer-practise.jpg

Πειραματιστείτε (ή εδώ) με την online εφαρμογή του εμπλουτισμένου βιβλίου πληροφορικής:

animationBook.jpg








ΖΩΟΤΡΟΠΙΟ

Μία από τις πρώτες προσπάθειες για δημιουργία animation (Κίνα 180 μ.Χ.).

Η συσκευή αποτελείται από έναν κύλινδρο με σχισμές. Στην εσωτερική επιφάνεια του κυλίνδρου τοποθετείται χάρτινη ταινία στην οποία απεικονίζονται οι διαδοχικές κινήσεις κάποιου σχεδίου (π.χ. άλογο που τρέχει, άνθρωπος που σηκώνει βάρη κτλ.). Γυρίζουμε τον κύλινδρο και κοιτάμε τις εικόνες από τις σχισμές. Το αποτέλεσμα είναι η ψευδαίσθηση της κινούμενης εικόνας.


zoetrope.jpg








question.jpgΈχετε ακούσει τον όρο FLIPBOOK;

(Βοήθεια: Δείτε τα παρακάτω video)





















Προσπαθήστε να φτιάξετε το δικό σας ψηφιακό flipbook





computer-practise.jpg

Δραστηριότητα 1:

α) Φτιάξτε με την ζωγραφική τουλάχιστον 3 εικόνες 400x300pixel η κάθε μία, οι οποίες θα αποτελούν τα διαδοχικά στιγμιότυπα της κινούμενης εικόνας που θα δημιουργήσετε στη συνέχεια. Αποθηκεύστε τες στον φάκελό σας ως jpg αρχεία .

β) Για να τις ενώσετε σε ένα gif αρχείο χρησιμοποιήστε το online εργαλείο www.createagif.net/ ή το http://picasion.com/

(Στο picasion μπορείτε να φτιάξετε και glitter texts όπως αυτό: picasion.com_Mqq.gif

γ) Όταν παραχεί η gif εικόνα, κάντε δεξί κλικ πάνω της και αποθηκεύστε την στον υπολογιστή σας.

Δημοσιεύστε το έργο σας.

Προσθέστε το έργο σας στο wiki του μαθήματος. Κάντε edit την σελίδα του τμήματός σας και στην συνέχεια επιλέξτε από τα εργαλεία επεξεργασίας το εργαλείο File. Θα εμφανιστεί το παρακάτω παράθυρο. Επιλέξτε Upload Files (1) και θα σας δοθεί η δυνατότητα να επιλέξετε από τον υπολογιστή σας το αρχείο που θέλετε να ανεβάσετε στην σελίδα. Όταν ολοκληρωθεί η φόρτωση του αρχείου το όνομά του θα εμφανιστεί στη λίστα αρχείων που υπάρχουν στο wiki, στο κεντρικο τμήμα του παραθύρου. Βεβαιωθείτε ότι είναι ενεργή η επιλογή Embed File (2) και τέλος πατήστε πάνω στο όνομα του αρχείου που θέλετε να ενσωματώσετε στην σελίδα σας (3).


dialogFile.jpg

Το δικό μου έργο:


fish.gif



computer-practise.jpg

Δραστηριότητα 2:

Θα πειραματιστούμε με την δημιουργία animation χρησιμοποιώντας την online εφαρμογή http://www.abcya.com/animate.htm


Πρόταση1: Για 3D animations πειραματστείτε με το δωρεάν λογισμικό muvizu, το οποίο όμως δεν είναι online. Πρέπει να το κατεβάσετε και να το στήσετε στον υπολογιστή σας. Πριν το κάνετε διαβάστε τις προδιαγρεφές που πρέπει να πληροί το σύστημά σας. Πρέπει να είναι σχετικά "ισχυρό" με καλή κάρτα γραφικών.
Πρόταση2: Θέλετε να φτιάξετε cartoons; Εππισκεφτείτε το http://www.toondoo.com/


Τα animation τύπου Gif είναι σειρά εικόνων που επαναλαμβάνονται. Συνήθως διαρκούν λίγο και είναι μικρά σε μέγεθος.
Για animation με ήχο και διαδραστικότητα υπάρχει το format flash (επέκταση αρχείου swf). Μπορούμε να τα δημιουργήσουμε με τα προγράμματα:
  • Adobe Flash (εμπορικό πακέτο)
  • πολλά άλλα εμπορικά πακέτα (π.χ. SWISH)
  • λίγα δωρεάν προγράμματα όπως salasaga



Στο διαδίκτυο υπάρχουν πολλά παιχνίδια σε flash.



Animated Videos

  1. GoAnimate
  2. PowToon (ΔΟΚΙΜΑΣΤΕ ΤΟ)
  3. Wideo
  4. Moovly