Successfully reported this slideshow.
Your SlideShare is downloading. ×
Advertisement

More Related Content

More from Theresa Giakoumatou

Advertisement

Image

  1. 1. Εικόνα & Χρώμα
  2. 2. α. Εικόνα και γραφικά περιεχομένου Φωτογραφίες Σκίτσα Γραφικές παραστάσεις Διαγράμματα ροής Διαγράμματα οργάνωσης Εικόνα και γραφικά β. Εικόνα και γραφικά περιβάλλοντος Φόντο οθόνης Εργαλεία πλοήγησης Πλήκτρα ενεργειών Χρήση
  3. 3. Vector - Raster
  4. 4. Δημιουργούνται από: Είδη Αποτελούνται από αντικείμενα σχεδίασης (γραμμές, ορθογώνια, ελλείψεις ή τόξα) τα οποία βασίζονται σε ειδικά μαθηματικά μοντέλα . α. Διανυσματικές εικόνες ( vector graphics ) - Τ o Microsoft Office σαν αντικείμενα σχεδίασης και γραφικές παραστάσεις -Τα προγράμματα δημιουργίας και επεξεργασίας διανυσματικής εικόνας όπως το Corel Draw , το Adobe Illustrator κ.α..
  5. 5. β. Χαρτογραφικές ή ψηφιογραφικές εικόνες ( bitmap graphics ) Είδη Αποτελούνται από μια διάταξη κανονικών τετράγωνων ψηφίδων που είναι γνωστές και σαν εικονοστοιχεία ( picture elements ή pixels ) . - Την ψηφιοποίηση εικόνων μέσω σαρωτή -Τις ψηφιακές φωτογραφικές και εικονοληπτικές μηχανές -Την σύλληψη εικόνων από τη οθόνη του υπολογιστή -Την ψηφιοποίηση εικόνων βίντεο ή τηλεόρασης μέσω ειδικής κάρτας -Τα προγράμματα δημιουργίας και επεξεργασίας χαρτογραφικής εικόνας όπως το Photo Paint, το Paint Shop Pro, το Photoshop κ.α.. Δημιουργούνται από:
  6. 6. Χαρακτηρίζονται από: <ul><li>- Την ανάλυση (resolu t ion) (72dpi), (150dpi), (300dpi) </li></ul><ul><li>Αριθμός εικονοστοιχείων ανά ίντσα pixel per inch – ανάλυση οθόνης dots per inch </li></ul><ul><li>- Το χρωματικό βάθος (color depth) (1bit_2), (8bit_256), (16bit _65536 (2 16 ) (24bit_16.000.000 (2 24 ) true color </li></ul><ul><li>- Τη διάσταση (size) </li></ul>
  7. 7. Μέγεθος του αρχείου ψηφιογραφικής εικόνας = (αριθμός pixels) x ( βάθος χρώματος) = [ ( pixels κατά πλάτος) x ( pixels κατά ύψος) ] x ( βάθος χρώματος) = [ (ανάλυση x πλάτος ) x ( ανάλυση x ύψος )] x ( βάθος χρώματος) [(100ppi x 10 &quot; ) x (100ppi x 10 &quot; )] x 24bit = (1.000 x 1.000)p x 24 bit = = 1.000.000p x 24bit = 24.000.000 bits = 3.000.000 bytes = 2,86 MB (2560 x 1920 ) pixels x 24 bit = 4.915.200p x 24bit = 117.964.800 bits = = 14.745.600 bytes = 14.400 KB = 14,06 MB
  8. 8. Πρότυπα αποθήκευσης ΟΝΟΜΑ Μορφοποίησης Επέκταση αρχείου Πλεονεκτήματα Μειονεκτήματα Συνηθισμένη Χρήση TIFF (Tagged Image File) *.tif Ασυμπίεστη πληροφορία χωρίς απώλειες . . Συμβατό με όλες τις πλατφόρμες υλικού και λογισμικού Μεγάλο μέγεθος αρχείου Δύσκολο στην αποθήκευση Αρχειοθέτηση ψηφιακών εικόνων με όλη την αρχική πληροφορία διαθέσιμη GIF (CompuServe Graphics Interface Format) *.gif Μικρό μέγεθος, εύκολη αποθήκευση και μεταφορά, δυνατότητα διαφάνειας Περιορισμός χρωμάτων στα 256 Εικόνες grayscale , εικόνες με διαφάνεια ή εικόνες με λίγα χρώματα JPEG (Joint Photo graphics Expert Group) *.jpg Προσφέρει «πραγματικό χρώμα» (16,8 Μ) και δυνατότητα καθορισμού του βαθμού συμπίεσης Απωλεστική συμπίεση Παρουσίαση εικόνων συνεχούς τόνου (πχ. φωτογραφίες) στο Web PSD (PhotoShop images) *.psd Διατηρεί πλήθος πληροφοριών (πχ. channels , layers , paths ) για την ολοκληρωμένη επεξεργασία της εικόνας. Συμβατό μόνον με συγκεκριμένες εφαρμογές Δεν χρησιμοποιείται στο Web Ενδιάμεση φόρμα αποθήκευσης για παραπέρα επεξεργασία της εικόνας. BMP (Standard Windows Bitmap) *.bmp Αποδίδει καλά σε εφαρμογές των Windows και του OS/2 Απώλεια πληροφορίας, δύσκολο στη διαπλα-τφορμική μεταφορά του Σε εφαρμογές των Windows και του OS/2 CDR (Corel Draw)) *.cdr Μικρό μέγεθος αρχείου, ομαλή αναπαράσταση καμπυλών Μη φωτορεαλιστική Γραμματοσειρές, λογότυπα, σχεδιαγράμματα
  9. 9. Τύποι αρχείων <ul><li>TIFF </li></ul><ul><ul><li>Το TIFF (Tagged Image File Format) αναπτύχθηκε από τις εταιρείες Aldus και Microsoft και χρησιμοποιείται ευρέως στην ανταλλαγή εικόνων. </li></ul></ul><ul><ul><li>Το TIFF αποτελείται από ένα σύνολο εικόνων, με μια κεφαλίδα (header) να καθορίζει τις παραμέτρους της κωδικοποίησης. </li></ul></ul><ul><ul><li>Δεν περιλαμβάνει αλγορίθμους συμπίεσης. </li></ul></ul>
  10. 10. BMP <ul><ul><li>Πρόκειται για το format που υποστηρίζουν εγγενώς τα MS Windows γι' αυτό και συναντάται πολύ συχνά. </li></ul></ul><ul><ul><li>Πρόκειται ίσως για το πιο απλό format, το οποίο δεν προσφέρει καμιά δυνατότητα συμπίεσης. </li></ul></ul><ul><ul><li>Απλώς περιγράφει το τρόπο με τον οποίο θα αποθηκευτούν τα bits της εικόνας σε ένα αρχείο . </li></ul></ul>
  11. 11. JPEG <ul><li>Joint Photographic experts group </li></ul><ul><li>Το πιο διαδεδομένο πρότυπο συμπίεσης εικόνων </li></ul><ul><li>Αλγόριθμος συμπίεσης 20:1 χωρίς ορατές αλλοιώσεις, 75:1 με απώλειες δεδομένων </li></ul><ul><li>Περιέχει αληθινό χρώμα 24 bits </li></ul>
  12. 12. JPEG Original JPEG
  13. 13. GIF Graphic interchange format <ul><li>Αναπτύχθηκε από την CompuServe με στόχο τη διευκόλυνση της ανταλλαγής εικόνων μέσω δικτύου. Υποστηρίζει συμπίεση εικόνας που βασίζεται στο αλγόριθμο LZW (Lempel-Ziv-Welch). Οι λόγοι συμπίεσης που επιτυγχάνει είναι 4:1 αλλά περιορίζεται σε εικόνες βάθους χρώματος των 8bits (256 χρώματα). </li></ul><ul><li>Σαν θετικά στοιχεία μπορούμε να παραθέσουμε τα εξής: </li></ul><ul><ul><li>λειτουργεί χωρίς απώλειες για εικόνες βάθους 8bits </li></ul></ul><ul><ul><li>είναι ιδανικός για εικόνες με πολλές ακμές και γωνίες όπως γραμμικά σχέδια – υποστηρίζει διαφάνεια </li></ul></ul><ul><ul><li>μπορεί να χρησιμοποιηθεί για κινούμενη εικόνα </li></ul></ul><ul><li>Τα μειονεκτήματα του είναι: </li></ul><ul><ul><li>δεν είναι κατάλληλο για εικόνες με πολλά χρώματα </li></ul></ul><ul><ul><li>δεν είναι ανεξάρτητος από την ανάλυση της εικόνας </li></ul></ul>
  14. 14. GIF 256 Color Palette Original GIF
  15. 15. Συμπίεση Εικόνας <ul><li>Δύο κατηγορίες τεχνικών συμπίεσης </li></ul><ul><ul><ul><li>Χωρίς απώλειες (lossless): η εικόνα που παράγεται μετά από συμπίεση και αποσυμπίεση της αρχικής είναι της ίδιας ποιότητας </li></ul></ul></ul><ul><ul><ul><li>Με απώλειες (lossy): η εικόνα που παράγεται μετά από συμπίεση και αποσυμπίεση της αρχικής είναι κατώτερης ποιότητας </li></ul></ul></ul>
  16. 16. Συμπίεση Εικόνας <ul><ul><li>Ο βαθμός αποτελεσματικότητας μιας τεχνικής συμπίεσης είναι συνήθως αντιστρόφως ανάλογος της διατήρησης ποιότητας της αρχικής εικόνας </li></ul></ul><ul><ul><li>Οι μορφές απεικόνισης ( format ) μιας εικόνας σχετίζονται και με τον τρόπο συμπίεσής της </li></ul></ul><ul><ul><ul><li>GIF (Graphics Interchange Format) – περιορίζεται στην αναπαράσταση εικόνων μέσω 256 χρωμάτων (8 bits of color depth ) </li></ul></ul></ul><ul><ul><ul><li>JPEG (Joint Photographic Experts Group) – εκατομμύρια χρωμάτων (24 bits of color depth ) </li></ul></ul></ul>
  17. 17. Συμπίεση αρχείου ψηφιογραφικής εικόνας - Συμπίεση χωρίς απώλειες ( LZW) *.TIF, *. PSD - Συμπίεση με απώλειες ( JPEG) *.JPG Α Γ Β
  18. 18. Υβριδικές τεχνικές: JPEG - VI lossless – 21250 bytes lossy – 4189 bytes lossy – 3112 bytes lossy – 2209 bytes lossy – 1831 bytes lossy – 1644 bytes
  19. 19. Βασικές μορφοποιήσεις ( formats ) αρχείων εικόνας ΟΝΟΜΑ Μορφοποίησης Επέκταση αρχείου Πλεονεκτήματα Μειονεκτήματα Συνηθισμένη Χρήση TIFF (Tagged Image File) *.tif Ασυμπίεστη πληροφορία χωρίς απώλειες . . Συμβατό με όλες τις πλατφόρμες υλικού και λογισμικού Μεγάλο μέγεθος αρχείου Δύσκολο στην αποθήκευση Αρχειοθέτηση ψηφιακών εικόνων με όλη την αρχική πληροφορία διαθέσιμη GIF (CompuServe Graphics Interface Format) *.gif Μικρό μέγεθος, εύκολη αποθήκευση και μεταφορά, δυνατότητα διαφάνειας Περιορισμός χρωμάτων στα 256 Εικόνες grayscale , εικόνες με διαφάνεια ή εικόνες με λίγα χρώματα JPEG (Joint Photo graphics Expert Group) *.jpg Προσφέρει «πραγματικό χρώμα» (16,8 Μ) και δυνατότητα καθορισμού του βαθμού συμπίεσης Απωλεστική συμπίεση Παρουσίαση εικόνων συνεχούς τόνου (πχ. φωτογραφίες) στο Web PSD (PhotoShop images) *.psd Διατηρεί πλήθος πληροφοριών (πχ. channels , layers , paths ) για την ολοκληρωμένη επεξεργασία της εικόνας. Συμβατό μόνον με συγκεκριμένες εφαρμογές Δεν χρησιμοποιείται στο Web Ενδιάμεση φόρμα αποθήκευσης για παραπέρα επεξεργασία της εικόνας. BMP (Standard Windows Bitmap) *.bmp Αποδίδει καλά σε εφαρμογές των Windows και του OS/2 Απώλεια πληροφορίας, δύσκολο στη διαπλα-τφορμική μεταφορά του Σε εφαρμογές των Windows και του OS/2 CDR (Corel Draw)) *.cdr Μικρό μέγεθος αρχείου, ομαλή αναπαράσταση καμπυλών Μη φωτορεαλιστική Γραμματοσειρές, λογότυπα, σχεδιαγράμματα
  20. 20. Τι είδους εικόνα είναι;
  21. 21. Κατευθείαν από φωτογραφική
  22. 22. Έχει υποστεί απωλεστική συμπίεση;
  23. 23. Έχει υποστεί απωλεστική συμπίεση;
  24. 24. Ευρύτατη χρήση στο διαδίκτυο
  25. 25. Αποθήκευση ως;
  26. 26. Αρχείο φωτογραφικής μηχανής
  27. 27. Επεξεργασία ψηφιογραφικής εικόνας <ul><li>Εισαγωγή εικόνας </li></ul><ul><li>Ρύθμιση της σωστής ανάλυσης, </li></ul><ul><li>Κοπή και στρέψη </li></ul><ul><li>Ρύθμιση των χρωμάτων, των τόνων και της αντίθεσης </li></ul><ul><li>Επεξεργασία σε επιλεγμένες περιοχές </li></ul><ul><li>Εφαρμογή ειδικών φίλτρων </li></ul><ul><li>Εισαγωγή κειμένου </li></ul><ul><li>Αποθήκευση - Συμπίεση </li></ul>Προγράμματα επεξεργασίας <ul><li>Adobe Photoshop </li></ul><ul><li>Photo Paint </li></ul><ul><li>Paint Shop Pro κ.α. </li></ul>
  28. 28. Περί σαρωτών <ul><li>Ανάλυση εικόνας </li></ul><ul><li>Μέτρηση σε Dots Per Inch (dpi) </li></ul><ul><li>72 dpi για οθόνη </li></ul><ul><ul><li>17” monitor @ 1024x768 </li></ul></ul><ul><ul><ul><li>1024 pixels (dots) / 12.5 inches = 82 dpi </li></ul></ul></ul><ul><ul><ul><li>768 pixels (dots) / 9.5 inches = 81 dpi </li></ul></ul></ul><ul><li>300-600+ dpi για εκτύπωση </li></ul>
  29. 29. Ψηφιοποίηση εικόνας μέσω σαρωτή
  30. 30. Προσθετικό μοντέλο RGB Όλα μαζί δίνουν λευκό
  31. 31. Αφαιρετικό μοντέλο CMYK Όλα μαζί = μαύρο Χρήση στην εκτύπωση
  32. 32. True Color (RGB) “Palette”
  33. 33. Standard Web Palette
  34. 34. Παραδείγματα Μονοχρωματικό Αναλογικό Συμπληρωματικό Αντίθετα στο χρωματικό κύκλο

Editor's Notes

  • Αναγκαιότητα JPEG Τιμές συμπίεσης κλίμακα 12-100 . Ιδανική συμπίεση Απώλεια μη ανατρέψιμη Απώλεια με πολλαπλές αποθηκεύσεις
  • 1. Complimentary colors: http://www.pbs.org/empires/romans/ Complimentary colors red &amp; green- opposite each other on the color wheel. Good contrast, muted colors lessen the contrast Yello colors act as a unifying element, making the colors harmonize together. 2. Monochromatic colors: http://www.pbs.org/wgbh/amex/foster/ When you limit your palette to one hue, it is easier to create a harmonious composition. Color suggests a sense of history, aging paper 3. Analogous colors: http://www.pbs.org/animateddogs/ Analogous schemes use colors next to each other on the color wheel which tend to be harmonious. Blues and greens promote the feeling of peacefullness and nature. This type of color scheme has low contrast, which is easy on the eye.

×