ΠΕΚ ΚΑΒΑΛΑΣ - ΣΕΜΙΝΑΡΙΟ : ΕΝΣΩΜΑΤΩΣΗ ΤΠΕ ΣΤΗ ΔΙΔΑΣΚΑΛΙΑ

1. ΕΝΟΤΗΤΑ 2η
Επεξεργασία εικόνας

2. Συγκέντρωση υλικού
 Αναζήτηση στο internet
 Φωτογράφηση (και με snapshot)
 Σάρωση
 Δημιουργία και επεξεργασία
με οποιοδήποτε λογισμικό
επεξεργασίας εικόνας
◦ Gimp
◦ Photoshop
◦ Picasa
◦ κ.ά.
Εικόνα και γραφικά

3. Ιστότοποι για αναζήτηση εικόνων στο internet
http://openclipart.org
http://www.teacherfiles.com
http://www.animationfactory.com
http://www.clipsahoy.com
http://www.freeimages.co.uk
http://www.freedigitalphotos.net
http://www.sxc.hu
http://www.bigfoto.com
http://creativecommons.org
ΚΑΙ ΠΟΛΛΑ ΑΛΛΑ
Εικόνα και γραφικά
Συγκέντρωση υλικού

4. Εικόνα και γραφικά περιεχομένου
 Φωτογραφίες
 Σκίτσα
 Γραφικές παραστάσεις
 Διαγράμματα ροής
 Διαγράμματα οργάνωσης
Εικόνα και γραφικά
Χρήση

5. Εικόνα και γραφικά
Μορφές
Συνηθισμένες μορφές αποθήκευσης
εικόνων
∙ Ψηφιογραφικές:
bmp, jpg, tiff, gif, png
∙ Διανυσματικές:
svg, ai, dxf, ps – eps

6. Εικόνα και γραφικά
Μορφές
α. Διανυσματικές εικόνες (vector graphics)
 Δημιουργούνται από:
-Την ψηφιοποίηση εικόνων μέσω σαρωτή
-Τo Microsoft Office ως αντικείμενα σχεδίασης
και γραφικές παραστάσεις
-Τα προγράμματα δημιουργίας και
επεξεργασίας διανυσματικής εικόνας
όπως το Corel Draw, το Adobe Illustrator κ.α.
 Αποτελούνται από αντικείμενα σχεδίασης τα
οποία βασίζονται σε ειδικά μαθηματικά
μοντέλα (γραμμές, ορθογώνια, ελλείψεις ή τόξα).

7. Εικόνα και γραφικά
Μορφές
β. Χαρτογραφικές ή ψηφιογραφικές εικόνες
(bitmap graphics)
 Δημιουργούνται από:
-Την ψηφιοποίηση εικόνων μέσω σαρωτή
-Τις ψηφιακές φωτογραφικές και
εικονοληπτικές μηχανές
-Την σύλληψη εικόνων από τη οθόνη του
υπολογιστή
-Την ψηφιοποίηση εικόνων βίντεο ή
τηλεόρασης με ειδική κάρτα
-Τα προγράμματα δημιουργίας και
επεξεργασίας χαρτογραφικής εικόνας όπως το
Gimp, το Photoshop, κ.α..

8. Εικόνα και γραφικά
Μορφές
β. Χαρτογραφικές ή ψηφιογραφικές εικόνες
(bitmap graphics)
 Χαρακτηρίζονται από:
- Την ανάλυση (resolusion) (72-100ppi), (100-
250ppi), (250-400ppi)
- Το χρωματικό βάθος (color depth) (1bit_2),
(8bit_256)
- Τη διάσταση (size)

9. Εικόνα και γραφικά
Μέγεθος
= (αριθμός pixels) x (βάθος χρώματος)
= [(pixels κατά πλάτος) x (pixels κατά ύψος)] x (βάθος
χρώματος)
= [(ανάλυση x πλάτος) x (ανάλυση x ύψος)] x (βάθος χρώματος)
π.χ.
(2560 X 1920)pixels X 24bit = 4.915.200p X 24bit = 117.964.800
bits =14.745.600 bytes = 14.400 KB = 14,06 MB
[(100ppi x 10”) X (100ppi x 7,5”)] X 24bit = (1000 x 750)p X 24bit =
= 750.000p X 24bit = 18.000.000 bits = 2.250.000 bytes = 2,14 MB

10. ΟΝΟΜΑ
Μορφοποίησης
Επέκταση
αρχείου
Πλεονεκτήματα Μειονεκτήματα
Συνηθισμένη
Χρήση
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
Απώλεια πληροφορίας,
δύσκολο στη
διαπλατφορμική
μεταφορά του
Σε εφαρμογές των
Windows
CDR
(Corel Draw)
*.cdr Μικρό μέγεθος αρχείου, ομαλή
αναπαράσταση καμπυλών
Μη φωτορεαλιστική
Γραμματοσειρές,
λογότυπα,
σχεδιαγράμματα
PNG
(Portable Network
Graphics)
Δημιουργήθηκε ως μια
βελτιωμένη αντικατάσταση του
Graphics Interchange Format
(GIF)
Όχι κατάλληλο για
επαγγελματικής ποιότητας
γραφικά. Δεν υποστηρίζει
CMYK.
Μορφή συμπίεσης
στο Διαδίκτυο
χωρίς
απώλειες εικόνας
Βασικές μορφοποιήσεις (formats) αρχείων εικόνας

11. BMP 8bit

12. BMP 24bit

13. BMP grayscale

14. GIF

15. JPG Low quality

16. JPG High quality

17. PNG

18. Σύγκριση jpeg και png

19. Εικόνα και γραφικά
Επιλογή εικόνας από το internet
Προσέχουμε :
α) να συνοδεύονται από άδειες χρήσης
Όποτε χρησιμοποιούμε κάποια εικόνα
αναφέρουμε διακριτικά την πηγή
απ’ όπου την αντιγράψαμε.
β) να αποθηκεύονται αρχικά
στο μεγαλύτερο δυνατό μέγεθος
και στην καλύτερη δυνατή ανάλυση
Με αυτόν τον τρόπο η εικόνα ακόμη και μετά από
επεξεργασία θα έχει καλή ποιότητα.
γ) να μορφοποιούνται σε μορφή jpeg
(είναι «ελαφρύ» αρχείο και σχετικά καλής ποιότητας)

20. Εικόνα και γραφικά
Βασική επεξεργασία εικόνας
Χρησιμοποιούμε κάποιο πρόγραμμα
επεξεργασίας εικόνας (π.χ. το Gimp)
προκειμένου να πετύχουμε :
Αλλαγή μεγέθους (scale)
Περικοπή (Crop)
Αλλαγή κατάστασης χρώματος
Περιστροφή (rotation)
Αλλαγή προοπτικής (perspective)
Επιλογές τμημάτων εικόνας
και πολλά άλλα.

21. Για περισσότερες επεξεργασίες
στην επόμενη συνάντησή μας,
λάβετε μια ιδέα
στις επόμενες διαφάνειες.