Τεχνολογία Πολυμέσων Ενότητα 1: Επεξεργασία εικόνας & γραφικών - GIMP Νικολάου Σπύρος Τμήμα Μηχανικών Πληροφορικής ΤΕ
Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative Commons. Για εκπαιδευτικό υλικό, όπως εικόνες, που υπόκειται σε άλλου τύπου άδειας χρήσης, η άδεια χρήσης αναφέρεται ρητώς. 2
Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά Μαθήματα στο TEI Δυτικής Μακεδονίας και στην Ανώτατη Εκκλησιαστική Ακαδημία Θεσσαλονίκης» έχει χρηματοδοτήσει μόνο τη αναδιαμόρφωση του εκπαιδευτικού υλικού. Το έργο υλοποιείται στο πλαίσιο του Επιχειρησιακού Προγράμματος «Εκπαίδευση και Δια Βίου Μάθηση» και συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση (Ευρωπαϊκό Κοινωνικό Ταμείο) και από εθνικούς πόρους. 3
Σκοποί ενότητας Αυτή η ενότητα πραγματεύεται την επεξεργασία εικόνας και γραφικών με το GIMP. 4
Περιεχόμενα ενότητας Εισαγωγή. Χρήσιμοι Σύνδεσμοι. Άσκηση 1 - Δημιουργία Animated GIF με το GIMP. Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP. Βιβλιογραφία. 5
Επεξεργασία εικόνας & γραφικών - GIMP
Εισαγωγή Το GIMP, που σημαίνει GNU Image Manipulation Program, είναι ελεύθερο λογισμικό επεξεργασίας εικόνας και γραφικών. Μερικές χρήσεις του είναι η δημιουργία γραφικών, η αλλαγή διαστάσεων μιας φωτογραφίας καθώς και η διόρθωση του χρωματικού τόνου και της φωτεινότητας, και πολλές άλλες. Το GIMP μπορεί επίσης να χρησιμοποιηθεί για δημιουργία κινούμενων εικόνων σε φορμά GIF. 7
Χρήσιμοι Σύνδεσμοι (1/2) Ελεύθερο Λογισμικό & Λογισμικό Ανοικτού Κώδικα για την Τριτοβάθμια Εκπαίδευση - Επεξεργαστής εικόνων GIMP. http://www.gimp.org/downloads/. Gimp Tutorials (στην Ελληνική γλώσσα). http://www.edutorials.gr/gimp-tutorials. http://docs.gimp.org/2.8/el/. Gimp Tutorials (στην Αγγλική γλώσσα). http://gimp-tutorials.net/. http://www.tutorialized.com/tutorials/gimp/1. http://graphicssoft.about.com/od/gimptutorials/gimp_tutorials_lea rning_the_gimp.htm. 8
Χρήσιμοι Σύνδεσμοι (2/2) Σημειώστε επίσης ότι στον Παγκόσμιο Ιστό (WWW) υπάρχει πληθώρα από video tutorials για το GIMP. Να τα αναζητήσετε και να τα μελετήσετε. Π.χ. http://meetthegimp.org/. 9
Άσκηση 1 - Δημιουργία Animated GIF με το GIMP (1/4) Να δημιουργήσετε με το λογισμικό GIMP δύο (2) δικά σας Animated GIF με 30 πλαίσια (frames) το καθένα. Το πρώτο Animated GIF να είναι τύπου μικρογραφίας εικόνας. Ενδεικτικά, για να το υλοποιήσετε μελετήστε τα ακόλουθα Tutorials: http://www.gimptalk.com/index.php?showtopic=9394. http://www.wikihow.com/create-an-animated-gif- Image-with-GIMP. 10
Άσκηση 1 - Δημιουργία Animated GIF με το GIMP (2/4) Το δεύτερο Animated GIF να είναι τύπου Banner. Ενδεικτικά, για να το υλοποιήσετε μελετήστε τα ακόλουθα Tutorials: http://www.gimp.org/tutorials/simple_animations/. http://www.gimp.org/tutorials/advanced_animations/. http://www.gimptalk.com/index.php?showtopic=9528. Επίσης, πολλές ιδέες για Animated GIF μπορείτε να βρείτε στα ακόλουθα tutorials: http://www.tutorialhero.com/view-69- gimp_animation_tutorials.php. http://www.pixel2life.com/tutorials/gimp/animation/. 11
Άσκηση 1 - Δημιουργία Animated GIF με το GIMP (3/4) Θα πρέπει να μεταφορτώσετε και να εγκαταστήσετε το GIMP Animation Package (GAP). Το πακέτο εγκατάστασης του GAP μπορείτε να το βρείτε στα ακόλουθα links: http://www.box.net/shared/e9i2rgyn9t. ftp://ftp.gimp.org/pub/gimp/plug-ins/v2.6/gap. Οδηγίες Εγκατάστασης GAP for Gimp 2.8 on Windows: http://andrewbonnington.blogspot.gr/2012/07/installing-gap-forgimp-28-on-windows.html. 12
Άσκηση 1 - Δημιουργία Animated GIF με το GIMP (4/4) Για περισσότερες πληροφορίες σχετικά με τη χρήση του GAP επισκεφθείτε τα ακόλουθα: GAP Beginner Tutorial Set: http://www.gimptalk.com/index.php?showtopic=9114. Using the GAP for animated GIF: http://www.gimptalk.com/index.php?showtopic=9772. Using GAP: http://www.gimp.org/tutorials/using_gap/. 13
Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP (1/8) 1. Περιηγηθείτε τη γραμμή μενού στο παράθυρο "Πρόγραμμα επεξεργασίας εικόνων GNU" και εντοπίστε Επεξεργασία > Αναίρεση. Αφήστε τον κέρσορα για μια στιγμή στην εντολή Αναίρεση. Διαβάστε την Αναδυόμενη συμβουλή (tooltip) που περιγράφει αυτή την εντολή. 2. Στο παράθυρο "Εργαλειοθήκη" εντοπίστε τα εργαλεία: Επιλογής χρώματος, Αυξομείωσης μεγέθους, Περικοπής, Κειμένου. 14
Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP (2/8) 3. Εντοπίστε την εντολή Περιστροφή 180 και την εντολή Ιδιότητες εικόνας. 4. Εντοπίστε και αποτυπώσατε τη διαδρομή για την εντολή Αυξομείωσης μεγέθους εικόνας. Στην εικόνα http://3.bp.blogspot.com/- JM8tYfs637M/Ti6BDOoFnhI/AAAAAAAAJ08/w56I_KqcpA/s1600/universityofath.jpg μειώστε κατά 50% τις διαστάσεις της (πλάτος- ύψος). H νέα εικόνα να αποθηκευθεί ως AthensUniv. Πόσο είναι το μέγεθος του αρχείου AthensUniv.jpg; 15
Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP (3/8) 5. Στην εικόνα http://2.bp.blogspot.com/- RHRkfIAIv64/T4P9PQuwh_I/AAAAAAAAJuA/XXHMu5jmNus /s1600/daltonbrothers.jpg. a. Αντιστοιχίστε και γράψτε τα ονόματα Averell, William, Jack και Joe κάτω από την καθεμιά φιγούρα. b. H νέα εικόνα να αποθηκευθεί με το όνομα DaltonBrs και το αρχείο να έχει μέγεθος 30kB. c. Από την εικόνα DaltonBrs.jpg αποκόψτε τον Joe και αποθηκεύστε τη νέα εικόνα ως DaltonJoe. Εικόνα 1: Η εικόνα DaltonBrs.jpg. Πηγή: Διδάσκων (2015). 16
Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP (4/8) 5. (Συνέχεια). d. Στην εικόνα DaltonJoe.jpg καθαρίστε (σβήστε), με το κατάλληλο εργαλείο, από το προσκήνιο (φόντο) τις περιοχής που έχουν σημειωθεί με κόκκινο πλαίσιο και αποθηκεύστε την εικόνα ως DaltonJoe1.jpg. Εικόνα 2: Βελτίωση της εικόνας DaltonBrs.jpg. Πηγή: Διδάσκων (2015). 17
Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP (5/8) 5. (Συνέχεια). e. Στην εικόνα DaltonJoe1 με τα εργαλεία Ασαφούς επιλογής, Κουβάς γεμίσματος και την παλέτα. Εικόνα 3: Τα εργαλεία ασαφούς επιλογής, ο κουβάς γεμίσματος και η παλέτα. Πηγή: Διδάσκων (2015). 18
Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP (6/8) 6. Με την δυνατότητα αλλαγής χρώματος προσκηνίου/παρασκηνίου μπορείτε να αλλάξετε το χρώμα του φόντου. i. Με κλικ στο εργαλείο Χρήματα προσκηνίου και παρασκηνίου ανοίξτε στην παλέτα Αλλαγή χρώματος προσκηνίου και δημιουργήστε το πράσινο χρώμα με κλικ στη λουρίδα χρωμάτων πράσινο (G) (το νέο χρώμα κα εμφανιστεί στο εργαλείο Χρώματα προσκηνίου και παρασκηνίου). 19
Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP (7/8) 6. (Συνέχεια). ii. Χρωματίστε το φόντο της εικόνας DaltonJoe1 πράσινο, ακλουθώντας τα εξής βήματα: Εργαλείο ασαφούς επιλογής (το οποίο επιλέγει πίξελ με παρόμοιο χρώμα) > [κλικ στο φόντο της εικόνας, ώστε η επιλεγμένη περιοχή να καταστεί ενεργή, δηλαδή να περιγράφεται με διακεκομμένες γραμμές] > κλικ Χρώματα προσκηνίου και παρασκηνίου > (δημιουργία πρασίνου χρώματος στην παλέτα Αλλαγή χρώματος προσκηνίου) > (κλικ Εντάξει) > επιλογή Κουβάς γεμίσματος > κλικ στην ενεργή περιοχή της εικόνας >. 20
Άσκηση 2 - Προτεινόμενες δραστηριότητες με το GIMP (8/8) 6. (Συνέχεια). iii. Στη συνέχεια Αρχείο > Αποθήκευση ως κτλ. ως DaltonJoe2.jpg. Εικόνα 4: Η εικόνα DaltonBrs.jpg με νέο χρώμα παρασκηνίου. Πηγή: Διδάσκων (2015). 7. Αναστρέψτε οριζόντια την εικόνα DaltonBrs.jpg, χρωματίστε το φόντο της εικόνας κίτρινο και αποθηκεύστε τη ως DaltonBrs_b. 21
Σημείωμα Αναφοράς Copyright ΤΕΙ Δυτικής Μακεδονίας, Νικολάου Σπύρος. «Τεχνολογία Πολυμέσων». Έκδοση: 1.0. Κοζάνη 2015. Διαθέσιμο από τη δικτυακή διεύθυνση: 22
Σημείωμα Αδειοδότησης Το παρόν υλικό διατίθεται με τους όρους της άδειας χρήσης Creative Commons Αναφορά, Μη Εμπορική Χρήση Παρόμοια Διανομή 4.0 [1] ή μεταγενέστερη, Διεθνής Έκδοση. Εξαιρούνται τα αυτοτελή έργα τρίτων π.χ. φωτογραφίες, διαγράμματα κ.λ.π., τα οποία εμπεριέχονται σε αυτό και τα οποία αναφέρονται μαζί με τους όρους χρήσης τους στο «Σημείωμα Χρήσης Έργων Τρίτων». [1] http://creativecommons.org/licenses/by-nc-sa/4.0/ Ως Μη Εμπορική ορίζεται η χρήση: που δεν περιλαμβάνει άμεσο ή έμμεσο οικονομικό όφελος από την χρήση του έργου, για το διανομέα του έργου και αδειοδόχο. που δεν περιλαμβάνει οικονομική συναλλαγή ως προϋπόθεση για τη χρήση ή πρόσβαση στο έργο. που δεν προσπορίζει στο διανομέα του έργου και αδειοδόχο έμμεσο οικονομικό όφελος (π.χ. διαφημίσεις) από την προβολή του έργου σε διαδικτυακό τόπο. Ο δικαιούχος μπορεί να παρέχει στον αδειοδόχο ξεχωριστή άδεια να χρησιμοποιεί το έργο για εμπορική χρήση, εφόσον αυτό του ζητηθεί. 23
Διατήρηση Σημειωμάτων Οποιαδήποτε αναπαραγωγή ή διασκευή του υλικού θα πρέπει να συμπεριλαμβάνει: το Σημείωμα Αναφοράς. το Σημείωμα Αδειοδότησης. τη δήλωση Διατήρησης Σημειωμάτων. το Σημείωμα Χρήσης Έργων Τρίτων (εφόσον υπάρχει). μαζί με τους συνοδευόμενους υπερσυνδέσμους. 24
Βιβλιογραφία 1. Τεχνολογία πολυμέσων, Δημητριάδης Σταύρος Ν., Πομπόρτσης Ανδρέας Σ., Τριανταφύλλου Ευάγγελος Γ. 2. Συστήματα Πολυμέσων: Αλγόριθμοι, Πρότυπα και Εφαρμογές, Havaldar P., Medioni G. 3. Πολυμέσα Αναλυτικός Οδηγός, 8η Έκδοση, Tay Vaughan. 4. Τεχνολογία Πολυμέσων και Πολυμεσικές Επικοινωνίες, Γεώργιος Β. Ξηλωμένος, Γεώργιος Κ. Πολύζος. 25
Τέλος Ενότητας