Πολυμεσικές Εφαρμογές Ενότητα 4: ΨΗΦΙΑΚΗ ΕΙΚΟΝΑ Γεώργιος Στυλιαράς Σχολή Οργάνωσης και Διοίκησης Επιχειρήσεων Τμήμα Διαχείρισης Πολιτισμικού Περιβάλλοντος και Νέων Τεχνολογιών
ΧΡΩΜΑΤΙΚΑ ΜΟΝΤΕΛΑ Χρωματικά μοντέλα: Αναπαράσταση με μαθηματικό τρόπο των χρωμάτων στον υπολογιστή 2 πιο δημοφιλή: RGB, CMY χρησιμοποιούν τρεις ανεξάρτητες μεταβλητές (τρία πρωτεύοντα χρώματα με ανάμειξη μπορούν να προκύψουν όλα τα υπόλοιπα) για τον καθορισμό ενός χρώματος CMYK παραλλαγή για εκτυπωτές μπαίνει και το Κ (black) γιατί μόνο θεωρητικά η ανάμειξη CMY μας δίνει το απόλυτο μαύρο RGB: προσθετικό μοντέλο χρώματα έρχονται στο μάτι μας απευθείας με ακτινοβολία, π.χ. οθόνη Έλλειψη όλων των χρωμάτων 0,0,0 μαύρο όλα μαζί λευκό 0,0,0 255, 255, 255 16777216 χρώματα αριθμός bits (εδώ 24) καθορίζουν το βάθος χρώματος 24 bits πραγματικό χρώμα (το ανθρ. μάτι μπορεί να διακρίνει μόνο 300-350.000 αποχρώσεις_ 1bit Α/Μ 8 bit 256 χρώματα πρώτες κάρτες γραφικών CMY: αφαιρετικό μοντέλο χρώματα έρχονται στο μάτι μας απευθείας με αντανάκλαση, π.χ. εκτύπωση Έλλειψη όλων των χρωμάτων 0,0,0 λευκό όλα μαζί μαύρο Το ένα χρώμα μπορεί να προκύψει από τα υπόλοιπα και αντίστροφα π.χ. R+G C, R+B M, G+R Y CMY: Η επιφάνεια αφαιρεί τα χρώματα που απορροφά και μας δίνει την αίσθηση του χρώματος
ΨΗΦΙΑΚΗ ΕΙΚΟΝΑ ΚΑΙ ΑΝΑΛΥΣΗ (1/2) Ψηφιδωτό στοιχειωδών σημείων που περιέχουν πληροφορία για τη φωτεινότητα (Α/Μ) ή απόχρωση (έγχρωμη) εικονοστοιχεία pixels. Είναι ορθογώνια διατεταγμένα και σχηματίζουν στήλες και γραμμές, όσο πιο πολλές στήλες και γραμμές μεγαλύτερη ακρίβεια στην αναπαράσταση της εικόνας Ανάλυση εικόνας 200 ppi αναλύεται σε 200x200 pixels ανά ίντσα χρησιμοποιείται σε σαρωτές, εκτυπωτές (1200 ppi ή dpi στους εκτυπωτές τα dots είναι αρκετά) Τιμή pixel: μέσος όρος φωτεινότητας στο συγκεκριμένο τμήμα της εικόνας Κάθε pixel Χ χρώμα μέγεθος εικόνας ή pixels = Υ Χ ΑΝΑΛΥΣΗ Χ Π Χ ΑΝΑΛΥΣΗ Χ ΒΑΘΟΣ μέγεθος πέφτει με την συμπίεση JPG Τρόπος παρουσίασης εξαρτάται από την ανάλυση της συσκευής εξόδου π.χ. οθόνη, ψηφ. μηχανή, κινητά 1024x768 pixels μπορεί να απεικονίζει μόνο 1024 οριζ και 768 κάθετα δεν έχει νόημα να δείχνουμε εικόνες μεγαλυτερης ανάλυσης τις δείχνουμε τμηματικά ή ρίχνουμε την ανάλυση της εικόνας και αντίστροφα εικόνα χαμηλότερης ανάλυσης από οθόνη, φαίνεται σε ένα τμήμα ή αν γίνει stretch χάνει την ποιότητά της
ΨΗΦΙΑΚΗ ΕΙΚΟΝΑ ΚΑΙ ΑΝΑΛΥΣΗ (2/2) Αν κάνουμε resize μιας φωτογραφίας προς τα κάτω για να φαίνεται στην οθόνη δε χάνονται τα επιπλέον pixels αλλά αυτά δεν εμφανίζονται στην οθόνη. Το αντίστροφο χειροτερεύει την ποιότητα της προβαλλόμενης εικόνας Οθόνη (PC, κινητού) με pixels και συγκεκριμένο μέγεθος μπορούν να ορίζουν τα ppi (66-132 ppi) Συνήθης ελ. απαίτηση 1024Χ768 17 / ενεργό 12,5 82 dpi Κατά τη δημιουργία μιας εφαρμογής πρέπει να λαμβάνεται υπόψη οι οθόνες του στοχευόμενου κοινού. Για εφαρμογές σε οθόνη δεν έχει νόημα η ψηφ. σε μεγάλη ανάλυση γιατί αυξάνεται χωρίς να χρειάζεται το μέγεθος του αρχείου ακόμα χειρότερα στο Internet Προσοχή σε όλη τη διαδικασία ψηφιοποίηση, δημιουργία επεξεργασία προβολή, εκτύπωση Οθόνη έχει μικρότερη ανάλυση από μια τυπωμένη φωτογραφία για εικόνες σε Internet και πολυμεσικές εφαρμογές δεν απαιτείται μεγάλη ακρίβεια Παράδειγμα: 82 ppi οθόνη, εικόνες 41,82,164 ppi
ΕΙΔΗ ΨΗΦΙΑΚΗΣ ΕΙΚΟΝΑΣ Μονόχρωμη Grayscale 8 bits 256 χρώματα από λευκό μέχρι μαύρο, 200 είναι αρκετά για το μάτι Έγχρωμη εικόνα 24 bits Διτονική 1 bit τι διαφορά έχει από το grayscale Index color: εικόνες με 8 bit χρώματα που επιλέγονται για τη συγκεκριμένη εικόνα π.χ. 256 γαλάζια μπλε όταν θέλουμε να αναπαραστήσουμε θαλάσσια τοπία με ουρανό. Χρης. μόνο τα χρώματα που πρέπει, δεν έχουμε σπατάλη, μικρό μέγεθος αρχείου Continuous (Συνεχούς τόνου) / Dithering pixel συγκεκριμένη τιμή Dithering: π.χ. γκρι πολλά pixels μαύρα γύρω από λευκά τα οποία κοιτώντας τα από μακριά μας δίνουν την αίσθηση του γκρι Οθόνες continuous, εκτυπωτές dithering απαιτούν μεγαλύτερη ανάλυση για ίδια ποιότητα με οθόνη για φωτογρ. ποιότητα χρειάζεται ανάλυση τουλ 300 dpi όταν την κοιτάμε από 25 εκ.
ΧΑΡΤΟΓΡΑΦΙΚΕΣ (BITMAPS) / ΔΙΑΝΥΣΜΑΤΙΚΕΣ ΕΙΚΟΝΕΣ (VECTORS) (ΟΠΩΣ ΚΑΙ ΣΤΟ ΚΕΙΜΕΝΟ) Bitmaps: αποθηκεύεται το χρώμα για κάθε pixels καλή ποιότητα, μεγάλο μέγεθος, δε μπορεί να μεγαλώσει, μόνο με εξομοίωση που γίνεται ευδιάκριτη στο μάτι όταν κοιτάμε από κοντά Vectors: Εικόνες αποτελούνται από σχήματα και συνεχή χρώματα κατάλληλα για animation, δε μπορούν να αναπαραστήσουν ρεαλιστικά φωτογραφίες, μικρό μέγεθος αρχείου, μπορούν να γίνονται resize χωρίς να αλλοιώνονται ομαλή αναπαράσταση καμπύλων αφού προκύπτουν από τύπο: εφαρμογές Χρήση σε γραμματοσειρές, λογότυπα, σχεδιαγράμματα, μακέτες
ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΑΡΧΕΙΩΝ ΕΙΚΟΝΑΣ Bitmaps: αποθηκεύεται το χρώμα για κάθε pixels καλή ποιότητα, μεγάλο μέγεθος, δε μπορεί να μεγαλώσει, μόνο με εξομοίωση που γίνεται ευδιάκριτη στο μάτι όταν κοιτάμε από κοντά Vectors: Εικόνες αποτελούνται από σχήματα και συνεχή χρώματα κατάλληλα για animation, δε μπορούν να αναπαραστήσουν ρεαλιστικά φωτογραφίες, μικρό μέγεθος αρχείου, μπορούν να γίνονται resize χωρίς να αλλοιώνονται ομαλή αναπαράσταση καμπύλων αφού προκύπτουν από τύπο: εφαρμογές Χρήση σε γραμματοσειρές, λογότυπα, σχεδιαγράμματα, μακέτες
ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΑΡΧΕΙΩΝ ΕΙΚΟΝΑΣ TIFF Tagged Image File: Σαρωτής, crossplatform, lossless compression LZW, εικόνες σε πρωτογενή μορφή, μεγάλο μέγεθος GIF Compuserve Graphics Image Format: Μόνο 256 χρώματα, LZW, μικρό μέγεθος, κατάλληλο όταν δεν υπάρχουν πολλά χρώματα Internet, logos, σχέδια κλπ, interlaced: σταδιακή εμφάνιση, GIF89a επιτρέπει transparencies, animated gif εναλλαγή εικόνων στο ίδιο αρχείο gif JPEG (Joint Photographics Expert Group): Κατάλληλο για continuous tone φωτογραφίες και Internet, διατηρούνται όλα τα χρώματα. Αφαιρείται η πληροφορία που δεν απαιτείται για την αναπαράσταση της εικόνας BMP (Standard Windows Bitmap): MS --> Dos, Windows, Χρώμα 1-24 bit, Εφαρμόζονται μέθοδοι συμπίεσης χωρίς απώλειες PNG (Portable Network Graphics): Σχεδιάστηκε ως εναλλακτικό του GIF για εικόνες στο Web. Χρώμα μέχρι και 24 bit. PSD (Photoshop images): Photoshop, Layers PICT (Macintosh Format): Για υπολογιστές Apple Macintosh PIXAR (Pixar Image Computers): Για υπολογιστές γραφικών Pixar
ΔΗΜΙΟΥΡΓΙΑ ΕΠΕΞΕΡΓΑΣΙΑ ΠΡΟΒΟΛΗ ΕΙΚΟΝΑΣ Σαρωτής, Ψηφιακή φωτογραφική μηχανή Κάρτα γραφικών, JPEG++, Προγράμματα επεξεργασίας ψηφιακής εικόνας Οθόνη CRT, Οθόνη TFT, Οθόνη touchscreen, Εκτυπωτής
DIRECTOR Import Paint σε imported ή από την αρχή σχήματα, χρώματα, γραμμές, brushes, κουβάδες Resize διαγώνιο Move Εικόνες μεγάλου μεγέθους για scroll, mousedown Vector shapes --> μέγεθος, πιο μικρά projector, πιο γρήγορος χειρισμός (περιστροφή κλπ) από μαθηματικούς τύπους
ΒΙΒΛΙΟΓΡΑΦΙΑ Δημητριάδης Σ.Ν., Πομπόρτσης Α.Σ., Τριανταφύλλου Ε.Γ. (2004) Τεχνολογία πολυμέσων θεωρία και πράξη, Εκδόσεις Τζιόλα, ISBN: 960-418- 025-8 (Κεφάλαιο 9). Δημοσθένης Ακουμιανάκης, Διεπαφή Χρήστη-Υπολογιστή: μια σύγχρονη προσέγγιση, εκδόσεις. Κλειδάριθμος, 2006 Νικόλαος Αβούρης, Εισαγωγή στην επικοινωνία ανθρώπου-υπολογιστή, Εκδόσεις ΔΙΑΥΛΟΣ, Αθήνα 2000Dix, A., Finlay, J., Abowd, G., Beale., R.. Επικοινωνία Ανθρώπου - Υπολογιστή. Μ. Γκιούρδας, Αθήνα 2004. Jennifer Preece, Yvonne Rogers, Helen Sharp, Interaction Design: Beyond Human-Computer Interaction, John Wiley & Sons, 2002 Δ. Ζευγώλης, Γ. Στυλιαράς, ΠΟΛΥΜΕΣΑ, Εκδόσεις Τζιόλα, 2011
Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στo πλαίσιo του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά Μαθήματα στο Πανεπιστήμιο Πατρών» έχει χρηματοδοτήσει μόνο την αναδιαμόρφωση του εκπαιδευτικού υλικού. Το έργο υλοποιείται στο πλαίσιο του Επιχειρησιακού Προγράμματος «Εκπαίδευση και Δια Βίου Μάθηση» και συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση (Ευρωπαϊκό Κοινωνικό Ταμείο) και από εθνικούς πόρους.
Σημείωμα Ιστορικού Εκδόσεων Έργου Το παρόν έργο αποτελεί την έκδοση 1.0.
Σημείωμα Αναφοράς Copyright Πανεπιστήμιο Πατρών, Γεώργιος Στυλιαράς. «Πολυμεσικές εφαρμογές. ΨΗΦΙΑΚΗ ΕΙΚΟΝΑ». Έκδοση: 1.0. Πάτρα 2015. Διαθέσιμο από τη δικτυακή διεύθυνση: https://eclass.upatras.gr/courses/culture162.
Σημείωμα Αδειοδότησης Το παρόν υλικό διατίθεται με τους όρους της άδειας χρήσης Creative Commons Αναφορά, Μη Εμπορική Χρήση Παρόμοια Διανομή 4.0 [1] ή μεταγενέστερη, Διεθνής Έκδοση. Εξαιρούνται τα αυτοτελή έργα τρίτων π.χ. φωτογραφίες, διαγράμματα κ.λ.π., τα οποία εμπεριέχονται σε αυτό και τα οποία αναφέρονται μαζί με τους όρους χρήσης τους στο «Σημείωμα Χρήσης Έργων Τρίτων». [1] http://creativecommons.org/licenses/by-nc-sa/4.0/ Ως Μη Εμπορική ορίζεται η χρήση: που δεν περιλαμβάνει άμεσο ή έμμεσο οικονομικό όφελος από την χρήση του έργου, για το διανομέα του έργου και αδειοδόχο που δεν περιλαμβάνει οικονομική συναλλαγή ως προϋπόθεση για τη χρήση ή πρόσβαση στο έργο που δεν προσπορίζει στο διανομέα του έργου και αδειοδόχο έμμεσο οικονομικό όφελος (π.χ. διαφημίσεις) από την προβολή του έργου σε διαδικτυακό τόπο Ο δικαιούχος μπορεί να παρέχει στον αδειοδόχο ξεχωριστή άδεια να χρησιμοποιεί το έργο για εμπορική χρήση, εφόσον αυτό του ζητηθεί.
Διατήρηση Σημειωμάτων Οποιαδήποτε αναπαραγωγή ή διασκευή του υλικού θα πρέπει να συμπεριλαμβάνει: το Σημείωμα Αναφοράς το Σημείωμα Αδειοδότησης τη δήλωση Διατήρησης Σημειωμάτων το Σημείωμα Χρήσης Έργων Τρίτων (εφόσον υπάρχει) μαζί με τους συνοδευόμενους υπερσυνδέσμους.