ΜΑΘΗΜΑ 1 ΣΤΟΧΟΙ: 1. Ψηφιακές Εικόνες 2. Αναγνώριση Συνήθων Χρήσεων Ψηφιακών Εικόνων 3. Κατανόηση Των Όρων Εικονοστοιχείο (Pixel), Ανάλυση/Ευκρίνεια (Resolution) Και Αναγνώριση Των Βασικών Χαρακτηριστικών Μιας Ψηφιακής Εικόνας 4. Κατανόηση Των Όρων Συμπίεση Γραφικών/Εικόνων Χωρίς Απώλειες (Lossless), Με Απώλειες (Lossy) 5. Κατανόηση Του Όρου Πνευματικά Δικαιώματα (Copyright) Και Των Συνεπειών Χρήσης Εικόνων Άνευ Δικαιωμάτων (Royalty-Free Images) Και Εικόνων Με Δικαιώματα (Rights-Managed Images) 6. Κατανόηση Των Όρων Γραφικά Ψηφιδοπλέγματος (Raster) Και Διανυσματικά (Vector) Γραφικά, Καθώς Και Αναγνώριση Κοινών Μορφών Τους Και Των Διαφορών Τους 7. Αναγνώριση Των Κατοχυρωμένων Τύπων/Μορφών Αρχείων Δημοφιλών Εφαρμογών Επεξεργασίας Εικόνας 8. Κατανόηση Του Όρου Χρωματικό Μοντέλο (Colour Model) Και Αναγνώριση Βασικών Μοντέλων Καθορισμού Χρωμάτων 9. Κατανόηση Των Όρων Χρωματική Παλέτα (Colour Palette), Βάθος Χρώματος (Colour Depth) 10. Κατανόηση Των Όρων Απόχρωση (Hue), Κορεσμός (Saturation), Ισορροπία Χρώματος (Colour Balance) 11. Κατανόηση Των Όρων Αντίθεση (Contrast), Φωτεινότητα (Brightness), Γάμα (Gamma) 12. Κατανόηση Του Όρου Διαφάνεια (Transparency) 1. Ψηφιακές Εικόνες Καθημερινά στον κόσμο που ζούμε η ψηφιακή τεχνολογία εφαρμόζεται σε κάθε συσκευή. Στον ηλεκτρονικό υπολογιστή πραγματοποιήθηκαν πολλές σημαντικές αλλαγές και εξελίξεις ειδικά στον τομέα της ψηφιακής φωτογραφίας. Όλες οι φωτογραφίες που βλέπουμε γύρω μας είναι ψηφιακές, στα βιβλία, στις εφημερίδες, στα περιοδικά, στις αφίσες, στα έντυπα. Οι ψηφιακές φωτογραφίες αποτελούν ένα δημοφιλές χόμπι πολλών χρηστών υπολογιστών και η επεξεργασία τους είναι απαραίτητη. Σε αυτό βοήθησε η δυνατότητα μεταφοράς των φωτογραφιών απευθείας από τη ψηφιακή συσκευή στον υπολογιστή, η αποθήκευση τους σε πολλές διαφορετικές μορφές, η εκτύπωση τους σε διάφορα μέσα χρησιμοποιώντας κάποια μέθοδο ψηφιακής εκτύπωσης και η προβολή τους σε κάποια οθόνη. Οι ψηφιακές φωτογραφίες προέρχονται από: Τη ψηφιοποίηση αναλογικών εικόνων μέσω σαρωτή Τις ψηφιακές φωτογραφίες Τη σύλληψη εικόνων από την οθόνη του υπολογιστή Τη ψηφιοποίηση εικόνων βίντεο ή τηλεόρασης μέσω ειδικής κάρτας Το πρόγραμμα δημιουργίας και επεξεργασίας εικόνας όπως το Adobe Photoshop, Corel Draw, GIMP, κ.α. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 1 -
2. Αναγνώριση Συνήθων Χρήσεων Ψηφιακών Εικόνων 2.1 Δημοσίευση Στο Διαδίκτυο Και Στον Έντυπο Τύπο Σελίδες κοινωνικής δικτύωσης όπως Facebook, Twitter κ.α. Ιστοσελίδες κοινής χρήσης φωτογραφιών όπως Flickr, SmugMug, Google Picasa κ.α. Σελίδες κοινωνικής δικτύωσης στις οποίες χρησιμοποιούνται κυρίως εφαρμογές ανταλλαγής μηνυμάτων με φωτογραφίες όπως Snapchat, Instagram Direct κ.α. Χρησιμοποίηση στον έντυπο τύπο (περιοδικά, εφημερίδες, διαφημιστικά φυλλάδια) 2.2 Διανομή Μέσω Ηλεκτρονικού Ταχυδρομείου (E-Mail) Και Κινητού Τηλεφώνου Αποστολή ψηφιακών φωτογραφιών οποιαδήποτε στιγμή χρησιμοποιώντας Ηλεκτρονικό ταχυδρομείο (e-mail). Τα κινητά τηλέφωνα που υποστηρίζουν τα Multimedia Messaging Service (MMS), παρέχουν τη δυνατότητα στους χρήστες τους να στείλουν και να λάβουν ψηφιακές φωτογραφίες, ήχους και βίντεο. 2.3 Εκτύπωση Στο Σπίτι Χρησιμοποιώντας έναν εκτυπωτή ή εκτυπωτή φωτογραφιών στην εργασία ή στο σπίτι μας μπορούμε να τυπώσουμε δικές μας φωτογραφίες. 2.4 Χρήση Ψηφιακής Κορνίζας Φωτογραφιών Προβολή ψηφιακών φωτογραφιών σε μια ψηφιακή κορνίζα χρησιμοποιώντας κάρτα μνήμης ή από συσκευή αποθήκευσης δεδομένων. 3. Κατανόηση Των Όρων Εικονοστοιχείο (Pixel), Ανάλυση/Ευκρίνεια (Resolution) Και Αναγνώριση Των Βασικών Χαρακτηριστικών Μιας Ψηφιακής Εικόνας 3.1 Εικονοστοιχείο (Pixel) Οι εικόνες αποτελούνται από μικρά τετράγωνα τα οποία ονομάζονται Εικονοστοιχεία (Pixels) που αντιστοιχούν στις λέξεις Picture Elements (Στοιχεία Εικόνας). Το εικονοστοιχείο είναι το μικρότερο τμήμα της ψηφιακής φωτογραφίας. Χωρίς μεγέθυνση ένα pixel μόλις που διακρίνεται, ενώ αν κοιτάξετε με ένα καλό μεγεθυντικό φακό την εικόνα, θα δείτε πως όλα όσα εμφανίζονται σε αυτήν (γράμματα, γραμμές, γραφικά, κλπ.) έχουν δημιουργηθεί από πολύ μικρά τετράγωνα που είναι τα pixels. Απεικονίζονται ψηφιακά σε δυαδικό κώδικα που σημαίνει ότι το πλήθος των bit χρησιμοποιείται για να περιγράφει το χρώμα κάθε ενός pixel. Όσο περισσότερα bit ανά pixel τόσα περισσότερα χρώματα διαθέτει η εικόνα. Στην πιο απλή μορφή του, το κάθε pixel ορίζεται ως μαύρο είτε ως άσπρο. Αυτό ονομάζεται και εικόνα 1 bit. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 2 -
3.2 Ανάλυση/Ευκρίνεια (Resolution) Η ανάλυση (Resolution) μιας εικόνας αναφέρεται στο πλήθος των εικονοστοιχείων (pixels) που περιγράφουν μια εικόνα και καθορίζουν στο πόσο υψηλό είναι το επίπεδο λεπτομέρειας σε μια εικόνα ή αλλιώς πόσο υψηλή είναι η ευκρίνεια της. Ο αριθμός των εικονοστοιχείων (pixels) που συνθέτουν την εικόνα μετριέται σε ίντσες (1 ίντσα = 2,54 εκατοστά). Όσο μεγαλύτερη είναι η ανάλυση μιας εικόνας τόσο μεγαλύτερη είναι η ευκρίνεια της και άρα η ποιότητα της, κατ επέκταση και το μέγεθος του αρχείου της. Ένα pixel έχει χρωματική πληροφορία (bit depth) τουλάχιστο ένα δυαδικό ψηφίο δηλαδή 1 bit (με τιμή 1 ή με τιμή 0) όπως τις πιο κάτω εικόνες. 0 0 1 0 1 0 0 1 1 0 1 0 1 1 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 0 3.3 Αναγνώριση Των Βασικών Χαρακτηριστικών Μιας Ψηφιακής Εικόνας Η ανάλυση εικόνας και η ανάλυση οθόνης με μονάδα μέτρησης τα ppi (pixels per inch), εικονοστοιχεία ανά ίντσα. Τα ppi είναι ο αριθμός των pixels που περιέχονται σε κάθε ίντσα μήκους ή πλάτους μιας εικόνας. Π.χ. Εάν μια ψηφιακή φωτογραφία έχει ανάλυση 300 ppi, σημαίνει ότι κάθε ίντσα της περιέχει 300 εικονοστοιχεία. Η ανάλυση εκτυπωτή ή ανάλυση εξόδου με μονάδα μέτρησης τα dpi (dots per inch), κουκκίδες μελανιού ανά ίντσα. Αυτό συμβαίνει γιατί στο χαρτί μας ενδιαφέρει πόσες κουκκίδες εκτύπωσης μπορούν να εκτυπωθούν σε μια ίντσα. Π.χ. Μια εκτύπωση σε ανάλυση 400 dpi, σημαίνει ότι ο εκτυπωτής για κάθε ίντσα της φωτογραφίας θα τυπώνει 400 κουκκίδες. 4. Κατανόηση Των Όρων Συμπίεση Γραφικών/Εικόνων Χωρίς Απώλειες (Lossless), Με Απώλειες (Lossy) 4.1 Συμπίεση Γραφικών/Εικόνων Χωρίς Απώλειες (Lossless) Η συμπίεση χωρίς απώλειες δημιουργεί ένα συμπιεσμένο αρχείο και δεν αλλοιώνει τα χαρακτηριστικά αλλά ούτε μειώνει την ποιότητα της εικόνας κατά τη διάρκεια της συμπίεσης, με συνέπεια η εικόνα που προκύπτει κατά την αποσυμπίεση να είναι ακριβές αντίγραφο της αρχικής. Τεχνικές αυτής της μορφής χρησιμοποιούνται για τη συμπίεση εικόνων οι οποίες δε θα πρέπει να αλλοιωθούν κατά τη διαδικασία της συμπίεσης/αποσυμπίεσης. Ορισμένα αρχεία με συμπίεση χωρίς απώλειες είναι το GIF, PNG, TIFF, BMP, PS, EPS, PDF, CDR κτλ. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 3 -
4.2 Συμπίεση Γραφικών/Εικόνων Με Απώλειες (Lossy) Η συμπίεση με απώλειες δημιουργεί ένα συμπιεσμένο αρχείο μικρότερου μεγέθους από το οποίο διαμορφώνεται μια εικόνα χαμηλότερης ανάλυσης από την αρχική και με απώλειες σε εικονοστοιχεία (pixels). Η μέθοδος αυτή βασίζεται στο γεγονός ότι μπορούμε να πετύχουμε πολύ μεγαλύτερη συμπίεση αν μειωθεί η ποιότητα της εικόνας. Τεχνικές αυτής της μορφής χρησιμοποιούνται για τη συμπίεση εικόνων στις περισσότερες εφαρμογές, ήχου, βίντεο μεταφορά εικόνων μέσω του Διαδικτύου. Ορισμένα αρχεία με συμπίεση με απώλειες είναι το JPEG, PCD, κτλ. 5. Κατανόηση Του Όρου Πνευματικά Δικαιώματα (Copyright) Και Των Συνεπειών Χρήσης Εικόνων Άνευ Δικαιωμάτων (Royalty-Free Images) Και Εικόνων Με Δικαιώματα (Rights-Managed Images) 5.1 Πνευματικά Δικαιώματα (Copyright) Πνευματικά δικαιώματα ή Πνευματική ιδιοκτησία ονομάζονται τα αποκλειστικά δικαιώματα για χρήση, δημοσίευση ή διανομή εικόνων ή άλλης εργασίας για ένα συγκεκριμένο χρονικό διάστημα. Παραχωρούνται για καθορισμένο χρονικό διάστημα και απαγορεύουν σε τρίτους τη χρήση των εικόνων χωρίς την άδεια του ιδιοκτήτη δημιουργού. Τις περισσότερες φορές το δικαίωμα της χρήσης αποκτάται με χρηματική εισφορά. 5.2 Χρήση Εικόνων Άνευ Δικαιωμάτων (Royalty-Free Images) Με τη χρηματική εισφορά, οι εικόνες χωρίς δικαιώματα επιτρέπουν να χρησιμοποιούνται πολλές φορές για πολλαπλά έργα. Δεν επιβαρύνεται ο αγοραστής με επιπρόσθετη χρηματική εισφορά. Ο δημιουργός παρέχει όλα τα δικαιώματα της εικόνας. 5.3 Χρήση Εικόνων Με Δικαιώματα (Rights-Managed Images) Οι εικόνες με δικαιώματα αγοράζονται από τους χρήστες και υποχρεωτικά υπόκεινται σε κάποιους κανόνες και οδηγίες που καθορίζονται γραπτώς μέσα στην άδεια χρήσης όπως: περιορισμούς στο μέγεθος, χώρος τοποθέτησης, διάρκεια χρήσης και γεωγραφικής κατανομής. Τονίζεται ότι τις περισσότερες φορές καταβάλλεται χρηματική εισφορά για κάθε φορά που χρησιμοποιείται η εικόνα. 6. Κατανόηση Των Όρων Γραφικά Ψηφιδοπλέγματος (Raster) Και Διανυσματικά (Vector) Γραφικά, Καθώς Και Αναγνώριση Κοινών Μορφών Τους Και Των Διαφορών Τους 6.1 Γραφικά Ψηφιδοπλέγματος (Raster) Τα γραφικά ψηφιοδοπλέγματος ή ψηφιογραφικά (Raster) συνθέτουν ένα πλέγμα εικονοστοιχείων (pixel) δηλαδή κάθε σημείο της εικόνας αποτελείται από μια κουκκίδα (pixel) η οποία έχει συγκεκριμένη θέση και τιμή χρώματος. Τα raster αρχεία αποθηκεύονται σαν αρχεία εικόνων σε διάφορες μορφές. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 4 -
Πλεονεκτήματα των ψηφιογραφικών γραφικών: Ευκολία στη χρήση Απλά στη χρήση Συμβατά με πολλές εφαρμογές επεξεργασίας εικόνας Κατάλληλα για εικόνες συνεχών τόνων όπως φωτογραφίες Δυνατότητα επεξεργασίας με φίλτρα Μειονεκτήματα των ψηφιογραφικών γραφικών: Απαιτούν μεγάλη υπολογιστική ισχύ Απαιτούν μεγάλη χωρητικότητα στο σκληρό δίσκο Απαιτούν μεγάλη ποσότητα μνήμης (RAM) Απώλεια στην ευκρίνεια και τη λεπτομέρεια τους όταν τα μεγεθύνουμε στην οθόνη Εξαρτάται πάντα από το μέγεθος η ποιότητα τους 6.2 Διανυσματικά Γραφικά (Vector) Τα διανυσματικά γραφικά (Vector) σχηματίζονται από άθροισμα γεωμετρικών σχημάτων (ευθείες γραμμές, κύκλοι, τόξα, καμπύλες), που ορίζονται με μαθηματικό τρόπο. Το μέγεθος τους μπορεί να αυξηθεί χωρίς να υπάρξουν απώλειες στην ποιότητα. Πλεονεκτήματα των διανυσματικών γραφικών: Απαιτούν μικρή υπολογιστική ισχύ Το μέγεθος τους ως αρχεία είναι μικρό Απαιτούν μικρή ποσότητα μνήμης Δεν εξαρτάται από το μέγεθος τους η ποιότητα τους Διατηρούν την αρχική πληροφορία Αρκετά καλή ανάλυση Μειονεκτήματα των διανυσματικών γραφικών: Αυτή η μορφή εικόνων δεν είναι πολύ δεδομένη Χρησιμοποιείται κυρίως για λογότυπα, μακέτες με κείμενο Δυνατότητα επεξεργασίας μόνο με συγκεκριμένες εφαρμογές Δεν μπορούμε να χρησιμοποιήσουμε αυτή τη μορφή για να ανεβάσουμε μια εικόνα στο διαδίκτυο με αποτέλεσμα η χρήση τέτοιας μορφής εικόνων να είναι περιορισμένη. 6.3 Αναγνώριση Κοινών Μορφών Ψηφιδοπλέγματος/Raster Και Διανυσματικών Μορφών/Vector Μορφές Αρχείου Ψηφιδοπλέγματος/Raster Μορφή Αρχείου Ψηφιδοπλέγματος JPEG (Join Photographic Expert Group) GIF (Graphical Interchange Format) Επέκταση Αρχείου *.jpeg *.gif Μορφές Διανυσματικού Αρχείου/Vector Μορφή Αρχείου Ψηφιδοπλέγματος SVG (Scalable Vector Graphics) EPS (Encapsulated PortScript) Επέκταση Αρχείου *.svg *.eps ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 5 -
7. Αναγνώριση Των Κατοχυρωμένων Τύπων/Μορφών Αρχείων Δημοφιλών Εφαρμογών Επεξεργασίας Εικόνας Μορφή Αρχείου PSD (Photoshop images) PSP (Paint Shop Prop) XCF (Gimp Image File) CPT (Corel Photo-Paint) Επέκταση Αρχείου *.psd *.psp *.xcf *.cpt 7.1 PSD (Photoshop images) Πλεονεκτήματα: Διατηρεί πλήθος πληροφοριών (πχ. channels, layers, paths) για την ολοκληρωμένη επεξεργασία εικόνας. Μειονεκτήματα: Συμβατό μόνο με συγκεκριμένες εφαρμογές όπως Adobe Photoshop. Δεν χρησιμοποιείται στο web. 7.2 PSP (Paint Shop Prop) Πλεονεκτήματα: Αποθηκεύει εικόνες που περιέχουν layers (στρώσεις), guides (οδηγούς), vectors paths (διανυσματικά γραφικά), metadata (μεταδομένα). Μειονεκτήματα: Συμβατό μόνο με συγκεκριμένες εφαρμογές όπως Corel PaintShop Pro. 7.3 XCF (Gimp Image File) Πλεονεκτήματα: Εικόνες που δημιουργούνται από το πρόγραμμα επεξεργασίας εικόνας GNU Image Manipulation Program (GIMP), το οποίο έχει την δυνατότητα να αποθηκεύει layers (στρώσεις), channels (κανάλια) κ.α. Μειονεκτήματα: Συμβατό μόνο με συγκεκριμένες εφαρμογές όπως GIMP, CorelDRAW, Graphics Suite X6, CinePaint, XvView, InfanView. 7.4 CPT (Corel Photo-Paint) Πλεονεκτήματα: Διατηρεί πλήθος πληροφοριών (πχ. channels, layers) για την ολοκληρωμένη επεξεργασία της εικόνας και επιπλέον δίνει τη δυνατότητα μεταφοράς διαφάνειας (transparency). Μειονεκτήματα: Συμβατό μόνο με συγκεκριμένες εφαρμογές όπως CorelDRAW, Graphics Suite. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 6 -
8. Κατανόηση Του Όρου Χρωματικό Μοντέλο (Colour Model) Και Αναγνώριση Βασικών Μοντέλων Καθορισμού Χρωμάτων 8.1 Κατανόηση Του Όρου Χρωματικό Μοντέλο (Colour Model) Το χρωματικό μοντέλο (Colour Model) είναι ένα μαθηματικό μοντέλο που χρησιμοποιείται για να γίνει δυνατή η ακριβής περιγραφή χρωμάτων με αριθμητική μορφή δηλαδή όπως την καταλαβαίνει ο Ηλεκτρονικός Υπολογιστής. Το χρώμα συνήθως περιέχει τρεις η τέσσερις αριθμητικές τιμές ή στοιχεία χρώματος, κατάλληλη για την επεξεργασία τους από ψηφιακά μέσα. Κάθε χρωματικό μοντέλο βασίζεται σε διαφορετικούς τρόπους για να απεικονίζει τα χρώματα μιας ψηφιακής εικόνας όταν εμφανίζονται στην οθόνη ή στο χαρτί. 8.2 Αναγνώριση Βασικών Μοντέλων Καθορισμού Χρωμάτων RGB (Red, Green, Blue) Είναι ένα μοντέλο που βασίζεται στην προσθετική μίξη των χρωμάτων. Τα βασικά χρώματα του είναι το κόκκινο (Red), το πράσινο (Green), το μπλε (Blue), τα αρχικά γράμματα των οποίων σχηματίζουν και το όνομα του RGB. Χρησιμοποιείται για παρουσιάσεις, στο διαδίκτυο, σε πολυμέσα, γενικά σε εφαρμογές που αφορούν την οθόνη μας. Ορίζει την αντιστοιχία τιμών από 0 έως 255 για κάθε ένα από αυτά τα χρώματα. Παράδειγμα εάν καταχωρίσουμε την τιμή 255 και στα 3 χρώματα παράγεται το λευκό χρώμα ενώ όταν προστεθούν σε μηδενική ένταση δίνουν το μαύρο χρώμα. HSB (Hue, Saturation, Brightness) Είναι ένα μοντέλο που βασίζεται στο συνδυασμό 3 συνιστωσών: της απόχρωσης (Hue), του κορεσμού (Saturation) και της φωτεινότητας (Brightness) και χρησιμοποιείται μόνο για την επιλογή χρώματος. Η απόχρωση (Hue) είναι η θέση του κάθε χρώματος στο χρωματικό φάσμα. Μετριέται σε μοίρες από 0 ο έως 360 ο με βάση την γωνιά που είναι τοποθετημένη στον τροχό των χρωμάτων. Ο κορεσμός (Saturation) είναι η πυκνότητα του χρώματος, δηλαδή το ποσοστό του άσπρου που περιέχεται σ αυτό. Παίρνει αριθμητικές τιμές από 0% (καθόλου γκρίζο) μέχρι 100% (γκρίζο). Η φωτεινότητα (Brightness) έχει να κάνει με πόσο σκούρο ή ανοικτό είναι ένα χρώμα. Βασικά ρυθμίζουμε την ένταση του άσπρου χρώματος. Χρησιμοποιείται συνήθως για να ανοίξει το χρώμα στις φωτογραφίες που σκοτείνιασαν. Παίρνει αριθμητικές τιμές από 0% (μαύρο) μέχρι 100% (λευκό). CMYK (Cyan, Magenta, Yellow, Black) Είναι ένα μοντέλο που βασίζεται στην αφαιρετική μίξη των χρωμάτων. Το CMYK λέγεται αλλιώς και τετραχρωμία γιατί τα βασικά του χρώματα είναι τα 4 τυπογραφικά χρώματα: κυανό (Cyan), μαντζέντα (Magenta), κίτρινο (Yellow) και μαύρο (Key Black). Στα αρχικά χρησιμοποιείται το Κ για να μην γίνεται σύγχυση με το Blue. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 7 -
Για να φωτιστεί η απόχρωση πρέπει να αφαιρείται χρώμα, ενώ η πλήρης αφαίρεση των χρωμάτων δίνει άσπρο. Το CMYK είναι το κατ εξοχήν τυπογραφικό χρωματικό μοντέλο και χρησιμοποιείται για να τυπωθούν φωτογραφίες, εικονογραφήσεις, αφίσες, κλπ. CYAN BLUE GREEN RED MAGENTA YELLOW Grayscale Το χρωματικό μοντέλο Grayscale (αποχρώσεις του γκρίζου) συνδυάζει αποχρώσεις του γκρι, οι οποίες ποικίλλουν από το μαύρο έως το άσπρο. Διαβάζει 256 τόνους της κλίμακας του γκρι. Αυτό το χρωματικό μοντέλο μας δίνει την δυνατότητα να μετατρέψουμε μια έγχρωμη εικόνα σε ασπρόμαυρη. 9. Κατανόηση Των Όρων Χρωματική Παλέτα (Colour Palette), Βάθος Χρώματος (Colour Depth) 9.1 Κατανόηση Του Όρου Χρωματική Παλέτα (Colour Palette) Η χρωματική παλέτα (Colour Palette) είναι ο συνολικός αριθμός των διαθέσιμων χρωμάτων που μια συγκεκριμένη εφαρμογή επεξεργασίας εικόνων είναι σε θέση να δημιουργεί ή να διαχειριστεί. 9.2 Κατανόηση Του Όρου Βάθος Χρώματος (Colour Depth) Το βάθος χρώματος (Colour Depth) είναι η χρωματική πληροφορία που περιέχει κάθε εικονοστοιχείο (pixel) μιας ψηφιακής εικόνας. Πόσα ξεχωριστά χρώματα μπορεί να εμφανιστούν στην ψηφιακή εικόνα, πόσες περισσότερες αποχρώσεις είναι ορατές. Όσο μεγαλύτερη είναι η πληροφορία αυτή, τόσο περισσότερα bit χρειάζονται και τόσο πιο πραγματική φαίνεται η εικόνα όσον αφορά το χρώμα. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 8 -
Παράδειγμα, αν ένα εικονοστοιχείο έχει βάθος χρώματος 1 bit αυτό σημαίνει ότι είναι σε θέση να λάβει μόνο δύο τιμές, το 0 ή το 1 και οι τιμές αυτές αντιστοιχούν στο μαύρο και το άσπρο. 10. Κατανόηση Των Όρων Απόχρωση (Hue), Κορεσμός (Saturation), Ισορροπία Χρώματος (Colour Balance) 10.1 Απόχρωση (Hue) Η απόχρωση (Hue) είναι η θέση του κάθε χρώματος στο χρωματικό φάσμα κι έτσι το αντιλαμβανόμαστε σαν κόκκινο, πράσινο, μπλε ή οποιοδήποτε άλλο ενδιάμεσο συνδυασμό αυτών. Το άσπρο, το μαύρο και τα γκρι δεν έχουν απόχρωση. Η διαφορετική απόχρωση οφείλεται στο διαφορετικό μήκος κύματος του φωτός και είναι μια ιδιότητα του χρώματος που εύκολα αναγνωρίζεται. Έχει τιμή από 0 ο μέχρι 360 ο στον χρωματικό τροχό (color wheel). 10.2 Κορεσμός (Saturation) Ο κορεσμός (Saturation) είναι η ποσότητα χρώματος μιας συγκεκριμένης απόχρωσης και δείχνει το πώς φαίνεται ένα χρώμα υπό διαφορετικές συνθήκες φωτισμού. Ο κορεσμός εκφράζεται με το ποσοστό της απόχρωσης του χρώματος που φαίνεται, σε σχέση με το ποσοστό που εξασθενίζετε από ένα ουδέτερο χρώμα, όπως το άσπρο ή το μαύρο. Όσο χαμηλότερη είναι η τιμή της χρωματικής καθαρότητας τόσο περισσότερο γκρίζο θα περιέχει το χρώμα. Παίρνει αριθμητικές τιμές από 0% μέχρι 100%. 10.3 Ισορροπία Χρώματος (Colour Balance) Η ισορροπία χρώματος (Colour Balance) είναι η σχέση μεταξύ των 3 βασικών χρωμάτων (συνήθως του κόκκινου, του πράσινου και του μπλε) που χρησιμοποιούνται για την απόδοση μιας εικόνας στην οθόνη ή στον εκτυπωτή, ώστε να μοιάζει με την πραγματική φυσική εικόνα. 11. Κατανόηση Των Όρων Αντίθεση (Contrast), Φωτεινότητα (Brightness), Γάμα (Gamma) 11.1 Αντίθεση (Contrast) Η αντίθεση (Contrast) μιας εικόνας είναι η αντίθεση μεταξύ των φωτεινών και των σκοτεινών περιοχών μιας εικόνας. Αύξηση της αντίθεσης σημαίνει αύξηση της αντίθεσης μεταξύ των φωτεινών και σκοτεινών περιοχών της εικόνας έτσι ώστε οι φωτεινές περιοχές θα γίνουν ακόμα πιο φωτεινές ενώ οι σκοτεινές πιο σκοτεινές. Μείωση της αντίθεσης σκουραίνει τις φωτεινές περιοχές και φωτίζει τις σκοτεινές, μειώνει δηλαδή την αντίθεση φωτεινότητας των περιοχών. Ένα πρόγραμμα καταλαβαίνει σαν κανονική αντίθεση μιας φωτογραφίας την αρχική αντίθεση που έχει μια εικόνα όταν εισάγεται σε αυτό. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 9 -
11.2 Φωτεινότητα (Brightness) Η φωτεινότητα (Brightness) είναι η ιδιότητα μιας εικόνας που καθορίζει το ποσό των φωτεινών και των σκοτεινών περιοχών της και εκφράζεται ως ποσοστό επί τοις εκατό, με 0% να έχουμε το λευκό και 100% το μαύρο. Επικεντρώνεται στη φωτεινότητα ολόκληρης της εικόνας ή της επιλεγμένης περιοχής. Ωστόσο η μετακίνηση του μηχανισμού κύλισης πολύ δεξιά ή πολύ αριστερά δημιουργεί φθορά στη φωτογραφία. 11.3 Γάμα (Gamma) Η τιμή γάμα (Gamma) μετρά τη φωτεινότητα των μέσων αποχρώσεων μιας εικόνας που εμφανίζεται στην οθόνη. Ο τρόπος με τον οποίο η φωτεινότητα έχει αλλάξει στην μεσαία γκάμα γκρι τόνων. Όσο χαμηλότερη τιμή έχει τόσο πιο σκούρα είναι η εικόνα. 12. Κατανόηση Του Όρου Διαφάνεια (Transparency) Η διαφάνεια (Transparency) είναι η ιδιότητα ενός αντικειμένου όταν μέσα από αυτό μπορούμε να δούμε άλλα αντικείμενα, σε κάποιο βαθμό ή και εντελώς καθαρά, οπότε το χρώμα του είναι διάφανο. Ένα αντικείμενο μπορεί, φυσικά, να έχει μερικά μέρη του διαφανή ή να είναι συνολικά ημιδιαφανές. Η μερική διαφάνεια ονομάζεται και ημιδιαφάνεια (partial transparency ή translucency) και προσομοιάζει με το χρωματισμένο γυαλί. ΜΑΘΗΜΑ 1 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 10 -
ΜΑΘΗΜΑ 1 - ΕΡΩΤΗΣΕΙΣ 1. Ποιες από τις παρακάτω είναι εφαρμογές Επεξεργασίας Εικόνας; (2 απαντήσεις) a) Adobe Acrobat b) Microsoft Publisher c) Adobe Photoshop d) Paint Shop Pro e) Microsoft Encarta 2. Ποιο από τα παρακάτω δεν είναι χρωματικό μοντέλο; a) HUE b) RGB c) HSB d) CMYK 3. Ποια από τις παρακάτω φράσεις είναι σωστή; a) Το χρωματικό μοντέλο RGB πήρε το όνομα του από τα χρώματα Red, Grey και Black και λειτουργεί προσθετικά. b) Το χρωματικό μοντέλο CMYK πήρε το όνομα του από τα χρώματα Coral, Magenta, Yellow και White και λειτουργεί αφαιρετικά. c) Το χρωματικό μοντέλο HSB πήρε το όνομα του από τα χρώματα Hot pink, Sky blue και Black και λειτουργεί αφαιρετικά. d) Το χρωματικό μοντέλο RGB πήρε το όνομα του από τα χρώματα Red, Green και Blue και λειτουργεί προσθετικά. 4. Ποια από τις παρακάτω φράσεις είναι σωστή; a) Η χρωματική παλέτα είναι το σύνολο των διαθέσιμων χρωμάτων που μπορούμε να χρησιμοποιήσουμε σε ένα πρόγραμμα επεξεργασίας εικόνων. b) Η χρωματική παλέτα έχει 256 βασικά χρώματα και από αυτά παράγει όλα τα άλλα. c) Η χρωματική παλέτα είναι ανάλογη του χρωματικού μοντέλου που θα χρησιμοποιήσουμε σε μια εικόνα d) Η χρωματική παλέτα είναι το σύνολο των χρωμάτων που απεικονίζονται σε μια συγκεκριμένη φωτογραφία. 5. Εικονοστοιχείο (pixel) είναι: a) Το καθένα από τα επιμέρους σχήματα από τα οποία απαρτίζεται μια εικόνα. b) Το καθένα από τα ξεχωριστά στοιχεία από τα οποία σχηματίζεται μια εικόνα c) Το καθένα από τα επιμέρους διανύσματα από τα οποία αποτελείται μια διανυσματική εικόνα d) Το κάθε bit που καταλαμβάνει μια εικόνα όταν την αποθηκεύσουμε ΜΑΘΗΜΑ 1 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 11 -
6. Ο αριθμός των pixel ανά ίντσα μιας εικόνας ονομάζεται: (2 απαντήσεις) a) Κορεσμός b) Ευκρίνεια c) Ανάλυση d) Βάθος χρώματος e) Διαφάνεια 7. Αν κρατήσουμε σταθερή την ανάλυση μιας εικόνας και μεγαλώσουμε το μέγεθος της a) θα γίνει πιο φωτεινή b) θα γίνει πιο σκοτεινή c) θα μεγαλώσουν τα pixels της d) δεν θα μεταβληθεί τίποτα άλλο 8. Ο αριθμός των χρωμάτων που μπορεί να πάρει το κάθε pixel μιας εικόνας ονομάζεται: a) Αντίθεση b) Κορεσμός c) Απόχρωση d) Βάθος χρώματος 9. Αντίθεση εικόνας είναι: a) Η αντίθεση μεταξύ των φωτεινών και σκοτεινών περιοχών της b) Η αντίθεση χρώματος μεταξύ των άκρων της και του κέντρου c) Η αντίθεση χρωμάτων σε όλη την έκταση της d) Η αντίθεση μεταξύ μαύρου και λευκού στην εικόνα αυτή 10. Ποιο από τα παρακάτω δεν είναι ιδιότητα εικόνας; a) Ισορροπία μεγέθους b) Απόχρωση c) Διαφάνεια d) Ξεθώριασμα 11. Ποιο από τα παρακάτω δεν είναι σωστό; a) Ισορροπία χρώματος είναι η σχέση μεταξύ των βασικών χρωμάτων που χρησιμοποιούνται ώστε η εικόνα να μοιάζει ρεαλιστική b) Διαφάνεια είναι η ιδιότητα του χρώματος όταν μέσα από αυτό μπορούμε να δούμε αντικείμενα c) Τα γάμα είναι μια ευθεία που αναπαριστά τη σχέση μεταξύ των χρωμάτων που αντιλαμβανόμαστε και των ρεαλιστικών d) Η απόχρωση είναι η θέση του κάθε χρώματος στο χρωματικό φάσμα ΜΑΘΗΜΑ 1 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 12 -
12. Ποιες από τις παρακάτω είναι κατηγορίες ψηφιακών εικόνων; (2 απαντήσεις) a) Γραφικά πλέγματος b) Γραφικά pixel c) Bitmap γραφικά d) Διανυσματικά μεγέθη 13. Ποιο από τα παρακάτω δεν είναι τύπος ψηφιακών εικόνων; a) GIF b) BMP c) RGB d) RPG 14. Η συμπίεση στις εικόνες βοηθάει στο να a)... μειώσει το μέγεθος τους και έτσι να μεταφέρονται εύκολα b) βελτιώσει τα χρώματα τους c) αυξήσει την φωτεινότητα των σκοτεινών σημείων d) βελτιώσει το βάθος χρώματος και μειώσει το χώρο αποθήκευσης 15. Ποιος από τους παρακάτω τύπους γραφικών έχει συμπίεση χωρίς απώλειες; a) GIF b) RGB c) JPEG d) HUE 16. Οι ψηφιακές φωτογραφίες προέρχονται από; (3 απαντήσεις) a) Σαρωτή b) Εκτυπωτή c) Φιλμ d) Ψηφιακές φωτογραφίες e) Photoshop 17. Όσο λιγότερα bits ανά pixel τόσα περισσότερα χρώματα διαθέτει η εικόνα; a) Σωστό b) Λάθος 18. Το εικονοστοιχείο χρησιμοποιεί αρχεία; a) JPEG b) bitmap c) Shape files d) Pdf ΜΑΘΗΜΑ 1 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 13 -
ΜΑΘΗΜΑ 2 ΣΤΟΧΟΙ: 1. Άνοιγμα Εφαρμογής Επεξεργασίας Εικόνων 2. Κύρια Οθόνη της Εφαρμογής Επεξεργασίας Εικόνων 3. Άνοιγμα/Κλείσιμο Αρχείων Εικόνων 4. Εναλλαγή Μεταξύ Ανοικτών Αρχείων Εικόνας 5. Δημιουργία Ενός Νέου Αρχείου Εικόνας Ρύθμιση Παραμέτρων 6. Δημιουργία Μιας Νέας Εικόνας Από Το Πρόχειρο 7. Αποθήκευση Εικόνας Σε Μια Θέση Στον Δίσκο. Αποθήκευση Εικόνας Με Άλλο Όνομα Σε Μια Θέση Στο Δίσκο 8. Αποθήκευση, Εξαγωγή Μιας Εικόνας Σε Άλλο Τύπο Αρχείου Όπως: JPEG, GIF, TIFF, PNG 9. Κλείσιμο Εφαρμογής Επεξεργασίας Εικόνων 1. Άνοιγμα Εφαρμογής Επεξεργασίας Εικόνων 1.1 Άνοιγμα Εφαρμογής Επεξεργασίας Εικόνων 1. Start 2. All Programs 3. Adobe Photoshop 2. Κύρια Οθόνη της Εφαρμογής Επεξεργασίας Εικόνων Menu Bar (Γραμμή Μενού) Options Bar (Γραμμή Επιλογών ενεργού Εργαλείου) Workspace menu (Χώροι Εργασίας) Tools Panel (Εργαλειοθήκη) Palettes (Παλέτες) Status Bar (Γραμμή Κατάστασης) Document Window (Παράθυρο Αρχείου) ΜΑΘΗΜΑ 2 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 14 -
3. Άνοιγμα/Κλείσιμο Αρχείων 3.1 Άνοιγμα Αρχείων ΤΡΟΠΟΣ 1: 1. File 2. Open 3. Επιλέγουμε το αρχείο από την τοποθεσία που βρίσκεται 4. Open ΤΡΟΠΟΣ 2: 1. File 2. Browse in Bridge 3. Ανοίγουμε με διπλό κλικ τους φακέλους 4. Επιλέγουμε τις εικόνες που χρειαζόμαστε 5. Διπλό κλικ πάνω στην εικόνα 6. Open 3.2 Κλείσιμο Αρχείων Εικόνων 1. File 2. Close (Κλείσιμο επιλεγμένου αρχείου εικόνας) 3. Close All (Κλείσιμο όλων των ανοικτών αρχείων εικόνων) 4. Εναλλαγή Μεταξύ Ανοικτών Αρχείων Εικόνας ΤΡΟΠΟΣ 1: 1. Window 2. Επιλέγουμε το όνομα του αρχείου που θέλουμε να μεταφερθούμε ΤΡΟΠΟΣ 2: 1. Επιλέγουμε την καρτέλα του αρχείου εικόνας κάνοντας κλικ πάνω της 5. Δημιουργία Ενός Νέου Αρχείου Εικόνας Ρύθμιση Παραμέτρων 1. File 2. New 3. Name: Καθορίζουμε το όνομα του νέου αρχείου εικόνας 4. Preset: Καθορίζουμε τις διαστάσεις του νέου αν επιθυμούμε International paper (Επιλέγουμε διαστάσεις A3, A4, A5, A6) Default Photoshop Size (Προεπιλεγμένο μέγεθος του Photoshop) U.S Paper κτλ. 5. Width/Height: Καθορίζουμε το πλάτος και το ύψος της εικόνας επιλέγοντας μονάδες μέτρησης από το πτυσσόμενο βελάκι 6. Resolution: Καθορίζεις την ανάλυση της εικόνας εισάγοντας τον αριθμό των pixels/inch. 7. Color Mode: Καθορίζουμε το χρωματικό μοντέλο της εικόνας επιλέγοντας από το πτυσσόμενο βελάκι: Bitmap (Μαύρο ή Λευκό) Grayscale (Διαβαθμίσεις του γκρίζου) RGB Color (Κόκκινο - Red, πράσινο - Green, μπλε - Blue) ΜΑΘΗΜΑ 2 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 15 -
CMYK Color (Κυανό-Cyan, Ματζέντα-Magenda, Κίτρινο-Yellow, Μαύρο-Black) Lab Color (Αποθηκεύουμε όλη πληροφορία φωτεινότητας της εικόνας) 8. Color Depth: Ορίζουμε σε bit την ποσότητα της πληροφορίας χρώματος για κάθε εικονοστοιχείο από το πτυσσόμενο βελάκι: 1 bit 8 bit 16 bit 32 bit 9. Background Contents: Καθορίζουμε το φόντο της εικόνας White (Άσπρο) Background Color (Επιλογή χρώματος) Transparent (Διάφανο) 10. Στα δεξιά του πλαισίου διαλόγου εμφανίζεται το μέγεθος του αρχείου (Image Size) 11. ΟΚ 6. Δημιουργία Μιας Νέας Εικόνας Από Το Πρόχειρο 1. Αντιγράφουμε μια εικόνα από τα αρχεία που βρίσκονται αποθηκευμένα στον υπολογιστή μας ή από μια διαδικτυακή βιβλιοθήκη 2. Δεξί κλικ στην εικόνα 3. Copy ή Copy Image ή πατώντας το πλήκτρο Print Screen 4. Μεταφερόμαστε στο πρόγραμμα Adobe Photoshop 5. File 6. New 7. Name: Καθορίζουμε το όνομα του νέου αρχείου εικόνας 8. Preset: Καθορίζουμε τις διαστάσεις του νέου αν επιθυμούμε 9. Width/Height: Καθορίζουμε το πλάτος και το ύψος της εικόνας 10. Resolution: Καθορίζεις την ανάλυση της εικόνας 11. Color Mode: Καθορίζουμε το χρωματικό μοντέλο της εικόνας 12. Color Depth: Ορίζουμε σε bit την ποσότητα της πληροφορίας χρώματος για κάθε εικονοστοιχείο 13. Background Contents: Καθορίζουμε το φόντο της εικόνας 14. Στα δεξιά του πλαισίου διαλόγου εμφανίζεται το μέγεθος του αρχείου (Image Size) 15. ΟΚ 16. Edit 17. Paste ΜΑΘΗΜΑ 2 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 16 -
7. Αποθήκευση Εικόνας Σε Μια Θέση Στον Δίσκο. Αποθήκευση Εικόνας Με Άλλο Όνομα Σε Μια Θέση Στο Δίσκο 7.1 Αποθήκευση Εικόνας Με Άλλο Όνομα Σε Μια Θέση Στον Δίσκο 1. File 2. Save As 3. File name: Πληκτρολογούμε ένα όνομα για την εικόνα 4. Save in: Επιλέγουμε τοποθεσία αποθήκευσης της εικόνας 5. Format: Αν θέλουμε επιλέγουμε άλλη μορφή αρχείου από την προεπιλεγμένη που είναι το PSD (Photoshop) όπως JPEG, GIF, PNG, TIFF, PSD, EPS, BMP, RAW, PNG, PDF, PSB προβαίνοντας στις κατάλληλες ρυθμίσεις για κάθε μορφή αρχείου 6. Save 7. Μεταφερόμαστε στο πρόγραμμα Adobe Photoshop 8. File 9. Open 7.2 Αποθήκευση Εικόνας 1. File 2. Save 8. Αποθήκευση, Εξαγωγή Μιας Εικόνας Σε Άλλο Τύπο Αρχείου Όπως: JPEG, GIF, TIFF, PNG 8.1 Αποθήκευση Σε Μορφή JPEG 1. File 2. Save As 3. File name: Πληκτρολογούμε ένα όνομα για την εικόνα 4. Save in: Επιλέγουμε τοποθεσία αποθήκευσης της εικόνας 5. Format: Επιλέγουμε JPEG 6. Save 7. Εμφανίζεται το πλαίσιο ελέγχου JPEG Options 8. Quality: Καθορίζουμε την ποιότητα είτε καταχωρώντας την, είτε επιλέγοντας την από το πτυσσόμενο βελάκι, είτε μετακινώντας το μηχανισμό κύλισης 9. ΟΚ ΜΑΘΗΜΑ 2 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 17 -
8.2 Αποθήκευση Σε Μορφή GIF 1. File 2. Save As 3. File name: Πληκτρολογούμε ένα όνομα για την εικόνα 4. Save in: Επιλέγουμε τοποθεσία αποθήκευσης της εικόνας 5. Format: Επιλέγουμε GIF 6. Save 7. Εμφανίζεται το πλαίσιο ελέγχου Indexed Color 8. Palette: Επιλέγουμε από την πτυσσόμενη λίστα την παλέτα χρωμάτων πχ. για Windows μπορούμε να επιλέξουμε System (Windows) 9. Colors: Βεβαιωνόμαστε ότι στο πλαίσιο αναγράφεται η τιμή 256 10. Transparency: Ενεργοποιούμε το πλαίσιο ελέγχου Transparency για να διατηρήσει η εικόνα μας τυχόν διαφανές περιοχές 11. ΟΚ 12. Normal: Ορίζουμε η εικόνα να εμφανίζεται σε ένα φυλλομετρητή ιστού (web browser) μόνο αφού ολοκληρωθεί η λήψη 13. Interlaced: Ορίζουμε η εικόνα να εμφανίζεται αρχικά σε χαμηλότερη ανάλυση σε ένα φυλλομετρητή ιστού (web browser) και σταδιακά θα εμφανίζει όλο και περισσότερες λεπτομέρειες μέχρι να εμφανιστεί κανονικά η εικόνα. 14. ΟΚ 8.3 Αποθήκευση Σε Μορφή PNG 1. File 2. Save As 3. File name: Πληκτρολογούμε ένα όνομα για την εικόνα 4. Save in: Επιλέγουμε τοποθεσία αποθήκευσης της εικόνας 5. Format: Επιλέγουμε PNG 6. Save 7. Εμφανίζεται το πλαίσιο ελέγχου PNG Options 8. Normal: Ορίζουμε η εικόνα να εμφανίζεται σε ένα φυλλομετρητή ιστού (web browser) μόνο αφού ολοκληρωθεί η λήψη 9. Interlaced: Ορίζουμε η εικόνα να εμφανίζεται αρχικά σε χαμηλότερη ανάλυση σε ένα φυλλομετρητή ιστού (web browser) και σταδιακά θα εμφανίζει όλο και περισσότερες λεπτομέρειες μέχρι να εμφανιστεί κανονικά η εικόνα. 10. ΟΚ ΜΑΘΗΜΑ 2 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 18 -
8.4 Αποθήκευση Σε Μορφή TIFF 1. File 2. Save As 3. File name: Πληκτρολογούμε ένα όνομα για την εικόνα 4. Save in: Επιλέγουμε τοποθεσία αποθήκευσης της εικόνας 5. Format: Επιλέγουμε TIFF 6. Save 7. Εμφανίζεται το πλαίσιο ελέγχου TIFF Options 8. None: Χωρίς συμπίεση 9. LZW: Για πιο αποτελεσματική χωρίς απώλειες συμπίεση εικόνων με μεγάλες περιοχές του ιδίου χρώματος 10. ZIP: Για πιο αποτελεσματική χωρίς απώλειες συμπίεση εικόνων με μικρές περιοχές του ιδίου χρώματος 11. JPEG: Συμπίεση με απώλειες 12. ΟΚ 9. Κλείσιμο Εφαρμογής Επεξεργασίας Εικόνων 1. File 2. Exit ΜΑΘΗΜΑ 2 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 19 -
ΜΑΘΗΜΑ 2 - ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Ανοίξετε τα αρχεία City_2.jpg και Marathon.jpg από τον φάκελο Lesson 2 που βρίσκεται στην επιφάνεια εργασίας/desktop. 3. Κάνετε ενεργό το αρχείο City_2.jpg και κλείστε το. 4. Δημιουργήστε ένα νέο αρχείο εικόνας με πλάτος (width) 1000 pixels, ύψος (height) 500 pixels, ανάλυση (resolution) 75 pixels, χρωματικού συστήματος (color mode) RGB και φόντο εικόνας (background contents) white. Ονομάστε το αρχείο με όνομα New_Image_1. 5. Μεταβείτε στην εικόνα Marathon.jpg και αποθηκεύσετε την ως αρχείο.png αποδεχόμενοι τις προεπιλεγμένες ρυθμίσεις με όνομα Running_race στον φάκελο Lesson 2. 6. Κλείστε την εικόνα Running_race.png. 7. Αποθηκεύσετε την εικόνα New_Image_1 ως αρχείο.tiff με όνομα Illustration χωρίς συμπίεση στον φάκελο Lesson 2. 8. Κλείστε την εικόνα Illustration.tiff. 9. Ανοίξτε την εικόνα City_2.jpg και αποθηκεύσετε την ως αρχείο.gif με παλέτα χρωμάτων Web και όνομα Town στον φάκελο Lesson 2. 10. Κλείστε όλα τα ανοιχτά αρχεία. 11. Μεταφερθείτε στην ιστοσελίδα http://animals.nationalgeographic.com/animals. 12. Αντιγράψετε μια εικόνα από την ιστοσελίδα και μεταφερθείτε στο πρόγραμμα Adobe Photoshop. 13. Δημιουργήστε ένα νέο αρχείο εικόνας με πλάτος (width) 300 pixels και ύψος (height) 400 pixels. Ονομάστε το αρχείο με όνομα Poster. 14. Επικολλήστε την εικόνα που αντιγράψετε από την ιστοσελίδα στο νέο αρχείο. 15. Αποθηκεύσετε το αρχείο ως αρχείο.jpeg αποδεχόμενοι τις προεπιλεγμένες ρυθμίσεις με όνομα My_Picture στον φάκελο Lesson 2. 16. Δημιουργήστε νέο αρχείο εικόνας με προρύθμιση αρχείου (preset): International Paper, μέγεθος αρχείου (size) Α5, ανάλυση αρχείου (resolution) 200 pixels/inch, χρωματικού συστήματος (color mode) RGB, βάθος χρώματος (color depth) 8 bit, φόντο εικόνας (background contents) white. Ονομάστε το αρχείο Figure. 17. Κλείστε την εφαρμογή επεξεργασίας εικόνας. ΜΑΘΗΜΑ 2 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 20 -
ΜΑΘΗΜΑ 3 ΣΤΟΧΟΙ: 1. Αποθήκευση Μιας Εικόνας Από Ψηφιακή Κάμερα (Digital Camera) Σε Μια Θέση Στον Δίσκο 2. Χρήση Της Λειτουργίας Σύλληψης Οθόνης/Print Screen (PrtScr) Για Τη Σύλληψη Στιγμιότυπου Πλήρους Οθόνης, Ενεργού Παραθύρου 3. Αποθήκευση Εικόνας Από Βιβλιοθήκη Γραφικών (Image Library), Ιστοσελίδα Σε Μια Θέση Στον Δίσκο 4. Άνοιγμα Εφαρμογής Εικόνων Και Σάρωσης Μιας Εικόνας: Προεπισκόπηση, Ρυθμίσεις Παραμέτρων Σάρωσης, Σάρωση Εικόνας, Αποθήκευση 1. Αποθήκευση Μιας Εικόνας Από Ψηφιακή Κάμερα (Digital Camera) Σε Μια Θέση Στον Δίσκο ΤΡΟΠΟΣ 1: 1. Συνδέουμε το ειδικό καλώδιο USB της κάμερας στον υπολογιστή 2. Ενεργοποιούμε την κάμερα 3. File 4. Import 5. WIA Support 6. Browse: Επιλέγουμε θέση αποθήκευσης των εικόνων μας 7. Κλικ Start 8. Επιλέγουμε συσκευή που θα χρησιμοποιήσουμε 9. ΟΚ ΤΡΟΠΟΣ 2: 1. Συνδέουμε το ειδικό καλώδιο USB της κάμερας στον υπολογιστή 2. Διπλό κλικ στο εικονίδιο Browse για να εμφανίσουμε την κάρτα μνήμης της ψηφιακής κάμερας 3. Διπλό κλικ στην κάρτα μνήμης (Removable storage) της ψηφιακής κάμερας 4. Διπλό κλικ στο φάκελο DCIM στον οποίο περιέχεται μέσα το ψηφιακό υλικό 5. Αντιγράφουμε ή μετακινούμε τις εικόνες που θέλουμε στον σκληρό δίσκο του υπολογιστή μας 2. Χρήση Της Λειτουργίας Σύλληψης Οθόνης/Print Screen (PrtScr) Για Τη Σύλληψη Στιγμιότυπου Πλήρους Οθόνης, Ενεργού Παραθύρου 1. Για να κάνουμε σύλληψη οθόνης πατάμε το πλήκτρο [Prt Sc] (Print Screen) ενώ για να κάνουμε σύλληψη ενεργού παραθύρου πατάμε τα πλήκτρα [Alt]+[Prt Sc] 2. File 3. New 4. Name: Καταχωρούμε το όνομα αρχείου 5. Preset: Εμφανίζεται η προεπιλεγμένη τιμή Clipboard 6. ΟΚ 7. Edit 8. Paste ΜΑΘΗΜΑ 3 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 21 -
3. Αποθήκευση Εικόνας Από Βιβλιοθήκη Γραφικών (Image Library), Ιστοσελίδα Σε Μια Θέση Στον Δίσκο 1. Μεταφερόμαστε στην ιστοσελίδα που επιθυμούμε 2. Επιλέγουμε την εικόνα κάνοντας δεξί κλικ πάνω της 3. Κλικ Save target As ή Save Image As 4. File name: Πληκτρολογούμε ένα όνομα για την εικόνα 5. Επιλέγουμε τοποθεσία αποθήκευσης της εικόνας 6. Save 7. Μεταφερόμαστε στο πρόγραμμα Adobe Photoshop 8. File 9. Open 10. Επιλέγουμε το αρχείο εικόνας από την τοποθεσία που βρίσκεται 11. Open 4. Άνοιγμα Εφαρμογής Εικόνων Και Σάρωσης Μιας Εικόνας: Προεπισκόπηση, Ρυθμίσεις Παραμέτρων Σάρωσης, Σάρωση Εικόνας, Αποθήκευση 1. Συνδέουμε το σαρωτή με τον υπολογιστή μας 2. Ανοίγουμε το πρόγραμμα Adobe Photoshop 3. File 4. Import 5. WIA Support 6. Browse: Επιλέγουμε θέση αποθήκευσης στο δίσκο μας 7. Κλικ Start 8. Επιλέγουμε σαρωτή που θα χρησιμοποιήσουμε 9. Κλικ Adjust the quality of the scanned picture: Ρυθμίζουμε τις παραμέτρους σάρωσης 10. ΟΚ 11. Ρυθμίζουμε αν χρειάζεται την ανάλυση (resolution), τύπο εικόνας (picture type), φωτεινότητα (brightness) και αντίθεση (contrast). 12. ΟΚ 13. Κλικ Preview: Βλέπουμε πως θα είναι η εικόνα μετά την σάρωση 14. Κλικ ξανά Preview 15. Κλικ Scan ΜΑΘΗΜΑ 3 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 22 -
ΜΑΘΗΜΑ 3 - ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Μεταφερθείτε στην ιστοσελίδα http://animals.nationalgeographic.com/animals. 3. Επιλέξετε μια εικόνα της αρεσκείας σας και πραγματοποιήστε σύλληψη οθόνης (print screen). 4. Επικολλήστε (paste) το περιεχόμενο σε νέο αρχείο στο Adobe Photoshop. Κλείστε το αρχείο χωρίς αποθήκευση. 5. Μεταφερθείτε στην ιστοσελίδα http://animals.nationalgeographic.com/animals. 6. Αποθηκεύσετε μια εικόνα της αρεσκείας σας ως αρχείο JPEG και όνομα Animal.jpeg στον φάκελο Lesson 3. 7. Μεταφερθείτε στο Adobe Photoshop και ανοίξετε την εικόνα Animal.jpeg από τον φάκελο Lesson 3. 8. Κλείστε την εφαρμογή επεξεργασίας εικόνας. 9. Ποια από τα ακόλουθα είναι ορθά βήματα για να εισάγουμε εικόνες από το σαρωτή (scanner) μας στο Photoshop; a) File Import Notes b) File New c) File Support WIA d) File Import WIA Support ΜΑΘΗΜΑ 3 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 23 -
ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Επιλογή Χρώματος Φόντου (Background Colour), Χρώματος Προσκήνιου Εικόνας (Foreground Colour) 2. Ρύθμιση Ιδιοτήτων Πλέγματος (Grid) Μονάδα Μέτρησης, Οριζόντιο Διάστημα, Κάθετο Διάστημα, Χρώμα 3. Ρύθμιση Βασικών Επιλογών Της Εφαρμογής, Όπως: Διαφάνεια (Transparency), Ρυθμίσεις Οδηγών (Guides), Μονάδες Μέτρησης 4. Χρήση Διαθέσιμων Λειτουργιών Βοήθειας 5. Χρήση Των Εργαλείων Μεγέθυνσης/Σμίκρυνσης (Zoom) 6. Χρήση Των Λειτουργιών Αναίρεσης (Undo) Και Ακύρωσης Αναίρεσης (Redo). Χρήση Του Ιστορικού Ενεργειών 7. Εμφάνιση Και Απόκρυψη Διαθέσιμων Γραμμών Εργαλείων (Toolbars), Παλετών (Palettes), Παραθύρων Εργασίας 8. Εργαλειοθήκη 1. Επιλογή Χρώματος Φόντου (Background Colour), Χρώματος Προσκήνιου Εικόνας (Foreground Colour) Με την επιλογή χρώματος καθορίζουμε το χρώμα που θέλουμε να χρησιμοποιήσουμε σε κάποιο σημείο της εικόνας μας. Κάθε στιγμή το πρόγραμμα επεξεργασίας εικόνας θυμάται 2 χρώματα: Το χρώμα φόντου ή παρασκηνίου (background colour) και το χρώμα προσκήνιου (foreground colour). Όταν επιλέγουμε αυτά τα 2 χρώματα πρέπει να γνωρίζουμε τα ακόλουθα: Όταν δημιουργούμε μια νέα εικόνα με λευκό ή έγχρωμο φόντο, το κατώτατο επίπεδο στην παλέτα των επιπέδων παίρνει το όνομα background (φόντο). Όταν χρησιμοποιούμε το εργαλείο γόμας, είναι σαν ζωγραφίζουμε με το χρώμα παρασκήνιου (background colour). Όταν μεγαλώνουμε τις διαστάσεις του καμβά, το Photoshop γεμίζει την κενή περιοχή του καμβά με το χρώμα παρασκήνιου (background colour) λόγω του ότι είναι προεπιλεγμένο. Το χρώμα προσκηνίου (foreground colour) χρησιμοποιείται όταν εργαζόμαστε με εργαλεία όπως οι γραμμές, τα πινέλα, το κείμενο, το μολύβι, τα γεμίσματα, τον αερογράφο και το ντεγκραντέ ενώ το χρώμα παρασκηνίου (background colour) χρησιμοποιείται όταν δημιουργούμε περιοχές διαβάθμισης (gradients) ή ως χρώμα γεμίσματος όταν εργαζόμαστε με το εργαλείο γόμα. Προεπιλεγμένο χρώμα του προσκήνιου (foreground colour) είναι το μαύρο και του παρασκήνιου (background colour) είναι το άσπρο. Μπορούμε να εναλλάσσουμε το χρώμα φόντου με το χρώμα προσκήνιου. Επαναφορά στο μαύρο/άσπρο Χρώμα Προσκηνίου (Set Foreground Color) Αντιστροφή χρωμάτων προσκηνίου / φόντου Χρώμα φόντου (Set Background Color) ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 24 -
Για να αλλάξουμε τα χρώματα προσκηνίου/παρασκηνίου ακολουθούμε τα πιο κάτω βήματα: ΤΡΟΠΟΣ 1: 1. Διπλό κλικ στο εικονίδιο Set Foreground Color ή Set Background Color 2. Εμφανίζεται το πλαίσιο διαλόγου Color Picker (Set Foreground Color) ή το αντίστοιχο Color Picker (Set Background Color) ανάλογα με το τι επιλέξαμε 3. Από το κάθετο τμήμα Color Slider επιλέγουμε τη χρωματική περιοχή που θέλουμε κάνοντας κλικ σε ένα σημείο της κλίμακας και τα βέλη μεταφέρονται στο επιλεγμένο σημείο 4. Για να επιλέξουμε απόχρωση μπορούμε να: Κάνουμε κλικ στην απόχρωση που θέλουμε στην περιοχή Color Field για να επιλέξουμε οπτικά ή Εισάγουμε, αν γνωρίζουμε, τις κατάλληλες τιμές σε κάποιο από τα διαθέσιμα χρωματικά μοντέλα (RGB, CMYK*, HSB, Lab*) είτε απ ευθείας την εξαψήφια τιμή του στο δεκαεξαδικό σύστημα, στο πλαίσιο #. 5. Ο ενδεικτικός κύκλος του νέου χρώματος δείχνει την απόχρωση που επιλέξαμε. Η νέα απόχρωση εμφανίζεται στο επάνω μέρος δεξιότερα του Color Slider, ώστε να είναι εύκολη η σύγκριση με την υπάρχουσα απόχρωση, που βρίσκεται από κάτω. Επίσης, οι τιμές των παραμέτρων στα διαθέσιμα χρωματικά μοντέλα αλλάζουν και απεικονίζουν το νέο χρώμα που επιλέξαμε. 6. ΟΚ 3 ΤΡΟΠΟΣ 2: 1. Μεταφερόμαστε στην παλέτα Color που βρίσκεται στο πάνω δεξιό μέρος του παραθύρου 2. Επιλέγουμε το χρώμα φόντου (Set Background Color) ή το χρώμα προσκήνιου (Set Foreground Color) 3. Διπλό κλικ πάνω τους για να τροποποιήσουμε το χρώμα τους ή Ρυθμίζουμε το κάθε χρώμα μετακινώντας το μηχανισμό κύλισης των τριών βασικών χρωμάτων RGB (Red, Green, Blue), εναλλακτικά καταχωρούμε τιμές από το 0-250 στα πλαίσια κειμένου των τριών βασικών χρωμάτων RGB ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 25 -
2. Ρύθμιση Ιδιοτήτων Πλέγματος (Grid) Μονάδα Μέτρησης, Οριζόντιο Διάστημα, Κάθετο Διάστημα, Χρώμα Το πλέγμα (grid) αποτελείται από κάθετες και κατακόρυφες γραμμές σε προκαθορισμένα διαστήματα και μπορούμε να το εμφανίσουμε μέσα στην εικόνα, προκειμένου να ευθυγραμμίσουμε κάποια στοιχεία της ή να τοποθετήσουμε αντικείμενα μέσα στην εικόνα σε συγκεκριμένες θέσεις ή συμμετρικά. 2.1 Εμφάνιση/Απόκρυψη Πλέγματος 1. View 2. Show 3. Grid 2.2 Ρύθμιση Ιδιοτήτων Πλέγματος 1. Edit 2. Preferences 3. Guides, Grid & Slices 4. Grid Color: Χρώμα γραμμών πλέγματος 5. Grid Style: Στυλ γραμμών πλέγματος 6. Gridline Every: Καθορισμός απόστασης μεταξύ των κύριων γραμμών πλέγματος το οποίο επιλέγουμε από το διπλανό πλαίσιο λίστας 7. Subdivisions: Καθορισμός του αριθμού υποδιαιρέσεων του πλέγματος 8. ΟΚ 3. Ρύθμιση Βασικών Επιλογών Της Εφαρμογής, Όπως: Διαφάνεια (Transparency), Ρυθμίσεις Οδηγών (Guides), Μονάδες Μέτρησης 3.1 Διαφάνεια (Transparency) 1. Edit 2. Reference 3. Transparency and Gamut 4. Grid Size: Επιλέγουμε μέγεθος πλέγματος χρησιμοποιώντας την πτυσσόμενη λίστα 5. Grid Colors: Επιλέγουμε χρώμα χρησιμοποιώντας την πτυσσόμενη λίστα 6. ΟΚ ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 26 -
3.2 Ρυθμίσεις Οδηγών (Guides) Για να μπορέσουμε να ευθυγραμμίσουμε διάφορα αντικείμενα που τοποθετούνται πάνω στην εικόνα μπορούμε να χρησιμοποιήσουμε τους οδηγούς. Οι οδηγοί (Guides) είναι οριζόντιες και κατακόρυφες (μη εκτυπώσιμες) που μπορούμε να δημιουργήσουμε εμείς και να τις τοποθετήσουμε όπου θέλουμε πάνω στην εικόνα. Για να δημιουργήσουμε ένα οδηγό πρέπει να εμφανίζουμε τους χάρακες: 1. View 2. Rulers Για να δημιουργήσουμε ένα οδηγό ακολουθούμε τα πιο κάτω βήματα: 1. View 2. New Guide 3. Κλικ Horizontal 4. Position: Καθορίζουμε τιμή 5. ΟΚ 6. Κλικ Vertical 7. Position: Καθορίζουμε τιμή 8. OK Για να αλλάξουμε το χρώμα και το στυλ της γραμμής των οδηγών ακολουθούμε τα πιο κάτω βήματα: 1. Edit 2. Preferences 3. Guides, Grid & Slices 4. Guides Color: Χρώμα γραμμών πλέγματος 5. Guides Style: Στυλ γραμμών πλέγματος 6. ΟΚ 3.3 Μονάδες Μέτρησης 1. Edit 2. Preferences 3. Units & Rulers 4. Rulers: Επιλέγουμε μονάδα μέτρησης χάρακα χρησιμοποιώντας την πτυσσόμενη λίστα 5. Type: Επιλέγουμε τύπο μονάδων μέτρησης χρησιμοποιώντας την πτυσσόμενη λίστα 6. ΟΚ ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 27 -
4. Χρήση Διαθέσιμων Λειτουργιών Βοήθειας ΤΡΟΠΟΣ 1: 1. File 2. Help 3. Photoshop Help ή Photoshop Online Help 4. Πληκτρολογούμε μια λέξη ή φράση την οποία αναζητούμε στο πλαίσιο αναζήτησης Search 5. Κλικ Search ή πατάμε το πλήκτρο [Enter] 6. Επιλέγουμε ένα από τα αποτελέσματα της αναζήτησης ΤΡΟΠΟΣ 2: 1. Πατάμε το πλήκτρο [F1] στο πληκτρολόγιο 5. Χρήση Των Εργαλείων Μεγέθυνσης/Σμίκρυνσης (Zoom) ΤΡΟΠΟΣ 1: 1. Κλικ στο εργαλείο Zoom από την εργαλειοθήκη 2. Κάνουμε κλικ στο σημείο της εικόνας που θέλουμε να εστιάσουμε ή κλικ στο σημείο της εικόνας που θέλουμε να απομακρυνθούμε επιλέγοντας τα κουμπιά από την γραμμή εργαλείων ή Μπορούμε να χρησιμοποιήσουμε τα πλήκτρα [Ctrl]+[+]για αύξηση της μεγέθυνσης σμίκρυνσης και [Ctrl]+[-] για μείωση της μεγέθυνσης σμίκρυνσης Σημ: Με το εργαλείο μεγέθυνσης επιλεγμένο και τοποθετημένο στην περιοχή της εικόνας, κρατώντας πατημένο το πλήκτρο [Alt] ένα σύμβολο μείον θα εμφανιστεί στο κέντρο του δείκτη του εργαλείου μεγέθυνσης. Απελευθερώνοντας το πλήκτρο [Alt] ένα σύμβολο σταυρού θα εμφανιστεί στο κέντρο του δείκτη του εργαλείου μεγέθυνσης. Με αυτό τον τρόπο γίνεται εναλλαγή του Zoom In με το Zoom Out. Επιπρόσθετα κρατώντας το πλήκτρο [Alt] και μετακινώντας τον τροχό κύλισης του ποντικού μας μπορούμε να μειώσουμε η να αυξήσουμε την μεγέθυνση της εικόνας. ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 28 -
ΤΡΟΠΟΣ 2: 1. Window 2. Navigator 3. Αριστερά της παλέτας πληκτρολογούμε το συντελεστή μεγέθυνσης (Zoom) και πατάμε το πλήκτρο [Enter] ή Χρησιμοποιούμε το μηχανισμό κύλισης, που βρίσκεται στα δεξιά της παλέτας, για να αυξήσουμε τη μεγέθυνση προς τα δεξιά και για να την μειώσουμε προς τα αριστερά. Με το δείκτη που έχει τη μορφή χεριού μπορούμε να σύρουμε το κόκκινο ορθογώνιο προς την κατεύθυνση που θέλουμε να δούμε την εικόνα Σημ: Μπορούμε να μετακινήσουμε την εικόνα μέσα στο παράθυρο, αυξάνοντας την μεγέθυνση της και επιλέγοντας το εργαλείο Hand από την εργαλειοθήκη ΤΡΟΠΟΣ 3: 1. Ενεργοποιούμε το εργαλείο της μεγέθυνσης Zoom από την γραμμή επιλογών εργαλείων (Options Bar) Actual Pixels: Φέρνει την προβολή στο 100% Fit Screen: Μεγεθύνει την εικόνα στο μέγεθος της οθόνης Fill Screen: Μεγεθύνει την εικόνα να γεμίζει την οθόνη Print Size: Εμφανίζει την εικόνα στην ανάλυση που θα εκτυπωθεί Σημ: Μπορούμε να ρυθμίσουμε τη μεγέθυνση χρησιμοποιώντας το κάτω αριστερό τμήμα του παράθυρου εφαρμογής. 6. Χρήση Των Λειτουργιών Αναίρεσης (Undo) Και Ακύρωσης Αναίρεσης (Redo). Χρήση Του Ιστορικού Ενεργειών. 6.1 Χρήση Των Λειτουργιών Αναίρεσης (Undo) Και Ακύρωσης Αναίρεσης (Redo) 1. Edit 2. Undo ή Redo Σημ: Μπορούμε να χρησιμοποιήσουμε τα πλήκτρα [Alt]+[Ctrl]+[Z] για αναίρεση (Undo) και [Shift]+[Ctrl]+[Z] για ακύρωση αναίρεσης (Redo). ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 29 -
6.2 Χρήση Του Ιστορικού Ενεργειών Η παλέτα History Panel καταγράφει ξεχωριστά κάθε ενέργεια που γίνεται στο αρχείο μας. Μπορούμε να χρησιμοποιήσουμε το ιστορικό σαν μια λειτουργία πολυεπίπεδης αναίρεσης Undo για να επαναφέρουμε την εικόνα σε προηγούμενη στάδιο της εργασίας μας ή ακόμα να επαναφέρουμε την εικόνα στην αρχική της κατάσταση. Όσο αυξάνονται οι αλλαγές οι παλαιότερες καταστάσεις διαγράφονται και τη θέση τους παίρνουν νέες. Προκαθορισμένα καταγράφονται μόνο τα 20 πιο πρόσφατα βήματα. Για να αυξήσουμε η να μειώσουμε τις καταστάσεις που αποθηκεύονται ακολουθούμε τα πιο κάτω βήματα: 1. Edit 2. Preferences 3. Performance 4. History States: Καταχωρούμε την τιμή που επιθυμούμε ή χρησιμοποιούμε το μηχανισμό κύλισης 5. ΟΚ Για την εμφάνιση του History panel ακολουθούμε τα πιο κάτω βήματα: 1. Window 2. History Για να μεταβούμε σε μια προηγούμενη ή πρόσφατη κατάσταση της εικόνας ακολουθούμε τα πιο κάτω βήματα: 1. Edit 2. Step backward ή Step forward ή Πατάμε τα πλήκτρα [Alt]+[Ctrl]+[Z] για (Step backward) και [Shift]+[Ctrl]+[Z] για (Step forward) Για να διαγράψουμε μια κατάσταση: 1. Επιλέγουμε την κατάσταση 2. Πατάμε δεξί κλικ Delete ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 30 -
Σημ: Όταν διαγράφεται μια κατάσταση όλες οι μεταγενέστερες καταστάσεις επίσης διαγράφονται. 7. Εμφάνιση Και Απόκρυψη Διαθέσιμων Γραμμών Εργαλείων (Toolbars), Παλετών (Palettes), Παραθύρων Εργασίας 7.1 Γραμμή Επιλογών (Options bar) 1. Window 2. Options 3. Εμφανίζεται το σύμβολο μαρκαρίσματος δίπλα της που σημαίνει είναι ορατή 7.2 Εργαλειοθήκη (Tools Panel) 1. Window 2. Tools 3. Εμφανίζεται το σύμβολο μαρκαρίσματος δίπλα της που σημαίνει είναι ορατή 7.3 Παλέτες (Palettes) 1. Window 2. Κλικ στο όνομα παλέτας που θέλουμε να εφαρμοστεί π.χ. Character, Paragraph, Colour, History, Info, Layers, Navigator, Styles, Paths 3. Εμφανίζεται το σύμβολο μαρκαρίσματος δίπλα της που σημαίνει είναι ορατή Κλείσιμο Παλετών: 1. Window 2. Κλικ στο όνομα παλέτας που θέλουμε να κλείσει ή Δεξί κλικ στο όνομα της παλέτας που αναγράφεται πάνω στην καρτέλα Κλικ Close για να κλείσει η παλέτα Κλικ Close tab Group αν έχουμε ολόκληρη ομάδα παλετών 7.4 Παράθυρα Εργασίας (Workspace) 1. Window 2. Workspace 3. Εμφανίζεται το σύμβολο μαρκαρίσματος δίπλα σε κάθε workspace που σημαίνει είναι ενεργοποιημένο ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 31 -
Για να δημιουργήσουμε το δικό μας ακολουθούμε τα πιο κάτω βήματα: 1. Window 2. Workspace 3. New Workspace 4. Πληκτρολογούμε το όνομα που θέλουμε να δώσουμε 5. Save Για επαναφορά ρυθμίσεων του παράθυρου εργασίας ακολουθούμε τα πιο κάτω βήματα: 1. Window 2. Workspace 3. Reset (όνομα Workspace) 8. Εργαλειοθήκη 1 Move Tool Εργαλείο Μετακίνησης 2 Marquee Tool Εργαλείο Πλαισίων Επιλογής 3 Lasso Tool Εργαλείο Λάσο 4 Quick Selection Tool Εργαλείο Γρήγορης Επιλογής 5 Crop Tool Εργαλείο Κοπής 6 Eyedropper Tool Εργαλείο Σταγονόμετρο 7 Spot Heating Brush Tool Εργαλείο Αποκατάστασης 8 Brush tool Εργαλείο Πινέλου 9 Clone Stamp Tool Εργαλείο Κλωνοποίησης 10 History Brush Tool Εργαλείο Πινέλου Ιστορικό 11 Eraser Tool Εργαλείο Σβηστήρα 12 Gradient Tool Εργαλείο Ντεγκραντέ 13 Blur Tool Εργαλείο Θολώματος 14 Dodge Tool Εργαλείο Φωτίσματος 15 Pen tool Εργαλείο Πένας 16 Type Tool Εργαλείο Κειμένου 17 Path Selection Tool Εργαλείο Επιλογής Διαδρομής 18 Shapes Tool Εργαλείο Δημιουργίας Σχημάτων 19 Object Tool Εργαλείο Αντικειμένων 20 Rotate Tool Εργαλείο Περιστροφής 21 Hand Tool Εργαλείο Χέρι 22 Zoom Tool Εργαλείο Μεγέθυνσης 23 Foreground Colour/ Background Colour Χρώμα Προσκήνιου/ Χρώμα Φόντου 24 Edit in Quick Mask Mode Επεξεργασία Στη Λειτουργία Γρήγορης Μάσκας ΜΑΘΗΜΑ 4 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 32 -
ΜΑΘΗΜΑ 4 - ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Ανοίξετε το αρχείο City_Building.jpg από τον φάκελο Lesson 4 που βρίσκεται στην επιφάνεια εργασίας/desktop. 3. Αλλάξτε το χρώμα προσκήνιου (foreground color) σε Red:128, Green:170 και Blue:250. 4. Εναλλάξετε το χρώμα προσκήνιου (foreground color) με το χρώμα φόντου (background color). 5. Αλλάξετε το χρώμα φόντου (background color) σε Green:250, και Blue:130. 6. Εμφανίστε το πλέγμα (grid). 7. Ρυθμίστε το πλέγμα να έχει χρώμα πλέγματος (grid color) κυανό (cyan), στυλ πλέγματος (grid style) σε κουκκίδες (dots), απόσταση (gridline every) 100 pixels και 8 υποδιαιρέσεις (subdivisions). 8. Ρυθμίσετε το χρώμα πλέγματος της διαφάνειας περιοχών (grid transparency color) σε κόκκινο. 9. Ρυθμίστε τη μονάδα μέτρησης των χαράκων (rulers) σε inches. 10. Απενεργοποιείστε την εμφάνιση του πλέγματος (grid). 11. Χρησιμοποιήστε την βοήθεια (Help) για να αναζητήσετε πληροφορίες για την εκτύπωση (print). 12. Κλείστε την βοήθεια. 13. Ανοίξετε το αρχείο City_1.jpg από τον φάκελο Lesson 4 που βρίσκεται στην επιφάνεια εργασίας/desktop. 14. Κάνετε ζουμ 200% περίπου στην κάτω γέφυρα του ποταμού που υπάρχει στο κέντρο της εικόνας. 15. Μεγιστοποιήστε το παράθυρο της εικόνας και ρυθμίστε το ζουμ ώστε να χωράει όλη στο παράθυρο (fit screen). 16. Κάνετε ζουμ 300% περίπου στους προβολείς του σταδίου που υπάρχουν στα αριστερά της εικόνας. 17. Ανοίξετε το αρχείο City_3.jpg από τον φάκελο Lesson 4 που βρίσκεται στην επιφάνεια εργασίας/desktop. 18. Μεγεθύνετε την εικόνα να γεμίζει την οθόνη (fill screen). 19. Εμφανίστε την εικόνα στην ανάλυση που θα εκτυπωθεί (print size). 20. Κάνετε ζουμ στα πραγματικά pixels της εικόνας (actual pixels). 21. Μείωστε την μεγέθυνσης σμίκρυνσης της εικόνα σε 45%. 22. Εμφανίστε και αποκρύψετε την παλέτα History. 23. Κλείστε όλα τα ανοιχτά αρχεία. 24. Κλείστε την εφαρμογή επεξεργασίας εικόνας. ΜΑΘΗΜΑ 4 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 33 -
ΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: 1. Επιλογή Όλης Της Εικόνας, Μιας Στρώσης/Στρώσεων (Layer(s)) 2. Ρύθμιση Ιδιοτήτων Εργαλείου Επιλογής (Selection Tool): Συνδυασμός Πολλαπλών Επιλογών, Απάλυνση (Feathering), Ομαλοποίηση Οδόντωσης (Antialiasing), Πλάτος, Ύψος 3. Επιλογή Τμήματος Εικόνας Με Χρήση Επιλογής: Παραλληλογράμμου (Rectangular), Έλλειψης (Elliptic), Μαγικό Ραβδί (Magic Wand), Μαγνητικό Λάσο (Magnetic Lasso), Ελεύθερη Επιλογή (Freehand Image) 4. Αναστροφή (Inverse) Επιλογής 5. Αποθήκευση Μιας Επιλογής, Άνοιγμα Μιας Αποθηκευμένης Επιλογής 1. Επιλογή Όλης Της Εικόνας, Μιας Στρώσης/Στρώσεων (Layer(s)) 1.1 Επιλογή Όλης Της Εικόνας 1. Select 2. All ή Πατάμε τα πλήκτρα [Ctrl]+[Α] 1.2 Επιλογή Μιας Στρώσης 1. Window 2. Layers 3. Επιλέγουμε την στρώση που επιθυμούμε από την παλέτα Layer 1.3 Επιλογή Στρώσεων 1. Select 2. All Layers ή Πατάμε τα πλήκτρα [Alt]+[Ctrl]+[Α] 1.4 Κατάργησης Μιας Στρώσης/Στρώσεων (Layer(s)) 1. Select 2. Deselect ή Πατάμε τα πλήκτρα [Ctrl]+[D] 2. Ρύθμιση Ιδιοτήτων Εργαλείου Επιλογής (Selection Tool): Συνδυασμός Πολλαπλών Επιλογών, Απάλυνση (Feathering), Ομαλοποίηση Οδόντωσης (Antialiasing), Πλάτος, Ύψος 2.1 Συνδυασμός Πολλαπλών Επιλογών ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 34 -
Τα εργαλεία επιλογής είναι αναγκαία στην επεξεργασία εικόνας ειδικότερα στην τροποποιήση, μετακίνηση ή αντιγραφή τμήματος εικόνας ή ολόκληρης της εικόνας και ειδικότερα στην δημιουργία αυτού του τμήματος ως επίπεδο (Layer) για να επεξεργαστεί και να χρησιμοποιηθεί μετέπειτα. Αναλόγως του είδους της εργασίας μας επιλέγουμε απαραίτητα μια από την πιο κάτω ρύθμιση στην Γραμμή Επιλογών Εργαλείων (Option Bar): Add to selection Εξομάλυνση άκρων κυκλικών επιλογών Intersect with selection Subtract from selection New selection Επιλογή με στρογγυλεμένα άκρα Νέα Επιλογή (New Selection): Απαιτείται να είναι επιλεγμένο, όταν ξεκινάμε νέα επιλογή Μία επιλογή Προσθήκη Τμήματος (Add to Selection): Το επιλέγουμε όταν έχουμε είδη επιλέξει κάποια τμήμα και θέλουμε να προσθέσουμε κάποιο επιπλέον τμήμα της επιλογής μας. 1. Επιλέγουμε ένα τμήμα της εικόνας με το εργαλείο Rectangular Marquee. 2. Κλικ στο εργαλείο Add to Selection Ο δείκτης αλλάζει σε 3. Επιλέγουμε επιπλέον τμήματα της εικόνας. ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 35 -
Μία επιλογή Δύο επιλογές Αφαίρεση Τμήματος (Subtract from Selection): Το επιλέγουμε όταν έχουμε είδη επιλέξει κάποιο τμήμα και θέλουμε να αφαιρέσουμε κάποια τμήματα της επιλογής μας. 1. Επιλέγουμε ένα τμήμα της εικόνας με το εργαλείο Rectangular Marquee. 2. Κλικ στο εργαλείο Subtract from Selection Ο δείκτης αλλάζει σε 3. Επιλέγουμε ένα τμήμα της ήδη επιλεγμένης περιοχής μας για να το αφαιρέσουμε Δύο επιλογές Επιλογή με Subtract from Selection Μία επιλογή Τομή Επιλεγμένου Τμήματος (Intersect with Selection): Επιλέγει την τομή μεταξύ επιλεγμένων τμημάτων δηλαδή μεταξύ της υπάρχουσας επιλογής και αυτής που εφαρμόζεται. 1. Επιλέγουμε δύο τμήματα της εικόνας με το εργαλείο Rectangular Marquee 2. Κάνουμε κλικ στο εργαλείο Intersect with Selection Ο δείκτης αλλάζει σε 3. Επιλέγουμε ένα τμήμα που να περικλείει μέρος των δύο επιλεγμένων περιοχών ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 36 -
Δύο επιλογές Επιλογή με Intersect with Selection Επιλεγμένο το κοινό τμήμα των δύο επιλογών 2.2 Απάλυνση (Feathering), Ομαλοποίηση Οδόντωσης (Antialiasing) Απάλυνση (Feather) Η επιλογή Feather εξομαλύνει το ορθογώνιο πλαίσιο επιλογής στρογγυλεύοντας τις άκρες του. Η τιμή του Feather θα πρέπει να είναι από 0 έως 250 pixels. 1. Κλικ στο εργαλείο Rectangular Marquee 2. Κλικ στο πλαίσιο Feather και πληκτρολογούμε την τιμή 50 px 3. Επιλέγουμε ένα τμήμα της εικόνας Ομαλοποίηση Οδόντωσης (Anti-Aliasing) Η επιλογή Anti-Alias αφαιρεί τις οδοντωτές άκρες σε ελλειπτική επιλογή ώστε να είναι όσο το δυνατόν πιο ομαλή η μετάβαση των γραμμών του πλαισίου επιλογής. Σκοπός της επιλογής Anti-Alias είναι να μη γίνονται τόσο εμφανές οι οδοντωτές αυτές άκρες. Τα εργαλεία επιλογής που χρησιμοποιούν την ιδιότητα Anti-Alias είναι το Lasso, το Magnetic-Lasso, το Polygonal Lasso το Elliptical και το Magic Wand. ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 37 -
Σημ: Προτείνεται να έχουμε ενεργοποιημένη αυτή την επιλογή για καλύτερα αποτελέσματα στην επιλογή. 2.3 Πλάτος, Ύψος 1. Επιλέγουμε το μέρος της εικόνας που θέλουμε να αλλάξουμε το πλάτος και το ύψος της επιλογής 2. Select 3. Transform Selection 4. Καταχωρούμε την νέα τιμή του πλάτους (W) και του ύψους (H) σε percent στο πλαίσιο κειμένου που βρίσκεται στη γραμμή επιλογών εργαλείων 5. Για διατήρηση (κλείδωμα) των αναλογιών, κλικ στο εικονίδιο του κρίκου της αλυσίδας (Main aspect ratio) 6. Πατάμε το πλήκτρο [Enter] ή το κουμπί Commit Transform (οριστικοποίηση τρέχουσας λειτουργίας) στην γραμμή επιλογών εργαλείων 7. Για απόρριψη των αλλαγών κλικ στο κουμπί Cancel Transform στην γραμμή επιλογών εργαλείων ή πατάμε το πλήκτρο [Esc]. 3. Επιλογή Τμήματος Εικόνας Με Χρήση Επιλογής: Παραλληλογράμμου (Rectangular), Έλλειψης (Elliptic), Μαγικό Ραβδί (Magic Wand), Μαγνητικό Λάσο (Magnetic Lasso), Ελεύθερη Επιλογή (Freehand Image) Παραλληλόγραμμο/ Έλλειψη (Rectangular/ Elliptical Marquee tool) Μαγικό Ραβδί (Magic Wand) Μαγνητικό λάσο (Magnetic Lasso) Λάσο (Lasso) Πολυγωνικό Λάσο (Polygonal Lasso) Σχεδιάζει τετράγωνη ή ορθογώνια περιοχή επιλογής ή σχεδιάζει στρογγυλή ή ελλειπτική περιοχή επιλογής. Επιλέγει εικονοστοιχεία παρόμοιου χρώματος με ένα κλικ. Σχεδιάζει μια περιοχή επιλογής που το περίγραμμα της αυτόματα ασφαλίσει στις άκρες στις οποίες σέρνετε το εργαλείο πάνω στη φωτογραφία. Σχεδιάζει ελεύθερα σχέδια περιοχών επιλογής. Το εργαλείο αυτό είναι ιδανικό για να σχεδιάζετε περιοχές επιλογής με μεγάλη ακρίβεια. Σχεδιάζει μια περιοχή επιλογής με πολλαπλά ευθύγραμμα τμήματα και γωνίες στο περίγραμμα της. Σημ: Όταν επιλέγουμε ένα αντικείμενο πρέπει απαραίτητα να χρησιμοποιούμε το εργαλείο μεγέθυνσης για μεγαλύτερη ακρίβεια. ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 38 -
3.1 Πτυσσόμενο Πλαίσιο Επιλογής Στα περισσότερα εργαλεία Tools μαζί με το εικονίδιο των εργαλείων υπάρχει κι ένα βέλος στην κάτω δεξιά γωνία. Αυτό σημαίνει ότι υπάρχουν επιπλέον εργαλεία που μπορείτε να εμφανίσετε και να χρησιμοποιήσετε. Εάν κάνετε κλικ και κρατήσετε πατημένο το πλήκτρο του ποντικιού σε ένα τέτοιο εργαλείο ή κάνετε δεξί κλικ επάνω του θα εμφανιστεί το πτυσσόμενο πλαίσιο επιλογής του εργαλείου. Βέλος Πτυσσόμενο πλαίσιο επιλογής 3.2 Παραλληλόγραμμο/Έλλειψη (Rectangular/Elliptical Marquee Tool) 1. Επιλέγουμε την στρώση (layer) που θα επεξεργαστούμε 2. Κλικ σε ένα από τα εργαλεία Παραλληλόγραμμου/Έλλειψης (Rectangular/ Elliptical Marquee Tool) 3. Βεβαιωνόμαστε ότι είναι ενεργό το κουμπί Νέα Επιλογή (New Selection) από την γραμμή επιλογών εργαλείων 4. Επιλέγουμε την περιοχή πάνω στην εικόνα, σύροντας διαγώνια προς το σημείο που θέλουμε για να ολοκληρωθεί η επιλογή περιοχής 5. Αφήνουμε το ποντίκι και ένα πλαίσιο διακεκομμένης γραμμής εμφανίζεται γύρω από το επιλεγμένο αντικείμενο 6. Χρησιμοποιώντας το εργαλείο Move Tool μετακινούμε το επιλεγμένο τμήμα εικόνας 7. Για να καταργήσουμε επιλογή πατάμε δεξί κλικ στην εικόνα και επιλέγουμε Deselect Σημ: Εάν θέλουμε να ορίσουμε το πλαίσιο επιλογής να είναι τετράγωνο, κρατάμε ταυτόχρονα πατημένο το πλήκτρο [Shift]. 3.3 Μαγικό Ραβδί (Magic Wand) 1. Επιλέγουμε την στρώση (layer) που θα επεξεργαστούμε 2. Κλικ στο εργαλείο Μαγικό Ραβδί (Magic Wand) ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 39 -
3. Βεβαιωνόμαστε ότι είναι ενεργό το κουμπί Νέα Επιλογή (New Selection)) από την γραμμή επιλογών εργαλείων 4. Κάνουμε κλικ στην αμμουδιά και επιλέγεται αυτόματα όλη η περιοχή της εικόνας που έχει το ίδιο χρώμα με το σημείο όπου έγινε το πρώτο κλικ 5. Κλικ Add to Selection αν υπάρχει και άλλη περιοχή με το ίδιο χρώμα στην εικόνα για να το επιλέξουμε 6. Για να καταργήσουμε επιλογή πατάμε δεξί κλικ στην εικόνα και επιλέγουμε Deselect 3.4 Λάσο (Lasso) 1. Επιλέγουμε την στρώση (layer) που θα επεξεργαστούμε 2. Κλικ στο εργαλείο Λάσο (Lasso) 3. Βεβαιωνόμαστε ότι είναι ενεργό το κουμπί Νέα Επιλογή (New Selection) από την γραμμή επιλογών εργαλείων 4. Κρατάμε πατημένο το αριστερό πλήκτρο του ποντικιού και σύρουμε το εργαλείο επιλογής προς το σημείο που θέλουμε για να ολοκληρωθεί η επιλογή της περιοχής 5. Αφήνουμε το πλήκτρο του ποντικιού και ένα πλαίσιο διακεκομμένης γραμμής εμφανίζεται γύρω από το επιλεγμένο αντικείμενο 8. Χρησιμοποιώντας το εργαλείο Move Tool μετακινούμε το επιλεγμένο τμήμα εικόνας 9. Για να καταργήσουμε επιλογή πατάμε δεξί κλικ στην εικόνα και επιλέγουμε Deselect 3.5 Μαγνητικό Λάσο (Magnetic Lasso) 1. Επιλέγουμε την στρώση (layer) που θα επεξεργαστούμε 2. Κλικ στο εργαλείο Μαγνητικό Λάσο (Magnetic Lasso) 3. Βεβαιωνόμαστε ότι είναι ενεργό το κουμπί Νέα Επιλογή (New Selection) από την γραμμή επιλογών εργαλείων 4. Κρατάμε πατημένο το αριστερό πλήκτρο του ποντικιού και κάνουμε κλικ με το ποντίκι στο σημείο εκκίνησης της επιλογής ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 40 -
5. Σύρουμε το ποντίκι κατά μήκος των ορίων του αντικειμένου που επιλέγουμε και κάνοντας κλικ τοποθετούμε αυτόματα σημεία σταθεροποιήσηςαγκύρωσης 6. Παρατηρούμε ότι το εργαλείο έλκεται από τα όρια του αντικειμένου που επιλέγουμε 7. Για να ολοκληρωθεί η επιλογή ενώνουμε την αρχή και το τέλος της επιλογής μας 8. Αφήνουμε το ποντίκι και ένα πλαίσιο διακεκομμένης γραμμής εμφανίζεται γύρω από το επιλεγμένο αντικείμενο 10. Χρησιμοποιώντας το εργαλείο Move Tool μετακινούμε το επιλεγμένο τμήμα εικόνας 11. Για να καταργήσουμε επιλογή πατάμε δεξί κλικ στην εικόνα και επιλέγουμε Deselect 3.5 Πολυγωνικό Λάσο (Polygonal Lasso) 1. Επιλέγουμε την στρώση (layer) που θα επεξεργαστούμε 2. Κλικ στο εργαλείο Πολυγωνικό Λάσο (Polygonal Lasso) 3. Βεβαιωνόμαστε ότι είναι ενεργό το κουμπί Νέα Επιλογή (New Selection) από την γραμμή επιλογών εργαλείων 4. Κλικ στο σημείο της εικόνας που θέλουμε να ξεκινήσει η επιλογή μας, ο δείκτης του ποντικιού θα εμφανίσει ένα μικρό κύκλο στο δεξί κάτω μέρος του πολυγωνικού δείκτη, υποδεικνύοντας έτσι την εκκίνηση της επιλεγμένης περιοχής 5. Σύρουμε με το ποντίκι και κάνουμε κλικ σε κάθε σημείο του αντικειμένου, εκεί που η κατεύθυνση ή και η κλίση της πλευράς αλλάζει (εάν αφήσουμε το αριστερό πλήκτρο του ποντικού μας κατά την επιλογή και κάνουμε κλικ θα χάσουμε την τρέχουσα επιλογή μας και θα πρέπει να αρχίσουμε από την αρχή) 6. Συνεχίζουμε τη διαδικασία επιλογής μέχρι να φτάσουμε στο αρχικό μας σημείο ώστε να κλείσουμε την επιλογή μας. 7. Αφήνουμε το ποντίκι και ένα πλαίσιο διακεκομμένης γραμμής εμφανίζεται γύρω από το επιλεγμένο αντικείμενο 8. Για να καταργήσουμε επιλογή πατάμε δεξί κλικ στην εικόνα και επιλέγουμε Deselect ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 41 -
4. Αναστροφή (Inverse) Επιλογής Με την αναστροφή της επιλογής μπορούμε να επιλέξουμε περιοχές της εικόνας που δεν είναι επιλεγμένες και να αποεπιλέξουμε τις επιλεγμένες. Π.χ. για να επιλέξουμε μόνο τις παντόφλες, και στη συνέχεια να αντιστρέψουμε την επιλογή μας, ώστε να επιλεγεί όλη η εικόνα. 1. Επιλέγουμε την στρώση (layer) που θα επεξεργαστούμε 2. Κλικ στο εργαλείο Μαγικό Ραβδί (Magic Wand) 3. Βεβαιωνόμαστε ότι είναι ενεργό το κουμπί Νέα Επιλογή (New Selection) από την γραμμή επιλογών 4. Κλικ στις παντόφλες, επιλέγεται αυτόματα όλη η περιοχή των παντόφλων που έχει το ίδιο χρώμα 5. Select 6. Inverse 7. Επιλέγεται όλη η εικόνα Επιλεγμένα μόνο τα σαντάλια Επιλεγμένη όλη η εικόνα 5. Αποθήκευση Μιας Επιλογής, Άνοιγμα Μιας Αποθηκευμένης Επιλογής 5.1 Αποθήκευση Μιας Επιλογής 1. Επιλέγουμε το αντικείμενο της εικόνας (είναι προτιμότερο να χρησιμοποιηθεί το Μαγνητικό λάσο) 2. Select 3. Save Selection 4. Document: Επιλέγουμε σε πιο σημείο θα αποθηκευτεί η επιλογή μας 5. Channel: Βεβαιωνόμαστε ότι είναι επιλεγμένο το New 6. Name: Καταχωρούμε ένα όνομα για την επιλογή μας 7. ΟΚ ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 42 -
Σημ: Η μικρογραφία της επιλογής μας εμφανίζεται στην παλέτα Channels. 5.2 Άνοιγμα Μιας Αποθηκευμένης Επιλογής 1. Select 2. Load Selection 3. Document: Επιλέγουμε από ποιο αρχείο θα ανοίξουμε την επιλογή μας 4. Channel: Επιλέγουμε την επιλογή μας χρησιμοποιώντας το όνομα της 5. Στην περιοχή Operation βεβαιωνόμαστε ότι είναι επιλεγμένη η επιλογή New Selection 6. ΟΚ ΜΑΘΗΜΑ 5 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 43 -
ΜΑΘΗΜΑ 5 - ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Ανοίξετε το αρχείο Flower_Carnation.jpg από τον φάκελο Lesson 5 που βρίσκεται στην επιφάνεια εργασίας/desktop. 3. Χρησιμοποιώντας το εργαλείο Quick Selection Tool επιλέξετε μόνο το μεγάλο γαρύφαλλο. 4. Αναστρέψετε (inverse) την επιλογή σας ώστε να επιλεχτούν περιοχές της εικόνας που δεν είναι επιλεγμένες. 5. Καταργήστε την επιλογή σας. 6. Χρησιμοποιώντας την έλλειψη (elliptical) επιλέξετε το κλειστό γαρύφαλλο που βρίσκεται στο κάτω κεντρικό μέρος της εικόνας. 7. Καταργήστε την επιλογή σας. 8. Ανοίξετε το αρχείο Corfu.jpg από τον φάκελο Lesson 5 που βρίσκεται στην επιφάνεια εργασίας/desktop. 9. Επιλέξετε όλη την εικόνα. 10. Καταργήστε την επιλογή σας. 11. Χρησιμοποιώντας το ορθογώνιο (rectangular) με απάλυνση (feather) 10 pixel επιλέξετε μόνο τα κτίρια που βρίσκονται στο μέσο της εικόνας. 12. Αλλάξετε το πλάτος (width) της επιλογής σε 95% και το ύψος (height) σε 75%. 13. Καταργήστε την επιλογή σας. 14. Χρησιμοποιώντας το μαγικό ραβδί (magic wand) επιλέξετε μόνο το άσπρο μεγάλο σύννεφο. 15. Χρησιμοποιώντας το κουμπί προσθήκη τμήματος (add to selection) επιλέξετε όλο τον ουρανό. 16. Αποθηκεύσετε την επιλογή σας στο ίδιο αρχείο με όνομα Sky. 17. Καταργήστε την επιλογή σας. 18. Ανοίξετε το αρχείο Half_Building.jpg από τον φάκελο Lesson 5 που βρίσκεται στην επιφάνεια εργασίας/desktop. 19. Χρησιμοποιώντας το μαγνητικό λάσο (magnetic lasso) επιλέξετε τα τρία σημεία του σπιτιού που έχουν γαλάζιους τοίχους. Χρησιμοποιήστε κουμπί προσθήκη τμήματος (add to selection) για να επιλέξετε και τα τρία σημεία. 20. Καταργήστε την επιλογή σας. 21. Χρησιμοποιώντας το λάσο (lasso) επιλέξετε μόνο την θάλασσα. 22. Καταργήστε την επιλογή σας. 23. Μεταφερθείτε στο αρχείο Corfu.jpg και ανοίξετε την αποθηκευμένη επιλογή Sky. 24. Κλείστε την εφαρμογή επεξεργασίας εικόνας. ΜΑΘΗΜΑ 5 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 44 -
ΜΑΘΗΜΑ 6 ΣΤΟΧΟΙ: 1. Αλλαγή Του Μεγέθους Του Καμβά Εικόνας 2. Αλλαγή Μεγέθους Εικόνας Σε Εικονοστοιχεία (Pixels), Μονάδες Μέτρησης 3. Περικοπή (Crop) Μιας Εικόνας 4. Αντιγραφή, Μετακίνηση Εικόνας (-ων), Επιλεγμένου Τμήματος Της Εικόνας 5. Περιστροφή, Αναστροφή Εικόνας, Επιλεγμένου Τμήματος Της Εικόνας 1. Αλλαγή Μεγέθους του Καμβά Εικόνας Με τον όρο καμβά (canvas) εννοούμε το χώρο εργασίας μέσα στον οποίο εμφανίζεται η εικόνα. Μπορούμε να μεγαλώσουμε το καμβά μιας εικόνας δηλαδή να προσθέσουμε κενό χώρο γύρω της χωρίς όμως να παραμορφωθεί η εικόνα μας. Ο χώρος αυτός θα προστεθεί γύρω από την εικόνα ή σε όποια πλευρά επιθυμείτε εμείς. Αν μειώσουμε το καμβά τότε θα περικόψουμε την εικόνα μας. Για να αλλάξουμε το μέγεθος του καμβά της εικόνας ακολουθούμε τα πιο κάτω βήματα: 1. Image 2. Canvas Size 3. Το τμήμα Current Size παρουσιάζει τις τρέχουσες διαστάσεις Width (πλάτος) και Height (ύψος) του καμβά της εικόνας σε pixels καθώς επίσης και το μέγεθος του χώρου που καταλαμβάνει το αρχείο στο δίσκο πχ. (45.1Κ). 4. Στο πλαίσιο κειμένου Width καταχωρούμε μια τιμή για να αυξομειώσουμε τις διαστάσεις του καμβά δεξιά και αριστερά. 5. Στο πλαίσιο κειμένου Height καταχωρούμε μια τιμή για να αυξομειώσουμε τις διαστάσεις του καμβά πάνω και κάτω. 6. Μπορούμε να κάνουμε ρυθμίσεις με βάση κάποια άλλη μονάδα μέτρησης, κάνοντας κλικ στο πτυσσόμενο μενού δεξιά της κάθε διάστασης και επιλέγοντας την επιθυμητή μονάδα. 7. Πληκτρολογώντας μια τιμή σε μία διάσταση δεν θα μεταβληθεί η τιμή στην άλλη. 8. Relative: Μηδενίζονται οι τιμές και καταχωρούμε τιμές στο πεδίο Width και Height. Θετικές τιμές για να αυξηθούν οι διαστάσεις ή αρνητικές τιμές για να μειωθούν. 9. Anchor: Κάνουμε κλικ σε ένα τετράγωνο για να δείξουμε που πρέπει να τοποθετηθεί η υπάρχουσα εικόνα στο νέο καμβά. Παράδειγμα 1: Αν κάνουμε κλικ στο δεύτερο τετραγωνάκι της πρώτης σειράς, θα αλλάξει ο καμβάς μόνο στην κάτω πλευρά. Παράδειγμα 2: Αν κάνουμε κλικ στο δεύτερο τετραγωνάκι της πρώτης στήλης, θα αλλάξει ο καμβάς μόνο στην δεξιά του πλευρά. ΜΑΘΗΜΑ 6 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 45 -
10. Canvas Extension Color: Από το πτυσσόμενη λίστα επιλέγουμε χρώμα με το οποίο θα καλυφθεί ο χώρος αυτός. 11. ΟΚ 2. Αλλαγή Μεγέθους Εικόνας Σε Εικονοστοιχεία (Pixels), Μονάδες Μέτρησης 1. Image 2. Image Size 3. Το τμήμα Pixel Dimensions παρουσιάζει τις διαστάσεις της εικόνας κατά την προβολή της στην οθόνη. Επίσης, εμφανίζει το μέγεθος του αρχείου σε MegaBytes π.χ. (3,88Μ). 4. Πληκτρολογούμε μια νέα τιμή στο πλαίσιο Width ή στο πλαίσιο Height. Παρατηρούμε ότι αντίστοιχα αλλάζει και η τιμή στο άλλο πλαίσιο. 5. Το τμήμα Document Size παρουσιάζει τις διαστάσεις της εικόνας κατά την εκτύπωση (δεν επιφέρει καμία αλλαγή στις διαστάσεις της στην οθόνη). 6. Width: Πληκτρολογούμε μια τιμή για να ορίσουμε συγκεκριμένο πλάτος για την εικόνα 7. Height: Πληκτρολογούμε μια τιμή για να ορίσουμε συγκεκριμένο ύψος για την εικόνα 8. Resolution: Πληκτρολογούμε μια τιμή για να καθορίσουμε την ανάλυση της εικόνας 9. Χρησιμοποιούμε την πτυσσόμενη λίστα δεξιά από τα πλαίσια κειμένου για τη επιλογή της μονάδας μέτρησης. 10. Scale Styles: Αφορά τα Layers Styles και πως αυτά επηρεάζονται από το Image Resizing και το Image Resampling 11. Constrain Proportions: Διατηρεί τις αναλογίες της εικόνας, που σημαίνει ότι αν αλλάξουμε το πλάτος ή το ύψος της εικόνας, θα αλλάξει αντίστοιχα και η άλλη διάσταση χωρίς παραμόρφωση εικόνας. Όταν αυτό το πλαίσιο ελέγχου είναι μαρκαρισμένο, εμφανίζεται ένα μικρό εικονίδιο σύνδεσης (κρίκος αλυσίδας) ανάμεσα στα πλαίσια κειμένου Width και Height 12. Resample Image: Όταν είναι ενεργό το πλαίσιο ελέγχου Resample Image μπορούμε να αλλάξουμε το πλαίσιο ελέγχου Constrain Proportions και επίσης το πλάτος και το ύψος της εικόνας σε pixels. Γενικά το Resample Image μετατρέπει την ανάλυση και τις διαστάσεις σε ποσά αντιστρόφως ανάλογα. Πχ. Αν έχουμε μια εικόνα στα 600 dpi και διαστάσεων 15Χ30 μειώνοντας την ανάλυση στα 300 dpi οι πραγματικές διαστάσεις θα διπλασιαστούν χωρίς να αλλάξει το γινόμενο των pixels. ΜΑΘΗΜΑ 6 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 46 -
3. Περικοπή (Crop) Μιας Εικόνας Συχνά, σε μια εικόνα μας ενδιαφέρει ένα τμήμα της κι όχι ολόκληρη. Μπορείτε να κρατήσετε μόνο το τμήμα που σας ενδιαφέρει χρησιμοποιώντας το εργαλείο Crop από την εργαλειοθήκη Tools Panels. 1. Από την εργαλειοθήκη Tools Panels 2. Κλικ στο εργαλείο περικοπής (Crop Tool) 3. Επιλέγουμε το τμήμα της εικόνας κρατώντας πατημένο το αριστερό πλήκτρο του ποντικιού. Σύρουμε έτσι ώστε να δημιουργήσουμε ένα πλαίσιο το οποίο να περικλείει την περιοχή της εικόνας που μας ενδιαφέρει. 4. Παρατηρούμε πως εντός του πλαισίου εμφανίζονται κανονικά τα χρώματα ενώ εκτός είναι σκιασμένο. Επίσης, στα άκρα και στο μέσο κάθε πλευράς υπάρχουν λαβές (τετράγωνα) από όπου μπορούμε να αλλάξουμε το μέγεθος της περιοχής που θα περικόψουμε. Οι γωνιακές λαβές βοηθούν να αλλάξουμε το μέγεθος σε δύο διαστάσεις (ύψος και πλάτος) ενώ αυτές στο μέσο της κάθε πλευράς μόνο σε μια. 5. Τοποθετούμε το δείκτη του ποντικιού εντός του πλαισίου περικοπής. Ο δείκτης αλλάζει σε μαύρο βέλος. Κάνουμε κλικ και κρατώντας πατημένο το αριστερό πλήκτρο του ποντικιού, σύρετε προς την επιθυμητή κατεύθυνση. 6. Επίσης μπορούμε να περιστρέψουμε το πλαίσιο περικοπής τοποθετώντας το δείκτη του ποντικιού εκτός του πλαισίου περικοπής. Ο δείκτης αλλάζει σε καμπύλο βέλος διπλής κατεύθυνσης. Κάνουμε κλικ και κρατώντας πατημένο το αριστερό πλήκτρο του ποντικιού, σύρουμε προς την επιθυμητή κατεύθυνση. 7. Κάνουμε διπλό κλικ εντός του επιλεγμένου τμήματος ή Δεξί κλικ εντός του επιλεγμένου τμήματος και επιλέγουμε το εργαλείο Crop ή Πατάμε το πλήκτρο [Enter] ή Πατάμε στη γραμμή επιλογών εργαλείων το κουμπί Commit current crop operation για να οριστικοποιήσουμε τις αλλαγές και το κουμπί Cancel current crop operation για απόρριψη των αλλαγών. ΜΑΘΗΜΑ 6 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 47 -
Εικόνα πριν την περικοπή Εικόνα μετά την περικοπή 4. Αντιγραφή, Μετακίνηση Εικόνας (-ων), Επιλεγμένου Τμήματος Της Εικόνας ΤΡΟΠΟΣ 1: 1. Image 2. Duplicate 3. Στο πλαίσιο As πληκτρολογήστε το όνομα που θέλουμε να δώσουμε στην εικόνα. 4. Σε περίπτωση που η εικόνα έχει στρώσεις και έχουμε συγχωνεύσει (Merged) κάποιες από αυτές, μπορούμε να δημιουργήσουμε αντίγραφα των συγχωνευμένων στρώσεων, ενεργοποιώντας το πλαίσιο επιλογής Duplicate Merged Layers Only. 5. ΟΚ ΤΡΟΠΟΣ 2: 1. Επιλέγουμε την εικόνα ή επιλεγμένο τμήμα εικόνας χρησιμοποιώντας ένα από τα εργαλεία επιλογής 2. Κλικ στο εργαλείο Move Tool από την εργαλειοθήκη και το σύρουμε πάνω από την εικόνα ή το επιλεγμένο τμήμα της εικόνας 3. Για να το μετακινήσουμε, σύρουμε την εικόνα ή επιλεγμένο τμήμα εικόνας σε ένα νέο αρχείο ή στο υφιστάμενο 4. Για να το αντιγράψουμε πατάμε το πλήκτρο [Alt] (το Move Tool εμφανίζεται διπλό) ταυτόχρονα σύρουμε το αντίγραφο της εικόνας ή του επιλεγμένου τμήματος εικόνας σε ένα νέο αρχείο ή στο υφιστάμενο Σημ: Χρησιμοποιώντας το εργαλείο Move Tool για να μετακινήσουμε επιλεγμένο τμήμα ή τμήματα από μια εικόνα σε μία άλλη, τότε κάνει αντιγραφή. Για να γίνει βέβαια αυτό θα πρέπει και οι δύο εικόνες να είναι ανοικτές και να εμφανίζονται ταυτόχρονα στη οθόνη. Θα πρέπει να χρησιμοποιήσουμε κατάλληλα το εργαλείο Zoom Tool ώστε να εμφανίζονται και οι δύο εικόνες. ΜΑΘΗΜΑ 6 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 48 -
ΤΡΟΠΟΣ 3: 1. Επιλέγουμε την εικόνα ή επιλεγμένο τμήμα εικόνας χρησιμοποιώντας ένα από τα εργαλεία επιλογής 2. Edit 3. Copy (αντιγραφή) ή Cut (μετακίνηση) 4. Μεταφερόμαστε στο αρχείο που θέλουμε να επικολλήσουμε την εικόνα 5. Edit 6. Paste 7. Με αυτόν τον τρόπο δημιουργείται νέα στρώση Εικόνα πριν την επικόλληση Εικόνα μετά την αντιγραφή ΜΑΘΗΜΑ 6 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 49 -
5. Περιστροφή, Αναστροφή Εικόνας, Επιλεγμένου Τμήματος Της Εικόνας 5.1 Περιστροφή Εικόνας 1. Image 2. Image Rotation 180 0 : Για περιστροφή κατά 180 0 90 0 CW: Για περιστροφή προς τα αριστερά κατά 90 0 90 0 CCW: Για περιστροφή προς τα δεξιά κατά 90 0 Arbitrary: Για περιστροφή κατά όσες μοίρες πληκτρολογήσουμε στο πλαίσιο Angle Επιλέγουμε αν θα περιστραφεί σύμφωνα με τους δείκτες του ρολογιού (CW) ή αντίστροφα από τους δείκτες του ρολογιού (CWW) ΟΚ 5.2 Αναστροφή Εικόνας 1. Image 2. Image Rotation Flip Canvas Horizontal: Για αναστροφή της εικόνας οριζόντια Flip Canvas Vertical: Για αναστροφή της εικόνας κάθετα Παραδείγματα περιστροφής, αναστροφής εικόνας ΜΑΘΗΜΑ 6 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 50 -
5.3 Περιστροφή Επιλεγμένου Τμήματος Της Εικόνας 1. Επιλέγουμε τμήμα της εικόνας χρησιμοποιώντας ένα τα εργαλεία επιλογής 2. Edit 3. Free Transform 4. Εμφανίζεται το πλαίσιο μετασχηματισμού γύρω από το τμήμα της εικόνας 5. Edit 6. Transform Scale: Για περιστροφή κατά όσες μοίρες πληκτρολογούμε στο πλαίσιο περιστροφής που βρίσκεται στην γραμμή επιλογών Rotate: Ο δείκτης αλλάζει σε κυρτό βέλος και περιστρέφουμε το πλαίσιο μετασχηματισμού 180 0 : Για περιστροφή κατά 180 0 90 0 CW: Για περιστροφή προς τα αριστερά κατά 90 0 90 0 CCW: Για περιστροφή προς τα δεξιά κατά 90 0 5.4 Αναστροφή Επιλεγμένου Τμήματος Της Εικόνας 1. Επιλέγουμε τμήμα της εικόνας χρησιμοποιώντας ένα τα εργαλεία επιλογής 2. Edit 3. Free Transform 4. Εμφανίζεται το πλαίσιο μετασχηματισμού γύρω από το τμήμα της εικόνας 5. Edit Flip Canvas Horizontal: Για αναστροφή της εικόνας οριζόντια Flip Canvas Vertical: Για αναστροφή της εικόνας κάθετα Παραδείγματα περιστροφής επιλεγμένου τμήματος εικόνας ΜΑΘΗΜΑ 6 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 51 -
ΜΑΘΗΜΑ 6 - ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Ανοίξετε το αρχείο Flower_Astro.jpg από τον φάκελο Lesson 6 που βρίσκεται στην επιφάνεια εργασίας/desktop. 3. Προσθέστε καμβά λευκού χρώματος γύρω από την εικόνα σας με πλάτος (width) 80 cm και ύψος (height) 60 cm. 4. Καθορίστε το πλάτος (width) της εικόνας κατά την προβολή της στην οθόνη σε 1500 pixel και την ανάλυση (resolution) της εικόνας σε 60 pixels. 5. Αποθηκεύσετε και κλείστε το αρχείο. 6. Ανοίξετε το αρχείο Statue.jpg από τον φάκελο Lesson 6 που βρίσκεται στην επιφάνεια εργασίας/desktop. 7. Περιστρέψετε (rotate) την εικόνα δεξιά 90 μοίρες αντίστροφα από τους δείκτες του ρολογιού. 8. Κάνετε οριζόντια (flip horizontal) αναστροφή στην εικόνα. 9. Επιλέξετε μόνο την πλακέτα που έχει κάτω από το άγαλμα και κάνετε οριζόντια (flip horizontal) αναστροφή στην πλακέτα. 10. Περικόψτε (crop) μόνο το άγαλμα από την εικόνα. 11. Ανοίξετε το αρχείο LandScape.jpg από τον φάκελο Lesson 6 που βρίσκεται στην επιφάνεια εργασίας/desktop. 12. Προσθέστε καμβά γκρίζου χρώματος γύρω από την εικόνα σας με πλάτος (width) 28 cm και ύψος (height) 28 cm. 13. Ανοίξετε το αρχείο Frame.psd από τον φάκελο Lesson 6 που βρίσκεται στην επιφάνεια εργασίας/desktop. 14. Δημιουργήστε ένα διπλότυπο της εικόνας Frame.psd με όνομα Above. 15. Περιστρέψετε την εικόνα Above κατά 90 μοίρες σύμφωνα με τους δείκτες του ρολογιού. 16. Δημιουργήστε ένα διπλότυπο της εικόνας Frame.psd με όνομα Below. 17. Περιστρέψετε την εικόνα Below κατά 90 μοίρες αντίστροφα από τους δείκτες του ρολογιού. 18. Δημιουργήστε ένα διπλότυπο της εικόνας Frame.psd με όνομα Right. 19. Ανατρέψετε την εικόνα Right οριζόντια (flip horizontal). 20. Αντιγράψετε τις εικόνες Above και Below μέσα στην εικόνα LandScape.jpg και τοποθετήστε τις πάνω και κάτω στον καμβά αντίστοιχα. 21. Αντιγράψετε τις εικόνες Right και Frame.psd μέσα στην εικόνα LandScape.jpg και τοποθετήστε τις αριστερά και δεξιά στον καμβά αντίστοιχα. 22. Αποθηκεύστε την εικόνα LandScape.jpg με όνομα Canvas.jpg αποδεχόμενοι τις προεπιλεγμένες ρυθμίσεις στον φάκελο Lesson 6 που βρίσκεται στην επιφάνεια εργασίας/desktop. 23. Κλείστε την εφαρμογή επεξεργασίας εικόνας. ΜΑΘΗΜΑ 6 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 52 -
ΜΑΘΗΜΑ 7 ΣΤΟΧΟΙ: 1. Ορισμός και Κατανόηση του Όρου Στρώση (Layer) 2. Δημιουργία, Αντιγραφή, Διαγραφή Μιας Στρώσης (Layer) 3. Ρύθμιση Ιδιοτήτων Στρώσεως: Ονομασία (Name), Απόκρυψη (Hide), Εμφάνιση (Show), Κλείδωμα (Lock), Αδιαφάνεια (Opacity), Ανάμειξη (Blending Mode) 4. Τακτοποίηση (Arrange), Συγχώνευση (Merge), Ισοπέδωση (Flatten), Σύνδεση (Link) Στρώσεων 5. Μετατροπή Στρώσης (-εων): Κλίμακα, Περιστροφή, Αναστροφή, Μετακίνηση, Ψαλίδιση (Trim) 6. Μετατροπή Σχεδιαστικού Αντικειμένου Σε Στρώση Πλέγματος (Raster Layer) 7. Δημιουργία Κινούμενου Γραφικού (Animated Gif) Από Στρώσεις (Layers) 1. Ορισμός και Κατανόηση του Όρου Στρώση (Layer) Οι στρώσεις (layers) ή επίπεδα είναι ο όρος που χρησιμοποιείται για να περιγράψει τα διαφορετικά τμήματα ενός αρχείου εικόνας, τα οποία τοποθετούνται το ένα πάνω στο άλλο. Το κάθε ένα περιέχει διαφορετικά στοιχεία τα οποία μπορούν να υποστούν επεξεργασία ως ξεχωριστή, αυτόνομη εικόνα, χωρίς να επηρεάζονται τα υπόλοιπα στοιχεία. Μπορούμε να τους αλλάζουμε τη σειρά, αλλά και να επεμβαίνουμε στον τρόπο με τον οποίο θα αναμειγνύεται η μία στρώση με την άλλη. Επίσης, σε κάθε στρώση μπορούμε να ρυθμίσουμε τα χρώματα, τη φωτεινότητα, τη διαφάνεια, να εφαρμόσουμε ειδικά εφέ, να μετακινήσουμε τα αντικείμενα της κ.α. Κάθε νέο αρχείο που δημιουργούμε περιέχει το επίπεδο φόντου (background), το οποίο είναι κλειδωμένο και προστατευμένο, δηλαδή δεν μπορούμε να του αλλάξουμε τη σειρά, ή την ανάμειξη του με τις άλλες στρώσεις, ή την αδιαφάνεια, εκτός αν το μετατρέψουμε σε μια κανονική στρώση. Κάθε εργασία που κάνουμε σε μια εικόνα αυτό γίνεται στην ενεργή στρώση. Εάν σε μια εικόνα προσθέσουμε μια νέα εικόνα, ή τμήμα εικόνας, ή κείμενο, ή κάποιο άλλο αντικείμενο θα προστεθεί σε μια νέα στρώση. Όλες οι στρώσεις που δημιουργούνται είναι διαφανές μέχρι να προσθέσουμε περιεχόμενο (pixel) σε αυτό. Οι στρώσεις οργανώνονται με τη σειρά, από την επάνω στρώση, ως το φόντο κάτω, στην παλέτα Layers η οποία καλό είναι να την έχουμε μόνιμα ορατή. Η παλέτα Layers δίνει σημαντικές πληροφορίες κατά την επεξεργασία μιας εικόνας. Μπορούμε ακόμα να χρησιμοποιήσουμε και το μενού Layers για να εργαστούμε με τις στρώσεις. ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 53 -
2. Δημιουργία, Αντιγραφή, Διαγραφή Μιας Στρώσης (Layer) Η κάθε νέα στρώση που προσθέτετε εισάγεται ακριβώς επάνω από την ενεργή στρώση στην παλέτα Layers. 2.1 Δημιουργία Μιας Στρώσης (Layer) ΤΡΟΠΟΣ 1: 1. Layers 2. New 3. Layer 4. Name: Πληκτρολογούμε το όνομα της νέας στρώσης 5. Color: Επιλέγουμε αν θέλουμε ένα χρώμα από την πτυσσόμενη λίστα για να μπορούμε να ξεχωρίζουμε τα Layer μας 6. Mode: επιλέγουμε αν χρειάζεται κατάσταση ανάμειξης χρώματος από την πτυσσόμενη λίστα 7. Opacity: Επιλέγουμε αν χρειάζεται διαφάνεια του Layer από το πτυσσόμενο πλαίσιο 8. ΟΚ ΤΡΟΠΟΣ 2: 1. Κάνουμε κλικ πάνω στο εικονίδιο New Layer από την παλέτα: Layer Σημ: Η κάθε νέα στρώση που προσθέτετε εισάγεται ακριβώς επάνω από την ενεργή στρώση στην παλέτα Layers. 2.2 Αντιγραφή Μιας Στρώσης (Layer) ΤΡΟΠΟΣ 1: 1. Κλικ στο Layer που θα αντιγράψουμε (Για να επιλέξουμε περισσότερες στρώσεις κρατάμε πατημένο το πλήκτρο [Ctrl] και κάνουμε κλικ σε κάθε στρώση που θέλουμε να επιλέξουμε) 2. Layer 3. Duplicate Layer 4. Name: Πληκτρολογούμε το όνομα της νέας στρώσης 5. Document: Επιλέγουμε το αρχείο προορισμού του αντιγράφου της στρώσης, από την πτυσσόμενη λίστα 6. ΟΚ ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 54 -
ΤΡΟΠΟΣ 2: 1. Layer 2. New 3. Layer Via Copy Σημείωση: Για να μετατρέψουμε ένα φόντο (background) σε στρώση (layer): 1. Επιλέγουμε το επίπεδο φόντου (background) 2. Layer 3. New 4. Layer From Background 5. Name: Πληκτρολογούμε το νέο όνομα για την στρώση 6. ΟΚ Για να μετατρέψουμε μια στρώση (layer) σε φόντο (background): 1. Επιλέγουμε την στρώση (layer) 2. Layer 3. New 4. Background From Layer 2.3 Διαγραφή Μιας Στρώσης (Layer) ΤΡΟΠΟΣ 1: 1. Επιλέγουμε την στρώση που θέλουμε να διαγράψουμε 2. Layer 3. Delete 4. Layer 5. Yes για επιβεβαίωση της διαγραφής ΤΡΟΠΟΣ 2: 1. Επιλέγουμε μια επιλεγμένη στρώση ή στρώσεις που θέλουμε να διαγράψουμε (χρησιμοποιώντας το πλήκτρο [Shift] για συνεχόμενες στρώσεις ή το πλήκτρο [Ctrl] για μη συνεχόμενες στρώσεις) 2. Κλικ στο εικονίδιο του κάδου Delete Layer της παλέτας Layer ΤΡΟΠΟΣ 3: 1. Επιλέγουμε μια επιλεγμένη στρώση ή στρώσεις που θέλουμε να διαγράψουμε 2. Δεξί κλικ Delete Layer ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 55 -
3. Ρύθμιση Ιδιοτήτων Στρώσεως: Ονομασία (Name), Απόκρυψη (Hide) Και Εμφάνιση (Show), Κλείδωμα (Lock), Αδιαφάνεια (Opacity), Ανάμειξη (Blending Mode) 3.1 Ονομασία (Name) Κάθε στρώση που δημιουργούμε έχει αυτόματα ένα προεπιλεγμένο όνομα. Είναι χρήσιμο να μετονομάζουμε τις στρώσεις για να μπορούμε εύκολα να αναγνωρίζουμε τη στρώση που θέλουμε, προκειμένου να επεξεργαστούμε πιο εύκολα την εικόνα. ΤΡΟΠΟΣ 1: 1. Επιλέγουμε τη στρώση από την παλέτα Layers 2. Layer 3. Layer Properties 4. Name: Πληκτρολογούμε το νέο όνομα για την στρώση 5. ΟΚ ΤΡΟΠΟΣ 2: 1. Διπλό κλικ στο όνομα της στρώσης που θέλουμε να μετονομάσουμε και πληκτρολογούμε το νέο ΤΡΟΠΟΣ 3: 1. Δεξί κλικ στο όνομα στην στρώση που θέλουμε να μετονομάσουμε 2. Layer Properties 3. Name: Πληκτρολογούμε το νέο όνομα για την στρώση 4. ΟΚ 3.2 Απόκρυψη Και Επανεμφάνιση Στρώσεων ΤΡΟΠΟΣ 1: 1. Επιλέγουμε τη στρώση από την παλέτα Layers 2. Layer 3. Hide Layers (για απόκρυψη) ή Show Layers (για εμφάνιση των Layers) ΤΡΟΠΟΣ 2: 1. Στην παλέτα Layers κάνουμε κλικ στη στήλη Visibility, όπου εμφανίζεται το σύμβολο του ματιού 2. Εφόσον ήταν ορατό το μάτι, με ένα κλικ εξαφανίζεται και η στρώση παύει να είναι ορατή 3. Αν δεν ήταν ορατό, με ένα κλικ, το μάτι επανεμφανίζεται και η στρώση γίνεται ορατή 3.3 Αδιαφάνεια Στρώσεων Όταν έχουμε περισσότερες από μια στρώσεις μπορούμε να κάνουμε τα pixels κάποιας από αυτές (εκτός του φόντου) διαφανή, ώστε να φαίνονται τα pixels της στρώσης. 1. Επιλέγουμε τη στρώση από την παλέτα Layers 2. Καταχωρούμε μια τιμή στο πλαίσιο κειμένου Opacity ή ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 56 -
Μετακινούμε το μηχανισμό κύλισης από δεξιά προς τα αριστερά για μείωση της αδιαφάνειας και αντίστροφα για αύξηση 3.4 Κλείδωμα Στρώσεων Όταν ολοκληρώσουμε την επεξεργασία μιας στρώσης μπορούμε να την κλειδώσουμε ώστε να μην είναι δυνατή πλέον η κατά λάθος επεξεργασίας της που μπορεί να επιφέρει προβλήματα. 1. Επιλέγουμε τη στρώση από την παλέτα Layers Lock transparent pixels (κλείδωμα διαφανών εικονοστοιχείων) ώστε να μην είναι δυνατόν να επεξεργαστούν Lock image pixels (κλείδωμα εικονοστοιχείων εικόνας) ώστε να μην είναι δυνατό να χρησιμοποιηθούν τα εργαλεία ζωγραφικής Lock position (κλείδωμα θέσης) ώστε να μην είναι δυνατόν να μετακινηθεί Lock all (κλείδωμα όλων) ώστε να μην είναι δυνατόν να επεξεργαστεί 2. Για να το ξεκλειδώσουμε πατάμε ξανά πάνω στο κουμπί κλειδώματος 3.5 Ανάμειξη Στρώσεων Η ανάμειξη χρωμάτων (blending mode) δημιουργεί διάφορα εφέ στα επίπεδα (layers) γεγονός το οποίο επηρεάζει τον τρόπο με τον οποίο αναμειγνύονται τα χρώματα της εικόνας του επιλεγμένου επιπέδου (ανώτερου επιπέδου) με τα χρώματα των κατώτερων επιπέδων. Η προεπιλεγμένη ανάμειξη είναι το Normal. 1. Επιλέγουμε τη στρώση από την παλέτα Layers 2. Επιλέγουμε από την πτυσσόμενη λίστα την κατάσταση ανάμειξης που χρειαζόμαστε (βρίσκεται στο επάνω αριστερό μέρος της παλέτας Layers) 4. Τακτοποίηση (Arrange), Συγχώνευση (Merge), Ισοπέδωση (Flatten), Σύνδεση (Link), Στρώσεων 4.1 Τακτοποίηση (Arrange) Στρώσεων Η διάταξη των στρώσεων στην παλέτα Layers καθορίζει αν μια στρώση θα εμφανίζεται εμπρός ή πίσω από τις άλλες. 1. Επιλέγουμε τη στρώση από την παλέτα Layers 2. Σύρουμε τη στρώση προς τα πάνω ή προς τα κάτω σε νέα θέση ή Layer Arrange Bring To Front: Μετακίνηση μπροστά από όλα τα επίπεδα Bring To Forward: Μετακίνηση κατά ένα επίπεδο μπροστά Send Backward: Μετακίνηση πίσω από όλα τα επίπεδα Send To Back: Μετακίνηση κατά ένα επίπεδο πίσω 4.2 Συγχώνευση (Merge) Στρώσεων Οι στρώσεις αυξάνουν πολύ το μέγεθος αρχείου μιας εικόνας. Ένας τρόπος να μειώσετε το μέγεθος του αρχείου είναι η συγχώνευση των στρώσεων. Μπορούμε να συγχωνεύσουμε μόνο τις ορατές στρώσεις ή μόνο δύο διαδοχικές στρώσεις (χρησιμοποιώντας το πλήκτρο [Shit]) ή μόνο τις ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 57 -
επιλεγμένες στρώσεις (χρησιμοποιώντας το πλήκτρο [Ctrl]). Επίσης μπορούμε να συγχωνεύσετε τα περιεχόμενα όλως των ορατών στρώσεων σε μια επιλεγμένη ορατή στρώση. Στην περίπτωση αυτή δεν υπάρχει μείωση του μεγέθους του αρχείου. 1. Στην παλέτα Layers βεβαιωνόμαστε ότι το σύμβολο του ματιού εμφανίζεται σε κάθε στρώση που θέλουμε να συγχωνεύσουμε 2. Κλικ στις στρώσεις που θέλετε να συγχωνεύσετε 3. Layer 4. Merge Layers ή Δεξί κλικ Merge Layers Για να συγχωνεύσετε δύο διαδοχικές στρώσεις: 1. Στην παλέτα Layers βεβαιωνόμαστε ότι το σύμβολο του ματιού εμφανίζεται σε κάθε στρώση που θέλετε να συγχωνεύσουμε 2. Επιλέγουμε την επάνω στρώση 3. LAYER 4. Merge Down για να συγχωνευτεί η επιλεγμένη στρώση με την κατώτερη στρώση Για να συγχωνεύσετε όλες τις ορατές στρώσεις: 1. Layer 2. Merge Visible Για να συγχωνεύσετε στρώσεις σε μια άλλη στρώση: 1. Στην παλέτα Layers βεβαιωνόμαστε ότι το σύμβολο του ματιού εμφανίζεται μόνο στις στρώσεις που θέλουμε να συγχωνεύσουμε και ότι το φόντο δεν είναι ορατό 2. Επιλέγουμε την στρώση στην οποία θα συγχωνευτούν όλες οι ορατές 3. Layer 4. Merge Visible 4.2 Ισοπέδωση (Flatten) Στρώσεων Όταν ολοκληρώνουμε την επεξεργασία μιας εικόνας, μπορούμε να την κάνουμε επίπεδη. Η ισοπέδωση αυτή (Flattering), συγχωνεύει όλες τις ορατές στρώσεις και αποβάλει όλες τις αποκρυμμένες στρώσεις. Όλες οι στρώσεις συγχωνεύονται και υπάρχει στο τέλος μόνο η στρώση φόντου. 1. Layer 2. Flatten Image 4.3 Σύνδεση (Link) Στρώσεων Οι στρώσεις μπορούν να συνδεθούν μεταξύ τους, για να σχηματίσουν ένα δεσμό σχέσης ο οποίος μας επιτρέπει να εφαρμόσουμε ορισμένες αλλαγές σε όλες τις στρώσεις όπως ταυτόχρονη μετακίνηση και αλλαγή μεγέθους όλων των στρώσεων. Αναγνωρίζονται με το σύμβολο μικρού κρίκου αλυσίδας που βρίσκεται δίπλα από κάθε στρώση. Κάνοντας κλικ στο κρίκο αλυσίδας μπορεί να ενεργοποιηθούν ή να απενεργοποιηθούν. ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 58 -
Σύνδεση στρώσεων: 1. Επιλέγουμε τις στρώσεις από την παλέτα Layers 2. Layer 3. Link Layers ή Δεξί κλικ Link Layers Αποσύνδεση στρώσεων: 1. Επιλέγουμε τις συνδεδεμένες στρώσεις από την παλέτα Layers 2. Layer 3. Unlink Layers ή Δεξί κλικ Unlink Layers 5. Μετατροπή Στρώσης (-εων): Κλίμακα, Περιστροφή, Αναστροφή, Μετακίνηση, Ψαλίδιση (Trim) 5.1 Μετατροπή Στρώσης (-εων): Κλίμακα 1. Επιλέγουμε την στρώση από την παλέτα Layers 2. Edit 3. Transform 4. Scale 5. Καταχωρούμε νέα τιμή στο πλάτος (Width) ή στο ύψος (Height) 6. Κλικ στο κουμπί Commit Transform στην γραμμή επιλογών 5.2 Μετατροπή Στρώσης (-εων): Περιστροφή 1. Επιλέγουμε την στρώση από την παλέτα Layers 2. Edit 3. Transform Rotate 180 0 : Για περιστροφή κατά 180 0 Rotate 90 0 CW: Για περιστροφή προς τα αριστερά κατά 90 0 Rotate 90 0 CCW: Για περιστροφή προς τα δεξιά κατά 90 0 5.3 Μετατροπή Στρώσης (-εων): Αναστροφή 1. Επιλέγουμε την στρώση από την παλέτα Layers 2. Edit 3. Transform Flip Canvas Horizontal: Για αναστροφή της εικόνας οριζόντια Flip Canvas Vertical: Για αναστροφή της εικόνας κάθετα 5.4 Μετατροπή Στρώσης (-εων): Μετακίνηση Για να μετακινήσουμε μια στρώση επιλέγουμε το εργαλείο μετακίνησης (Move Tool) από την εργαλειοθήκη και σύρουμε την στρώση στο σημείο που θέλουμε. 5.5 Μετατροπή Στρώσης (-εων): Ψαλίδιση (Trim) 1. Επιλέγουμε την στρώση από την παλέτα Layers 2. Image 3. Trim 4. Επιλέγουμε σε ποια πλευρά θέλουμε να γίνει το ψαλίδισμα της στρώσης ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 59 -
Top Bottom Left Right 5. OK Σημ: Μπορούμε να χρησιμοποιήσουμε το εργαλείο περικοπής (Crop Tool). 6. Μετατροπή Σχεδιαστικού Αντικειμένου Σε Στρώση Πλέγματος (Raster Layer) Για να μετατρέψουμε ένα σχεδιαστικό αντικείμενο (vector) το οποίο έχει σχηματιστεί από άθροισμα γεωμετρικών σχημάτων (ευθείες, κύκλοι, τόξα, καμπύλες και πάχη αυτών) σε στρώση πλέγματος (raster layer) ακολουθούμε τα πιο βήματα. ΤΡΟΠΟΣ 1: 1. Επιλέγουμε το σχεδιαστικό αντικείμενο στρώσης από την παλέτα Layers 2. Δεξί κλικ Rasterize Layer ή Type (εάν πρόκειται για κείμενο) 3. Το σχεδιαστικό αντικείμενο δεν μπορεί πλέον να επεξεργαστεί όπως είχε τη δυνατότητα προηγουμένως ΤΡΟΠΟΣ 2: 1. Επιλέγουμε σχεδιαστικό αντικείμενο στρώσης από την παλέτα Layers 2. Layer 3. Rasterize 4. Layer ή Shape (εάν πρόκειται για σχήμα) ή Type (εάν πρόκειται για κείμενο) 7. Δημιουργία Κινούμενου Γραφικού (Animated Gif) Από Στρώσεις (Layers) 1. Ανοίγουμε το αρχείο του οποίου θα χρησιμοποιήσουμε τις στρώσεις (Layers) 2. Window 3. Animation (Photoshop CS5) ή Timeline (Photoshop CS6) ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 60 -
4. Εμφανίζεται στο κάτω μέρος του Photoshop η παλέτα Animation ή Timeline πλαισίων κινούμενης εικόνας 9 1 2 3 4 5 6 7 8 1 Λίστα επιλογών επανάληψης (Loop) 2 Επιλογή πρώτου καρέ (Selects first frame) 3 Επιλογή προηγούμενου καρέ (Selects previous frame) 4 Αναπαραγωγή (Plays animation) 5 Επιλογή επόμενου καρέ (Selects next frame) 6 Παραγωγή ενδιάμεσων καρέ (Tweens animation frames) 7 Αντιγραφή επιλεγμένων καρέ (Duplicates Selected frames) 8 Διαγραφή επιλεγμένων καρέ (Deletes frames) 9 Επιλεγμένο καρέ (Selected frame) 5. Κρύβουμε όλες τις στρώσεις (layers) κάνοντας κλικ στο εικονίδιο του ματιού δίπλα από κάθε στρώση στην παλέτα των στρώσεων εκτός από την στρώση ή στρώσεις οι οποίες κατά την διάρκεια της εμφάνισης του animation επιθυμούμε να είναι ορατές (γι αυτές τις στρώσεις το εικονίδιο του ματιού είναι ενεργοποιημένο) 6. Κλικ στην επάνω δεξιά γωνιά της παλέτας Animation ή Timeline 7. Make Frames From Layers (Δημιουργεί τα βασικά καρέ από τα επίπεδα της εικόνας και διαμορφώνει κατάλληλα την ορατότητα κάθε ομάδας στρώσεων) 8. Εμφάνιση όλων των καρέ (Frames) στην παλέτα Animation ή Timeline 9. Για ρύθμιση της χρονικής διάρκειας (καθυστέρησης) εμφάνισης του κάθε καρέ (Frame) στην παλέτα Animation ή Timeline κάνουμε κλικ στην κάτω δεξιά γωνιά του κάθε καρέ (εμφανίζεται το αναδιπλούμενο μενού Frame delay) και επιλέγουμε τον χρόνο. ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 61 -
10. Για ταυτόχρονη ρύθμιση όλων των καρέ χρησιμοποιούμε το πλήκτρο [Shift] και επιλέγοντας όλα τα καρέ μαζί. 11. Για ρύθμιση της συχνότητας εμφάνισης του animation κάνουμε κλικ στην κάτω αριστερή γωνιά (λίστα επιλογών επανάληψης (Loop)) και επιλογή της κατάλληλης συχνότητας. 12. Επιπρόσθετα χρησιμοποιούμε την επιλογή Other για καθορισμό δικού μας αριθμού συχνότητας εμφάνισης του animation 13. Πριν να το αποθηκεύσουμε μπορούμε να το ελέγξουμε πατώντας το κουμπί Play το οποίο βρίσκεται στο κάτω μέρος της παλέτας Animation ή Timeline 14. File 15. Save from web & Devises 16. Βεβαιωνόμαστε ότι στο πάνω δεξιό μέρος του παραθύρου είναι επιλεγμένη η μορφή GIF (δεν μπορούμε να αποθηκεύσουμε τα animation σε μορφή JPEG ή PNG) 17. Save 18. File name: Πληκτρολογούμε ένα όνομα αρχείου 19. Save in: Επιλέγουμε τοποθεσία αποθήκευσης αρχείου 20. Format: Επιλέγουμε μορφή αρχείου όπως HTML and Images (μορφή ιστοσελίδας και εικόνες) ή Images Only (μόνο εικόνες) HTML Only (μόνο μορφή ιστοσελίδας) 21. Save ΜΑΘΗΜΑ 7 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 62 -
ΜΑΘΗΜΑ 7 ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Ανοίξετε τις εικόνες Kidsroom.psd, Kid.psd και Puppets.png από τον φάκελο Lesson 7 που βρίσκεται στην επιφάνεια εργασίας/desktop. 3. Μεταφερθείτε στο αρχείο Puppets.png και αντιγράψετε όλη την εικόνα στο αρχείο Kidsroom.psd. 4. Μετονομάστε την νέα στρώση σε Woolen Toys. 5. Μετακινήστε το αντικείμενο της νέας στρώσης στο πάνω δεξιό μέρος του κρεβατιού. 6. Δημιουργήστε μια νέα στρώση. 7. Κάνετε ενεργή την εικόνα Kid.psd και αντιγράψετε όλη την εικόνα στο αρχείο Kidsroom.psd. 8. Μετονομάστε τη στρώση που δημιουργήθηκε σε Child. 9. Μετακινήστε το αντικείμενο της νέας στρώσης στο πάτωμα μπροστά από το κρεβάτι. 10. Μετακινήστε την στρώση Child κάτω από την στρώση Toys. 11. Δημιουργήστε ένα αντίγραφο της στρώσης Woolen Toys με όνομα Games. 12. Διαγράψετε την στρώση Games. 13. Αποκρύψετε την στρώση Toys. 14. Μειώστε την αδιαφάνεια (opacity) στην στρώση Ducks σε 65%. 15. Μετατρέψετε την κλίμακα της στρώσης Ducks σε πλάτος (width) 80% και ύψος (height) σε 75%. 16. Κάνετε οριζόντια (flip horizontal) αναστροφή στην στρώση Child. 17. Κλειδώστε τη θέση (lock position) της στρώσης Child. 18. Εμφανίστε την στρώση Toys και εφαρμόστε την ανάμειξη χρώματος (blending mode) Exclusion. 19. Συγχωνεύστε (merge) τις στρώσεις Toys και Ducks. 20. Μετατρέψετε το σχεδιαστικό αντικείμενο Shape σε στρώση πλέγματος (raster layer). 21. Ισοπεδώστε (flatten) όλες τις ορατές στρώσεις. 22. Αποθηκεύστε την εικόνα με το όνομα Room_Child.psd και κλείστε το αρχείο. 23. Κλείστε την εφαρμογή επεξεργασίας εικόνας. ΜΑΘΗΜΑ 7 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 63 -
ΜΑΘΗΜΑ 8 ΣΤΟΧΟΙ: 1. Προσθήκη, Επεξεργασία, Διαγραφή Κειμένου 2. Αντιγραφή, Μετακίνηση Κειμένου. Δημιουργία Διπλότυπου Κειμένου Στην Ίδια Εικόνα 3. Στοίχιση Κειμένου: Αριστερά, Κέντρο, Δεξιά, Πλήρης Στοίχιση 4. Εφαρμογή Μορφοποιήσεων Κειμένου: Μέγεθος Γραμματοσειράς, Τύποι Γραμματοσειρών, Χρώμα Γραμματοσειράς 5. Εφαρμογή Αναδίπλωσης Κειμένου 1. Προσθήκη, Επεξεργασία, Διαγραφή Κειμένου Στο Photoshop υπάρχει η δυνατότητα προσθήκης και επεξεργασίας κειμένου στις φωτογραφίες. Είναι πολύ σημαντικό η επιλογή της κατάλληλης γραμματοσειράς, μεγέθους, χρώματος και στυλ κειμένου ανάλογα με την κάθε περίπτωση. Επίσης είναι σημαντικό να επιλεγεί η κατάλληλη θέση στην οποία θα τοποθετηθεί το κείμενο. Δεν πρέπει να κρύβει τα βασικά στοιχεία της εικόνας. Το κείμενο τοποθετείτε σε ξεχωριστή στρώση (Layer) πάνω στην φωτογραφία και κατά συνέπεια έχεις τις ίδιες ιδιότητες και τον ίδιο τρόπο χειρισμού με τις στρώσεις (Layers). Μπορεί να μετακινηθεί, να αντιγραφεί, να διαγραφεί, να μετασχηματιστεί το μέγεθος του, να εφαρμοστούν ειδικά εφέ, να αλλαχθεί ή διαφάνεια του και να καθοριστεί ο τρόπος ανάμειξης του με την εικόνα. 1.1 Προσθήκη Κειμένου 1. Από την εργαλειοθήκη Tools, επιλέγουμε το εργαλείο κειμένου Type Tool και επιλέγουμε οριζόντιο κείμενο (Horizontal Type Tool) ή κάθετο κείμενο (Vertical Type Tool) 2. Κλικ στην περιοχή της εικόνας και πληκτρολογούμε το κείμενο 3. Κλικ στο κουμπί Commit any current edits της γραμμής επιλογών εργαλείων για να αποδεχτούμε το κείμενο εργαλείων ή Cancel any current edits για μη αποδοχή Οριζόντιο κείμενο Κάθετο κείμενο Σημ: Το Photoshop δεν γνωρίζει σε ποιο σημείο αλλάζει γραμμή γι αυτό πρέπει να πατήσουμε το πλήκτρο [Enter] για αλλαγή παραγράφου ή [Shift]+[Enter] για αλλαγή γραμμής, διαφορετικά γράφει στην ευθεία. ΜΑΘΗΜΑ 8 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 64 -
1.2 Επεξεργασία Κειμένου 1. Επιλέγουμε από την παλέτα στρώσεων (Layers) τη στρώση κειμένου ή Επιλέγουμε το εργαλείο μετακίνησης (move tool), δεξί κλικ πάνω στο κείμενο, στη συνέχεια με το αριστερό κλικ επιλέγουμε την στρώση του κειμένου 2. Επιλέγουμε από την εργαλειοθήκη το εργαλείο κειμένου (Type Tool) 3. Επιλέγουμε το κείμενο ή κλικ εντός του κειμένου και κάνουμε τις απαραίτητες αλλαγές 1.3 Διαγραφή Κειμένου 1. Επιλέγουμε από την εργαλειοθήκη το εργαλείο κειμένου (Type Tool) 2. Επιλέγουμε το κείμενο 3. Πατάμε το πλήκτρο [Backspace] ή πλήκτρο [Delete] Σημ: Επιλέγουμε από την παλέτα στρώσεων τη στρώση κειμένου μας και πατάμε δεξί κλικ Delete Layer. 2. Αντιγραφή, Μετακίνηση Κειμένου. Δημιουργία Διπλότυπου Κειμένου Στην Ίδια Εικόνα Όταν πληκτρολογούμε κείμενο στην εικόνα μας και χρειάζεται να το επαναλάβουμε στην ίδια ή σε άλλη εικόνα, δεν χρειάζεται να το πληκτρολογήσουμε ξανά. Μπορούμε απλώς να δημιουργήσουμε αντίγραφο (διπλότυπο) του κειμένου και να το μετακινήσουμε στην επιθυμητή θέση. Για να δημιουργήσουμε διπλότυπο του κειμένου μπορούμε να δημιουργήσουμε αντίγραφο της στρώσης του. 2.1 Αντιγραφή, Μετακίνηση Κειμένου 1. Επιλέγουμε από την παλέτα στρώσεων (Layers) τη στρώση κειμένου ή Επιλέγουμε το εργαλείο μετακίνησης (move tool), δεξί κλικ πάνω στο κείμενο, στη συνέχεια επιλέγουμε την στρώση του κειμένου 2. Επιλέγουμε από την εργαλειοθήκη το εργαλείο κειμένου (Type Tool) 3. Επιλέγουμε το κείμενο 4. Edit 5. Copy (αντιγραφή) ή Cut (μετακίνηση) 6. Κλικ στο κουμπί Commit any current edits της γραμμής επιλογών εργαλείων 7. Κλικ στην περιοχή της εικόνας 8. Edit 9. Paste ΜΑΘΗΜΑ 8 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 65 -
Εναλλακτικοί τρόποι για αντιγραφή και μετακίνηση κειμένου: 2.2 Αντιγραφή Κειμένου 1. Επιλέγουμε από την παλέτα στρώσεων (Layers) τη στρώση κειμένου 2. Επιλέγουμε το εργαλείο μετακίνησης (move tool) από την εργαλειοθήκη 3. Πατάμε ταυτόχρονα το πλήκτρο [Alt] 4. Σύρουμε το αντίγραφο του κειμένου στην κατάλληλη θέση 2.3 Μετακίνηση Κειμένου 1. Επιλέγουμε από την παλέτα στρώσεων (Layers) τη στρώση κειμένου 2. Επιλέγουμε το εργαλείο μετακίνησης (move tool) από την εργαλειοθήκη 3. Σύρουμε το αντίγραφο του κειμένου στην κατάλληλη θέση 2.4 Δημιουργία Διπλότυπου Κείμενου Στην Ίδια Εικόνα: 1. Επιλέγουμε από την παλέτα στρώσεων (Layers) τη στρώση κειμένου ή Επιλέγουμε το εργαλείο μετακίνησης (move tool), δεξί κλικ πάνω στο κείμενο, στη συνέχεια με το αριστερό κλικ επιλέγουμε την στρώση του κειμένου 3. Layer 4. Duplicate Layer ή Στην παλέτα στρώσεων (Layers), κάνουμε δεξί κλικ επάνω στη στρώση του κειμένου 5. Κλικ Duplicate Layer 6. Εμφανίζεται το πλαίσιο διαλόγου Duplicate Layer 7. As: Καταχωρούμε το όνομα της νέας στρώσης 8. Document: Καθορίζουμε που θα αντιγραφεί η νέα στρώση κειμένου στο υφιστάμενο αρχείο ή νέο αρχείο 9. ΟΚ Σημ: Όταν αντιγράψουμε κείμενο από μια άλλη εφαρμογή μπορούμε να το επικολλήσουμε πάνω σε μια εικόνα στο Photoshop αφού πρώτα επιλέξουμε από την εργαλειοθήκη το εργαλείο κειμένου (Type Tool), σχηματίσουμε ένα πλαίσιο (Text Box) πάνω στην εικόνα και στην συνέχεια Edit, Paste. ΜΑΘΗΜΑ 8 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 66 -
3. Στοίχιση Κειμένου: Αριστερά, Κέντρο, Δεξιά, Πλήρης Στοίχιση 1. Window 2. Paragraph (Εμφανίζεται η παλέτα παραγράφου) 3. Επιλέγουμε από την παλέτα στρώσεων (Layers) τη στρώση κειμένου ή Επιλέγουμε το εργαλείο μετακίνησης (move tool), δεξί κλικ πάνω στο κείμενο, στη συνέχεια με το αριστερό κλικ επιλέγουμε την στρώση του κειμένου 4. Επιλέγουμε το κατάλληλο κουμπί στοίχισης: Left align text (Στοίχιση αριστερά) Center text (Στοίχιση στο κέντρο) Right align text (Στοίχιση στα δεξιά) Justify last left (Πλήρης στοίχιση τελευταία γραμμή στα αριστερά): Εφαρμόζεται πλήρης στοίχιση των γραμμών εκτός από την τελευταία γραμμή που θα έχει αριστερή στοίχιση Justify last centered (Πλήρης στοίχιση τελευταία γραμμή στο κέντρο): Εφαρμόζεται πλήρης στοίχιση των γραμμών εκτός από την τελευταία γραμμή που θα έχει στοίχιση στο κέντρο Justify last right (Πλήρης στοίχιση τελευταία γραμμή στα δεξιά): Εφαρμόζεται πλήρης στοίχιση των γραμμών εκτός από την τελευταία γραμμή που θα έχει δεξιά στοίχιση Justify all (Πλήρης στοίχιση): Εφαρμόζεται πλήρης στοίχιση όλων των γραμμών της παραγράφου Σημ: Μπορούμε να χρησιμοποιήσουμε και τη γραμμή επιλογών του εργαλείου κειμένου, για στοίχιση κειμένου. Στοίχιση Κειμένου 4. Εφαρμογή Μορφοποιήσεων Κειμένου: Μέγεθος Γραμματοσειράς, Τύποι Γραμματοσειρών, Χρώμα Γραμματοσειράς Μπορούμε να μορφοποιήσουμε το κείμενο μας είτε πριν το πληκτρολογήσουμε είτε αφού το έχουμε πληκτρολογήσει. Στην περίπτωση που έχει ήδη πληκτρολογηθεί, θα πρέπει πρώτα να το επιλέξουμε για να το μορφοποιήσουμε. 1. Window 2. Character (Εμφανίζεται η παλέτα κειμένου) 3. Επιλέγουμε από την παλέτα στρώσεων (Layers) τη στρώση κειμένου ΜΑΘΗΜΑ 8 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 67 -
ή Επιλέγουμε το εργαλείο μετακίνησης (move tool), δεξί κλικ πάνω στο κείμενο, στη συνέχεια με το αριστερό κλικ επιλέγουμε την στρώση του κειμένου 4. Επιλέγουμε μορφοποιήσεις κειμένου όπως: Set the font family (Καθορισμός γραμματοσειράς) Set the font size (Καθορισμός μεγέθους) Set the font style (Καθορισμός στυλ-είδους γραμματοσειράς): Κανονικό (Regular), Έντονο (Bold), Πλάγιο (Italic) Set the text color (Καθορισμός χρώματος κειμένου) Set the Kerning between two characters (Καθορισμός της απόστασης μεταξύ 2 γραμμάτων): Αυξάνοντας ή μειώνοντας το kerning αυξάνεται ή μειώνεται η απόσταση ανάμεσα στα γράμματα που είναι επιλεγμένα και στο αμέσως επόμενο γράμμα από αυτά Set the leading (Καθορισμός της απόστασης ανάμεσα στις γραμμές κειμένου): Η απόσταση, σε πόντους, ανάμεσα στις γραμμές του κειμένου. Set the Tracking for the selected characters (Καθορισμός της απόστασης μεταξύ γραμμάτων για όλο το κείμενο): Παρόμοιο με το kerning αλλά ισχύει σε όλο το κείμενο και όχι μόνο στους χαρακτήρες που είναι επιλεγόμενοι Σειρά από επιλογές παρουσίασης κειμένου από την αρχή (αριστερά) προς το τέλος (δεξιά): Faux bold: Ψεύτικα bold (έντονα) γράμματα Faux Italics: Ψεύτικα italic (πλάγια) γράμματα All Caps: Όλα κεφαλαία Small Caps: Κεφαλαία μικρά Superscript: Εκθέτης Subscript: Δείκτης Underline: Υπογράμμιση Strikethrough: Κείμενο με διακριτή διαγραφή Toggle text orientation: Αλλαγή προσανατολισμού κειμένου Σημ: Μπορούμε να χρησιμοποιήσουμε και τη γραμμή επιλογών του εργαλείου κειμένου, για μορφοποίηση κειμένου. ΜΑΘΗΜΑ 8 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 68 -
Προσανατολισμός κειμένου Στυλ γραμματοσειράς Χρώμα γραμματοσειράς Αλλαγή γραμματοσειράς Μέγεθος γραμματοσειράς 5. Εφαρμογή Αναδίπλωσης Κειμένου Το Wrap Tool (εργαλείο παραμόρφωσης) μας επιτρέπει να παραμορφώσουμε το κείμενο μας μέσω μιας μεγάλης ποικιλίας σχημάτων. 1. Επιλέγουμε από την παλέτα στρώσεων (Layers) τη στρώση κειμένου ή Επιλέγουμε το εργαλείο μετακίνησης (move tool), δεξί κλικ πάνω στο κείμενο, στη συνέχεια με το αριστερό κλικ επιλέγουμε την στρώση του κειμένου 2. Κλικ στο εργαλείο Warp που βρίσκεται στην πάνω γραμμή επιλογών 3. Επιλέγουμε ένα στυλ παραμόρφωσης από την πτυσσόμενη λίστα Style 4. Επιλέγουμε τον προσανατολισμό εφέ παραμόρφωσης Horizontal (Οριζόντια) Vertical (Κάθετα) 5. Καθορίζουμε τις τιμές για πρόσθετες επιλογές παραμόρφωσης όπως: Bend (Αύξηση ή μείωση του ποσού παραμόρφωσης) Horizontal Distortion (Οριζόντια παραμόρφωση) Vertical Distortion (Κάθετη παραμόρφωση) 6. Επιλέγουμε None για κατάργηση της παραμόρφωσης από την πτυσσόμενη λίστα Style 7. ΟΚ 8. Κλικ στο κουμπί Commit any current edits της γραμμής επιλογών εργαλείων Παράδειγμα κειμένου που παραμορφώνεται: ΜΑΘΗΜΑ 8 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 69 -
ΜΑΘΗΜΑ 8 - ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Ανοίξετε την εικόνα Sail.jpg από τον φάκελο Lesson 8 που βρίσκεται στην επιφάνεια εργασίας/desktop. 3. Πληκτρολογήστε κάθετα (vertical type) το κείμενο Lucky με μέγεθος γραμματοσειράς 24 pt, χρώμα γραμματοσειράς μπλε, έντονο και πλάγιο στυλ. 4. Τοποθετήστε το κείμενο στο πάνω αριστερό πανί της βάρκας. 5. Πληκτρολογήστε οριζόντια (horizontal type) το κείμενο Seaworthy με γραμματοσειρά Bookman Old Style μέγεθος 48 pt και χρώμα γραμματοσειράς κόκκινο. 6. Τοποθετήστε το κείμενο στο δεξιό πανί της βάρκας στο σημείο που βρίσκεται η σημαία. 7. Πληκτρολογήστε οριζόντια το κείμενο Summer time. 8. Τοποθετήστε το κείμενο στην κάτω δεξιά γωνιά της εικόνας. 9. Στοιχίστε το κείμενο Summer time στο κέντρο (center text). 10. Εφαρμόστε παραμόρφωση κειμένου (text wrap) με το στυλ (style) flag. 11. Αντιγράψετε το κείμενο Summer time και επικολλήστε το στο πάνω δεξιό μέρος της εικόνας. 12. Τροποποιήστε το κείμενο σε Summer Holidays με κίτρινο χρώμα γραμματοσειράς και υπογράμμιση. 13. Δημιουργήστε ένα διπλότυπο της στρώσης Lucky με όνομα Lucky shark. 14. Διαγράψετε το κείμενο Summer time. 15. Αποθηκεύστε το αρχείο. 16. Κλείστε την εφαρμογή επεξεργασίας εικόνας. ΜΑΘΗΜΑ 8 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 70 -
ΜΑΘΗΜΑ 9 ΣΤΟΧΟΙ: 1. Εφαρμογή Καλλιτεχνικών (Artistic) Εφέ, Εφέ Παραμόρφωσης (Distortion): Κουκιδοποίηση (Pixelate), Ανάγλυφο (Emboss), Άνεμος (Wind), Ρυτίδωμα (Ripple), Στροβίλισμα (Twirl), Αποκορεσμός (Desaturate) 2. Εφαρμογή Εφέ Θαμπώματος (Blur): Φίλτρο Gauss, Κίνηση (Motion) 3. Εφαρμογή Εφέ Φωτοσκίασης: Φωτισμός (Lighting), Έκλαμψη (Flare) 4. Εφαρμογή Ρυθμίσεων: Φωτεινότητα-Αντίθεση (Brightness-Contrast), Χροιά- Κορεσμός (Hue-saturation), Ισορρόπηση Χρωμάτων (Colour Balance) 5. Εφαρμογή Όξυνσης, Μάσκας Όξυνσης (Sharpen, Unsharpen) 6. Εφαρμογή Εξάλειψης Φαινομένου Κόκκινων Ματιών (Red Eye Reduction) 1. Εφαρμογή Καλλιτεχνικών (Artistic) Εφέ, Εφέ Παραμόρφωσης (Distortion): Κουκιδοποίηση (Pixelate), Ανάγλυφο (Emboss), Άνεμος (Wind), Ρυτίδωμα (Ripple), Στροβίλισμα (Twirl), Αποκορεσμός (Desaturate) Το Photoshop περιλαμβάνει πολλά φίλτρα που το κάθε ένα ξεχωριστά εφαρμόζει σε μια εικόνα ειδικά εφέ προκειμένου να κάνει τις εικόνες να φαίνονται καλλιτεχνικές, με αίσθηση της κίνησης, του ανέμου, του φωτισμού τεχνητά, κ.α. Με αυτό τον τρόπο μετασχηματίζουμε απλές ψηφιακές εικόνες σε εντυπωσιακές καλλιτεχνικές ψηφιακές εικόνες. 1.1 Εφέ Pixelate (Κουκιδοποίηση) Χωρίζει την εικόνα σε διάφορα κελιά τα οποία περιέχουν εικονοστοιχεία (pixel) με παρόμοιο χρώμα. Ανήκει στην κατηγορία καλλιτεχνικών εφέ. 1. Filter 2. Pixelate 3. Επιλέγουμε ένα από τα ακόλουθα φίλτρα: Color Halftone: Εφέ ενδιάμεσων τόνων Crystallize: Εφέ κρυστάλλου Facet: Εφέ όψης Fragment: Εφέ τμηματοποίησης Mezzotint: Εφέ τίντα mezzo Mosaic: Εφέ μωσαϊκού Pointillize: Εφέ σημειοποίησης 4. Το κάθε ένα φίλτρο διαθέτει τις δικές του ρυθμίσεις τις οποίες τροποποιούμε ανάλογα με την εικόνα 5. ΟΚ Σημ: Μπορούμε να επιλέξουμε μια περιοχή της εικόνας χρησιμοποιώντας ένα από τα εργαλεία επιλογής. ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 71 -
Παράδειγμα φίλτρου Crystallize Παράδειγμα φίλτρου Mezzotint Παράδειγμα φίλτρου Mosaic Παράδειγμα φίλτρου Pointillize 1.2 Εφέ Emboss (Ανάγλυφο) Εφαρμογή στις εικόνες εφέ ανάγλυφου. Ανήκει στην κατηγορία καλλιτεχνικών εφέ. 1. Filter 2. Stylize 3. Emboss 4. Επιλέγουμε το εφέ ανάγλυφο Emboss 5. Angle: Ρυθμίζουμε την γωνιά χρησιμοποιώντας τον γραφικό μηχανισμό επιλογής γωνιάς 6. Height: Ρυθμίζουμε το ύψος (όταν αυξάνεται η τιμή η όξυνση γίνεται πιο έντονη 7. Amount: Ρυθμίζουμε την ποσότητα αρχικού χρώματος της εικόνας 6. ΟΚ Παράδειγμα φίλτρου Emboss ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 72 -
1.3 Εφέ Wind (Άνεμος) Εφαρμόζει εφέ ανέμου χρησιμοποιώντας μικρές οριζόντιες ευθείες. Ανήκει στην κατηγορία εφέ παραμόρφωσης. 1. Filter 2. Stylize 3. Wind 4. Method Wind: Εφαρμογή ανέμου Blast: Εφαρμογή έντονου ανέμου Stagger: Εφαρμογή ανέμου που προκαλεί ζάλη 5. Direction From the Right: Κατεύθυνση ανέμου από τα δεξιά From the Left: Κατεύθυνση ανέμου από τα αριστερά 6. ΟΚ Παράδειγμα φίλτρου Wind 1.4 Εφέ Ripple (Κυματισμός) Εφαρμόζει εφέ κυματισμού. Ανήκει στην κατηγορία εφέ παραμόρφωσης. 1. Filter 2. Distort 3. Ripple 4. Amount: Εισάγουμε μια τιμή στη θυρίδα ή σύρουμε το χειριστήριο αυξομείωσης προς τα αριστερά ή δεξιά για να καθορίσουμε το ποσοστό του κυματισμού 5. Size: Επιλέγουμε από τη πτυσσόμενη λίστα το μέγεθος του κυματισμού που θα εφαρμοστεί 6. ΟΚ ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 73 -
Παράδειγμα φίλτρου Ripple 1.5 Εφέ Twirl (Στροβίλισμα) Εφαρμόζει εφέ στροβιλίσματος. Ανήκει στην κατηγορία εφέ παραμόρφωσης. 1. Filter 2. Distort 3. Twirl 4. Angle: Εισάγουμε μια τιμή στη θυρίδα ή σύρουμε το χειριστήριο αυξομείωσης προς τα αριστερά ή δεξιά για να καθορίσουμε τις μοίρες της γωνίας στροβιλισμού 5. ΟΚ Παράδειγμα φίλτρου Twirl 1.6 Desaturate (Αποκορεσμός) Με την λειτουργία Desaturate (αποκορεσμός) του χρώματος διατηρούμε ίδια την απόχρωση και την τονικότητα ενός χρώματος και μειώνουμε την πληρότητα του. Ο πλήρης αποκορεσμός μετατρέπει τα χρώματα της εικόνας ή της επιλεγμένης στρώσης στις αντίστοιχες αποχρώσεις του γκρι. ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 74 -
ΤΡΟΠΟΣ 1: 1. Image 2. Adjustments 3. Desaturate ΤΡΟΠΟΣ 2: 1. Επιλέγουμε την περιοχή της εικόνας χρησιμοποιώντας ένα από τα εργαλεία επιλογής 2. Κλικ στο εργαλείο του σπόγγου (Sponge Tool) από την εργαλειοθήκη 3. Από την γραμμή επιλογών επιλέγουμε από την πτυσσόμενη λίστα Mode την επιλογή Desaturate 4. Χρησιμοποιώντας το δεξί κλικ μπορούμε να ρυθμίσουμε το μέγεθος του σπόγγου μετακινώντας το μηχανισμό κύλισης του πλαισίου Size 5. Σύρουμε το εργαλείο πάνω στην περιοχή της εικόνας που θέλουμε να εφαρμόσουμε τον αποκορεσμό ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 75 -
2. Εφαρμογή Εφέ Θαμπώματος (Blur): Φίλτρο Gauss, Κίνηση (Motion) Τα φίλτρα θολώματος (Blur) απαλύνουν μια επιλογή ή μια ολόκληρη εικόνα και είναι χρήσιμα για διόρθωση-βελτίωση εικόνας. 2.1 Εφέ Θαμπώματος Gaussian Blur Θολώνει εύκολα μια επιλογή ή μια ολόκληρη εικόνα σύμφωνα με την τιμή καταχώρισης σε pixel, στο πλαίσιο κειμένου Radius. 1. Filter 2. Blur 3. Gaussian Blur 4. Ρυθμίζουμε το ζουμ προεπισκόπησης χρησιμοποιώντας τα κουμπιά και αριστερά και δεξιά του 100%. 5. Radius: Εισάγουμε μια τιμή στη θυρίδα από (0-250) ή σύρουμε το χειριστήριο αυξομείωσης προς τα αριστερά ή δεξιά για να ρυθμίσουμε την ακτίνα κατά την οποία θα θολώσουν τα pixels 6. ΟΚ Παράδειγμα εφέ Gaussian Blur 2.2 Εφέ Θαμπώματος Motion Blur Δημιουργούμε μια εύκολη θαμπάδα κινήσεων σε κάθε φωτογραφία χρησιμοποιώντας το φίλτρο θαμπάδα κινήσεων. 1. Filter 2. Blur 3. Motion Blur 4. Angle: Εισάγουμε μια τιμή στη θυρίδα για να ρυθμίσουμε τις μοίρες της γωνίας κατά την οποία θα θολώσουν τα pixel κατά την περιστροφή τους 5. Distance: Εισάγουμε μια τιμή στη θυρίδα από (1-999) ή σύρουμε το χειριστήριο αυξομείωσης προς τα αριστερά ή δεξιά για να ρυθμίσουμε την απόσταση κατά την οποία θα θολώσουν τα pixels 6. ΟΚ ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 76 -
Παράδειγμα εφέ Motion Blur 3. Εφαρμογή Εφέ Φωτοσκίασης: Φωτισμός (Lighting), Έκλαμψη (Flare) Χρησιμοποιώντας το εφέ φωτοσκίασης μπορούμε να προσθέσουμε φωτισμό σε μια θέση ή σε ολόκληρη την εικόνα μας. 3.1 Εφέ Φωτισμού Lighting Effects Χρησιμοποιείται για προσθήκη φωτισμού σε θέση που καθορίζουμε εμείς. 1. Filter 2. Render 3. Lighting Effects 4. Style: Επιλέγουμε το στυλ του εφέ φωτισμού από την πτυσσόμενη λίστα 5. Light type: Επιλογή τύπου φωτισμού όπως Spotlight, Omni, Directional 6. Επιλογή On για εμφάνιση της φωτεινότητας στο τμήμα προεπισκόπησης στην περιοχή της εικόνας στην οποία θα υπάρχει φωτισμός 7. Intensity: Ρυθμίζουμε την ένταση της φωτεινότητας μετακινώντας το φωτισμό 8. Properties: Ρυθμίζουμε τη γυαλάδα (Gloss), το υλικό (Material), την έκθεση (Exposure) και το περιβάλλον (Ambience) μετακινώντας τους μηχανισμούς κύλισης 9. ΟΚ ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 77 -
3.2 Εφέ Φωτισμού Έκλαμψη Lens Flare Παράδειγμα εφέ Lighting Effects Χρησιμοποιείται για εφαρμογή λάμψης φακού σε οποιοδήποτε σημείο της εικόνας μας. 1. Filter 2. Render 3. Lens Flare 4. Lens Flare: Στο πλαίσιο προεπισκόπησης της εικόνας σύρουμε το σταυρόνημα στο επιθυμητό σημείο της εικόνας για προσθήκη λάμψης στην συγκεκριμένη περιοχή 5. Brightness: Εισάγουμε μια τιμή στη θυρίδα ή σύρουμε το χειριστήριο αυξομείωσης προς τα αριστερά ή δεξιά για να καθορίσουμε την φωτεινότητα του φακού 6. Lens Type: Επιλέγουμε το τύπο φακού της κάμερας που χρησιμοποιήθηκε εκείνη την χρονική στιγμή 7. ΟΚ Παράδειγμα εφέ Lens Flare 4. Εφαρμογή Ρυθμίσεων: Φωτεινότητα-Αντίθεση (Brightness- Contrast), Χροιά-Κορεσμός (Hue-saturation), Ισορρόπηση Χρωμάτων (Colour Balance) 4.1 Φωτεινότητα-Αντίθεση (Brightness-Contrast) 1. Image 2. Adjustments 3. Brightness/Contrast 4. Brightness: Ρυθμίζουμε την ένταση της φωτεινότητας σύροντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή 5. Contrast: Ρυθμίζουμε την ένταση της αντίθεσης σύροντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή 6. ΟΚ ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 78 -
4.2 Χροιά-Κορεσμός (Hue-Saturation) Παράδειγμα Hue-Saturation 1. Image 2. Adjustments 3. Hue/Saturation 4. Master: Επιλέγουμε για να επηρεαστούν όλα τα χρώματα ή κάποιο συγκεκριμένο χρώμα για να επηρεαστεί μόνο αυτό 5. Hue: Ρυθμίζουμε την ένταση της απόχρωσης σύροντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή 6. Saturation: Ρυθμίζουμε την ένταση του κορεσμού σύροντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή 7. Lightness: Ρυθμίζουμε την ένταση του φωτισμού σύροντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή 8. ΟΚ Παράδειγμα Hue-Saturation 4.3 Ισορρόπηση Χρωμάτων (Colour Balance) 1. Image 2. Adjustments 3. Color Balance 4. Μετακινούμε τους δείκτες μεταξύ του Κυανού (Cyan) και Κόκκινου (Red), μεταξύ Ματζέντα (Magenta) και Πράσινου (Green) και μεταξύ Κίτρινου (Yellow) και Μπλε (Blue), για να προσθέσουμε ή να αφαιρέσουμε κάποιο από τα χρώματα αυτά. 5. Εναλλακτικά μπορούμε να καταχωρίσουμε στα τρία πλαίσια κειμένου Color Levels τις αντίστοιχες τιμές 6. Ρυθμίζουμε την ισορροπία των χρωμάτων επιλέγοντας ένα από τα κουμπιά ελέγχου: Shadows: Σκοτεινές περιοχές εικόνας ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 79 -
Midtones: Ενδιάμεσες περιοχές εικόνας Highlights: Φωτεινές περιοχές εικόνας 7. ΟΚ Παράδειγμα Colour Balance 5. Εφαρμογή Όξυνσης, Μάσκας Όξυνσης (Sharpen, Unsharpen) Το φίλτρο Unsharp Mask ή Sharpen αυξάνει την αντίθεση στη λεπτομέρεια των περιγραμμάτων αλλά και των άκρων της εικόνας και έτσι οξύνει μια εικόνα. Δίνει την ψευδαίσθηση μιας πιο εστιασμένης εικόνας. Διορθώνει τις εικόνες που γίνονται θολές και παύουν να έχουν σαφές περίγραμμα συνεπακόλουθο της σάρωσης, της φωτογράφισης, της αλλαγής της ανάλυσης και των διαστάσεων. 1. Filter 2. Sharpen 3. Unsharp Mask 4. Amount: Καθορίζουμε την όξυνση της εικόνας σύροντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή από το 1-500% (όσο πιο μεγάλη είναι η τιμή τόσο πιο εντονότερο θα είναι το αποτέλεσμα της όξυνσης) 5. Radius: Καθορίζουμε το μέγεθος εστίασης της εικόνας σύροντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή από το 0,1-250 (όσο πιο μικρές είναι οι τιμές τόσο πιο μικρό το μέγεθος και αντίθετα) 6. Threshold: Καθορίζουμε τα pixels που θα αγνοεί η εικόνα σύροντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή από 0-250 (όσο πιο μεγάλο είναι το νούμερα τόσα πιο πολλά pixels θα αγνοεί στο τελικό αποτέλεσμα) 7. ΟΚ Παράδειγμα φίλτρου Sharpen ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 80 -
6. Εφαρμογή Εξάλειψης Φαινομένου Κόκκινων Ματιών (Red Eye Reduction) Το συχνό φαινόμενων των κόκκινων ματιών (red eye) σε φωτογραφίες, προκαλείται κυρίως από την αντανάκλαση φλας, σε φωτογραφίες που έχουν ληφθεί σε σκοτεινούς χώρους. Έχουμε την δυνατότητα να εξαλείψουμε το φαινόμενο των κόκκινων ματιών χρησιμοποιώντας το εργαλείο Red Eye. 1. Κάνουμε μεγέθυνση Zoom στα μάτια του προσώπου της εικόνας 2. Κλικ στο εργαλείο Spot Healing Brush Tool από την εργαλειοθήκη 3. Επιλέγουμε το εργαλείο Red Eye Tool 4. Κλικ στην κόκκινη περιοχή του αριστερού και δεξιού ματιού 5. Εξαλείφεται το φαινόμενο των κόκκινων ματιών ΜΑΘΗΜΑ 9 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 81 -
ΜΑΘΗΜΑ 9 ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Ανοίξετε την εικόνα Wind.jpg από τον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 3. Μεταβάλετε την φωτεινότητα (brightness) της εικόνας στο +40 και την αντίθεση (contrast) στο +15. 4. Αποθηκεύσετε την εικόνα με το όνομα Wind_Brighter.jpg στον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 5. Κάνετε αναίρεση και μεταβάλετε την απόχρωση (hue) στο +20, τον κορεσμό (saturation) στο +45 και το φωτισμό (lightness) στο +15. 6. Αποθηκεύσετε την εικόνα με το όνομα Wind_Lighter.jpg στον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop και κλείστε την. 7. Ανοίξετε την εικόνα Flower_Kal.jpg από τον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 8. Επιλέξετε μόνο το λουλούδι και εφαρμόστε πλήρη αποκορεσμό (desaturate). 9. Αποθηκεύσετε την εικόνα με το όνομα Flower.psd στον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 10. Ανοίξετε το εικόνα Nestos_2.jpg από τον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 11. Επιλέξετε την περιοχή με τα δέντρα και τα βουνά πίσω από τον ποταμό και εφαρμόστε το φίλτρο μάσκας όξυνσης Unsharp Mask με ποσό (amount) 250%, ακτίνα (radius) 60 px και όριο (threshold) 55. 12. Αποθηκεύσετε την εικόνα με το όνομα Nestos_Brighter.jpg στον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 13. Ανοίξετε την εικόνα Rainbow.jpg από τον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 14. Εφαρμόστε εφέ θαμπώματος Gaussian Blur ακτίνας (radius) 7.0 px. 15. Αποθηκεύσετε την εικόνα με το όνομα Rainbow_Blur.jpg στον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 16. Ανοίξετε το αρχείο Flower_Kal_2.jpg από τον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 17. Επιλέξετε μόνο την γύρη του λουλουδιού και εφαρμόστε εφέ στροβιλίσματος Twirl με γωνία (angle) 155 Ο και αποθηκεύσετε το αρχείο. 18. Επιστρέψετε στην εικόνα Rainbow_Blur.jpg και εφαρμόστε εφέ φωτοσκίασης lens flare με φωτεινότητα (brightness )120% και τύπο (type) 35mm PRIME. 19. Αποθηκεύσετε την εικόνα με το όνομα Rainbow_Sun.jpg στον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 20. Ανοίξετε το αρχείο Teddy_Bear.jpg από τον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 21. Επιλέξετε μόνο το αρκουδάκι και εφαρμόστε στην εικόνα εφέ ανάγλυφο Emboss με γωνιά (angle) 30 μοίρες, ύψος (height) 3 px και ποσό (amount) 250%. 22. Αποθηκεύσετε την εικόνα με το όνομα Teddy_Emboss.jpg στον φάκελο Lesson 9 που βρίσκεται στην επιφάνεια εργασίας/desktop. 23. Κλείστε την εφαρμογή επεξεργασίας εικόνας. ΜΑΘΗΜΑ 9 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 82 -
ΜΑΘΗΜΑ 10 ΣΤΟΧΟΙ: 1. Προσθήκη Γραμμής Σε Μια Εικόνα: Ευθεία Γραμμή, Γραμμή Ελευθέρας Σχεδίασης, Καμπύλες. Ορισμός, Τροποποίηση Πάχους, Μεγέθους Και Χρώματος Γραμμής 2. Προσθήκη Σχήματος Σε Μια Εικόνα: Ορθογώνιο, Έλλειψη, Πολύγωνο. Ορισμός, Τροποποίηση Περιγράμματος Χρώματος Και Στυλ Γεμίσματος Σχήματος 3. Επιλογή Τιμής Χρώματος Με Το Σταγονόμετρο (Dropper) 4. Γέμισμα Μέρους Εικόνας Με Το Εργαλείο Διαβάθμισης (Gradient), Επιλογή Αδιαφάνειας/Διαφάνειας (Opacity/Transparency), Ακτινωτή (Radial), Γραμμική (Linear), Θέση (Position), Περιστροφή (Rotation) 5. Χρωματισμός Μέρους Εικόνας Με Το Πινέλο (Paintbrush Tool), Επιλογή Χρώματος, Σχήματος, Μεγέθους Πινέλου 6. Διαγραφή Μέρους Της Εικόνας Με Τη Γόμα (Eraser Tool), Επιλογή Σχήματος Και Μεγέθους Γόμας 7. Γέμισμα Μέρους Εικόνας Με Χρώμα Χρησιμοποιώντας Τον Κουβά Γεμίσματος (Paint Bucket Tool) 8. Κλωνοποίηση Τμήματος Μιας Εικόνας Χρησιμοποιώντας Το Εργαλείο Κλωνοποίησης (Clone Tool), Επιλέγοντας Μέγεθος, Αδιαφάνεια (Opacity) 1. Προσθήκη Γραμμής Σε Μια Εικόνα: Ευθεία Γραμμή, Γραμμή Ελευθέρας Σχεδίασης, Καμπύλες. Ορισμός, Τροποποίηση Πάχους, Μεγέθους Και Χρώματος Γραμμής Για τη σχεδίαση γραμμών και σχημάτων χρησιμοποιούμε την ειδική ομάδα εργαλείων που μπορούμε να βρούμε στην εργαλειοθήκη Tools. Ανάλογα με το αποτέλεσμα που θέλουμε να πετύχουμε χρησιμοποιούμε και το κατάλληλο εργαλείο. Το εργαλείο που θα εμφανίζεται κάθε φορά στην εργαλειοθήκη θα είναι το εργαλείο που χρησιμοποιήσαμε την τελευταία φορά. Κάθε φορά που σχεδιάζουμε ένα σχήμα αυτό θα τοποθετείτε σε νέα στρώση. 1.1 Ευθεία Γραμμή Μπορούμε να ρυθμίσουμε τις παραμέτρους σχεδίασης μιας γραμμής πριν ξεκινήσουμε τη σχεδίαση της. 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Rectangle Tool ή Κάνουμε κλικ στο εργαλείο Rectangle Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Line Tool 3. Τοποθετούμε το δείκτη του ποντικιού σε κάποιο σημείο της εικόνας 4. Ο δείκτης αλλάζει σε 5. Σύρουμε προς τα κάτω για να σχεδιάσουμε μία γραμμή ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 83 -
Εμφάνιση γραμμής επιλογών Τροποποίηση Πάχους, Μεγέθους Και Χρώματος Γραμμής: 1. Επιλέγουμε το εργαλείο Line Tool 2. Βεβαιωνόμαστε το κουμπί αλυσίδας που βρίσκεται στην γραμμή επιλογών να είναι ενεργοποιημένο για να εφαρμοστεί το χρώμα που θα επιλέξουμε 3. Κλικ στο κουμπί Color για να επιλέξουμε ένα διαφορετικό χρώμα 4. Πληκτρολογούμε την τιμή πάχους σε pixels στο πλαίσιο κειμένου Weight 5. Έχοντας πατημένο το αριστερό πλήκτρο του ποντικιού μας σύρουμε για να σχεδιάσουμε την γραμμή 1.2 Γραμμή Ελευθέρας Σχεδίασης, Καμπύλες Εκτός από ευθείες γραμμές μπορούμε να σχεδιάσουμε γραμμές ελεύθερης σχεδίασης της επιλογής μας χρησιμοποιώντας το εργαλείο Pencil Tool το οποίο σχεδιάζει γραμμές στις οποίες τα pixel έχουν ίδιο χρώμα. 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Brush Tool ή Κάνουμε κλικ στο εργαλείο Brush Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Pencil Tool 3. Έχοντας πατημένο το αριστερό πλήκτρο του ποντικιού μας σύρουμε για να σχεδιάσουμε την γραμμή Εμφάνιση γραμμής επιλογών Τροποποίηση Πάχους, Μεγέθους Και Χρώματος Γραμμής Ελευθέρας Σχεδίασης, Καμπύλες: 1. Επιλέγουμε το εργαλείο Pencil Tool 2. Κλικ στο κουμπί Brush Preset Picker ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 84 -
3. Καθορίζουμε το μέγεθος καταχωρώντας μια τιμή ή ρυθμίζουμε το μέγεθος χειροκίνητα σύροντας το μηχανισμό κύλισης Size 4. Το πάχος της γραμμής που θα σχεδιάσουμε θα είναι ανάλογο με το πάχος της μύτης που θα επιλέξουμε 5. Μεταφερόμαστε στην παλέτα Color που βρίσκεται στο πάνω δεξιό μέρος του παραθύρου 6. Επιλέγουμε το χρώμα φόντου (Set Background Color) 7. Διπλό κλικ πάνω του για να τροποποιήσουμε το χρώμα 8. Έχοντας πατημένο το αριστερό πλήκτρο του ποντικιού μας σύρουμε για να σχεδιάσουμε την γραμμή 2. Προσθήκη Σχήματος Σε Μια Εικόνα: Ορθογώνιο, Έλλειψη, Πολύγωνο. Ορισμός, Τροποποίηση Περιγράμματος Χρώματος Και Στυλ Γεμίσματος Σχήματος Εκτός από γραμμές μπορούμε επίσης να σχεδιάσουμε και σχήματα. Τα σχήματα δημιουργούνται σε διανυσματική μορφή (vector). Με την δημιουργία σχημάτων δημιουργείται στρώση σχήματος (shape Layer). Όταν πρόκειται να σχεδιάσουμε σχήματα βεβαιωνόμαστε ότι είναι ενεργοποιημένο το κουμπί Shape Layers στην γραμμή επιλογών. StopShape Εμφάνιση γραμμής επιλογών ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 85 -
Το κάθε σχήμα έχει τις δικές του ρυθμίσεις. Τις βρίσκουμε όταν πατήσουμε το βέλος δεξιά από το Geometry Options 2.1 Ορθογώνιο (Rectangle) Στρογγυλεμένο Ορθογώνιο (Rounded Rectangle) Ορθογώνιο: 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Rectangle Tool ή Κάνουμε κλικ στο εργαλείο Rectangle Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Rectangle Tool 3. Κλικ στο κουμπί Color για να επιλέξουμε ένα διαφορετικό χρώμα 4. Για να ρυθμίζουμε τις ιδιότητες πατάμε βέλος δεξιά από το Geometry Options Unconstrained: Αλλαγή διαστάσεων του σχήματος όπως εμείς θέλουμε Square: Σχεδιάζει ένα τετράγωνο Fixed Size: Καθορισμός διαστάσεων καταχωρώντας τιμές στα πλαίσια πλάτους W και ύψους H Proportional: Αναλογική σχεδίαση ορθογωνίου, βασισμένο στις τιμές που θα καθοριστούν στα πλαίσια W και H From Center: Η σχεδίαση ξεκινά από το κέντρο του σχήματος Snap to Pixels: Ο δείκτης του ποντικιού έλκεται αυτόματα από τα όρια των pixels της εικόνας που σχεδιάσαμε 5. Τοποθετούμε το δείκτη του ποντικιού στο πάνω μέρος της εικόνας 6. Παρατηρούμε ότι στην εικόνα ο δείκτης αλλάζει σε 7. Πατάμε σε οποιαδήποτε σημείο της εικόνας για να σχεδιάσουμε το σχήμα ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 86 -
Στρογγυλεμένο Ορθογώνιο: 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Rectangle Tool ή Κάνουμε κλικ στο εργαλείο Rectangle Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Rounded Tool 3. Στην εργαλειοθήκη Options στο πάνω μέρος του παραθύρου, πληκτρολογούμε την τιμή που θέλουμε σε pixels (50 px) στη πλαίσιο Radius (η τιμή θα πρέπει να είναι μεταξύ 0-1000 pixels). 4. Τοποθετούμε το δείκτη του ποντικιού στο πάνω μέρος της εικόνας 5. Παρατηρούμε ότι στην εικόνα ο δείκτης αλλάζει σε 6. Πατάμε σε οποιαδήποτε σημείο της εικόνας για να σχεδιάσουμε το σχήμα 2.2 Έλλειψη 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Rectangle Tool ή Κάνουμε κλικ στο εργαλείο Rectangle Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Ellipse Tool 3. Κλικ στο κουμπί Color για να επιλέξουμε ένα διαφορετικό χρώμα 4. Για να ρυθμίζουμε τις ιδιότητες πατάμε βέλος δεξιά από το Geometry Options Unconstrained: Αλλαγή διαστάσεων του σχήματος όπως εμείς θέλουμε Circle: Σχεδιάζει ένα κύκλο Fixed Size: Καθορισμός διαστάσεων καταχωρώντας τιμές στα πλαίσια πλάτους W και ύψους H Proportional: Αναλογική σχεδίαση ορθογωνίου, βασισμένο στις τιμές που θα καθοριστούν στα πλαίσια W και H From Center: Η σχεδίαση ξεκινά από το κέντρο του σχήματος 5. Τοποθετούμε το δείκτη του ποντικιού στο πάνω μέρος της εικόνας 6. Παρατηρούμε ότι στην εικόνα ο δείκτης αλλάζει σε 7. Πατάμε σε οποιαδήποτε σημείο της εικόνας για να σχεδιάσουμε το σχήμα ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 87 -
2.3 Πολύγωνο 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Rectangle Tool ή Κάνουμε κλικ στο εργαλείο Rectangle Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Polygon Tool 3. Κλικ στο κουμπί Color για να επιλέξουμε ένα διαφορετικό χρώμα 4. Για να ρυθμίζουμε τις ιδιότητες πατάμε βέλος δεξιά από το Geometry Options Radius: Καθορίζει την ακτίνα της γωνιάς δηλαδή την απόσταση από το κέντρο έως στα εξωτερικά σημεία του πολυγώνου Smooth Corners: Σχεδιάζει ένα πολύγωνο με ομαλές γωνιές ή εσοχές Star: Σχεδιάζει ένα αστέρι Indent Sides By: Ενεργοποιείται όταν σχεδιάζουμε ένα αστέρι και μπορούμε να καταχωρίσουμε μια τιμή για τον ορισμό της εσοχής ανάμεσα στις ακτίνες του αστεριού Smooth Indents: Ενεργοποιείται όταν σχεδιάζουμε ένα αστέρι, όταν το επιλέξουμε δημιουργεί ένα αστέρι με ομαλές εσοχές Sides: Βρίσκεται πάνω στην γραμμή επιλογών, καθορίζουμε τον αριθμό πλευρών σε ένα πολύγωνο αστέρι 7. Τοποθετήστε το δείκτη του ποντικιού σε κάποιο σημείο της εικόνας 8. Παρατηρούμε ότι στην εικόνα ο δείκτης αλλάζει σε 9. Πατάμε σε οποιαδήποτε σημείο της εικόνας για να σχεδιάσουμε το σχήμα 2.4 Προσαρμοσμένο Σχήμα (Custom Shape) 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Rectangle Tool ή Κάνουμε κλικ στο εργαλείο Rectangle Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Custom Shape 3. Κλικ στο κουμπί Color για να επιλέξουμε ένα διαφορετικό χρώμα 4. Από την εργαλειοθήκη Options κάνουμε κλικ στο πτυσσόμενο εργαλείο Shape ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 88 -
5. Εμφανίζεται η πτυσσόμενη παλέτα με τα διαθέσιμα προσαρμοσμένα σχήματα 6. Το κάθε ένα σχήμα έχει την ονομασία του, εμφανίζεται όταν περάσουμε πάνω από κάθε σχήμα τον κέρσορα του ποντικιού μας 7. Πατάμε σε οποιαδήποτε σημείο της εικόνας για να σχεδιάσουμε το σχήμα 2.5 Εφαρμογή Στυλ Σχήματος Μπορούμε να γεμίσουμε τα σχήματα κατά τη σχεδίαση τους ή αμέσως μετά τη σχεδίαση τους με περισσότερα χρώματα ή εφέ. Μπορούμε να επιλέξουμε μια πλειάδα έτοιμων επιλογών. 1. Από την εργαλειοθήκη Options κάνουμε κλικ στο πτυσσόμενο εργαλείο Style 2. Εμφανίζεται η πτυσσόμενη παλέτα με τα διαθέσιμα στυλ 3. Το κάθε ένα σχήμα έχει την ονομασία του, εμφανίζεται όταν περάσουμε πάνω από κάθε στυλ τον κέρσορα του ποντικιού μας 4. Επιλέγουμε ένα στυλ 5. Αν θέλουμε περισσότερα στυλ κάνουμε κλικ στο κουμπί δεξιά της λίστας 6. Πατάμε σε οποιαδήποτε σημείο της εικόνας για να σχεδιάσουμε το σχήμα 7. Για να ακυρώσουμε το στυλ που εφαρμόσαμε πατάμε το κουμπί Default style (None) 2.6 Εφαρμογή Και Τροποποίηση Περιγράμματος Σχήματος 1. Window 2. Layers 3. Επιλέγουμε την στρώση του σχήματος 4. Layer 5. Layer Style 6. Stroke 7. Size: Μετακινώντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή στο πλαίσιο καθορίζουμε το πάχος του περιγράμματος 8. Position: Επιλέγουμε τη θέση του περιγράμματος εξωτερικά (Outside) ή εσωτερικά (Inside) ή στο κέντρο (Center) ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 89 -
9. Blend Mode: Επιλέγουμε την κατάσταση ανάμειξης του εφέ 10. Opacity: Μετακινώντας το μηχανισμό κύλισης ή καταχωρώντας μια τιμή στο πλαίσιο καθορίζουμε την αδιαφάνειας του περιγράμματος 11. Fill Type: Επιλέγουμε αν θα γεμίζουμε το περίγραμμα με μοτίβο (Pattern), με διαβάθμιση (Gradient) ή με χρώμα (Color) 12. Για επιλογή με χρώμα (Color) εμφανίζεται το πλαίσιο χρώματος Color που κάνοντας κλικ πάνω του μπορούμε να επιλέξουμε οποιοδήποτε χρώμα 13. OK 2.7 Αλλαγή Του Χρώματος Γεμίσματος Ενός Επιπέδου Σχήματος 1. Window 2. Layers 3. Επιλέγουμε την στρώση του σχήματος 4. Διπλό κλικ ή κλικ πάνω στην μικρογραφία του σχήματος 5. Από την εργαλειοθήκη Options κάνουμε κλικ στο κουμπί Color για να επιλέξουμε ένα διαφορετικό χρώμα 3. Επιλογή Τιμής Χρώματος Με Το Σταγονόμετρο (Dropper) Μπορούμε να επιλέξουμε χρώμα προσκηνίου (foreground) ή φόντου (background) από κάποια εικόνα που έχουμε ανοιχτή επιλέγοντας το εργαλείο Eyedropper. Η λειτουργία του εργαλείου αυτού είναι να ορίζει ως χρώμα προσκηνίου (foreground) ή φόντου (background) το χρώμα του pixel το οποίο θα επιλέξουμε με αυτό. 1. Στην εργαλειοθήκη Tools Panel κάνουμε κλικ στο εργαλείο Eyedropper 2. Τοποθετούμε το δείκτη εντός της εικόνας 3. Ο δείκτης αλλάζει σε σταγονόμετρο 4. Κάνουμε κλικ στο χρώμα που θέλουμε να επιλέξουμε. Στην εργαλειοθήκη Tools Panel το χρώμα προσκηνίου αλλάζει στο χρώμα του pixel που επιλέξαμε ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 90 -
4. Γέμισμα Μέρους Εικόνας Με Το Εργαλείο Διαβάθμισης (Gradient), Επιλογή Αδιαφάνειας/Διαφάνειας (Opacity/Transparency), Ακτινωτή (Radial), Γραμμική (Linear), Θέση (Position), Περιστροφή (Rotation) Το εργαλείο Gradient Tool (διαβάθμιση) δημιουργεί μια βαθμιαία ανάμιξη πολλών χρωμάτων μέσα στην εικόνα. Το εργαλείο αυτό χρωματίζει ολόκληρη την εικόνα ή μια επιλεγμένη περιοχή χρησιμοποιώντας τα εργαλεία επιλογής. Μπορούμε να το χρησιμοποιήσουμε μόνο με ποιότητα χρωμάτων RGB ή καλύτερη. 1. Κλικ πάνω στο εργαλείο Gradient Tool 2. Επιλέγουμε ένα δείγμα διαβάθμισης από την πτυσσόμενη λίστα Gradient Picker από την γραμμή επιλογών (Options bar) Εμφάνιση γραμμής επιλογών Δείγμα διαβάθμισης Τύποι διαβάθμισης Αδιαφάνεια 3. Επιλέγουμε ένα από τους τύπους διαβάθμισης από την γραμμή επιλογών (Options bar) πχ. Linear Gradient: Για να εφαρμόσετε γραμμική διαβάθμιση χρωμάτων από την μια πλευρά ως την άλλη. Radial Gradient: Για να εφαρμόσετε ακτινωτή διαβάθμιση χρωμάτων από το μέσο προς τα έξω. Angle Gradient: Για να εφαρμόσετε γωνιακή διαβάθμιση χρωμάτων από το από την μια γωνιά στην άλλη. 4. Επιλέγουμε την αδιαφάνεια και διαφάνεια (opacity/transparency). 5. Με ενεργή την επιλογή μας σύρουμε το εργαλείο διαβάθμισης από όποια γωνιά ή πλευρά θέλουμε προς τα κάτω ή πάνω ή δεξιά ή αριστερά 6. Για κατάργηση επιλογής επιλέγουμε: Select Deselect Δημιουργία δικής μας διαβάθμισης: 1. Κλικ στην υπάρχουσα διαβάθμιση από την γραμμή επιλογών (Options bar) 2. Εμφανίζεται το παράθυρο διαλόγου Gradient Editor 3. Επιλέγουμε την επιθυμητή διαβάθμιση 4. Μετακινούμε το εργαλείο Opacity Stop ή/και τις ενδείξεις Color Stop για να ρυθμίσουμε την ποσότητα του χρώματος στη διαβάθμιση ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 91 -
5. ΟΚ 6. Σύρουμε το εργαλείο διαβάθμισης από όποια γωνιά ή πλευρά θέλουμε προς τα κάτω ή πάνω ή δεξιά ή αριστερά Opacity Color Stop 5. Χρωματισμός Μέρους Εικόνας Με Το Πινέλο (Paintbrush Tool), Επιλογή Χρώματος, Σχήματος, Μεγέθους Πινέλου Το εργαλείο Brush Tool εφαρμόζει χρώμα στις εικόνες ή σε περιοχές εικόνων. Μπορούμε να εφαρμόσουμε προκαθορισμένες μύτες σχήματα στις εικόνες χρησιμοποιώντας διάφορες μορφές πινέλων όπως αστεριών, γρασιδιού ή φύλλων. 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Brush Tool ή Κάνουμε κλικ στο εργαλείο Brush Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Brush Tool 3. Έχοντας πατημένο το αριστερό πλήκτρο του ποντικιού μας σύρουμε για να σχεδιάσουμε την γραμμή Εμφάνιση γραμμής επιλογών Ρυθμίσεις Πινέλου: 1. Επιλέγουμε το εργαλείο Brush Tool 2. Κλικ στο κουμπί Brush Preset Picker 3. Καθορίζουμε το μέγεθος καταχωρώντας μια τιμή ή ρυθμίζουμε το μέγεθος χειροκίνητα σύροντας το μηχανισμό κύλισης Size 4. Το πάχος της γραμμής που θα σχεδιάσουμε θα είναι ανάλογο με το πάχος της μύτης που θα επιλέξουμε 5. Επιλέγουμε είδη πινέλου από τις διαθέσιμες επιλογές ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 92 -
6. Μεταφερόμαστε στην παλέτα Color που βρίσκεται στο πάνω δεξιό μέρος του παραθύρου 7. Επιλέγουμε το χρώμα φόντου (Set Background Color) 8. Διπλό κλικ πάνω του για να τροποποιήσουμε το χρώμα 9. Έχοντας πατημένο το αριστερό πλήκτρο του ποντικιού μας σύρουμε για να σχεδιάσουμε την γραμμή 6. Διαγραφή Μέρους Της Εικόνας Με Τη Γόμα (Eraser Tool), Επιλογή Σχήματος Και Μεγέθους Γόμας Έχουμε την δυνατότητα να διαγράψουμε τμήματα μιας εικόνας χρησιμοποιώντας το εργαλείο διαγραφής Eraser Tool που τους δίνει το χρώμα του φόντου (background). Το αποτέλεσμα του σβησίματος με το εργαλείο Eraser Tool δεν είναι πάντα το ίδιο αλλά εξαρτάται από τις στρώσεις της εικόνας μας και τη στρώση φόντου. 1. Χρησιμοποιώντας τα εργαλεία επιλογής επιλέγουμε τμήμα της εικόνας που χρειάζεται να διαγράψουμε 2. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Eraser Tool ή Κάνουμε κλικ στο εργαλείο Eraser Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 3. Επιλέγουμε το εργαλείο Eraser Tool 4. Πατάμε το αριστερό κλικ του ποντικιού και σβήνουμε την περιοχή που επιθυμούμε 5. Το χρώμα στην περιοχή που σύρουμε θα αλλάξει στο χρώμα του φόντου που είναι επιλεγμένο στο τμήμα Background στην εργαλειοθήκη Tools Εμφάνιση γραμμής επιλογών ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 93 -
6. Κλικ στο κουμπί Brush Preset Picker 7. Καθορίζουμε το μέγεθος του σβηστήρα καταχωρώντας μια τιμή ή ρυθμίζουμε το μέγεθος χειροκίνητα σύροντας το μηχανισμό κύλισης Size 8. Επιλέγουμε διαφάνεια (Opacity) από την γραμμή επιλογών (Options bar) καταχωρώντας μια τιμή ή ρυθμίζουμε το μέγεθος χειροκίνητα σύροντας το μηχανισμό κύλισης 9. Επιλέγουμε σχήμα σβηστήρα από τις διαθέσιμες επιλογές στο πτυσσόμενο πλαίσιο Mode από την γραμμή επιλογών (Options bar) Σημ: Μπορούμε να καθορίζουμε το μέγεθος του σβηστήρα πατώντας δεξί κλικ στην περιοχή της εικόνας που θέλουμε να διαγράψουμε. Επιπρόσθετες Γόμες (Eraser): Σβηστήρας φόντου (Background Eraser): Χρησιμοποιείται για αφαίρεση του φόντου (Background) και μετατρέπει τα pixel σε διαφανή. Ελέγχει το χρώμα του pixel στο κέντρο του εργαλείου (+) και κάνει τελείως διαφανή τα pixel με το ίδιο χρώμα που περιέχονται μέσα στον κύκλο ενώ τα υπόλοιπα τα αφήνει ως έχουν, ανάλογα με την ομοιότητα του χρώματος που περιέχουν. Μαγικός σβηστήρας (Magic Eraser): Αφαιρεί όλα τα pixel μιας περιοχής που έχουν το ίδιο χρώμα. Έχει την ίδια χρήση με το εργαλείο Magic Wand, μόνο που αντί να επιλέγει περιοχή της στρώσης της εικόνας, διαγράφει το χρώμα. Πριν (με σύννεφα) Μετά (χωρίς σύννεφα) Σε περίπτωση που η εικόνα σας αποτελείται από παραπάνω από μια στρώσεις όταν διαγράφουμε ένα τμήμα μιας στρώσης εμφανίζεται το περιεχόμενο της στρώσης που βρίσκεται κάτω από την επιλεγμένη. ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 94 -
7. Γέμισμα Μέρους Εικόνας Με Χρώμα Χρησιμοποιώντας Τον Κουβά Γεμίσματος (Paint Bucket Tool) Μπορούμε να χωματίσουμε μεγάλα τμήματα της εικόνας με κάποιο συγκεκριμένο χρώμα χρησιμοποιώντας το εργαλείο Paint Bucket Tool. Το εργαλείο αυτό χρωματίζει μεγάλες περιοχές της εικόνας ανάλογα με την ομοιότητα των χρωμάτων σε σχέση με το pixel πάνω στο οποίο κάνουμε κλικ με το εργαλείο. Η εφαρμογή χρωματίζει όλα τα γειτονικά pixel που το χρώμα τους είναι μέσα στα όρια ανοχής (Tolerance) που έχουν οριστεί για το εργαλείο. 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Gradient Tool ή Κάνουμε κλικ στο εργαλείο Gradient Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Paint Bucket Tool Εμφάνιση γραμμής επιλογών 3. Η τιμή του πλαισίου κειμένου Tolerance στην γραμμή επιλογών καθορίζει τα pixels της εικόνας που θα επηρεαστούν από τον κουβά. 4. Αν είναι ενεργό το πλαίσιο ελέγχου Anti-aliased θα εξομαλύνονται τα άκρα γεμίσματος 5. Μπορούμε να ορίσουμε το ποσοστό αδιαφάνειας (Opacity) του χρώματος που εφαρμόζετε και με αυτό τον τρόπο να χρωματίσουμε μια περιοχή αφήνοντας όμως ως ένα σημείο ορατή τη στρώση πάνω στην οποία χρωματίζουμε. Επιλέγουμε διαφάνεια (Opacity) καταχωρώντας μια τιμή ή ρυθμίζουμε το μέγεθος χειροκίνητα σύροντας το μηχανισμό κύλισης 6. Χρησιμοποιούμε το χρώμα προσκήνιου (foreground) για γέμισμα της περιοχής 7. Μπορούμε να εφαρμόσουμε μοτίβα επιλέγοντας το πτυσσόμενο βελάκι Foreground την επιλογή Pattern 8. Επιλογή ενός μοτίβου από την παλέτα μοτίβων 9. Κάνοντας κλικ γεμίζουμε με χρώμα μια συνεχή περιοχή 10. Για κατάργηση επιλογής επιλέγουμε: Select Deselect 8. Κλωνοποίηση Τμήματος Μιας Εικόνας Χρησιμοποιώντας Το Εργαλείο Κλωνοποίησης (Clone Tool), Επιλέγοντας Μέγεθος, Αδιαφάνεια (Opacity) Χρησιμοποιώντας το εργαλείο κλωνοποίησης σφραγίδας (Clone Stamp Tool) έχουμε τη δυνατότητα να αντιγράψουμε στοιχεία από ένα τμήμα της εικόνας σε άλλο. Το εργαλείο αυτό χρησιμοποιεί τα pixel ο μια περιοχή της εικόνας αντικαθιστώντας τα pixel μιας άλλης περιοχής της εικόνας. 1. Στην εργαλειοθήκη Tools κάνουμε δεξί κλικ στο εργαλείο Clone Stamp Tool Ή ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 95 -
Κάνουμε κλικ στο εργαλείο Clone Stamp Tool και κρατάμε πατημένο για λίγο το αριστερό πλήκτρο του ποντικιού 2. Επιλέγουμε το εργαλείο Clone Stamp Tool Εμφάνιση γραμμής επιλογών 3. Κρατάμε πατημένο το πλήκτρο [Alt] και κλικ για να ορίσουμε την περιοχή που θα κλωνοποιηθεί 4. Στην συνέχεια απελευθερώνουμε το πλήκτρο [Alt] και μετακινούμε τον δείκτη του ποντικιού μας 5. Κλικ στο σημείο της εικόνας που επιθυμούμε να τοποθετήσουμε το κλωνοποιημένο περιεχόμενο 6. Χρησιμοποιώντας το δεξί κλικ μπορούμε να ρυθμίσουμε το μέγεθος του κύκλου όσο πιο μεγάλος είναι ο κύκλος τόσο πιο μεγάλο τμήμα θα σχεδιάσουμε 7. Κινούμε το δείκτη μας πολύ αργά και σταθερά για να κλωνοποιήσουμε το τμήμα της εικόνας που ορίσαμε παρατηρώντας τον μικρό σταυρό στα αριστερά του εργαλείου σφραγίδας πως ακολουθεί την κίνηση του δείκτη καθώς χρησιμοποιείται 8. Επιλέγουμε διαφάνεια (Opacity) στην γραμμή επιλογών καταχωρώντας μια τιμή ή ρυθμίζουμε το μέγεθος χειροκίνητα σύροντας το μηχανισμό κύλισης Πριν την κλωνοποίηση Μετά την κλωνοποίηση ΜΑΘΗΜΑ 10 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 96 -
ΜΑΘΗΜΑ 10 ΕΡΩΤΗΣΕΙΣ 1. Ξεκινήστε την εφαρμογή επεξεργασίας εικόνας (Abode Photoshop). 2. Ανοίξετε την εικόνα Flowers.jpg από τον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 3. Ορίστε χρώμα προσκηνίου το καφέ (R:185, G:0, B:0). 4. Χρησιμοποιώντας το μολύβι με πάχος (Brush preset picker) 1 pixel και αδιαφάνεια (opacity) 60% σχεδιάστε γραμμές στα πέταλα των λουλουδιών που δεν έχουν. 5. Επιλέγοντας το σταγονόμετρο (dropper) επιλέξετε από την εικόνα το γαλάζιο ως χρώμα φόντου (background). 6. Με την βοήθεια της γόμας (eraser) με αδιαφάνεια (opacity) 30% σβήστε το ψηλό μωβ λουλούδι από την εικόνα. 7. Αποθηκεύστε την εικόνα με όνομα Flowers_New.psd στον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop και κλείστε την. 8. Ανοίξετε την εικόνα Room.jpg από τον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 9. Επιλέγοντας το προσαρμοσμένο σχήμα (custom shape) flower 5 με πορτοκαλί χρώμα γεμίσματος (color) εφαρμόστε πάνω στο στρώμα του κρεβατιού μικρά λουλουδάκια. 10. Εφαρμόστε ένα ορθογώνιο σχήμα (rectangle) πάνω στο κάδρο που βρίσκεται πάνω από το κρεβάτι. 11. Εφαρμόστε μέσα στο ορθογώνιο σχήμα το στυλ (style) Color Target. 12. Αποθηκεύστε την εικόνα με όνομα Teddy_Room.psd στον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 13. Ανοίξετε την εικόνα Landscape.jpg από τον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 14. Εφαρμόστε στην εικόνα γραμμική διαβάθμιση (linear gradient) με χρώμα διαβάθμισης orange, yellow, orange και αδιαφάνεια (opacity) 25%. Χρωματίστε την εικόνα με πλάγια κατεύθυνση. 15. Αποθηκεύστε την εικόνα με όνομα Land.psd στον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 16. Ανοίξετε την εικόνα Church_site.jpg από τον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 17. Χρησιμοποιώντας το εργαλείο κλωνοποίησης σφραγίδας (clone stamp tool) αντιγράψετε το παγκάκι και εφαρμόστε το ξανά στα δεξιά του υπάρχοντος. 18. Αποθηκεύστε την εικόνα με όνομα Church.psd στον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 19. Επιλέγοντας το πινέλο (brush) με κόκκινο χρώμα και μέγεθος 20 px κάνετε κουκκίδες πάνω στα φύλλα στης δεξιάς γλάστρας να φαίνονται σαν τα λουλούδια. 20. Ανοίξετε την εικόνα Town_clock.jpg από τον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 21. Χρησιμοποιώντας το κουβά (paint bucket) με πορτοκαλί χρώμα και αδιαφάνεια (opacity) 30% γεμίστε όλο το ρολόι. 22. Αποθηκεύστε την εικόνα με όνομα Clock.psd στον φάκελο Lesson 10 που βρίσκεται στην επιφάνεια εργασίας/desktop. 23. Κλείστε την εφαρμογή επεξεργασίας εικόνας. ΜΑΘΗΜΑ 10 - ΑΣΚΗΣΕΙΣ Copyright 2014 - All Rights Reserved - Cyneda Ltd - 97 -
ΜΑΘΗΜΑ 11 ΣΤΟΧΟΙ: 1. Προεπισκόπηση Εικόνας 2. Επιλογή Κατάλληλου Βάθους Χρώματος, Μεγέθους Εικόνας, Κατάλληλης Ευκρίνειας/Ανάλυσης Και Μορφής Γραφικού Για Χρήση Στο Διαδίκτυο, Στην Οθόνη, Για Εκτύπωση 3. Αλλαγή Προσανατολισμού Εκτύπωσης: Κατακόρυφος (Portrait), Οριζόντιος (Landscape) 4. Αλλαγή Μεγέθους Χαρτιού 5. Εκτύπωση Εικόνας Σε Εγκατεστημένο Εκτυπωτή Χρησιμοποιώντας Προκαθορισμένες Επιλογές, Προεπιλεγμένες Ρυθμίσεις 1. Προεπισκόπηση Εικόνας 1. File 2. Print 3. Εμφάνιση του παράθυρου διαλόγου Print 4. Κλικ Done 2. Επιλογή Κατάλληλου Βάθους Χρώματος, Μεγέθους Εικόνας, Κατάλληλης Ευκρίνειας/Ανάλυσης Και Μορφής Γραφικού Για Χρήση Στο Διαδίκτυο, Στην Οθόνη, Για Εκτύπωση 2.1 Επιλογή Κατάλληλης Χρωματικής Κατάστασης (Color Mode) 1. Image 2. Mode 3. RGB Color (Προβολή της εικόνας σε οθόνη) 4. CMYK Color (Εκτύπωση της εικόνας) 5. Grayscale (Μετατροπή μιας έγχρωμης εικόνας σε κατάσταση κλίμακας του γκρι) αποδοχή προεπιλεγμένων ρυθμίσεων ΜΑΘΗΜΑ 11 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 98 -
2.2 Επιλογή Κατάλληλου Βάθους Χρώματος (Color Depth) 1. Image 2. Mode 3. Επιλογή του κατάλληλου χρωματικού μοντέλου 2.3 Επιλογή Μεγέθους Εικόνας, Κατάλληλης Ευκρίνειας/Ανάλυσης 1. Image 2. Image Size 3. Pixel Dimensions: Καθορισμός του πλάτους και του ύψους της εικόνας σε εικονοστοιχεία (Pixel) 4. Document Size: Καθορισμός των διαστάσεων της εικόνας, το πλάτος και το ύψος της εικόνας 5. Resolution: Καθορισμός της ανάλυσης της εικόνας στο πλαίσιο κειμένου αναλόγως της χρησιμοποίησης της. Παράδειγμα εάν πρόκειται για εμφάνιση στο διαδίκτυο καθορίζουμε την τιμή 72 pixels/inch για εκτύπωση 200 pixels/inch. 2.4 Αποθήκευση Του Γραφικού Για Χρήση Στο Διαδίκτυο 1. File 2. Save for web & Devices 3. Βεβαιωνόμαστε ότι είναι επιλεγμένη η μορφή GIF ή κάποια άλλη μορφή 4. Save 5. Εμφανίζεται το παράθυρο Save Optimized 6. File name: Πληκτρολογούμε ένα όνομα αρχείου 7. Save in: Επιλέγουμε τοποθεσία αποθήκευσης αρχείου 8. Format: Επιλέγουμε τη μορφή που θέλουμε για να αποθηκεύσουμε το αρχείο όπως HTML and images ή Images Only ή HTML Only 9. Save ΜΑΘΗΜΑ 11 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 99 -
3. Αλλαγή Προσανατολισμού Εκτύπωσης: Κατακόρυφος (Portrait), Οριζόντιος (Landscape) 1. File 2. Print 3. Δεξιά από κουμπί Print Settings επιλέγουμε: Κλικ Print paper in Landscape Orientation (Οριζόντιος προσανατολισμός) Κλικ Print paper in Portrait Orientation (Κάθετος προσανατολισμός) 4. Done 4. Αλλαγή Μεγέθους Χαρτιού, Διαστάσεις Και Προσαρμογή Εικόνας 4.1 Αλλαγή Μεγέθους Χαρτιού 1. File 2. Print 3. Κλικ κουμπί Print Settings 4. Ρυθμίζουμε την αλλαγή του μεγέθους του χαρτιού σύμφωνα με τις προκαθορισμένες ρυθμίσεις του Printer 5. Done 4.2 Διαστάσεις Εικόνας 1. File 2. Print 3. Scale Print Size 4. Scale: Καθορίζουμε ποσοστό αναλογίας της εικόνας 5. Height: Καθορίζουμε το ύψος 6. Width: Καθορίζουμε το πλάτος 7. Done ΜΑΘΗΜΑ 11 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 100 -
4.3 Προσαρμογή Εικόνας 1. File 2. Print 3. Scale Print Size 4. Κλικ στο πλαίσιο ελέγχου Scale to Fit Media (προσαρμόζουμε το μέγεθος την εικόνα σύμφωνα με το μέγεθος του χαρτιού) 5. Done 5. Εκτύπωση Εικόνας Σε Εγκατεστημένο Εκτυπωτή Χρησιμοποιώντας Προκαθορισμένες Επιλογές, Προεπιλεγμένες Ρυθμίσεις 1. File 2. Print 3. Printer: Καθορίζουμε εκτυπωτή από την πτυσσόμενη λίστα 4. Δεξιά του κουμπιού Print Settings καθορίζουμε Κατακόρυφο (Portrait) ή Οριζόντιο (Landscape) προσανατολισμό 5. Κλικ κουμπί Print Settings για προκαθορισμένες ρυθμίσεις του Printer 6. Copies: Καθορίζουμε τον αριθμό των αντιγράφων 7. Scale to Fit Media: Προσαρμογή εικόνας σύμφωνα με το μέγεθος του χαρτιού προς εκτύπωση 8. Print ΜΑΘΗΜΑ 11 Copyright 2014 - All Rights Reserved - Cyneda Ltd - 101 -