Φύλλο Ασκήσεων 1 Εισαγωγή στο Adobe Photoshop Επιμέλεια Ασκήσεων: Νίκος Πλόσκας

Φύλλο Ασκήσεων 1 Εισαγωγή στο Adobe Photoshop Επιμέλεια Ασκήσεων: Νίκος Πλόσκας Χρωματικά Μοντέλα Ένα χρωματικό μοντέλο είναι ένα τρισδιάστατο σύστημα συντεταγμένων όπου κάθε χρώμα αναπαρίσταται από ένα σημείο. Σήμερα, στις οθόνες και στις κάμερες συναντάται το μοντέλο RGB (red, green, blue), ενώ στους έγχρωμους εκτυπωτές το μοντέλο CMYK (cyan, magenta, yellow, black). Στο μοντέλο RGB το κάθε χρώμα εκφράζεται συναρτήσει των τριών βασικών χρωμάτων, του κόκκινου, του πράσινου και του μπλε και βασίζεται σε ένα καρτεσιανό σύστημα συντεταγμένων. Οι εικόνες που βασίζονται στο μοντέλο αυτό αποτελούνται από τρία ανεξάρτητα επίπεδα, ένα για κάθε βασικό χρώμα. Όταν τροφοδοτηθούν στην οθόνη, τα τρία επίπεδα συνδυάζονται πάνω στη φωσφορίζουσα επιφάνεια και παράγουν μια σύνθετη έγχρωμη εικόνα. Το χρωματικό μοντέλο CMYK σχετίζεται με το RGB, γιατί πρόκειται στην ουσία για συμπληρωματικά μοντέλα με τις ίδιες βασικές αρχές και ιδιότητες. Η διαφορά με το RGB είναι ότι στο CMΥ η επιφάνεια που αναπαράγονται τα χρώματα είναι πια το χαρτί, το οποίο είναι άσπρο σε αντίθεση με την μαύρη οθόνη των υπολογιστών. Έτσι οποιαδήποτε αναπαραγωγή χρωμάτων ξεκινάει έχοντας ως βάση το λευκό και όχι το μαύρο. Κατηγορίες Εικόνων Τα γραφικά υπολογιστών διακρίνονται σε δύο κύριες κατηγορίες: τα ψηφιογραφικά και τα διανυσματικά. Ένα αρχείο Photoshop μπορεί να περιέχει και ψηφιογραφικά και διανυσματικά δεδομένα. Οι ψηφιογραφικές εικόνες χρησιμοποιούν ένα πλέγμα χρωμάτων γνωστά ως εικονοστοιχεία (pixels) για να αναπαριστούν εικόνες. Σε κάθε εικονοστοιχείο αντιστοιχεί μια συγκεκριμένη θέση και μια τιμή χρώματος. Οι ψηφιογραφικές εικόνες είναι το πιο κοινό ηλεκτρονικό μέσο για φωτογραφίες. Οι εικόνες αυτές είναι εξαρτώμενες από την ανάλυση, γιατί περιέχουν σταθερό αριθμό εικονοστοιχείων. Κατά συνέπεια, μπορούν να χάσουν τη λεπτομέρεια και να εμφανιστούν παραμορφωμένες εάν αλλάξει το μέγεθός τους ή αν τυπωθούν σε μια χαμηλότερη ανάλυση από αυτή για την οποία δημιουργήθηκαν. Τα διανυσματικά γραφικά αποτελούνται από γραμμές και καμπύλες που καθορίζονται από μαθηματικά αντικείμενα που αποκαλούνται διανύσματα. Τα διανύσματα περιγράφουν μια εικόνα σύμφωνα με τα γεωμετρικά της χαρακτηριστικά. Σε μια τέτοια εικόνα μπορεί να αλλαχθεί το μέγεθος της ή το χρώμα της χωρίς απώλεια της ποιότητάς της. Συνεπώς τα διανυσματικά γραφικά είναι η πλέον κατάλληλη επιλογή όταν θέλουμε να σχεδιάσουμε γραφικά που πρέπει να διατηρούνται σε κλιμακώσει και άλλες μορφές επεξεργασίας. Adobe Photoshop Το Adobe Photoshop είναι ένα πρόγραμμα επεξεργασίας ψηφιακής εικόνας. Προσφέρει στο χρήστη μία πληθώρα εργαλείων για να δημιουργήσει και να επεξεργαστεί μια ψηφιακή εικόνα είτε πρόκειται να τη χρησιμοποιήσει ηλεκτρονικά είτε να την τυπώσει στο χαρτί. Η περιοχή εργασίας του Photoshop (Εικόνα 1) αποτελείται από τη γραμμή των μενού (κατάλογοι επιλογών), την εργαλειοθήκη, τη γραμμή επιλογών εργαλείων, τις παλέτες καθώς και τα παράθυρα εγγράφων που ανοίγει ο χρήστης. Συστήματα Πολυμέσων - σελίδα 1 από 10

Εργαλειοθήκη Η εργαλειοθήκη περιέχει εργαλεία για την επιλογή περιοχών στις εικόνες, την εφαρμογή χρωμάτων και εργαλεία για την επιλογή χρωμάτων φόντου και προσκηνίου. Όταν κάνετε κλικ πάνω σε κάποιο εργαλείο, ορισμένα από αυτά εμφανίζουν ένα μικρό τρίγωνο στην κάτω δεξιά γωνία τους, που σημαίνει ότι υπάρχουν επιπλέον «κρυμμένα» εργαλεία. Πατώντας πάνω στο τρίγωνο μπορείτε να επιλέξετε τα εργαλεία αυτά. Τα περισσότερα εργαλεία έχουν επιλογές που εμφανίζονται στη γραμμή επιλογών εργαλείων. Στην παρακάτω εικόνα εμφανίζεται η γραμμή επιλογών εργαλείων του επιλεγμένου εργαλείου Πλαισίων Επιλογής. Τα εργαλεία του Photoshop, καθώς και η λειτουργία που επιτυγχάνουν, εμφανίζονται στη συνέχεια: Συστήματα Πολυμέσων - σελίδα 2 από 10

Συστήματα Πολυμέσων - σελίδα 3 από 10

Συστήματα Πολυμέσων - σελίδα 4 από 10

Μενού Επιλογών Τα μενού επιλογών είναι τα: File, Edit, Image, Layer, Select, Filter, View, Window και Help. Στο μενού File βρίσκονται οι εξής επιλογές: Άνοιγμα και αποθήκευση αρχείων (new, open, save, ) Συστήματα Πολυμέσων - σελίδα 5 από 10

Εισαγωγή και εξαγωγή υλικού σε ειδική μορφή (import, export) Ρυθμίσεις εκτυπώσεων (page setup, print, ) Στο μενού Edit βρίσκονται οι εξής επιλογές: Λειτουργίες επεξεργασίας ψηφιακής πληροφορίας (undo, cut, copy, paste, find & replace text, ) Εισαγωγή πληροφορίας χρώματος με ειδικό τρόπο (fill, stroke) Περιστροφή εικόνας ή επιλεγμένου τμήματος (free transform, transform) Διάφορες ρυθμίσεις (define brush, define pattern, preferences, ) Στο μενού Image βρίσκονται οι εξής επιλογές: Ρυθμίσεις βάθους χρώματος και χρωματικού μοντέλου της εικόνας (mode) Ρυθμίσεις της χρωματικής ισορροπίας της εικόνας (brightness, contrast, color balance, adjustments, ) Ρυθμίσεις του μεγέθους της εικόνας και του καμβά, καθώς και περιστροφή αυτού (image size, canvas size, rotate canvas) Αποκοπή τμήματος της εικόνας (crop) Στο μενού Layer βρίσκονται οι εξής επιλογές: Δημιουργία νέου Layer Επεξεργασία ενός Layer Σύμπτυξη των Layers Συστήματα Πολυμέσων - σελίδα 6 από 10

Στο μενού Select υπάρχουν οι εξής επιλογές: Επιλογή, αποεπιλογή και αντιστροφή επιλεγμένης περιοχής (all, deselect, inverse) Επιλογή με βάση το χρωματικό εύρος (color image) Ρυθμίσεις για την ακριβέστερη διαμόρφωση της υπό επιλογήν περιοχής (feather, modify, grow) Αποθήκευση και επαναχρησιμοποίηση μιας διαμορφωμένης επιλογής (load & save selection) Στο μενού Filter υπάρχουν οι εξής επιλογές: Βελτίωση της ποιότητας της εικόνας (sharpen, ) Απόδοση καλλιτεχνικής χροιάς στην εικόνα Στο μενού View υπάρχουν επιλογές σχετικά με την εμφάνιση της εικόνας είτε στην οθόνη είτε κατά την εκτύπωσή της. Στο μενού Window υπάρχουν επιλογές που βοηθούν το χρήστη να διαμορφώσει το περιβάλλον εργασίας του Photoshop. Συστήματα Πολυμέσων - σελίδα 7 από 10

Παλέτες Οι βασικότερες παλέτες είναι οι εξής: 1. Navigator Info a. Navigator: Ρυθμίσεις μεγέθους της εικόνας b. Info: Πληροφορίες χρώματος, μεγέθους και θέσης της εικόνα 2. Color Swatches - Brushes a. Color: Δημιουργία χρώματος με ανάμειξη R, G & B b. Swatches: Επιλογή χρωμάτων από ομάδα προεπιλεγμένων c. Brushes: Αλλαγή μεγέθους των εργαλείων επεξεργασίας 3. History Actions a. History: Επιλογή προηγούμενων επιλογών για ακύρωση b. Actions: Αυτοματοποιεί τη διαδικασία επεξεργασίας με τον καθορισμό μιας σειράς ενεργειών που μπορεί να εφαρμοστεί και πάλι σε άλλες εικόνες 4. Layers Channels Paths a. Παρουσιάζει τα layers της εικόνας και κάνει δυνατή την επεξεργασία τους b. Channels: Προβολή των καναλιών μιας έγχρωμης εικόνας c. Paths: διαχείριση των καμπυλών και διαδρομών μιας εικόνας. Συστήματα Πολυμέσων - σελίδα 8 από 10

Άσκηση 1 (Ίσιωμα και κοπή εικόνας) 1. Ανοίξτε την εικόνα door.jpg (File Open). 2. Επιλέξτε το εργαλείο κοπής από την εργαλειοθήκη ( ). 3. Στη γραμμή επιλογών εργαλείων εισάγετε τις επιθυμητές διαστάσεις σε ίντσες: Πλάτος (Width) 2 και ύψος (Height) 3. 4. Σχηματίστε ένα πλαίσιο γύρω από την εικόνα. 5. Μέσα στο παράθυρο της εικόνας, μετακίνησε το δείκτη έξω από το παράθυρο κοπής και σύρετε δεξιόστροφα για να περιστρέψετε το πλαίσιο (μέχρι να γίνει παράλληλο με την κάσα της πόρτας). 6. Τοποθετήστε το δείκτη μέσα στο πλαίσιο κοπής και σύρτε το μέχρι να καδράρει σωστά η εικόνα. 7. Πατήστε Enter. 8. Αποθηκεύστε την εικόνα ως door1.jpg (File Save as). Άσκηση 2 (Προσαρμογή γκάμας των τόνων της εικόνας) 1. Επιλέξτε την επιλογή Image Adjustments Levels. 2. Ενεργοποιήστε την επιλογή Preview (αν δεν είναι ήδη ενεργοποιημένη). 3. Σύρτε το αριστερό τρίγωνο προς τα δεξιά (σκουρότερα χρώματα) και το δεξιό τρίγωνο στα αριστερά (φωτεινότερα χρώματα). 4. Σύρτε το μεσαίο τρίγωνο προς τα αριστερά (φωτισμός των μεσαίων τόνων) και κάντε κλικ στο ΟΚ. 5. Επιλέξτε την εντολή Image Auto Contrast. 6. Αποθηκεύστε την εικόνα ως door2.jpg (File Save as). Άσκηση 3 (Εξάλειψη ανεπιθύμητων αποχρώσεων από μια εικόνα) 1. Επιλέξτε την εντολή Image AutoColor. 2. Αποθηκεύστε την εικόνα ως door3.jpg (File Save as). Άσκηση 4 (Αντικατάσταση χρωμάτων σε μια εικόνα) Συστήματα Πολυμέσων - σελίδα 9 από 10

1. Κάντε κλικ στο εργαλείο ορθογώνιων πλαισίων της εργαλειοθήκης ( ) και σχηματίστε ένα πλαίσιο επιλογής γύρω από τον μπλε τοίχο στην κορυφή της εικόνας. 2. Επιλέξτε την εντολή Image Adjustments Replace Color. 3. Κάντε κλικ στο πρώτο σταγονόμετρο και κατόπιν κάντε κλικ μια φορά στον μπλε τοίχο της εικόνας για να επιλέξετε την περιοχή. 4. Επιλέξτε το εργαλείο σταγονόμετρο με το συν και σύρετε πάνω στις άλλες περιοχές του μπλε τοίχου μέχρι να γίνει ολόκληρος ο τοίχος λευκός. 5. Προσαρμόστε το επίπεδο ανοχής της μάσκας στο 80, μετακινώντας το μηχανισμό κύλισης Fuzziness. 6. Στην περιοχή Transform σύρτε το μηχανισμό κύλισης Hue (Χροιά) στην τιμή -40, το μηχανισμό Saturation (κορεσμός) στην τιμή -45 και το μηχανισμό Lightness (φωτεινότητα) στην τιμή 0 και κάντε κλικ στο οκ. 7. Για να αποεπιλέξετε τα πάντα πηγαίνετε Select Deselect. 8. Αποθηκεύστε την εικόνα ως door4.jpg (File Save as). Άσκηση 5 (Προσαρμογή της φωτεινότητας της εικόνας) 1. Επιλέξτε το εργαλείο φωτίσματος από την εργαλειοθήκη ( ). 2. Στη γραμμή επιλογών εργαλείων κάντε τις εξής ρυθμίσεις: 27 στο Brush, Highlights στο Range και 15% στο Exposure. 3. Με κάθετες κινήσεις σύρετε το εργαλείο φωτίσματος πάνω στις κουρτίνες του παραθύρου για να αναδείξετε τις λεπτομέρειες. 4. Αποθηκεύστε την εικόνα ως door5.jpg (File Save as). Άσκηση 6 (Προσαρμογή της φωτεινότητας της εικόνας) 1. Επιλέξτε το εργαλείο σπόγγος. 2. Στη γραμμή επιλογών εργαλείων κάντε τις εξής ρυθμίσεις: 27 στο Brush, Saturate στο Mode και 90% στο Flow. 3. Σύρετε το σπόγγο μπρος πίσω πάνω στα λουλούδια για να αυξήσετε τον κορεσμό των χρωμάτων τους. 4. Αποθηκεύστε την εικόνα ως door6.jpg (File Save as). Άσκηση 7 (Προσαρμογή τους φίλτρου Unsharp Mask) 1. Επιλέξτε την εντολή Filter Sharpen Unsharp Mask και μαρκάρετε το πλαίσιο ελέγχου Preview (αν δεν είναι ήδη μαρκαρισμένο). 2. Στο παράθυρο διαλόγου καθορίστε τις ακόλουθες ρυθμίσεις: 75% στο Amount, 1 στο Radius και 0 στο Threshold και κάντε κλικ στο ΟΚ. 3. Αποθηκεύστε την εικόνα ως door7.jpg (File Save as). Άσκηση 8 (Αποθήκευση της εικόνας για εκτύπωση τετραχρωμίας) 1. Επιλέξτε την εντολή Image Mode CMYK Color. 2. Επιλέξτε την εντολή File Save as και στο παράθυρο που θα εμφανιστεί επιλέξτε τη μορφή αρχείου TIFF και κάντε κλικ στο Save. 3. Στο παράθυρο που θα εμφανιστεί επιλέξτε στο πεδίο Byte Order το IBM PC και κάντε κλικ στο ΟΚ. Συστήματα Πολυμέσων - σελίδα 10 από 10