You are on page 1of 244

Ηλεκτρονική Επεξεργασία Εικόνας

Δ .Ι.Ε.Κ. Χ ΑΛΑΝΔΡΙΟΥ
2021-2022

Ε ΥΑ Γ Γ Ε Λ Ο Σ Κ Υ Ρ Ι Α Ζ Η Σ
Π Λ Η Ρ Ο Φ ΟΡ Ι ΚΟΣ Π Ε 86
Ηλεκτρονική Επεξεργασία Εικόνας
1
28-2-2022

 Κάθε επεξεργασία που κάνουμε σε μία φωτογραφία με τη βοήθεια ηλεκτρονικής


συσκευής (υπολογιστή, tablet, smart phone, κλπ.)

Τύποι επεξεργασίας:
 Γεωμετρικές μετατροπές (περιστροφή, αλλαγή μεγέθους και ανάλυσης)

 Χρωματικές μετατροπές και διορθώσεις (φωτεινότητα, αντίθεση)

 Συμπίεση και μετατροπή της μορφής αποθήκευσης (πχ από .tif σε .jpg)

 Εφαρμογή φίλτρων για βελτίωση (εξάλειψη φαινομένου «κόκκινων ματιών»)

 Ανάμιξη εικόνων (φωτομοντάζ) ή κατάτμηση εικόνας σε περιοχές

 Αποκατάσταση (από θόρυβο, θόλωμα, παραμόρφωση)


Λογισμικά Ψηφιακής Επεξεργασίας Εικόνων
2

 Adobe Lightroom
 Skylum Luminar
 Adobe Photoshop
 DxO PhotoLab
 ON1 Photo Raw
 Corel PaintShop Pro
 ACDSee Photo Studio Ultimate
Photo edited with Adobe Lightroom
 GIMP
 Canva
 PicMonkey
 …

Πηγή: Envira Gallery Blog, Άρθρο: 17 Best Photo Editing Software for
Photographers (2021 Ultimate Guide), by Alexandra Bateman on Feb 22, 2021
https://enviragallery.com/best-photo-editing-software-for-photographers/
Adobe Photoshop CS (έκδοση 3)
3

 Μέσα στον φάκελο στον οποίο σας έγινε κοινοποίηση μέσω Google Drive βρίσκουμε το
αρχείο με όνομα: Adobe Photoshop CS3.exe
 Κατεβάζουμε το αρχείο στον υπολογιστή μας και έχουμε στη διάθεσή μας μία Portable
έκδοση του προγράμματος επεξεργασίας εικόνων Photoshop
 Εκτελούμε το πρόγραμμα με διπλό κλικ από τον υπολογιστή μας

 Στα μηνύματα που θα εμφανιστούν επιλέγουμε πρώτα «ΝΑΙ» και μετά ότι το
πρόγραμμα εγκαταστάθηκε σωστά
 Δεν γίνεται εγκατάσταση του προγράμματος στον υπολογιστή μας αλλά εκτελείται
κατευθείαν από το αρχείο που έχουμε κάνει λήψη
 Έχουμε υπομονή για το άνοιγμα της εφαρμογής καθώς είναι Portable (δεν είναι
εγκατεστημένη) και αργεί να φορτώσει στη μνήμη RAM του υπολογιστή μας έως και
περισσότερο από μισό λεπτό (ανάλογα με τον επεξεργαστή)
 Στην οθόνη μας εμφανίζεται η εικόνα της επόμενης διαφάνειας…
Adobe Photoshop CS (έκδοση 3)
4
ΕΝΟΤΗΤΑ 1
5

Γνωριμία με το περιβάλλον εργασίας του


Adobe Photoshop CS (έκδοση 3)
Δραστηριότητα 1
6

Πλοήγηση στο περιβάλλον εργασίας του Photoshop


Περιβάλλον εργασίας του Photoshop
7

 Ανοίγοντας το Photoshop παρουσιάζεται η παρακάτω εικόνα


 Τα στοιχεία που απαρτίζουν τη βασική οθόνη πλοήγησης του προγράμματος
περιγράφονται παρακάτω
 Ο κενός χώρος της οθόνης
δεσμεύεται για τα αρχεία
γραφικών που θα
επεξεργαζόμαστε
 Στο αριστερό μέρος της
οθόνης βλέπουμε την
παλέτα εργαλείων του
Photoshop
Παλέτα εργαλείων του Photoshop (1)
8
Παλέτα εργαλείων του Photoshop (2)
9

 Τα εργαλεία αυτά μας βοηθούν να εκτελούμε όλες τις διαδικασίες που χρειάζονται για
την επεξεργασία μιας εικόνας
 Επειδή το Photoshop διαθέτει μεγάλο αριθμό εργαλείων, για να χωρέσουν στη
συγκεκριμένη παλέτα, αυτά οργανώθηκαν ανά κατηγορίες
 Κάνουμε κλικ σε ένα εργαλείο που έχει στην κάτω δεξιά γωνία του ένα μαύρο βελάκι,
για να ανοίξουμε το μενού και να επιλέξουμε κάποιο άλλο σχετικό εργαλείο
Μπάρα εργαλείων του Photoshop
10

 Τα περισσότερα από τα εργαλεία της παλέτας έχουν ιδιότητες που ορίζουν π.χ. το
χρώμα των γραμμάτων, το μέγεθος της βούρτσας κ.α.
 Για να εμφανίσουμε τη σχετική μπάρα κάνουμε κλικ στο εργαλείο που θέλουμε και
αυτή εμφανίζεται στο πάνω μέρος της οθόνης του Photoshop, περιέχοντας όλες τις
παραμέτρους που διατίθενται για το εργαλείο, όπως φαίνεται και από την ακόλουθη
εικόνα
Παράθυρα πληροφοριών του Photoshop
11

 Στο δεξί μέρος της οθόνης βρίσκονται τα


παράθυρα πληροφοριών που μας επιτρέπουν
είτε να πάρουμε πληροφόρηση σχετική με την
εικόνα (διαστάσεις εικόνας, χρώματα κ.α.)
είτε να εκτελέσουμε άλλες εργασίες (να
δημιουργήσουμε και να επεξεργαστούμε
επίπεδα, να πάμε πίσω στο ιστορικό της
εικόνας μας, να επιλέξουμε στυλ κ.α.)
 Μπορούμε να εμφανίσουμε ή να κρύψουμε
τα παράθυρα αυτά, ή να τα οργανώσουμε
 Αρκεί να τα τραβήξουμε από τη μπάρα τους
με το ποντίκι ή να χρησιμοποιήσουμε το
μενού «Παράθυρο» για να ενεργοποιήσουμε /
απενεργοποιήσουμε τα παράθυρα που
θέλουμε
Δραστηριότητα 1: Αυτοαξιολόγηση
12

1. Δείτε την εικόνα στα αριστερά και σημειώστε σε ένα


τετράδιο τις λειτουργίες των εικονιδίων κάθε αριθμού

2. Αν θέλετε να επιλέξετε ένα μέρος μιας εικόνας, πόσα


εργαλεία υπάρχουν συνολικά διαθέσιμα;
Δραστηριότητα 2
13

Χρήση του file browser


Χρήση του file browser (1)
14

 Η χρήση του file browser στο Photoshop


είναι απλή και δε διαφέρει από τα υπόλοιπα
προγράμματα, όπως π.χ. το Word
 Ο χρήστης καλείται να εντοπίσει στο δίσκο του
ένα αρχείο εικόνας, σε format που υποστηρίζει
το πρόγραμμα
 Για να ανοίξουμε κάποιο ήδη υπάρχον αρχείο
πηγαίνουμε στο μενού «Αρχείο» του Photoshop
και επιλέγουμε “Open” (“Άνοιγμα”)
Χρήση του file browser (2)
15

 Εμφανίζεται ο file browser και


εντοπίζουμε ένα αρχείο εικόνας που
βρίσκεται σε κάποιο φάκελο στο δίσκο
μας και κάνουμε διπλό κλικ πάνω του
ή κάνουμε κλικ στο πλήκτρο «Άνοιγμα»
 Στο κάτω μέρος του παραθύρου
διαλόγου φαίνεται η προεπισκόπηση
της εικόνας που έχουμε επιλέξει
 Στο πάνω μέρος υπάρχουν πλήκτρα
για να μετακινηθούμε στους φακέλους
του υπολογιστή μας και το πλήκτρο
αλλαγή τύπου προβολής εικόνων,
που μας βοηθά να δούμε thumbnails
των εικόνων που υπάρχουν στο δίσκο
μας
Δημιουργία νέου αρχείου (1)
16

 Για να δημιουργήσουμε ένα νέο αρχείο, επιλέγουμε «File» / «New» από το μενού
 Στο παράθυρο διαλόγου που εμφανίζεται υπάρχουν οι εξής επιλογές:
 «Name»: Το όνομα που θα δώσουμε
στο αρχείο
 «Preset»: Για προεπιλεγμένο τύπο
χαρτιού (Α4, Β5 κ.α.) αν θέλουμε να
φτιάξουμε φυλλάδια, πόστερ κλπ.
 «Width/Height/Resolution»: Ύψος,
Πλάτος και Ανάλυση της εικόνας
που θα δημιουργήσουμε
 «Color Mode»: Το σύστημα χρωμάτων που θα χρησιμοποιεί η εικόνα (π.χ. Χρώμα RGB
για απεικόνιση σε οθόνη και εφαρμογές WEB, ή CMYK αν προορίζεται για εκτύπωση)
 «Background Contents»: Αρχικό χρώμα που θα έχει το παρασκήνιο της εικόνας
Δημιουργία νέου αρχείου (2)
17

 Πατάμε ΟΚ και θα δούμε ότι


ο κενός χώρος του Photoshop
έχει αντικατασταθεί με ένα
παράθυρο/καμβά, όπου μέσα
επιτρέπεται η σχεδίαση
 Επιλέγουμε κάποιο εργαλείο
π.χ. το πινέλο ή το μολύβι και
αρχίζουμε να ζωγραφίζουμε
Δημιουργία νέου αρχείου (3)
18

 Για να αποθηκεύσουμε την εικόνα


μας, επιλέγουμε από το μενού
“File” > “Save As”
 Ανοίγει ένας παρόμοιος file browser
που θα μας προτρέπει να επιλέξουμε
την τοποθεσία αποθήκευσης, το
όνομα, αλλά και τη μορφή της
εικόνας (JPEG, PSD, GIF, BMP κ.α.)
 Η εικόνα αποθηκεύεται, μένει όμως
ανοιχτή στο Photoshop, έτσι ώστε
να κάνουμε διορθώσεις αν χρειαστεί
Δραστηριότητα 2: Αυτοαξιολόγηση
19

1. Δημιουργήστε μια εικόνα μεγέθους Α4 με ένα κόκκινο τετράγωνο που μέσα θα


περιέχει το όνομά σας με μαύρα γράμματα. Αποθηκεύστε την σε μορφή .PSD με το
όνομά σας ως όνομα αρχείου

2. Δημιουργήστε ένα νέο αρχείο εικόνας με διαστάσεις 100x100 pixels και λευκό
παρασκήνιο. Μεγιστοποιήστε το παράθυρο και δοκιμάστε να ζωγραφίσετε πέρα από
το παρασκήνιο. Τι παρατηρείτε;
Δραστηριότητα 3
20
14-3-2022

Γνωριμία με τα μενού και τη γραμμή κατάστασης


Το κεντρικό μενού του Photoshop (1)
21

 «File»: Διαδικασίες αρχείων (άνοιγμα, αποθήκευση, εισαγωγή εικόνας από άλλες


πηγές - video, σαρωτή κ.α.)
 «Edit»: Περιέχονται όλα τα εργαλεία που έχουν να κάνουν με την επεξεργασία
κομματιών εικόνας (αντιγραφή, επικόλληση, μεγέθυνση σμίκρυνση, κ.α.)
 «Image»: Περιέχονται όλα τα εργαλεία που έχουν να κάνουν με την ίδια την εικόνα ή
τον καμβά (μέγεθος εικόνας, καμβά, αναλογία πλευρών, περιστροφή καμβά κ.α.)
 «Layer»: Παρέχονται εργαλεία που έχουν σχέση με τη δημιουργία και επεξεργασία
επιπέδων σχεδίασης
Το κεντρικό μενού του Photoshop (2)
22

 «Select»: Εργαλεία επιλογής και αποεπιλογής κομματιών εικόνας


 «Filter»: Ψηφιακά φίλτρα για την εφαρμογή εφέ στις φωτογραφίες
 «View»: Επιλογές στοιχείων προβολής των εικόνων (ζουμ, χάρακες κ.α.)
 «Window»: Εμφάνιση και απόκρυψη των παραθύρων πληροφοριών
 «Help»: Βοήθεια για όλες τις επιλογές και τις λειτουργίες του Photoshop
Δραστηριότητα 3: Αυτοαξιολόγηση
23

1. Πού βρίσκεται η επιλογή αλλαγής του χρωματικού συστήματος σε CMYK;

2. Πώς εμφανίζουμε / κρύβουμε τους χάρακες σε μια εικόνα;


Δραστηριότητα 4
24

Κατανόηση των διαφόρων format εικόνας και η λειτουργία


«Αποθήκευση για Web & Συσκευές»
Format εικόνων
25

Τα format εικόνας ανάλογα με τον τρόπο αποθήκευσής τους διακρίνονται σε 2 βασικές


κατηγορίες:
1) Ψηφιογραφικά γραφικά (bitmap ή raster) 2) Διανυσματικά γραφικά (vector)
Ψηφιογραφικά γραφικά (bitmap ή raster)
26

 Τύπος εικόνας που αποτελείται από διακριτό


αριθμό εικονοστοιχείων που το κάθε ένα
έχει μία συγκεκριμένη τιμή χρώματος
 Αρχεία τέτοιου τύπου συνήθως καταναλώνουν
μεγάλο χώρο στο δίσκο και εξαρτώνται από
την ανάλυση στην οποία έχουν σχεδιαστεί
 Δεν είναι δυνατό να μεγεθυνθούν χωρίς
να χάσουν ποιότητα
 Αποτελούν τον απλούστερο και εύχρηστο
τρόπο αποθήκευσης πληροφορίας
 Τέτοια format είναι τα JPEG, TIFF, GIF, PNG, BMP κ.α.
Διανυσματικά γραφικά (vector)
27

 Τύπος εικόνας της οποίας τα στοιχεία απεικόνισης αποτελούνται από το αποτέλεσμα


μαθηματικών συναρτήσεων (διανυσμάτων)
 Αρχεία τέτοιου τύπου συνήθως καταλαμβάνουν μικρότερο χώρο στο δίσκο από τα
αντίστοιχα ψηφιογραφικά και το μεγάλο τους πλεονέκτημα είναι ότι είναι ανεξάρτητα
ανάλυσης
 Μπορούμε να μεγεθύνουμε την εικόνα όσο θέλουμε, χωρίς να χάσουμε ποιότητα
 Τέτοια format είναι τα AI, DXF, WMF, CDR κ.α.
Αποθήκευση για Web & Συσκευές (1)
28

 Κύριο μέλημα ενός σχεδιαστή πάντοτε είναι τα


γραφικά που σχεδιάζει και δημοσιεύει στο διαδίκτυο
(π.χ. για μια ιστοσελίδα) να καταναλώνουν το
μικρότερο δυνατό χώρο, γιατί από αυτό εξαρτάται η
ταχύτητα με την οποία κάποιος χρήστης θα πλοηγηθεί
 To Photoshop παρέχει εκείνα τα εργαλεία που
χρειάζονται για την ελαχιστοποίηση του μεγέθους
των εικόνων με τη μορφή ενός παραθύρου διαλόγου
που λέγεται «Αποθήκευση για Web & Συσκευές»
και που βρίσκεται στο μενού «Αρχείο».
“File” > “Save for Web & Devices…”
Αποθήκευση για Web & Συσκευές (2)
29

 Οι δύο φαινομενικά πανομοιότυπες εικόνες έχουν μια διαφορά


 Η αριστερή είναι η αρχική εικόνα που θέλουμε να συμπιέσουμε / αποθηκεύσουμε και
η δεύτερη είναι η προεπισκόπηση του συμπιεσμένου αρχείου
 Στο κάτω μέρος
των φωτογραφιών
φαίνεται ο χώρος
που καταλαμβάνουν
πριν και μετά τη
συμπίεση
 Η διαφορά μπορεί
να φτάσει και το 90%
σε κάποιες περιπτώσεις!
Αποθήκευση για Web & Συσκευές (3)
30

Τώρα επιλέγουμε:
 Το format του αρχείου (π.χ. JPEG)
 Το ποσοστό συμπίεσης που επιθυμούμε χρησιμοποιώντας
το δείκτη «Quality» (όσο μικρότερος ο δείκτης ποιότητας,
τόσο χειρότερη η τελική εικόνα)
Και πατάμε «OK»

Ένα παράθυρο διαλόγου μας προτρέπει να επιλέξουμε πού


θα σώσουμε την τελική εικόνα
Δραστηριότητα 4: Αυτοαξιολόγηση
31

1. Πειραματιστείτε με διάφορες τιμές του δείκτη «Ποιότητα» στο παράθυρο διαλόγου


«Αποθήκευση για Web & Συσκευές»
Τι παρατηρείτε στην ποιότητα και το μέγεθος της εικόνας;

2. Δοκιμάστε να ανοίξετε ένα vector γραφικό και να το αποθηκεύσετε ως bitmap


Τι παρατηρείτε ως προς το μέγεθος και την ποιότητα του αρχείου;
Δραστηριότητα 5
32

Εισαγωγή εικόνων στο Photoshop με τη χρήση σαρωτή


Χρήση σαρωτή (1)
33

Για να εισάγουμε στο Photoshop


εικόνα από σαρωτή ακολουθούμε
τα εξής βήματα:
Βήμα 1ο:
 Ανοίγουμε το Photoshop και
χωρίς να ανοίξουμε κάποιο
αρχείο πηγαίνουμε στο μενού
«Αρχείο» > «Εισαγωγή» (“File” >
“Import”)
 Εκεί, εάν ο σαρωτής μας είναι
εγκατεστημένος σωστά, θα
δούμε το όνομά του στη λίστα
Χρήση σαρωτή (2)
34

 Τον επιλέγουμε και


θα εμφανιστεί το
παράθυρο χειρισμού
του που μας
επιτρέπει να κάνουμε
προεπισκόπηση της
προς σάρωση
φωτογραφίας,
να ρυθμίσουμε την
ποιότητα και τον τύπο
της σάρωσης, και
τέλος να εκτελέσουμε
την κύρια διαδικασία
της σάρωσης
Χρήση σαρωτή (3)
35

Βήμα 2ο:
 Επιλέγουμε τις ρυθμίσεις που
θέλουμε (την ανάλυση της
φωτογραφίας, αν θα είναι
μονόχρωμη ή έγχρωμη κ.α.)
 Έπειτα, πιέζουμε το πλήκτρο scan
και μετά από λίγο η εικόνα μας θα
φανεί στο κυρίως παράθυρο του
Photoshop
 Από εκεί και μετά μπορούμε να
επεξεργαστούμε τη φωτογραφία
χρησιμοποιώντας τα εργαλεία που
μας παρέχονται
 Τέλος αποθηκεύουμε τη
φωτογραφία για μελλοντική χρήση
Δραστηριότητα 5: Αυτοαξιολόγηση
36

1. Κάντε σάρωση μιας φωτογραφίας και σώστε την πρώτη σαν JPEG και μετά σαν GIF.
Τι παρατηρείτε;
ΕΝΟΤΗΤΑ 2
37
21-3-2022

Εργασία με τα εργαλεία του Photoshop


Εργασία με pixels
Δραστηριότητα 1
38

Γνωριμία με τη χρήση των παλετών


Γνωριμία με τη χρήση των παλετών (1)
39

 Ανοίγουμε το Photoshop και δημιουργούμε ένα νέο αρχείο


 Για να το κάνουμε αυτό επιλέγουμε “File” > “New” και στο παράθυρο διαλόγου που θα
εμφανιστεί συμπληρώνουμε τα πεδία όπως φαίνονται στη παρακάτω εικόνα
Γνωριμία με τη χρήση των παλετών (2)
40

 Πατάμε OK και θα εμφανιστεί μια κενή εικόνα με τις παραμέτρους που επιλέξαμε
Χρήση της παλέτας «επίπεδα» για σχεδίαση σε επίπεδα
41

 Αρχικά παρατηρούμε την παλέτα “Layers” (=επίπεδα) του Photoshop


 Υπάρχει ένα μόνο επίπεδο με όνομα “Background”
 Αυτό είναι το «φόντο» της εικόνας μας
Βήμα 1ο
42

 Σχεδιάζουμε ένα τετράγωνο με το «εργαλείο ορθογωνίου» της παλέτας


εργαλείων κρατώντας πατημένο το αριστερό πλήκτρο του ποντικιού
και πηγαίνοντας το ποντίκι στη θέση που επιθυμούμε έτσι ώστε να
σχηματιστεί το τετράγωνο
 Εάν το συγκεκριμένο εργαλείο δεν εμφανίζεται, κρατάμε πατημένο
το αριστερό πλήκτρο του ποντικιού πάνω από το αντίστοιχο εργαλείο
που εμφανίζεται στη συγκεκριμένη θέση

 Παρατηρούμε ότι το τετράγωνο έχει δημιουργηθεί


σε νέο επίπεδο
 Έτσι μπορούμε
να μετακινήσουμε
αν θέλουμε το
σχήμα μας, χωρίς
να επηρεαστεί
το φόντο
Βήμα 2ο
43

 Μετακινούμε το τετράγωνο
στην πάνω αριστερή γωνία
με το “Move Tool”
(= εργαλείο μετακίνησης)
της παλέτας εργαλείων

 Κάνουμε απλά κλικ στο


τετράγωνο και το σύρουμε
στη συγκεκριμένη θέση
Βήμα 3ο
44

 Δημιουργούμε ένα νέο επίπεδο με το πλήκτρο “Create a new layer”


(=Δημιουργία νέου επιπέδου) στην παλέτα “Layers”

 Επιλέγουμε ένα χρώμα από την παλέτα και


μετά το “Brush Tool” (=εργαλείο πινέλου)

 Ζωγραφίζουμε μέσα και έξω από το τετράγωνο


 Θα καταλήξουμε με ένα σχήμα σαν και αυτό
της διπλανής εικόνας
Βήμα 4ο
45

 Δοκιμάζουμε να κρύψουμε και να εμφανίσουμε


τα επίπεδα που δημιουργήσαμε κάνοντας κλικ
στο πλήκτρο ορατότητας επιπέδου (συμβολίζεται
με ένα μάτι) αριστερά από το κάθε επίπεδο
για να κρύψουμε και να εμφανίσουμε τα επίπεδα
που θέλουμε

 Από την μπάρα εργαλείων του


Photoshop ενεργοποιούμε
την παλέτα «Ιστορικό» μέσω
του “Window” > “History”
Δραστηριότητα 1: Αυτοαξιολόγηση
46

1. Κάντε μια μικρή περιγραφή της παλέτας


“Paragraph” (=Παράγραφος) του Photoshop
και των χαρακτηριστικών της.
Πώς επηρεάζει την όψη του κειμένου;

2. Εξηγήστε τη λειτουργία της παλέτας «Ιστορικό».


Σε τι διαφέρει από τη διαδικασία «Αναίρεσης /
Επανάληψης» (= “Undo / Redo”);
Δραστηριότητα 2
47

Μετατροπές (transform) εικόνων


Μετατροπές (transform) εικόνων
48

 Για να αλλάξουμε την ανάλυση ή / και τις διαστάσεις μιας εικόνας, την ανοίγουμε στο
Photoshop όπως έχουμε ήδη δει σε προηγούμενη δραστηριότητα (“File” > “Open”)
Αλλαγή μεγέθους εικόνας - Βήμα 1ο
49

 Από το μενού “Image” (=Εικόνα) επιλέγουμε


“Image Size…” (=Μέγεθος εικόνας) για να
εμφανιστεί το παράθυρο διαλόγου της
μετατροπής ανάλυσης και διαστάσεων
εικόνων
Αλλαγή μεγέθους εικόνας - Βήμα 2ο
50

 Αλλάζουμε τις διαστάσεις της εικόνας στο


50%
 Για να το κάνουμε αυτό, κάνουμε κλικ στο
μενού των μονάδων μέτρησης και εκεί που
λέει «pixels» επιλέγουμε “percent”
(=ποσοστό)
 Πατάμε OK
 Παρατηρούμε πως η εικόνα μας έχει
σμικρυνθεί
 Μπορούμε να επαναλάβουμε τη διαδικασία
μειώνοντας και την ανάλυση
Αλλαγή μεγέθους επιπέδου εικόνας - Βήμα 1ο
51

 Για να αλλάξουμε τις διαστάσεις ενός επιπέδου ανοίγουμε ή δημιουργούμε μια εικόνα
με μερικά επίπεδα

 Στη εικόνα του


παραδείγματος
το επίπεδο που
πειράζουμε είναι
το «Επίπεδο 2»
που δείχνει το
μαθητή στο
θρανίο του
Αλλαγή μεγέθους επιπέδου εικόνας - Βήμα 2ο
52

 Επιλέγουμε το Επίπεδο 2 με το ποντίκι κάνοντας


κλικ πάνω του στην παλέτα “Layers” (=Επίπεδα)
και από το μενού “Edit” (=Επεξεργασία) επιλέγουμε
“Free Transform” (=Ελεύθερος μετασχηματισμός)
 Παρατηρούμε ότι το layer με το μαθητή στην εικόνα
μας έχει αποκτήσει ένα περίγραμμα
 Πηγαίνοντας πάνω του με το ποντίκι, ανάλογα αν
θα πάμε στα άκρα ή στις γωνίες, μπορούμε να
μεγεθύνουμε, να μικρύνουμε ή να περιστρέψουμε
την εικόνα
Αλλαγή μεγέθους επιπέδου εικόνας - Βήμα 2ο
53

 Πηγαίνουμε στη μία γωνία του


περιγράμματος και περιστρέφουμε
το σχήμα όπως δείχνει η εικόνα
 Πατάμε “Enter” για εφαρμογή της
μετατροπής

 Εναλλακτικά χρησιμοποιούμε την


μπάρα ιδιοτήτων του εργαλείου
“Free Transform” (=Ελεύθερος
μετασχηματισμός) που εμφανίζεται
στο πάνω μέρος της οθόνης για να
αλλάξουμε το λόγο διαστάσεων
Δραστηριότητα 2: Αυτοαξιολόγηση
54

1. Πειραματιστείτε με τη λειτουργία «Μέγεθος Καμβά» αντί για το «Μέγεθος εικόνας».


Τι διαφορές παρατηρείτε;

2. Προσπαθήστε με τη χρήση επιπέδων, του εργαλείου πινέλου


και τη χρήση «Ελεύθερου μετασχηματισμού» να φτιάξετε
ένα σχήμα παρόμοιο με την διπλανή εικόνα:
Δραστηριότητα 3
55

Χρήση εργαλείων μάσκας


Χρήση εργαλείων μάσκας - Βήμα 1ο
56

 Για να δημιουργήσουμε μάσκες επιλογής στο Photoshop, ανοίγουμε μια ήδη


υπάρχουσα εικόνα ή δημιουργούμε μια νέα, όπως μάθαμε στις προηγούμενες
δραστηριότητες
Χρήση εργαλείων μάσκας - Βήμα 2ο
57

 Με το εργαλείο πινέλου και με το χρώμα που επιθυμούμε ζωγραφίζουμε


ένα σχέδιο όπως π.χ. αυτό που φαίνεται στην εικόνα
Χρήση εργαλείων μάσκας - Βήμα 3ο
58

 Ενεργοποιούμε την επιλογή “Edit in Quick Mask Mode”


(=Επεξεργασία σε κατάσταση γρήγορης μάσκας) από
την παλέτα εργαλείων του Photoshop
 Παρατηρούμε ότι ό,τι χρώμα και αν έχουμε επιλέξει
από την εργαλειοθήκη, αυτό θα αλλάξει σε συνδυασμό
μαύρου/άσπρου
 Με αυτό τον τρόπο μπορούμε να επιλέξουμε την περιοχή
που θέλουμε να χρησιμοποιήσουμε ως μάσκα
Χρήση εργαλείων μάσκας - Βήμα 4ο
59

 Περνάμε από πάνω από


το ζωγραφισμένο σκύλο
με το εργαλείο πινέλου

 Το χρώμα του θα αλλάξει,


αντιπροσωπεύοντας την
επιλογή της μάσκας πάνω
από αυτό το σημείο

 Όταν τελειώσουμε, πατάμε πάλι το πλήκτρο “Edit in Quick Mask Mode”


(=Επεξεργασία σε κατάσταση γρήγορης μάσκας) έτσι ώστε να απενεργοποιηθεί
Χρήση εργαλείων μάσκας - Βήμα 5ο
60

 Βλέπουμε ότι η περιοχή εκτός από αυτή που


περάσαμε με το εργαλείο πινέλου, τώρα έχει
επιλεχθεί και μπορούμε να τη σβήσουμε με
το πλήκτρο Del του πληκτρολογίου ή
να εφαρμόσουμε κάποια άλλη μετατροπή
πάνω της

 Αν θέλουμε να σβήσουμε μόνο το σκύλο,


τότε μπορούμε να χρησιμοποιήσουμε την
επιλογή «Αντιστροφή» από το μενού «Επιλογή»
(“Select” > “Inverse”), για να επιλέξουμε το
αντίθετο από την ήδη υπάρχουσα επιλογή
Δραστηριότητα 3: Αυτοαξιολόγηση
61

1. Διαλέξτε με το εργαλείο ορθογωνικής επιλογής ή με το λάσο κάποια περιοχή της


εικόνας σας και πατήστε το πλήκτρο “Edit in Quick Mask Mode”
Τι παρατηρείτε;

2. Τι αντιπροσωπεύει ο χρωματιστός χώρος που εμφανίζεται στην εικόνα όταν πατάτε


“Quick Mask” και τι ο υπόλοιπος χώρος;
ΕΝΟΤΗΤΑ 3
62
28-3-2022

Επεξεργασία χρώματος
Δραστηριότητα 1
63

Τα βασικά Χρωματικά Μοντέλα


(1) Χρωματικό μοντέλο RGB (Χρώμα RGB) (1)
64

 Τα χρώματα των εικόνων που βλέπετε στον υπολογιστή δημιουργούνται από την
εισαγωγή Κόκκινου, Μπλε και Πράσινου φωτός στο μάτι
 Η ονομασία RGB του χρωματικού μοντέλου προέρχεται από τα αρχικά Red, Green,
Blue, (Κόκκινο, Πράσινο, Μπλε)
 Με τα βασικά αυτά χρώματα κωδικοποιούνται όλα τα χρώματα που μπορεί να
εμφανιστούν σε μία οθόνη υπολογιστή
 Στην 8bit μορφή του χρωματικού αυτού μοντέλου κάθε χρώμα μπορεί να παρασταθεί
με μία τριάδα αριθμών από 0 έως 255
 Το μοντέλο βασίζεται στο γεγονός ότι όταν μία οθόνη δεν εκπέμπει φως εμφανίζεται
μαύρη
 Τα υπόλοιπα χρώματα δημιουργούνται με υπέρθεση - ανάμιξη των τριών βασικών με
συγκεκριμένη αναλογία
(1) Χρωματικό μοντέλο RGB (Χρώμα RGB) (2)
65

Μερικά παραδείγματα χρωμάτων δίνονται παρακάτω στην 8bit έκδοση του μοντέλου:
 Μαύρο: (0,0,0)
 Λευκό: (255,255,255)
 Κόκκινο: (255,0,0)
 Πράσινο: (0,255,0)
 Μπλε: (0,0,255)
 Κίτρινο: (255,255,0)
 Γαλάζιο: (0,255,255)
 Μωβ (Magenta): (255,0,255)
 Πορτοκαλί: (255,102,0)
(2) Χρωματικό μοντέλο CMYK (Χρώμα CMYK) (1)
66

 Πολλές φορές παρατηρούμε ότι όταν τυπώνουμε μια έγχρωμη εικόνα από τον
υπολογιστή, η εικόνα που τυπώνεται αποκλίνει χρωματικά σε πολλά σημεία από αυτή
που βλέπουμε στην οθόνη του υπολογιστή
 Αυτό συμβαίνει γιατί δεν μπορούν να χρησιμοποιηθούν στην εκτύπωση μελάνια των
τριών αυτών χρωμάτων (κόκκινο, πράσινο, μπλε)
 Η επικάλυψη δύο και μόνο εξ αυτών
δημιουργεί μαύρο
 Χρειάζεται επομένως μια διαφορετική
προσέγγιση
 Στην εκτύπωση των εντύπων
χρησιμοποιείται ευρέως το σύστημα
CMY που είναι συμπληρωματικό
μοντέλο του RGB
(2) Χρωματικό μοντέλο CMYK (Χρώμα CMYK) (2)
67

Τα τρία βασικά χρώματα στο CMY είναι: Γαλάζιο (Cyan) - Μοβ (Magenta) - Κίτρινο (Yellow)
 Με τα τρία αυτά χρώματα δημιουργούνται τα δευτερογενή Κόκκινο - Πράσινο - Μπλε
ως εξής:
o Κόκκινο: Μοβ (Magenta) + Κίτρινο
o Πράσινο: Κίτρινο + Γαλάζιο
o Μπλε: Γαλάζιο + Μωβ (Magenta)

 Το μοντέλο αυτό βασίζεται στο γεγονός ότι το υπόβαθρο της εκτύπωσης είναι το λευκό
χαρτί που ανακλά όλα τα χρώματα (μήκη κύματος)
 Κάθε βασικό χρώμα που προστίθεται με ένα μελάνι απορροφά ορισμένα χρώματα και
αποδίδει τα υπόλοιπα τα οποία και βλέπει το ανθρώπινο μάτι
(2) Χρωματικό μοντέλο CMYK (Χρώμα CMYK) (3)
68

 Για παράδειγμα, το κίτρινο μελάνι απορροφά το μπλε χρώμα και αφήνει το πράσινο και
το κόκκινο να ανακλαστεί
 Το μωβ μελάνι (Magenta) απορροφά το πράσινο και αφήνει το κόκκινο και μπλε να
ανακλαστεί
 Το γαλάζιο (Cyan) απορροφά το κόκκινο και αφήνει το πράσινο και μπλε να ανακλαστεί
 Εδώ ο συνδυασμός των τριών βασικών χρωμάτων δίνει το μαύρο χρώμα (πλήρης
απορρόφηση των ακτινοβολιών)
 Στην πράξη αυτό το τελευταίο δεν είναι εντελώς αλήθεια γιατί καμιά μελάνη δεν είναι
τέλεια
 Ο συνδυασμός των τριών χρωμάτων δίνει ένα σκούρο πρασινωπό γκρίζο
 Αυτός είναι ο λόγος που χρησιμοποιείται και η τέταρτη μελάνη (μαύρο), το οποίο
ενισχύει τις σκούρες σκιάσεις και δίνει τέλεια μαύρα
(2) Χρωματικό μοντέλο CMYK (Χρώμα CMYK) (4)
69

Θα πρέπει να θυμάστε ότι:


 Χρησιμοποιούμε πάντα χρωματικό μοντέλο RGB (Red, Green, Blue) για εικόνες
και φωτογραφίες που θα προβληθούν σε κάποια οθόνη, όπως για παράδειγμα
γραφικά για κάποια ιστοσελίδα
 Αντίθετα όταν ετοιμάζουμε υλικό για εκτύπωση (κυρίως επαγγελματικά) όπως
φυλλάδια, καταλόγους, εικόνες που θα χρησιμοποιηθούν σε περιοδικά, να
χρησιμοποιούμε πάντα χρωματικό μοντέλο CMYK (Cyan, Magenta, Yellow, Black)
αφού όλοι οι επαγγελματικοί εκτυπωτές αλλά και πολλοί από τους καλούς Inkjet
χρησιμοποιούνε αυτά τα χρώματα
(3) Χρωματικό μοντέλο Lab (Χρώμα Lab)
70

Αναλύει το χρώμα του στοιχείου σε τρεις (3) διαστάσεις:


 Ένταση φωτεινότητας (Luminocity) με τιμές από 0 έως 100
 Χρωματική θέση ανάμεσα σε κόκκινο και το συμπληρωματικό του πράσινο (a)
 Χρωματική θέση ανάμεσα σε μπλε και το συμπληρωματικό του κίτρινο (b) με τιμές από
+127 έως –128
(4) Χρώμα από Πίνακα
71

 Το χρωματικό μοντέλο Χρώμα από Πίνακα ελαττώνει τα χρώματα μιας εικόνας το πολύ
στα 256, έναν αριθμό χρωμάτων που υποστηρίζουν οι GIF και PNG εικόνες και πολλές
εφαρμογές πολυμέσων
 Η μετατροπή αυτή μιας εικόνας σε αυτό το χρωματικό μοντέλο, ελαττώνει το μέγεθος
του αρχείου της εικόνας αποκόπτοντας χρωματική πληροφορία και μπορεί να
εφαρμοστεί μόνο σε εικόνες 8 bit ανά κανάλι χρώματος που είναι σε κλίμακα του γκρι
ή σε χρωματικό μοντέλο RGB
(5) Χρωματικό μοντέλο κλίμακας του γκρι (1)
72

(A)
 Επιλέγοντας από το μενού “Image” > “Mode” > “Grayscale” (=Εικόνα > Κατάσταση >
Κλίμακα του γκρι), μετατρέπεται μια εικόνα από το μοντέλο RGB σε κλίμακα του γκρι
 Για να κάνει το Photoshop μια τέτοια μετατροπή χρησιμοποιεί το 30% των
πληροφοριών του κόκκινου καναλιού, το 60 % των πληροφοριών του πράσινου
καναλιού και το 11% από εκείνο του μπλε, ενώνοντας όλες τις πληροφορίες σε ένα
μοναδικό κανάλι, εκείνο της κλίμακας του γκρι
 Με τη μέθοδο αυτή, αν κάποιο κανάλι περιέχει λίγες ή λανθασμένες πληροφορίες που
καταστρέφουν τη φωτογραφία, επακόλουθα θα έχουμε σαν αποτέλεσμα και στην
κλίμακα του γκρι μια όχι αρκετά καλή εικόνα
(5) Χρωματικό μοντέλο κλίμακας του γκρι (2)
73

(Β)
 Μια άλλη μέθοδος μετατροπής σε κλίμακα του γκρι είναι εκείνη που χρησιμοποιεί το
εργαλείο ρύθμισης που λέγεται «Μείκτης Καναλιού»
 Επιλέγουμε “Image” > “Mode” > “Show All Menu Items” και μετά “Multichannel”
 Μπορεί να προσθέσει ή να αφαιρέσει ποσότητες διαφόρων πληροφοριών σε κάθε
κανάλι χρώματος
 Επιλέγουμε μονοχρωματική ρύθμιση και με τους κέρσορες αλλάζουμε τις μονάδες των
καναλιών ώστε να έχουμε σε μια ικανοποιητική προσέγγιση μια απεικόνιση σε κλίμακα
του γκρι
(5) Χρωματικό μοντέλο κλίμακας του γκρι (3)
74

(Γ)
 Επιλέγουμε από το μενού: “Image” > “Mode” > “Lab Color” (=Εικόνα > Κατάσταση >
Χρώμα Lab)
 Κατόπιν επιλέγουμε το κανάλι της φωτεινότητας και το μετατρέπουμε σε κλίμακα του
γκρι: “Image” > “Mode” > “Grayscale” (=Εικόνα > Κατάσταση > Κλίμακα του γκρι)
 Αυτή η μέθοδος μας επιτρέπει να έχουμε μια αρκετά καλής ποιότητας εικόνα σε
κλίμακα του γκρι
(6) Χρωματικό μοντέλο HSB (1)
75

Αναλύει το χρώμα σε τρεις παραμέτρους:


1. Απόχρωση (Hue)
 Το χρώμα που αντανακλάται ή μεταδίδεται διαμέσου ενός αντικειμένου
 Μετράται ως περιοχή στον τυπικό δίσκο χρωμάτων που εκφράζεται ως μοίρα
μεταξύ του 0° και του 360°
 Σε κοινή χρήση, η απόχρωση αναγνωρίζεται από το όνομα του χρώματος όπως
κόκκινη, πορτοκαλί ή πράσινη
2. Κορεσμός (Saturation)
 Ισχύς ή καθαρότητα του χρώματος (ορισμένες φορές αποκαλείται chroma)
 Ο κορεσμός αντιπροσωπεύει την ποσότητα του γκρι σε αναλογία με την απόχρωση
και μετράται ως ποσοστό από 0% (γκρι) έως 100% (πλήρης κορεσμός)
 Στον τυπικό δίσκο χρωμάτων ο κορεσμός αυξάνεται από το κέντρο προς την άκρη
(6) Χρωματικό μοντέλο HSB (2)
76

3. Φωτεινότητα (Brightness)
 Η σχετική φωτεινότητα ή σκοτείνιασμα του χρώματος μετράται συνήθως ως
ποσοστό από το 0% (μαύρο) έως το 100% (λευκό)
(7) Τα Διαδικτυακά χρώματα
77

 Η γλώσσα γραφής των ιστοσελίδων HTML, χρησιμοποιεί για την απεικόνιση των
χρωμάτων το μοντέλο RGΒ στην δεκαεξαδική του μορφή (16 Bits/Channel)
Εφαρμογή: Χρωματικά μοντέλα RGB και CMYK (1)
78

 Βήμα 1: Ανοίγουμε το αρχείο φωτογραφίας duck.jpg μέσα στο Photoshop


 Βήμα 2: Δημιουργούμε ένα αντίγραφο του αρχείου αυτού με όνομα duck_print.jpg
 Βήμα 3: Ανοίγουμε τα δύο αρχεία στο Photoshop, έτσι ώστε οι εικόνες τους να είναι σε
παράθεση
 Βήμα 4: Κάνουμε κλικ και στην παλέτα Πληροφορίες. Αν η παλέτα Πληροφορίες δεν
είναι ορατή από τη γραμμή μενού επιλέγουμε “Window” > “Info” (=Παράθυρο >
Πληροφορίες)
 Βήμα 5: Επιλέγουμε το εργαλείο “Magic Wand Tool” (=μαγικό ραβδί) και το
μετακινούμε πάνω στην εικόνα παρατηρώντας την παλέτα Πληροφορίες
Εφαρμογή: Χρωματικά μοντέλα RGB και CMYK (2)
79

 Για κάποια θέση του εργαλείου «μαγικό ραβδί» παρατηρούμε ότι στην παλέτα
πληροφορίες εμφανίζεται ένα ! στις CMYK τιμές όπως στην εικόνα. Αυτό σημαίνει ότι
το χρώμα στο σημείο αυτό δεν μπορεί να εκτυπωθεί, ακριβώς όπως φαίνεται στην
οθόνη του Η/Υ, όπως είναι δηλαδή στο χρωματικό μοντέλο RGB
Εφαρμογή: Χρωματικά μοντέλα RGB και CMYK (3)
80

 Βήμα 6: Για να βρούμε όλα τα σημεία της εικόνας που θα αποκλίνουν χρωματικά στην
εκτύπωση κάνουμε το εξής: Επιλέγουμε το αρχείο duck_print.jpg και από τη γραμμή
μενού επιλέγουμε “View” > “Gamut Warning” (= Προβολή > Προειδοποίηση
χρωματικής κλίμακας. Τότε εμφανίζονται με γκρι χρώμα οι χρωματικές περιοχές που
κατά την εκτύπωση θα αποκλίνουν από το χρωματικό μοντέλο RGB
Εφαρμογή: Χρωματικά μοντέλα RGB και CMYK (4)
81

 Βήμα 7: Για να δούμε πώς θα εκτυπωθούν τα χρώματα της εικόνας, αρκεί να


επιλέξουμε “Image” > “Mode” > “CMYK Color” (=Εικόνα > Κατάσταση > Χρώμα CMYK).
Παρατηρούμε ότι δεν υπάρχουν μεγάλες χρωματικές διαφορές στην εκτύπωση για τη
συγκεκριμένη εικόνα.
Δραστηριότητα 2
82

Χρωματικές διορθώσεις
(α) Εργαλείο «Ισορροπία Χρωμάτων» (1)
83

Το εργαλείο Ισορροπία Χρωμάτων επιφέρει χρωματικές αλλαγές:


 σε ολόκληρη την εικόνα συνολικά
 στο χρώμα μιας επιλεγμένης περιοχής της εικόνας
 σε ένα επίπεδο (layer)
(α) Εργαλείο «Ισορροπία Χρωμάτων» (2)
84

 Από τη γραμμή μενού επιλέγουμε: “Image” > “Adjustments” > “Color Balance”
(=Εικόνα > Ρυθμίσεις > Ισορροπία Χρωμάτων)
 Επιλέγουμε: “Shadows”, “Midtones” ή “Highlights”, για να επιλέξουμε τους
χρωματικούς τόνους στους οποίους θέλουμε να επιφέρουμε αλλαγές
 (Προαιρετικό) Επιλέγουμε “Preserve Luminosity” (=Διατήρηση Φωτεινότητας) για να
διατηρήσουμε τη φωτεινότητα της εικόνας
 Σύρουμε το δρομέα προς το χρώμα, το οποίο θέλομε να αυξήσουμε στην εικόνα ή
απομακρύνουμε το δρομέα από χρώμα που θέλουμε να ελαττώσουμε
 Τα χρώματα που μπορούμε να επηρεάσουμε με το εργαλείο αυτό είναι τα: κόκκινο,
πράσινο, μπλε (RGB), κυανό, κίτρινο, μοβ (Cyan, Yellow, Magenta) και οι δυνατές τιμές
των χρωμάτων εκτείνονται από -100 έως +100
(α) Εργαλείο «Ισορροπία Χρωμάτων» (3)
85

Εφαρμογή: Χρωματική διόρθωση με το εργαλείο «Ισορροπία Χρωμάτων»


 Βήμα 1: Ανοίγουμε το αρχείο φωτογραφίας vases.jpg μέσα στο Photoshop.
Παρατηρούμε ότι η εικόνα έχει μια έντονη κόκκινη απόχρωση την οποία θα πρέπει να
εξαλείψουμε
(α) Εργαλείο «Ισορροπία Χρωμάτων» (4)
86

 Βήμα 2: Επιλέγουμε “Image” > “Adjustments” > “Color Balance” (=Εικόνα > Ρυθμίσεις >
Ισορροπία χρωμάτων), επιλέγουμε μεσαίους τόνους και αφαιρούμε κόκκινο χρώμα
μετακινώντας το δρομέα αριστερά του κόκκινου χρώματος, έως ότου η εικόνα να
καθαρίσει ικανοποιητικά από την κόκκινη ανεπιθύμητη απόχρωση. Παρατηρούμε ότι
τα χρώματα των γυάλινων βάζων φαίνονται τώρα καθαρότερα
(β) Εργαλείο «Φίλτρο Φωτογραφίας» (1)
87

 Από τη γραμμή μενού επιλέγουμε: “Image” > “Adjustments” > “Photo Filter” (=Εικόνα >
Ρυθμίσεις > Φίλτρο Φωτογραφίας)
 Η εντολή Φίλτρο Φωτογραφίας μιμείται την τεχνική της τοποθέτησης ενός
χρωματιστού φίλτρου μπροστά από το φακό της κάμερας ώστε να ρυθμιστεί
(αποκατασταθεί προς το φυσιολογικό) η χρωματική ισορροπία και η θερμοκρασία
χρώματος του φωτός που διαδίδεται μέσα από το φακό και αποτίθεται στο φιλμ
 Η εντολή Φίλτρο Φωτογραφίας μας επιτρέπει επίσης να επιλέξουμε ένα χρώμα από
μια γκάμα προκαθορισμένων χρωμάτων που διαθέτει και να επιθέσουμε τη χροιά του
χρώματος αυτού στην εικόνα, παίρνοντας παρόμοιο αποτέλεσμα με αυτό που θα
προέκυπτε αν φωτίζατε την εικόνα, με μία λάμπα χρώματος ίδιου με αυτό που
επιθέτουμε
 Μπορούμε επίσης να επιλέξουμε ένα χρώμα της αρεσκείας μας εκτός των
προκαθορισμένων με τη βοήθεια του Επιλογέα Χρώματος
(β) Εργαλείο «Φίλτρο Φωτογραφίας» (2)
88

Εφαρμογή 1: Χρωματική διόρθωση με το εργαλείο «Φίλτρο Φωτογραφίας»


 Βήμα 1: Ανοίγουμε το αρχείο φωτογραφίας vases.jpg μέσα στο Photoshop.
Παρατηρούμε ότι η εικόνα έχει μια κόκκινο-πορτοκαλί απόχρωση, δηλαδή ότι
κατακλύζεται από αποχρώσεις “θερμών” χρωμάτων
 Βήμα 2: Μπορούμε να εξαλείψουμε τις
θερμές αποχρώσεις με τη βοήθεια ενός
“ψυχρού” φίλτρου της εντολής Φίλτρο
Φωτογραφίας. Επιλέγουμε “Image” >
“Adjustments” > “Photo Filter” (=Εικόνα >
Ρυθμίσεις > Φίλτρο Φωτογραφίας) και
δοκιμάζουμε τα ψυχρά φίλτρα της εντολής.
Παρατηρούμε ότι το Ψυχρό Φίλτρο (82)
με χρώμα το προκαθορισμένο κυανό της
εντολής και πυκνότητα 25% εξαλείφει
ικανοποιητικά τις ανεπιθύμητες κόκκινες
αποχρώσεις της εικόνας
(β) Εργαλείο «Φίλτρο Φωτογραφίας» (3)
89

Εφαρμογή 2: Χρωματικό Εφέ με το εργαλείο «Φίλτρο Φωτογραφίας»


(εφέ φωτισμού με χρωματιστό φως)
 Βήμα 1: Ανοίγουμε το αρχείο φωτογραφίας vase.jpg
μέσα στο Photoshop. Εμφανίζεται ένα γυάλινο βάζο
με πρασινωπή απόχρωση
 Βήμα 2: Από τη γραμμή μενού επιλέγουμε “Image” >
“Adjustments” > “Photo Filter” (=Εικόνα > Ρυθμίσεις >
Φίλτρο Φωτογραφίας)
 Βήμα 3: Επιλέγουμε σαν χρώμα ένα ροζ-φούξια
(RGB:234,54,168) με πυκνότητα 98% και εφαρμόζουμε
το φίλτρο…
(β) Εργαλείο «Φίλτρο Φωτογραφίας» (4)
90

 Παρατηρούμε ότι η
εικόνα αποκτά μια
έντονη ροζ- φούξια
απόχρωση σαν να
φωτίζεται με λάμπα
αντίστοιχου χρώματος
(γ) Εργαλείο «Απόχρωση/Κορεσμός» (1)
91

 Από τη γραμμή μενού επιλέγουμε: “Image” > “Adjustments” > “Hue/Saturation”


(=Εικόνα > Ρυθμίσεις > Απόχρωση/Κορεσμός)
 Μπορούμε να εφαρμόσουμε το εργαλείο για να επιφέρουμε αλλαγές στη χροιά, στον
κορεσμό και στη φωτεινότητα:
 ολόκληρης της εικόνας συνολικά (Πρότυπο)
 στο χρώμα μιας επιλεγμένης περιοχής της εικόνας
 ενός επιπέδου (layer)
 μιας χρωματικής συνιστώσας (Κόκκινα, Πράσινα, Μπλέ, Κυανά, Κίτρινα, Ματζέντες)
(γ) Εργαλείο «Απόχρωση/Κορεσμός» (2)
92

Εφαρμογή 1: Χρωματική διόρθωση με το εργαλείο «Απόχρωση/Κορεσμός»


(διόρθωση χρωματικής συνιστώσας εικόνας)
 Βήμα 1: Ανοίγουμε το αρχείο φωτογραφίας red_faces.jpg μέσα στο Photoshop. Το
αρχείο δείχνει δύο παιδιά (μία μαύρη νεαρή κοπέλα και ένα λευκό αγόρι), των οποίων
τα πρόσωπα έχουν μια έντονη κόκκινη απόχρωση
(γ) Εργαλείο «Απόχρωση/Κορεσμός» (3)
93

 Βήμα 2: Επιλέγουμε “Image” > “Adjustments” > “Hue/Saturation” (=Εικόνα > Ρυθμίσεις
> Απόχρωση/Κορεσμός). Επιλέγουμε να διορθώσουμε τη συνιστώσα του κόκκινου
χρώματος της εικόνας “Edit” > “Reds” (=Επεξεργασία > Κόκκινα) και μετακινούμε το
δείκτη της «Απόχρωσης» (Hue) στο +26 και της «Φωτεινότητας» (Lightness) στο +12.
Το αποτέλεσμα είναι εξαιρετικό!
(γ) Εργαλείο «Απόχρωση/Κορεσμός» (4)
94

Εφαρμογή 2: Χρωματική αντικατάσταση με το εργαλείο «Απόχρωση/Κορεσμός»


 Βήμα 1: Ανοίγουμε το αρχείο φωτογραφίας false_eyelashes.jpg μέσα στο Photoshop.
Με το μαγνητικό λάσο επιλέγουμε το χρώμα των ματιών (επιλέγουμε το ένα μάτι και
πατώντας το Shift ταυτόχρονα επιλέγουμε και το άλλο)
(γ) Εργαλείο «Απόχρωση/Κορεσμός» (5)
95

 Βήμα 2: Από τη γραμμή μενού επιλέγουμε: “Image” > “Adjustments” >


“Hue/Saturation” (=Εικόνα > Ρυθμίσεις > Απόχρωση/Κορεσμός). Μετακινούμε το
δρομέα της «Απόχρωσης» (Hue) στο +39 και του «Κορεσμού» (Saturation) στο + 13 και
βλέπουμε το χρώμα των ματιών να αλλάζει
Δραστηριότητα 3
96

Τονικές διορθώσεις. Εργαλεία αλλαγής του εύρους των τόνων


μιας εικόνας (σκοτεινοί, μεσαίοι, ανοικτοί τόνοι)
(α) Εργαλείο ρύθμισης «Φωτεινότητας/Αντίθεσης»
97

 Από τη γραμμή μενού επιλέγουμε: “Image” > “Adjustments” > “Brightness/Contrast”


(=Εικόνα > Ρυθμίσεις > Φωτεινότητα/Αντίθεση)
 Σέρνοντας τους δρομείς αλλάζουμε τις τιμές της φωτεινότητας και της αντίθεσης κατά
περίπτωση (τιμές από –100 έως +100)
 Το μειονέκτημα του εργαλείου αυτού είναι ότι επιδρά σε όλη την εικόνα συγχρόνως και
δε δίνει τη δυνατότητα επέμβασης στους σκούρους, μεσαίους, ανοιχτούς τόνους
χωριστά
(β) Εργαλείο «Στάθμες» (1)
98

 Με το εργαλείο «Στάθμες» “Image” > “Adjustments” > “Levels” (=Εικόνα > Ρυθμίσεις >
Στάθμες) μπορούμε να ελέγξουμε τις τρεις περιοχές τόνων χωριστά με διαφορετικούς
διακόπτες
 Όταν μετακινούμε τον τριγωνικό διακόπτη των σκούρων τόνων, ορίζουμε το σημείο
κάτω από το οποίο καμία πληροφορία δεν περνά (σκούροι τόνοι) ή το σημείο πάνω
από το οποίο καμία πληροφορία δεν περνά (ανοιχτοί τόνοι)
 Για να αυξήσουμε την αντίθεση, μετακινούμε το
μαύρο και το λευκό τριγωνικό διακόπτη προς το
μεσαίο γκρίζο
 Για να αυξήσουμε τη φωτεινότητα, μετακινούμε
τον μεσαίο - γκρίζο διακόπτη προς τα αριστερά
 Για να μειώσουμε τη φωτεινότητα, μετακινούμε
τον μεσαίο - γκρίζο διακόπτη προς τα δεξιά
(β) Εργαλείο «Στάθμες» (2)
99

 Το εργαλείο «Στάθμες» παρέχει μία επιπλέον πληροφορία: απεικονίζει την κατανομή


των τόνων της φωτογραφίας
 Το ύψος της μαύρης περιοχής πάνω από τους σκούρους τόνους δείχνει την ποσότητα
σκούρων τόνων που έχει η φωτογραφία
 Το ίδιο ισχύει για τους μεσαίους
και τους ανοιχτούς τόνους
 Όσο μεγαλύτερη έκταση έχει η μαύρη
καμπύλη του ιστογράμματος, τόσο
περισσότερους τόνους έχει η εικόνα
 Το εργαλείο «Στάθμες» είναι πιο
αξιόπιστο και αποτελεσματικό
εργαλείο από το εργαλείο
«Φωτεινότητας/Αντίθεσης»
(β) Εργαλείο «Στάθμες» (3)
100

Εφαρμογή: Τονική διόρθωση εικόνας με το εργαλείο «Στάθμες»


 Βήμα 1: Ανοίγουμε το αρχείο φωτογραφίας islander.jpg μέσα στο Photoshop.
Παρατηρούμε ότι η εικόνα είναι σκοτεινή (ιδιαίτερα το πρόσωπο) και απαιτείται να
διορθωθεί τονικά
 Βήμα 2: Επιλέγουμε “Image” > “Adjustments” > “Brightness/Contrast”. Αυξάνουμε τη
φωτεινότητα της εικόνας. Παρατηρούμε ότι πρέπει να αυξήσουμε πολύ τη
φωτεινότητα για να μην είναι σκοτεινό το πρόσωπο, με αποτέλεσμα να χαλάει η
υπόλοιπη εικόνα
(β) Εργαλείο «Στάθμες» (4)
101

 Βήμα 3: Επιλέγουμε το εργαλείο «Στάθμες» (“Image” > “Adjustments” > “Levels”)


και μετακινούμε το μεσαίο τρίγωνο προς τα αριστερά (αύξηση φωτεινότητας).
Παρατηρούμε ότι το αποτέλεσμα είναι πολύ καλύτερο. Το πρόσωπο φωτίστηκε
χωρίς να χαλάσει η υπόλοιπη φωτογραφία
Δραστηριότητα 4
102

Επιλογείς χρώματος
(α) Εργαλείο «Σταγονόμετρο»
103

 Το εργαλείο “Eyedropper Tool” (=Σταγονόμετρο) δειγματίζει


χρώμα από οποιαδήποτε περιοχή της οθόνης και προσδιορίζει
ένα νέο χρώμα προσκηνίου ή παρασκηνίου
 Επιλέγουμε το εργαλείο “Eyedropper Tool” (=Σταγονόμετρο)
και κάνουμε κλικ σε οποιαδήποτε σημείο της οθόνης,
του οποίου το χρώμα επιθυμούμε να ορίσουμε σαν χρώμα
προσκηνίου ή παρασκηνίου
(β) Εργαλείο «Επιλογέας Χρώματος»
104

 Κάνοντας κλικ στο χρώμα προσκηνίου ανοίγει το παράθυρο του εργαλείου “Color
Picker” (=Επιλογέας Χρώματος)
 Εμφανίζεται όλη η γκάμα των χρωμάτων και μπορούμε να επιλέξετε από αυτήν ένα
άλλο χρώμα ως χρώμα προσκηνίου
Ο ρόλος της παλέτας «Πληροφορίες»
105

 Η παλέτα “Info” (=Πληροφορίες) δείχνει τις τιμές χρώματος (RGB) στο σημείο που
βρισκόμαστε και ανάλογα και το εργαλείο που χρησιμοποιούμε δίνει και άλλες
χρήσιμες πληροφορίες
 Για παράδειγμα: Για τιμές χρώματος CMYK, η παλέτα “Info” δείχνει ένα θαυμαστικό (!)
όταν το χρώμα του σημείου κάτω από το οποίο βρίσκεται ο δείκτης στο μοντέλο CMYK
διαφέρει από το χρώμα του σημείου στο RGB μοντέλο, οπότε κατά την εκτύπωση της
εικόνας το χρώμα σε εκείνο το σημείο δεν θα είναι το ίδιο με το χρώμα του σημείου
όπως φαίνεται στην οθόνη του Η/Υ στο μοντέλο RGB
 Όταν χρησιμοποιείται ένα εργαλείο
ορθογωνικής επιλογής, η παλέτα “Info”
δείχνει τις συντεταγμένες x και y του
ποντικιού, καθώς και το πλάτος W και
το ύψος H της περιοχής επιλογής όπως
αυτή σχηματίζεται
Ο ρόλος της παλέτας «Πλοηγός»
106

 Η παλέτα “Navigator” (=Πλοηγός) μας δίνει έναν εύκολο τρόπο να εστιάσουμε με


μεγέθυνση, σε οποιαδήποτε περιοχή της εικόνας μας ενδιαφέρει
 Το κόκκινο ορθογώνιο πλαίσιο
της παλέτας μπορεί να συρθεί
σε όποια περιοχή της εικόνας
επιθυμούμε και εκεί μπορούμε
χρησιμοποιώντας τις ράβδους
κύλισης να μεγεθύνουμε (να
εστιάσουμε όσο θέλουμε)
στην περιοχή
Δραστηριότητες για περαιτέρω διερεύνηση
107

1. Ανοίξτε το αρχείο duck.jpg μέσα στο Photoshop. Eπιλέξτε “Image” > “Adjustments” >
“Hue/Saturation” (=Εικόνα > Ρυθμίσεις > Απόχρωση/Κορεσμός), στο “Edit” επιλέξτε
“Master” (=Πρότυπο) και σύρετε σε διάφορες θέσεις τη ράβδο κύλισης της
παραμέτρου Απόχρωση (Hue). Τι παρατηρείτε;

2. Ανοίξτε τη φωτογραφία islander.jpg μέσα στο Photoshop. Η εικόνα είναι σκοτεινή.


Διορθώστε τονικά την εικόνα

3. Ανοίξτε το αρχείο duck.jpg μέσα στο Photoshop. Αλλάξτε το χρώμα του ράμφους από
κόκκινο σε μπλε
ΕΝΟΤΗΤΑ 4
108
1-4-2022

Επιλογές περιοχής και γρήγορη μάσκα


Δραστηριότητα 1
109

Γνωριμία με τα εργαλεία επιλογής γεωμετρικών σχημάτων


Επιλογές με γεωμετρικό σχήμα (1)
110

 Βήμα 1: Ανοίγουμε το Photoshop και δημιουργούμε ένα νέο αρχείο. Για να το κάνουμε
αυτό επιλέγουμε “File” > “New” (=Αρχείο>Νέο) και στο παράθυρο διαλόγου που θα
εμφανιστεί συμπληρώνουμε τα πεδία, όπως φαίνονται στην παρακάτω εικόνα. Πατάμε
OK και θα εμφανιστεί μια κενή εικόνα με τις παραμέτρους που επιλέξαμε
Επιλογές με γεωμετρικό σχήμα (2)
111

 Βήμα 2: Αρχικό χρώμα φόντου είναι το λευκό. Σχεδιάζουμε ένα ορθογώνιο με το


εργαλείο ορθογωνικού μαρκαρίσματος της εργαλειοθήκης και το τοποθετούμε προς
την πάνω αριστερή γωνία. Από το μενού “Image” > “Fill” > “Color” (=Επεξεργασία >
Γέμισμα > Χρώμα) επιλέγουμε ένα μπλε χρώμα της αρεσκείας μας και έπειτα
επιλέγουμε “ΟΚ” και απoεπιλέγουμε (“Select” > “Deselect”)
Επιλογές με γεωμετρικό σχήμα (3)
112

 Βήμα 3: Δημιουργούμε ένα τετράγωνο με κόκκινο χρώμα. Για να το σχηματίσουμε


κάνουμε κλικ στο εργαλείο ορθογωνικού μαρκαρίσματος της γραμμής εργαλείων και
σύρουμε κρατώντας πατημένο τον αριστερό δείκτη του ποντικιού, ενώ ταυτόχρονα
κρατάμε πατημένο το πλήκτρο Shift. Γεμίζουμε με κόκκινο χρώμα
Επιλογές με γεωμετρικό σχήμα (4)
113

 Βήμα 4: Δημιουργούμε μια έλλειψη με πράσινο χρώμα και έναν κύκλο με μοβ χρώμα.
Για να σχηματίσουμε τον κύκλο, κάνουμε κλικ στο εργαλείο έλλειψης και σέρνουμε με
το ποντίκι πατώντας ταυτόχρονα το shift, όπως και στο βήμα 2 για τον σχηματισμό του
τετραγώνου. (Για τον σχηματισμό κύκλου και τετραγώνου πατάμε ταυτόχρονα με το
σύρσιμο του ποντικιού το πλήκτρο Shift). Απoεπιλέγουμε με “Select” > “Deselect”
Επιλογές με γεωμετρικό σχήμα (5)
114

 Βήμα 5: Για να επεξεργαστούμε οποιοδήποτε από τα σχήματα αυτά π.χ. για να


αλλάξουμε το χρώμα του, θα πρέπει πρώτα να το επιλέξουμε. Ας δούμε πως μπορεί να
γίνει αυτό με τα εργαλεία επιλογής γεωμετρικών σχημάτων (επιλογές με γεωμετρικό
σχήμα - έλλειψη, κύκλο, ορθογώνιο, τετράγωνο, γραμμή ενός pixel, στήλη ενός pixel).
Επιλέγουμε το αντίστοιχο εργαλείο γεωμετρικής επιλογής (π.χ. για το ορθογώνιο,
επιλέγουμε το εργαλείο ορθογωνικού μαρκαρίσματος, για τον κύκλο το εργαλείο
ελλειπτικής επιλογής με το shift πατημένο κ.λ.π) και σέρνοντας ανάλογα με το ποντίκι
προσαρμόζουμε την επιλογή μας στο σχήμα που θα επεξεργαστούμε μέχρι να
εφαρμόσει ακριβώς
Επιλογές με γεωμετρικό σχήμα (6)
115

 Όταν επιλέξουμε το σχήμα, αλλάζουμε το χρώμα του σε ένα της αρεσκείας μας π.χ.
πορτοκαλί (“Edit” > “Fill” > “Color”)

 Προσπαθήστε να αλλάξετε τα χρώματα και των υπολοίπων σχημάτων


χρησιμοποιώντας τα εργαλεία επιλογής γεωμετρικών σχημάτων
Δραστηριότητα 2
116

Γνωριμία με τα εργαλεία ελεύθερης επιλογής (εργαλεία λάσο)


Εργαλείο Πολυγωνικό Λάσο
117

 Βήμα 1: Για όλα τα πολύγωνα, άρα και για το τετράγωνο και το ορθογώνιο, μπορούμε
πολύ εύκολα να χρησιμοποιήσουμε το πολυγωνικό λάσο που μας επιτρέπει να
δημιουργούμε ένα πλαίσιο επιλογής γύρω από μια περιοχή σχεδιάζοντας την
περίμετρό της με ευθύγραμμα τμήματα, κάνοντας διαδοχικά κλικ με το ποντίκι στις
κορυφές του πολυγωνικού σχήματος έως ότου σχηματιστεί κλειστή διαδρομή (στο
σημείο που το ποντίκι κλείσει τη διαδρομή εμφανίζεται ενδεικτικά ένα κυκλάκι). Αν
κατά τον σχηματισμό της επιλογής μας, κάποιο σημείο μας ξεφύγει, μπορούμε να το
ακυρώσουμε πατώντας το πλήκτρο Del. Αν θέλουμε να ακυρώσουμε όλη την επιλογή
μας, πατάμε το πλήκτρο Esc
Εργαλείο Μαγνητικό Λάσο (1)
118

 Βήμα 2: Στον κύκλο σχεδιάζουμε αριστερά του ένα μικρότερο ορθογώνιο με το ίδιο
χρώμα και δεξιά του ένα μικρότερο κύκλο με το ίδιο χρώμα ώστε να προκύψει ένα
ακανόνιστο σχήμα. Αποεπιλέγουμε
Εργαλείο Μαγνητικό Λάσο (2)
119

 Για να επιλέξουμε το ακανόνιστο σχήμα και να αλλάξουμε το χρώμα του, μπορούμε να


χρησιμοποιήσουμε το μαγνητικό λάσο. Αυτό λειτουργεί παρόμοια με το πολυγωνικό
λάσο μόνο που η γραμμή επιλογής που δημιουργείται, έλκεται αυτόματα στο
περίγραμμα του σχήματος που ιχνηλατούμε. Ακριβώς διότι το μαγνητικό λάσο είναι
ένα “έξυπνο λάσο”, το οποίο αντιλαμβάνεται τη χρωματική αντίθεση δύο γειτονικών
περιοχών και παραμένει στην χρωματική περιοχή που του έχουμε προσδιορίσει
τελευταία (εδώ τα διαφορετικά χρώματα είναι το πορτοκαλί του σχήματος και το
άσπρο του φόντου). Μπορούμε επίσης να ελέγχουμε τη διαδρομή που δημιουργεί το
εργαλείο, κάνοντας κλικ με το ποντίκι, ώστε να προσθέτουμε σημεία σταθεροποίησης
σε θέσεις που θεωρούμε κατάλληλες (αυτό είναι αναπόφευκτο σε περιοχές με χαμηλή
χρωματική αντίθεση, όπου η διαδρομή μπορεί εύκολα να ξεφύγει τον έλεγχο).
 Δημιουργείστε κλειστή διαδρομή και αλλάξτε το χρώμα του ακανόνιστου σχήματος με
τον Επιλογέα Χρώματος
Εργαλείο Μαγνητικό Λάσο (3)
120
Δραστηριότητα 3
121

Γνωριμία με το εργαλείο επιλογής χρωματικών περιοχών


(Μαγικό Ραβδί)
Εργαλείο Μαγικό Ραβδί (1)
122

 Το εργαλείο αυτό επιτρέπει την επιλογή περιοχών μιας εικόνας με το ίδιο χρώμα. Με
ένα απλό κλικ με το μαγικό ραβδί στην εικόνα σε ένα συγκεκριμένο χρώμα επιλέγονται
όλες οι περιοχές στην εικόνα με το χρώμα αυτό
 Η επιλογή “Tolerance” (=Ανοχή)
ορίζει την ευαισθησία του
εργαλείου: προσδιορίζει την
γκάμα παρόμοιων - γειτονικών
χρωμάτων με το αρχικό που
μπορεί να επιλέξει το εργαλείο
 Εδώ κάναμε επιλογή του μπλε
χρώματος του ορθογωνίου
(RGB: 29,60,151) με ανοχή 20
Εργαλείο Μαγικό Ραβδί (2)
123

 Από το μενού επιλέξτε “Select” > “Inverse” (=Επιλογή > Αντιστροφή). Τι παρατηρείτε;
Ποια περιοχή είναι τώρα επιλεγμένη;
 Γεμίστε την επιλεγμένη περιοχή με χρώμα μπλε γειτονικό με το μπλε του ορθογωνίου
(RGB: 29,60,158). Αποεπιλέξτε. Δώστε στην ανοχή τιμή 10. Κάντε κλικ με το μαγικό
ραβδί στο αρχικό μπλε ορθογώνιο. Παρατηρείστε ότι επιλέγεται μόνο η περιοχή του
ορθογωνίου.
Εργαλείο Μαγικό Ραβδί (3)
124

 Αλλάξτε την τιμή της ανοχής σε 40. Κάντε κλικ με το μαγικό ραβδί στη μπλε περιοχή,
έξω από το αρχικό μπλε ορθογώνιο. Παρατηρείστε ότι επιλέγεται όλο το αρχείο
Εργαλείο Μαγικό Ραβδί (4)
125

 Κάντε τώρα “Edit” > “Undo” (=Επεξεργασία > Αναίρεση) (επιλέγεται το αρχικό
ορθογώνιο) και κατόπιν “Select” > “Inverse” (=Επιλογή > Αντιστροφή). Γεμίστε την
επιλεγμένη περιοχή με χρώμα τελείως διαφορετικό από το μπλε του ορθογωνίου π.χ.
ροζ.
Δραστηριότητα 4
126

Εξοικείωση με το εργαλείο της γρήγορης μάσκας


στη δημιουργία επιλογών περιοχών
Εργαλείο γρήγορης μάσκας (1)
127

 Στην περιοχή εκείνη της εικόνας όπου εφαρμόζεται μάσκα, η περιοχή δεν μπορεί να
τροποποιηθεί. Δηλαδή, η μάσκα προστατεύει - κρύβει την περιοχή στην οποία
εφαρμόζεται. Μπορεί να τροποποιηθεί η υπόλοιπη περιοχή
 Η μάσκα μπορεί να χρησιμοποιηθεί και σαν εργαλείο επιλογής περιοχών. Το
πλεονέκτημα που μας δίνει η χρήση της μάσκας σαν εργαλείο επιλογής, είναι ότι, όταν
δουλεύουμε σε κατάσταση γρήγορης μάσκας, μπορούμε ευκολότερα να
τροποποιήσουμε τα όρια της επιλογής μας (να τα διευρύνουμε ή να τα περιορίσουμε
εντελώς ελεύθερα), πράγμα που δεν μπορούμε να κάνουμε με την ίδια ευκολία αν
χρησιμοποιήσουμε άλλα εργαλεία επιλογής
Εργαλείο γρήγορης μάσκας (2)
128

 Βήμα 1: Ανοίγουμε το αρχείο duck.jpg και επιλέγουμε μια περιοχή της εικόνας με το
εργαλείο ορθογωνικού μαρκαρίσματος. Κατόπιν γυρίζουμε σε κατάσταση γρήγορης
μάσκας. Παρατηρούμε ότι η μη επιλεγμένη περιοχή είναι μαρκαρισμένη -
προστατευμένη, χρωματισμένη κόκκινη.
Εργαλείο γρήγορης μάσκας (3)
129

 Βήμα 2: Διευρύνουμε τώρα την ορθογώνια επιλογή μας με το εργαλείο της γόμας για
να “σβήσουμε” κόκκινες περιοχές και άρα επεκτείνουμε την αρχική επιλογή μας
 Μπορούμε να εναλλάσσουμε από κατάσταση
γρήγορης μάσκας σε τυπική κατάσταση
λειτουργίας, για να διαπιστώσουμε ότι τα όρια
της επιλογής έχουν διευρυνθεί
Εργαλείο γρήγορης μάσκας (4)
130

 Βήμα 3: Ξαναγυρίζουμε σε κατάσταση γρήγορης μάσκας και τώρα μικραίνουμε τα όρια


της επιλογής μας, χρησιμοποιώντας το πινέλο (=Brush Tool), χρωματίζοντας δηλαδή με
το κόκκινο χρώμα της μάσκας και άρα μικραίνουμε την επιλεγμένη περιοχή
 Μπορούμε να γυρίσουμε σε τυπική κατάσταση
λειτουργίας για να δούμε ότι η επιλεγμένη
περιοχή έχει μικρύνει
Δραστηριότητα 5
131

Εξοικείωση με την απάλυνση (φλουτάρισμα) άκρων επιλογής


Εργαλείο απάλυνσης (φλουτάρισμα) άκρων επιλογής (1)
132

 Η λειτουργία αυτή απαλύνει τα άκρα μιας επιλογής δημιουργώντας ένα μεταβατικό


περιθώριο μεταξύ της επιλογής και των pixels του περιβάλλοντος χώρου
 Το φλουτάρισμα ανάλογα με την τιμή της παραμέτρου “Feather” (=απάλυνση) μπορεί
να προκαλέσει απώλεια της λεπτομέρειας στην περίμετρο της επιλογής
 Δημιουργία καλλιτεχνικής φωτογραφίας - βινιέτας
Εργαλείο απάλυνσης (φλουτάρισμα) άκρων επιλογής (2)
133

 Βήμα 1: Ανοίγουμε το αρχείο ilianthos.jpg


και επιλέγουμε το εργαλείο της έλλειψης
και στην παράμετρο “Feather” βάζουμε
την τιμή 20. Επιλέγουμε το λουλούδι
Εργαλείο απάλυνσης (φλουτάρισμα) άκρων επιλογής (3)
134

 Βήμα 2: Κάνουμε “Edit” > “Copy” (=Επεξεργασία > Αντιγραφή), μετά “File” > “New”
(=Αρχείο > Νέο), και τέλος “Edit” > “Paste” (=Επεξεργασία > Επικόλληση)
Δραστηριότητες: Αυτοαξιολόγηση
135

1. Ποια εργαλεία επιλογής γνωρίζετε;

2. Πώς δημιουργείται περιοχή επιλογής σχήματος κύκλου και πώς τετραγώνου;

3. Πώς μετακινείται, ενώ σχηματίζεται, μια επιλογή με τα εργαλεία επιλογής γεωμετρικών


σχημάτων;

4. Πώς χρησιμοποιούμε και γιατί το εργαλείο γρήγορης μάσκας σαν εργαλείο επιλογής;
Δραστηριότητες για περαιτέρω διερεύνηση
136

1. Εξοικειωθείτε με τα εργαλεία επιλογής και με την εντολή “Select” > “Inverse”


(=Επιλογή > Αντιστροφή).

2. Αν διαθέτετε Σαρωτή, σαρώστε (scan) μία φωτογραφία σας και δημιουργήσετε


καλλιτεχνική κορνίζα με το Photoshop.
ΕΝΟΤΗΤΑ 5
137
1-4-2022

Η χρήση των επιπέδων στο Photoshop


Τα επίπεδα του Photoshop
138

 Κάθε αρχείο εικόνας του Photoshop περιέχει ένα ή περισσότερα επίπεδα


 Το κάθε επίπεδο περιέχει κάποιο από τα επιμέρους αντικείμενα της εικόνας
 Το photoshop μας επιτρέπει να εργαζόμαστε σε κάθε επίπεδο χωριστά, χωρίς να
επιδρούμε στα άλλα επίπεδα και κατά συνέπεια στα αντικείμενα που αυτά περιέχουν
 Μπορούμε έτσι να επεξεργαζόμαστε τα αντικείμενα της εικόνας χωριστά και να τα
διαμορφώνουμε όσο συχνά θέλουμε ανάλογα με τις ανάγκες μας, χωρίς να επιδρούμε
σε άλλα αντικείμενα της εικόνας, τα οποία ενδεχομένως να θέλουμε να διατηρήσουμε
 Κάθε επίπεδο είναι ορατό μέσα από τη διαφάνεια του “από πάνω” επιπέδου. Αν το
επάνω επίπεδο είναι σε κάποιο βαθμό διαφανές, θα φαίνεται και το κάτω επίπεδο. Αν
το “πάνω” επίπεδο είναι αδιαφανές, το “κάτω” δεν θα φαίνεται
 Κάθε νέο αρχείο που δημιουργείται αποτελείται εξαρχής από το επίπεδο φόντου. Αυτό
μπορεί να περιέχει ένα χρώμα ή μια εικόνα. Τα υπόλοιπα επίπεδα τοποθετούνται
πάνω από το επίπεδο φόντου
Δραστηριότητα 1
139

Επίπεδο φόντου
Επίπεδο φόντου (1)
140

 Βήμα 1: Δημιουργούμε ένα νέο αρχείο “File” > “New” (=Αρχείο > Νέο) διαστάσεων
500x377 pixels. Παρατηρούμε ότι στην παλέτα “Layers” (=Επίπεδα) εμφανίζεται ένα
επίπεδο με όνομα “Background” (=Φόντο). Αν δεν εμφανίζεται η παλέτα “Layers”, τότε
από τη γραμμή μενού επιλέγουμε “Window” > “Layers”
Επίπεδο φόντου (2)
141

 Βήμα 2: Γεμίζουμε το επίπεδο φόντου με ένα απαλό σιέλ χρώμα με τη βοήθεια του
“Color Picker” (=Επιλογέα Χρώματος) και του εργαλείου “Paint Bucket Tool”
Δραστηριότητα 2
142

Δημιουργία, εμφάνιση, απόκρυψη, μετονομασία επιπέδων


Δημιουργία επιπέδων (1)
143

 Βήμα 1 - Δημιουργία: Ανοίγουμε το αρχείο duck.jpg και επιλέγουμε με το μαγικό ραβδί


όλο το άσπρο χρώμα έξω από το παπί και μετά κάνουμε “Select” > “Inverse” (=Επιλογή
> Αντιστροφή). Παρατηρούμε ότι έχει επιλεγεί το παπί. Κάνουμε “Edit” > “Copy”
(=Επεξεργασία > Αντιγραφή) και κατόπιν “Edit” > “Paste (=Επεξεργασία > Επικόλληση)
πάνω στο σιέλ φόντο. Παρατηρούμε ότι ένα νέο επίπεδο (Layer 1) δημιουργήθηκε
πάνω από το επίπεδο φόντου με την εικόνα του παπιού
Δημιουργία επιπέδων (2)
144

 Στην περίπτωση που θέλουμε να μετασχηματίσουμε το μέγεθος του παπιού κάνουμε


“Edit” > “Transform” > “Scale”. Με ταυτόχρονο πάτημα του πλήκτρου “Shift” για
ομοιόμορφη μεγέθυνση-σμίκρυνση, σύρουμε τα σημεία λαβής των διαγωνίων
 Εάν χρειαστεί σύρουμε και τα άλλα σημεία λαβής, χωρίς να είναι πατημένο το “Shift”
μέχρις ότου η εικόνα χωρέσει μέσα στο φόντο
 Πατώντας “Enter” ολοκληρώνεται ο μετασχηματισμός
Απόκρυψη - Εμφάνιση επιπέδων
145

 Βήμα 2 - Απόκρυψη-Εμφάνιση: Κάνοντας κλικ στο εικονίδιο του ματιού στην παλέτα
“Layers”, το ματάκι εξαφανίζεται και αντίστοιχα δεν φαίνεται και το παπί (απόκρυψη
επιπέδου). Κάνοντας ξανά κλικ το ματάκι εμφανίζεται και αντίστοιχα φαίνεται και το
παπί (εμφάνιση επιπέδου)
Μετονομασία επιπέδων
146

 Βήμα 3 - Μετονομασία: Κάνουμε δεξί κλικ και “Layer Properties” πάνω στο όνομα του
επιπέδου “Layer 1”, και αλλάζουμε το “Name” (=Όνομα) σε “mom_duck”
Δραστηριότητα 3
147

Αναδιοργάνωση της σειράς των επιπέδων για την αλλαγή


της τοποθέτησης των στοιχείων μιας εικόνας
Αναδιοργάνωση σειράς επιπέδων (1)
148

 Βήμα 1: Κάνουμε δεξί κλικ πάνω στο επίπεδο “mom_duck” και επιλέγουμε “Duplicate
Layer” (=Διπλασιασμός Επιπέδου) από το pop-up menu που βγαίνει. Παρατηρούμε ότι
ένα νέο επίπεδο-αντίγραφο με όνομα “mom_duck copy” προκύπτει πάνω από το
επίπεδο “mom_duck”
Αναδιοργάνωση σειράς επιπέδων (2)
149

 Βήμα 2: Θα δημιουργήσουμε ένα παιδάκι-παπάκι της “mon_duck”. Αποκρύπτουμε το


επίπεδο “mom_duck” και επιλέγουμε το επίπεδο “mom_duck copy”. Για να το
επιλέξουμε κάνουμε κλικ πάνω στο επίπεδο στην παλέτα Επίπεδα, ώστε να γίνει μπλε
Αναδιοργάνωση σειράς επιπέδων (3)
150

 Βήμα 3: Μικραίνουμε τώρα το επιλεγμένο επίπεδο και συγκεκριμένα μικραίνουμε τις


διαστάσεις της πάπιας “Edit” > “Transform” > “Scale”, ώστε να σχηματίσουμε ένα μικρό
παπί, το οποίο τοποθετούμε κάτω αριστερά με το εργαλείο μετακίνησης. Εμφανίζουμε
και το επίπεδο “mom_duck” κάνοντας κλικ στο εικονίδιο του ματιού. Μετονομάζουμε
τέλος, το “mom_duck copy” σε “yellow_ducky”
Αναδιοργάνωση σειράς επιπέδων (4)
151

 Βήμα 4: Θα δημιουργήσουμε άλλα 3 αδελφάκια-παπάκια του “yellow_ducky”, ένα


μαύρο, ένα άσπρο και ένα καφέ. Επιλέγουμε το επίπεδο “yellow_ducky” και κάνουμε
δεξί κλικ και “Duplicate Layer”. Δημιουργείται το επίπεδο “yellow_ducky copy”, αλλά
δεν βλέπουμε δεύτερο παπάκι στην εικόνα κι αυτό γιατί βρίσκεται ακριβώς πάνω από
το πρώτο. Για να τα ξεχωρίσουμε χρησιμοποιούμε το εργαλείο μετακίνησης και
τοποθετούμε το δεύτερο παπάκι δεξιότερα του πρώτου
Αναδιοργάνωση σειράς επιπέδων (5)
152

 Αλλάζουμε το χρώμα στο νέο παπάκι και το κάνουμε μαύρο ως εξής: Βεβαιωνόμαστε
ότι βρισκόμαστε στο επίπεδο “yellow_ducky copy”, επιλέγουμε το κίτρινο σώμα του
παπιού με το “Magic Wand Tool” (=Εργαλείο Μαγικό ραβδί). Βάζουμε τιμή 60 στην
παράμετρο “Tolerance” (=Ανοχή) του εργαλείου και με το μαγικό ραβδί, πατώντας
ταυτόχρονα το πλήκτρο “Shift”, επιλέγουμε το σώμα του παπιού
Αναδιοργάνωση σειράς επιπέδων (6)
153

 Από το μενού επιλέγουμε “Image” > “Adjustments” > “Hue/Saturation” (=Εικόνα >
Ρυθμίσεις > Απόχρωση/Κορεσμός) και δίνουμε τις τιμές: +180, +37, -86, αντίστοιχα.
Αποεπιλέγουμε. Τέλος μετονομάζουμε το επίπεδο σε “black_ducky”
Αναδιοργάνωση σειράς επιπέδων (7)
154

 Με παρόμοιο τρόπο από το “black_ducky” δημιουργούμε ένα άλλο επίπεδο


“white_ducky” (=άσπρο παπάκι) για (Απόχρωση-Κορεσμό-Φωτεινότητα: -108,+69,+87).
Με παρόμοιο τρόπο από το “yellow_ducky” δημιουργούμε ένα άλλο επίπεδο
“brown_ducky” (=καφέ παπάκι) για (Απόχρωση-Κορεσμό-Φωτεινότητα: -33,-38,-16)
Αναδιοργάνωση σειράς επιπέδων (8)
155

 Βήμα 5: Τοποθετούμε το καφέ παπάκι “brown_ducky” πίσω από τη μαμά πάπια.


Για να το πετύχουμε αρκεί στην παλέτα “Layers”, να σύρουμε με το ποντίκι το επίπεδο
“brown_ducky” προς τα κάτω και το επίπεδο “mom_duck” προς τα πάνω, έως ότου το
επίπεδο “brown_ducky” έρθει κάτω από το επίπεδο “mom_duck”
Δραστηριότητα 4
156

Συγχώνευση ομάδας επιπέδων


Συγχώνευση ομάδας επιπέδων
157

 Αν θέλουμε να συγχωνεύσουμε τα 3 παπάκια σε ένα επίπεδο, ώστε να τα χειριζόμαστε


σαν ένα αντικείμενο κάνουμε τα εξής: Αποκρύπτουμε όλα τα άλλα επίπεδα και
αφήνουμε ορατά μόνο τα επίπεδα “black_ducky”, “yellow_ducky”, “white_ducky”.
Επιλέγουμε ένα από αυτά και από τη γραμμή μενού επιλέγουμε “Layer” > “Merge
Visible” (=Επίπεδο > Συγχώνευση Ορατών). Έτσι ελαττώνεται και το μέγεθος του
αρχείου
Δραστηριότητα 5
158

Μεταβολή Αδιαφάνειας επιπέδων


Μεταβολή Αδιαφάνειας επιπέδων
159

 Για να προκύψει μια πιο αχνή εικόνα ελαττώνουμε την αδιαφάνεια του επιπέδου
“mom_duck” επιλέγοντας το επίπεδο και ελαττώνοντας την τιμή του “Opacity” από
100% σε μια μικρότερη τιμή
Δραστηριότητα 6
160

Συγχώνευση όλων των επιπέδων


Συγχώνευση όλων των επιπέδων (1)
161

 Κάνουμε ορατά όλα τα επίπεδα, επιλέγουμε ένα από αυτά και μετά “Layer” > “Flatten
Image” (=Επίπεδο > Ισοπέδωση εικόνας). Τότε όλα τα επίπεδα συγχωνεύονται σε ένα:
στο επίπεδο φόντου. Έτσι ελαττώνεται και το μέγεθος του αρχείου
Συγχώνευση όλων των επιπέδων (2)
162

 Ποια είναι κατά τη γνώμη σας η χρησιμότητα των επιπέδων στο Photoshop;
Δραστηριότητες για περαιτέρω διερεύνηση
163

1. Σχεδιάστε έναν κύκλο, ένα τετράγωνο και μία έλλειψη με διαφορετικά χρώματα και
τοποθετήστε τα σαν διαφορετικά επίπεδα σε ένα κοινό φόντο, έτσι ώστε να
επικαλύπτονται μερικώς.
 Αναδιατάξτε τα επίπεδα των τριών σχημάτων

 Ομαδοποιήστε-συγχωνεύστε τα

 Κάντε ολική μίξη - συγχώνευση των επιπέδων


ΕΝΟΤΗΤΑ 6
164
1-4-2022

Βασικές τεχνικές βελτίωσης εικόνας στο Photoshop


Δραστηριότητα 1
165

Γνωριμία και χρήση των εργαλείων


Θολώματος, Όξυνσης, Φωτισμού, Καψίματος
Θόλωμα, Όξυνση, Φωτισμός, Κάψιμο (1)
166

 Βήμα 1: Ανοίγουμε το αρχείο key.jpg από το συνοδευτικό υλικό του μαθήματος


 Βήμα 2: Επιλέγουμε το εργαλείο από την εργαλειοθήκη
 “Blur Tool” = Θόλωμα
 “Sharpen Tool” = Όξυνση
 “Dodge Tool” = Φωτισμός
 “Burn Tool” = Κάψιμο

 Βήμα 3: Επιλέγουμε τον τύπο πινέλου και το μέγεθος πινέλου


Θόλωμα, Όξυνση, Φωτισμός, Κάψιμο (2)
167

 Βήμα 4: Για τα εργαλεία Θολώματος “Blur Tool” και Όξυνσης “Sharpen Tool”,
επιλέγουμε τον τρόπο με τον οποίο θέλουμε να δράσει το εργαλείο στην εικόνα
(“Mode”) και το πόσο έντονα θέλουμε το εργαλείο να δράσει (“Strength”)
 Για τα εργαλεία Φωτίσματος “Dodge Tool” και Καψίματος “Burn Tool”, επιλέγουμε
τονική περιοχή (“Range” = “Shadows”, “Midtones”, “Highlights”), στην οποία θέλουμε
να δράσει το εργαλείο και δύναμη εργαλείου (“Exposure”)

 Βήμα 5: Σύρουμε με το εργαλείο πάνω στο τμήμα της εικόνας στο οποίο θέλουμε να
τροποποιήσουμε (ίσως, για να φτάσουμε στο επιθυμητό αποτέλεσμα να πρέπει να
σύρουμε περισσότερες από μία φορές)
(1) Blur Tool - Θόλωμα
168

 Το “Blur Tool” θολώνει το τμήμα της εικόνας όπου εφαρμόζεται


(2) Sharpen Tool - Όξυνση
169

 Το “Sharpen Tool” οξύνει το τμήμα της εικόνας όπου εφαρμόζεται


(3) Dodge Tool - Φωτισμός
170

 Το “Dodge Tool” φωτίζει τις περιοχές όπου εφαρμόζεται


(4) Burn Tool - Κάψιμο
171

 Το “Burn Tool” σκουραίνει τις περιοχές της εικόνας όπου εφαρμόζεται


Δραστηριότητα 2
172

Γνωριμία και χρήση των εργαλείων


Σφραγίδας Αντιγραφής, Σφραγίδας Μοτίβου
(Α) Εργαλείο Σφραγίδας Αντιγραφής (1)
173

 Βήμα 1: Επιλέγουμε το εργαλείο


 Βήμα 2: Ορίζουμε τα χαρακτηριστικά του πινέλου (στυλ, μέγεθος, ποσοστό
αδιαφάνειας κ.λ.π)
(Α) Εργαλείο Σφραγίδας Αντιγραφής (2)
174

 Βήμα 3: Τοποθετούμε το ποντίκι πάνω στην περιοχή της εικόνας που επιλέξαμε σαν
θέμα της σφραγίδας
 Βήμα 4: Πατάμε το πλήκτρο Alt. Ένα κυκλάκι εμφανίζεται. Με το Alt πατημένο κάνουμε
κλικ με το ποντίκι. Το θέμα της σφραγίδας έχει επιλεγεί
 Βήμα 5: Μεταβαίνουμε στην περιοχή της εικόνας όπου επιθυμούμε να αποτυπωθεί η
σφραγίδα. Κάνουμε κλικ. Η σφραγίδα έχει αποτυπωθεί
(Β) Εργαλείο Σφραγίδας Μοτίβου (1)
175

 Βήμα 1: Με το εργαλείο ορθογωνικού μαρκαρίσματος επιλέγουμε ένα τμήμα της


εικόνας και το ορίζουμε σαν μοτίβο “Edit” > “Define Pattern” (=Επεξεργασία >
Καθορισμός Μοτίβου)
(Β) Εργαλείο Σφραγίδας Μοτίβου (2)
176

 Βήμα 2: Επιλέγουμε το “Pattern Stamp Tool” (=Εργαλείο Σφραγίδας Μοτίβου)


 Βήμα 3: Επιλέγουμε μοτίβο
(Β) Εργαλείο Σφραγίδας Μοτίβου (3)
177

 Βήμα 4: Επιλέγουμε τον χώρο στον οποίο θέλουμε να εφαρμόσουμε το μοτίβο


 Βήμα 5: Εφαρμόζουμε πινελιές στην εικόνα με το εργαλείο “Pattern Stamp Tool”
Δραστηριότητα 3
178

Βελτίωση φωτογραφιών με χρήση των εργαλείων


Μπαλώματος, Πινέλου Διόρθωσης
(Α) Εργαλείο Μπαλώματος
179

 Βήμα 1: Ανοίγουμε το αρχείο


wrinkles.jpg από το συνοδευτικό
υλικό του μαθήματος
 Βήμα 2: Επιλέγουμε το “Patch Tool”
(=Εργαλείο Μπαλώματος) και από
το μενού επιλογών διαλέγουμε
“Source” ή “Destination”
 Βήμα 3: Επιλέγουμε μια περιοχή
της εικόνας που θέλουμε να
διορθώσουμε και την μετακινούμε
πάνω από άλλη περιοχή της εικόνας
2η περιοχή
(όταν αφήνουμε την πρώτη
επιλεγμένη περιοχή πάνω στη
δεύτερη, pixels από την περιοχή
προέλευσης = Source μπερδεύονται 1η περιοχή
με pixels της περιοχής προορισμού = Destination)
(Β) Εργαλείο Πινέλου διόρθωσης (1)
180

 Βήμα 1: Επιλέγουμε το
“Healing Brush Tool”
(=Εργαλείο Πινέλου
διόρθωσης)
 Βήμα 2: Το τοποθετούμε
πολύ κοντά στην περιοχή
που θέλουμε να
επιδιορθώσουμε
 Βήμα 3: Πατάμε το
πλήκτρο “Alt” (ένα κυκλάκι
εμφανίζεται) και
ταυτόχρονα κάνουμε κλικ
με το ποντίκι, όπως
ακριβώς με το εργαλείο
«Σφραγίδας Αντιγραφής»
(Β) Εργαλείο Πινέλου διόρθωσης (2)
181

 Βήμα 4: Κάνουμε κλικ


στο σημείο της ρυτίδας
που θέλουμε να σβηστεί
 Βήμα 5: Επαναλαμβάνουμε
και για τα άλλα σημεία της
ρυτίδας. Το αποτέλεσμα
φαίνεται στην εικόνα, η
ρυτίδα έχει σβηστεί
Δραστηριότητα 4
182

Γρήγορη επιδιόρθωση γρατζουνιών σε φωτογραφίες


Γρήγορη επιδιόρθωση γρατζουνιών
183

 Βήμα 1: Ανοίγουμε το αρχείο old_photo.jpg από το συνοδευτικό υλικό του μαθήματος


 Βήμα 2: Επιλέγουμε το “Spot Healing Brush Tool” (=Εργαλείο Πινέλου Διόρθωσης
Σημείου) και το μέγεθος της βούρτσας ή τον τύπο “Mode”
 Βήμα 3: Κάνουμε απλά ένα κλικ σε κάθε προβληματικό σημείο (ξεθώριασμα,
γρατζουνιά). Το αποτέλεσμα είναι άμεσο και εντυπωσιακό!
Δραστηριότητα 5
184

Χρήση του εργαλείου Κόκκινων Ματιών για τη διόρθωση του


φαινομένου των κόκκινων ματιών σε φωτογραφίες με φλας
Διόρθωση φαινομένου κόκκινων ματιών
185

 Βήμα 1: Ανοίγουμε το αρχείο


red_eyes.jpg από το συνοδευτικό
υλικό του μαθήματος και επιλέγουμε
το “Red Eye Tool” (=Εργαλείο
Κόκκινων Ματιών)
 Βήμα 2: Κάνουμε κλικ στο κόκκινο
μέρος του ματιού. Το μάτι αποκτά
αμέσως το φυσιολογικό του χρώμα
Δραστηριότητα 6
186

Χρήση των εντολών Μετασχηματισμού:


Κλιμάκωση, Περιστροφή, Παραμόρφωση,
για μετασχηματισμό των αναλογιών των φωτογραφιών
Κλιμάκωση, Περιστροφή, Παραμόρφωση
187

 Βήμα 1: Επιλέγουμε την περιοχή που θέλουμε να μετασχηματίσουμε


παραμορφώνοντας το περίγραμμά της με κάποιο από τα εργαλεία ορθογωνικού
μαρκαρίσματος, ελλειπτικής επιλογής, λάσο κ.λ.π.
 Βήμα 2: Από τη γραμμή μενού επιλέγουμε “Edit” > “Transform” (=Επεξεργασία >
Μετασχηματισμός)
 Βήμα 3: Πειραματιστείτε με τις εντολές “Scale” (=Κλιμάκωση), “Rotate” (=Περιστροφή),
“Distort” (=Παραμόρφωση) και μετά “Apply Transformation”
Δραστηριότητες για περαιτέρω διερεύνηση
188

1. Στην εικόνα Girl.jpg, από το συνοδευτικό υλικό, σβήστε την ημερομηνία λήψης της
φωτογραφίας. Αρχικά χρησιμοποιείστε το εργαλείο σφραγίδας αντιγραφής. Όταν
σβήσετε την ημερομηνία εστιάστε αρκετά (εργαλείο ζούμ) στη διορθωμένη περιοχή.
Υπάρχει ομοιομορφία στο χρώμα;

2. Κάντε την ίδια δραστηριότητα με το εργαλείο Πινέλου Διόρθωσης. Τι παρατηρείτε;


Δοκιμάστε και το Πινέλο Διόρθωσης Σημείου. Ποιο σας εξυπηρετεί καλύτερα;

3. Σβήστε και τις άλλες ρυτίδες του προσώπου από την εικόνα wrinkles.jpg
Πειραματιστείτε τόσο με το εργαλείο Πινέλου Διόρθωσης, όσο και με το εργαλείο
Πινέλου Διόρθωσης Σημείου (επιλέξτε το εργαλείο διόρθωσης σημείου και σύρετε
πάνω σε όλη τη ρυτίδα). Τι παρατηρείτε;

4. Βρείτε την εικόνα ενός μαχαιριού από το Internet και κάντε το να φαίνεται
σκουριασμένο.
ΕΝΟΤΗΤΑ 7
189
16-5-2022

Τα εργαλεία ζωγραφικής του Photoshop


και βασική διόρθωση χρωμάτων
Δραστηριότητα 1
190

Γνωριμία και χρήση των εργαλείων ζωγραφικής


(α) Εργαλείο κάδου γεμίσματος (1)
191

 Βήμα 1: Ανοίγουμε το αρχείο duck.tiff και επιλέγουμε το “Paint Bucket Tool” (=εργαλείο
κάδου γεμίσματος)
 Βήμα 2: Επιλέγουμε ένα χρώμα προσκηνίου π.χ. ανοιχτό πράσινο
 Βήμα 3: Κάνουμε κλικ στο άσπρο φόντο. Γίνεται πράσινο
(α) Εργαλείο κάδου γεμίσματος (2)
192

 Βήμα 4: Κάνουμε κλικ με το εργαλείο και σε ένα άλλο σημείο της πάπιας π.χ. στο μάτι
Γίνεται κι αυτό πράσινο
 Βήμα 3: Επιλέγουμε “Pattern” (=μοτίβο) και κάνουμε κλικ στο πράσινο φόντο
(β) Εργαλείο Μολυβιού
193

 Βήμα 1: Ξαναγυρίζουμε στο πράσινο φόντο με τη βοήθεια της παλέτας “History”


 Βήμα 2: Επιλέγουμε το “Pencil Tool” (=εργαλείο Μολυβιού)
 Βήμα 3: Επιλέγουμε ένα μέγεθος πινέλου για το εργαλείο, ένα στυλ πινέλου (“Brush”),
ένα χρώμα και μια κατάσταση ανάμειξης (“Mode”) και γράφουμε: “το παπί”
(γ) Εργαλείο Πινέλου (1)
194

 Βήμα 1: Επιλέγουμε το “Brush Tool” (=εργαλείο Πινέλου)


 Βήμα 2: Επιλέγουμε ένα μέγεθος πινέλου για το εργαλείο, ένα στυλ πινέλου (“Brush”),
ένα χρώμα και μια κατάσταση ανάμειξης (“Mode”) και απλώνουμε μερικές πινελιές
(γ) Εργαλείο Πινέλου (2)
195

 Βήμα 3: Ξαναγυρίζουμε στο πράσινο φόντο με τη βοήθεια της παλέτας “History”


 Βήμα 4: Επιλέγουμε σαν τύπο πινέλου κάποιο ιδιαίτερο στυλ π.χ. “Scattered Maple
Leaves”, χρώμα πινέλου το άσπρο και μέγεθος πινέλου 74
 Βήμα 5: Απλώνουμε μερικές πινελιές
(δ) Εργαλείο Προσαρμοσμένου Σχήματος (1)
196

 Βήμα 1: Ξαναγυρίζουμε στο πράσινο φόντο με τη βοήθεια του ιστορικού


 Βήμα 2: Επιλέγουμε το “Custom Shape Tool” (=εργαλείο προσαρμοσμένου σχήματος)
 Βήμα 3: Επιλέγουμε ένα σχήμα π.χ. καρδούλα. Δεν επιλέγουμε στυλ για το σχήμα αυτό,
επιλέγουμε το μωβ χρώμα
(δ) Εργαλείο Προσαρμοσμένου Σχήματος (2)
197

 Βήμα 4: Σύρουμε με το ποντίκι το σχήμα στο πράσινο φόντο. Σχηματίζεται μία μωβ
καρδούλα. Ρυθμίζουμε το “Blending Options” (=επιλογές ανάμειξης) του επιπέδου της
καρδούλας σε “Outer Glow” (=εξωτερική λάμψη) και το “Blend Mode” (=τρόπος
ανάμειξης της λάμψης) σε “Dissolve” (=Διάχυση)
(δ) Εργαλείο Προσαρμοσμένου Σχήματος (3)
198

 Βήμα 4: Σύρουμε με το ποντίκι το σχήμα στο πράσινο φόντο. Σχηματίζεται μία μωβ
καρδούλα. Ρυθμίζουμε το “Blending Options” (=επιλογές ανάμειξης) του επιπέδου της
καρδούλας σε “Outer Glow” (=εξωτερική λάμψη) και το “Blend Mode” (=τρόπος
ανάμειξης της λάμψης) σε “Dissolve” (=Διάχυση)
(δ) Εργαλείο Προσαρμοσμένου Σχήματος (4)
199

 Βήμα 6: Εφαρμόζουμε τώρα κάποιο από τα διαθέσιμα στυλ για το σχήμα


 Βήμα 7: Πειραματιστείτε και με άλλα στυλ
(ε) Εργαλείο γόμας
200

 Βήμα 1: Ορίζουμε σαν χρώμα παρασκηνίου το πράσινο που περιβάλει την πάπια.
Βεβαιωνόμαστε ότι είμαστε στο επίπεδο φόντου. Επιλέγουμε το “Eraser Tool”
(=εργαλείο γόμας) και το σύρουμε πάνω στην ουρά της πάπιας. Το εργαλείο σβήνει
κάποια pixel (περιοχές) της ουράς
(στ) Εργαλείο γόμας φόντου
201

 Βήμα 1: Επιλέγουμε το “Background Eraser Tool” (=εργαλείο γόμας φόντου) και


κάνουμε κλικ σε κάποιο σημείο του φόντου. Παρατηρούμε ότι το σημείο όπου
εφαρμόστηκε το εργαλείο γίνεται διαφανές
(ζ) Εργαλείο Μαγικής Γόμας (1)
202

 Βήμα 1: Επιλέγουμε το εργαλείο “Magic Eraser Tool” (=εργαλείο μαγικής γόμας)


 Βήμα 2: Κάνουμε κλικ σε κάποιο σημείο της πράσινης περιοχής. Όλα τα pixel που είναι
παρόμοια (που έχουν το πράσινο χρώμα) γίνονται διαφανή
(ζ) Εργαλείο Μαγικής Γόμας (2)
203

 Βήμα 3: Κάνουμε κλικ σε κάποιο σημείο στο κίτρινο σώμα της πάπιας. Παρατηρούμε
ότι όλα τα pixels με χρώμα κίτρινο γειτονικό με το χρώμα του σημείου στο οποίο
κάναμε κλικ, γίνονται διαφανή. Η χρωματικά γειτονική περιοχή προσδιορίζεται από την
τιμή της παραμέτρου “Tolerance” (=ανοχή). Εδώ η παράμετρος έχει τιμή 10.
Μεγαλύτερες τιμές της παραμέτρου, προσδιορίζουν μεγαλύτερες περιοχές.
Δραστηριότητα 2
204

Δημιουργία και χρήση εργαλείων μοτίβων


(α) Καθαρισμός μοτίβου - Γέμισμα μοτίβου (1)
205

 Βήμα 1: Ανοίγουμε το αρχείο duck.jpg. Επιλέγουμε μια περιοχή της εικόνας με το


εργαλείο ορθογωνικού μαρκαρίσματος (π.χ. επιλέγουμε το κεφάλι της πάπιας). Από τη
γραμμή μενού επιλέγουμε “Edit” > “Define Pattern” (=Επεξεργασία > Καθορισμός
μοτίβου). Δίνουμε το όνομα head στο νέο μοτίβο που ορίζεται. Αποεπιλέγουμε
(α) Καθαρισμός μοτίβου - Γέμισμα μοτίβου (2)
206

 Βήμα 2: (Βλέπε Δραστηριότητα 1 > Εργαλείο κάδου γεμίσματος > Γέμισμα με μοτίβο)
 Βήμα 3: Εκτός από το εργαλείο κάδου γεμίσματος, μπορούμε να γεμίσουμε με μοτίβο
μια περιοχή με χρήση του εργαλείου “Magic Wand” (=Μαγικό Ραβδί), ως εξής:
Επιλέγουμε το εργαλείο μαγικό ραβδί και επιλέγουμε με αυτό την περιοχή, π.χ. το
άσπρο φόντο γύρω από το παπί. Από τη γραμμή μενού επιλέγουμε “Edit” > “Fill” >
“Use: Pattern” (=Επεξεργασία > Γέμισμα > Χρήση: μοτίβο) και επιλέγουμε το μοτίβο
head. Πατάμε OΚ. Αποεπιλέγουμε. Το αποτέλεσμα φαίνεται στην επόμενη διαφάνεια
(α) Καθαρισμός μοτίβου - Γέμισμα μοτίβου (3)
207

 Αν ορίσουμε σαν μοτίβο το κεφάλι της πάπιας με “Opacity” (=αδιαφάνεια) 50%, το


αποτέλεσμα θα είναι μάλλον καλύτερο
(β) Δημιουργία μοτίβου με χρήση μάσκας αποκοπής (1)
208

Με τη μέθοδο αυτή βλέπουμε ένα επίπεδο μέσα από ένα άλλο


 Βήμα 1: Δημιουργούμε ένα αρχείο 500x500 pixels και το γεμίζουμε με ένα ροζ χρώμα
 Βήμα 2: Δημιουργούμε ένα δεύτερο αρχείο 500x500 pixels και το γεμίζουμε με το
μοτίβο rose (από την εικόνα rose.jpg του συνοδευτικού υλικού)
(β) Δημιουργία μοτίβου με χρήση μάσκας αποκοπής (2)
209

 Βήμα 3: Επιλέγουμε και επικολλάμε το αρχείο με τα τριαντάφυλλα του βήματος 2 πάνω


στο ροζ φόντο του βήματος 1
 Βήμα 4: Δημιουργούμε ένα αρχείο 500x500 με κεφαλαία γράμματα σε τυχαία διάταξη
(π.χ. Π, Τ, Ε, Γ)
(β) Δημιουργία μοτίβου με χρήση μάσκας αποκοπής (3)
210

 Βήμα 5: Επιλέγουμε και επικολλάμε το αρχείο με τα γράμματα πάνω στα τριαντάφυλλα


 Βήμα 6: Αναδιατάσσουμε τα επίπεδα έτσι ώστε να είναι το επίπεδο με το ροζ χρώμα
κάτω, μετά τα γράμματα και μετά τα τριαντάφυλλα
(β) Δημιουργία μοτίβου με χρήση μάσκας αποκοπής (4)
211

 Βήμα 7: Τοποθετούμε το ποντίκι ανάμεσα στα επίπεδα “Layer 1”, “Layer 2” και πατάμε
“Alt”. Εμφανίζεται ένα μικρό κυκλάκι. Το κυκλάκι είναι ένδειξη ότι έχει εφαρμοστεί
μάσκα αποκοπής. Το επίπεδο με τα τριαντάφυλλα φαίνεται μέσα από το επίπεδο με τα
γράμματα (μάσκα αποκοπής)
Δραστηριότητα 3
212

Εξάσκηση με βασικές εργασίες διόρθωσης του χρώματος


και μεθόδους χρωματισμού εικόνων και γραφικών
Διόρθωση χρώματος (1)
213

Θα αλλάξουμε το χρώμα φόντου με ένα πιο εντυπωσιακό ντεγκραντέ χρωματισμό


 Βήμα 1: Ανοίγουμε το αρχείο duck.jpg και διαγράφουμε το άσπρο φόντο της εικόνας με
το “Magic Eraser Tool” (εργαλείο Μαγική Γόμα)
 Βήμα 2: Επιλέγουμε το “Gradient Tool” (=εργαλείο ντεγκραντέ)
 Βήμα 3: Επιλέγουμε χρωματισμό και στυλ ντεγκραντέ
Διόρθωση χρώματος (2)
214

 Βήμα 4: Επιλέγουμε με το “Magic Wand Tool” (=μαγικό ραβδί) το διαφανές τμήμα της
εικόνας.
 Βήμα 5: Με το “Gradient Tool” σύρουμε σε όλη την έκταση της εικόνας. Αποεπιλέγουμε
Δραστηριότητες για περαιτέρω διερεύνηση
215

1. Πειραματιστείτε με καλλιτεχνικά πινέλα σε διάφορες φωτογραφίες

2. Πειραματιστείτε με το εργαλείο ντεγκραντέ και τους χρωματισμούς του, τον τρόπο


καθορισμού ενός ντεγκραντέ χρώματος, τα στυλ του

3. Πειραματιστείτε με τις μάσκες αποκοπής


ΕΝΟΤΗΤΑ 8
216
23-5-2022

Εργασία με χαρακτήρες και φίλτρα στο Photoshop


Δραστηριότητα 1
217

Εισαγωγή και επεξεργασία κειμένου σε εικόνα


Επεξεργασία κειμένου (1)
218

 Βήμα 1: Ανοίγουμε το αρχείο Rhodes.jpg που είναι μια φωτογραφία από τη Ρόδο.
Πολλοί ίσως αναγνωρίσουν ποιο νησί είναι από τη φωτογραφία. Επειδή όμως θα
υπάρχουν και κάποιοι που δεν το αναγνωρίζουν, θα επισυνάψουμε το όνομα του
νησιού “ΡΟΔΟΣ” πάνω στη φωτογραφία
Επεξεργασία κειμένου (2)
219

 Από την εργαλειοθήκη επιλέγουμε το “Horizontal Type Tool” (=εργαλείο κειμένου),


γραμματοσειρά Palatino Linotype, μεγέθους 100 pixels, μπλε χρώμα κειμένου
και πληκτρολογούμε ΡΟΔΟΣ πάνω στη φωτογραφία, αφήνοντας ένα κενό ανάμεσα
στα γράμματα. Όταν ολοκληρώσουμε πατάμε Enter
Επεξεργασία κειμένου (3)
220

 Βήμα 2: Επιλέγουμε το επίπεδο κειμένου και κάνουμε δεξί κλικ και “Duplicate Layer”
(=Διπλασιασμός επιπέδου). Δημιουργείται ένα νέο επίπεδο, αντίγραφο του επιπέδου
κειμένου με το όνομα “ΡΟΔΟΣ copy”. Αποκρύπτουμε το αρχικό επίπεδο κειμένου
κάνοντας κλικ στο ματάκι, ώστε να εξαφανιστεί
 Μετακινώντας τη ράβδο κύλισης, μειώνουμε το “Opacity” (=αδιαφάνεια) του επιπέδου
“ΡΟΔΟΣ copy” στο 30%, ώστε η λέξη ΡΟΔΟΣ να αποκτήσει μια απαλή χροιά, και τέλος
κάνουμε διπλό κλικ στο όνομα του επιπέδου “ΡΟΔΟΣ copy” και το μετονομάζουμε σε
“ΡΟΔΟΣ_pal”
Επεξεργασία κειμένου (4)
221

 Βήμα 3: Επιλέγουμε το επίπεδο κειμένου “ΡΟΔΟΣ”


και κάνουμε δεξί κλικ και “Duplicate Layer”
(=Διπλασιασμός επιπέδου). Δημιουργείται ένα νέο
επίπεδο, αντίγραφο του επιπέδου κειμένου με το
όνομα “ΡΟΔΟΣ copy” το οποίο τοποθετούμε
σέρνοντας το πάνω από το επίπεδο “ΡΟΔΟΣ_pal”.
Αποκρύπτουμε το επίπεδο κειμένου “ΡΟΔΟΣ” και
το επίπεδο “ΡΟΔΟΣ_pal” κάνοντας κλικ στο ματάκι,
ώστε να εξαφανιστούν.
 Μεταβαίνουμε στο επίπεδο “ΡΟΔΟΣ copy”, κάνουμε
δεξί κλικ και επιλέγουμε “Blending Options”
(=επιλογές ανάμειξης) από την αναδυόμενη λίστα
Επεξεργασία κειμένου (5)
222

 Βήμα 4: Επιλέγουμε
σαν στυλ το “Outer
Glow” (=εξωτερική
λάμψη), με κατάλληλες
τιμές στις παραμέτρους
“Size” (=μέγεθος) και
“Spread” (=άπλωμα)
για να πετύχουμε τη
λάμψη που θέλουμε
 Μετονομάζουμε το
επίπεδο “ΡΟΔΟΣ copy”
σε “ΡΟΔΟΣ_glow”
Επεξεργασία κειμένου (6)
223

 Βήμα 5: Δημιουργούμε ένα αντίγραφο του επιπέδου “ΡΟΔΟΣ_glow” (δεξί κλικ και
διπλασιασμός επιπέδου). Δημιουργείται το “ΡΟΔΟΣ_glow copy”. Αποκρύπτουμε το
επίπεδο “ΡΟΔΟΣ_glow”, μεταβαίνουμε στο “ΡΟΔΟΣ_glow copy” και επιλέγουμε το
εργαλείο κειμένου. Σέρνοντας με το ποντίκι, επιλέγουμε τη λέξη “ΡΟΔΟΣ” και κάνουμε
κλικ στο εργαλείο στρεβλωμένου κειμένου

 Βήμα 6: Από τα διαθέσιμα στυλ του


στρεβλωμένου κειμένου επιλέγουμε
“Σημαία”. Πατάμε OK.
Τέλος, μετονομάζουμε το επίπεδο
“ΡΟΔΟΣ_glow copy” σε “ΡΟΔΟΣ_flag”
Δραστηριότητα 2
224

Χρήση φίλτρων σε εικόνα


Εφαρμογή 1
225

Χρήση φίλτρου σε επιλεγμένη περιοχή της εικόνας


Φίλτρο σε επιλεγμένη περιοχή της εικόνας (1)
226

 Βήμα 1: Ανοίγουμε το αρχείο Picanto_b.jpg. Βλέπουμε ένα ολοκαίνουργιο αυτοκίνητο!


 Βήμα 2: Επιλέγουμε το αυτοκίνητο με το εργαλείο μαγνητικό λάσο και επιλέγουμε το
φίλτρο παραμόρφωσης «Κύμα» (“Filter” > “Distort” > “Wave”) (δράση φίλτρου σε
επιλεγμένη περιοχή της εικόνας “Type” = “Triangle”)
Φίλτρο σε επιλεγμένη περιοχή της εικόνας (2)
227

 Το αυτοκίνητο έχει παραμορφωθεί, σαν να έχει μόλις υποστεί μια σφοδρή σύγκρουση!
Εφαρμογή 2
228

Χρήση φίλτρων σε συνδυασμό με τα εργαλεία μάσκας:


εργαλείο παγώματος μάσκας, εργαλείο ξεπαγώματος μάσκας
Φίλτρο Ρευστοποίηση (1)
229

 Βήμα 1: Ανοίγουμε το αρχείο duck.tif από το υλικό του μαθήματος. Από τη γραμμή
μενού επιλέγουμε το φίλτρο «Ρευστοποίηση» (“Filter” > “Liquify”)
Φίλτρο Ρευστοποίηση (2)
230

 Το φίλτρο Ρευστοποίησης υγροποιεί (δίνει μια ρευστή μορφή) στα στοιχεία της εικόνας
που θα εφαρμοστεί. Παραμορφώνουμε - ρευστοποιούμε τη μύτη της πάπιας
 Επιλέγουμε το πρώτο εργαλείο παραμόρφωσης του φίλτρου Ρευστοποίησης “Forward
Warp Tool” και το σέρνουμε πάνω στη μύτη της πάπιας
Φίλτρο Ρευστοποίηση (3)
231

 Βήμα 2: Αν θέλουμε να επαναφέρουμε την εικόνα στην αρχική της μορφή, επιλέγουμε
“Restore All” (=επαναφορά όλων) ή από τη ράβδο κύλισης επιλέγουμε ποσοστό
επαναφοράς 100%. Η εικόνα αποκαθίσταται πλήρως
Φίλτρο Ρευστοποίηση (4)
232

 Βήμα 3: Αν θέλουμε να παραμορφώσουμε όλο το σώμα της πάπιας εκτός από την
περιοχή των ματιών και του ράμφους κάνουμε τα εξής:
 Επιλέγουμε το εργαλείο παγώματος
μάσκας (προστασία περιοχής - μάσκα)
και χρωματίζουμε με κόκκινο (μάσκα)
την περιοχή στα μάτια και το ράμφος.
Αν θέλουμε να επιλέξουμε μικρότερη
περιοχή διορθώνουμε - σβήνουμε με
Εργαλείο παγώματος μάσκας το εργαλείο ξεπαγώματος μάσκας

Εργαλείο ξεπαγώματος μάσκας


Φίλτρο Ρευστοποίηση (5)
233

 Βήμα 4: Κατόπιν, επιλέγοντας το εργαλείο παραμόρφωσης “Turbulence Tool”,


σέρνουμε με το ποντίκι σε όλο το σώμα της πάπιας. Η κόκκινη περιοχή είναι
προστατευμένη, οπότε παραμορφώνεται το υπόλοιπο σώμα και αποκτά κυματιστές
πτυχώσεις
Εφαρμογή 3
234

Χρήση καλλιτεχνικού φίλτρου


Καλλιτεχνικό φίλτρο (1)
235

 Βήμα 1: Ανοίγουμε την εικόνα calm_sea, από το συνοδευτικό υλικό


Καλλιτεχνικό φίλτρο (2)
236

 Βήμα 2: Από την κατηγορία καλλιτεχνικών φίλτρων “Filter” > “Artistic” εφαρμόζουμε το
“Cutout”. Τότε η εικόνα μετατρέπεται σε αφηρημένο τοπίο
Εφαρμογή 4
237

Χρήση φίλτρων βελτίωσης της εικόνας


(α) Φίλτρα Μείωσης θορύβου
238

 Σε εικόνες όχι και τόσο καλής ποιότητας (εικόνες με θόρυβο ή χαμηλή ευκρίνεια),
χρησιμοποιούμε φίλτρα της περιοχής “Filter” > “Noise”

 Δοκιμάστε αυτά τα φίλτρα σε δικές σας


φωτογραφίες. Τι παρατηρείτε;
(β) Φίλτρα Όξυνσης (αύξησης ευκρίνειας)
239

 Σε εικόνες όχι και τόσο καλής ποιότητας (εικόνες με θόρυβο ή χαμηλή ευκρίνεια),
χρησιμοποιούμε φίλτρα της περιοχής “Filter” > “Sharpen”

 Δοκιμάστε αυτά τα φίλτρα σε δικές σας


φωτογραφίες. Τι παρατηρείτε;
Εφαρμογή 5
240

Χρήση φίλτρων ομάδας sketch


Φίλτρα ομάδας sketch (1)
241

 Ανοίγουμε την εικόνα face.jpg από το συνοδευτικό υλικό. Εφαρμόζουμε φίλτρα της
κατηγορίας «Σκετσάρισμα» (“Filter” > “Show All Menu Items” > “Sketch”) π.χ. το
“Graphic Pen” (=Μολύβι γραφικών) ή το “Photocopy” (=Φωτοαντίγραφο)
Φίλτρα ομάδας sketch (2)
242

 Αριστερά το αποτέλεσμα του φίλτρου “Graphic Pen” και δεξιά του “Photocopy”
Δραστηριότητες για περαιτέρω διερεύνηση
243

1. Επιλέξτε από το Internet τη φωτογραφία ενός τόπου που αγαπάτε και γράψτε το όνομά
του με δύο μορφοποιήσεις της αρεσκείας σας (πειραματιστείτε με τα επιλογές
ανάμειξης όπως το περίγραμμα ή το λοξοτομή και ανάγλυφο ή όποιο άλλο σας αρέσει)

2. Ανοίξτε μία φωτογραφία σας. Διορθώστε την με χρήση φίλτρου μείωσης θορύβου εάν
χρειάζεται και κατόπιν εφαρμόστε σ’ αυτήν: α) ένα καλλιτεχνικό φίλτρο, β) ένα φίλτρο
παραμόρφωσης. Πειραματιστείτε και με άλλα φίλτρα

3. Πειραματιστείτε και με τα άλλα εργαλεία παραμόρφωσης του φίλτρου Ρευστοποίηση.


Τι κάνει κάθε εργαλείο; Συζητείστε τις παρατηρήσεις σας

You might also like