Eνότητα 4:Μαθήμα Γραφικού Σχεδίου Photoshop και CorelDRAW e-life ΗΛΕΚΤΡΟΝΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΔΙΑΔΙΚΤΥΑΚΟ ΚΕΝΤΡΟ ΓΙΑ ΑΤΟΜΑ ΜΕ ΣΩΜΑΤΙΚΕΣ ΑΝΑΠΗΡΙΕΣ Αυτό το πρόγραμμα έχει συγχρηματοδοτηθεί από την Ευρωπαϊκή Επιτροπή. Αυτή η έκδοση απηχεί τις απόψεις μόνο των συγγραφέων κι η Επιτροπή δεν είναι υπεύθυνη για καμία χρήση των πληροφοριών, που εμπεριέχονται σε αυτήν.
ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ 1. ΠΕΡΙΓΡΑΦΗ ΕΝΟΤΗΤΑΣ... 3 2. ΕΙΣΑΓΩΓΗ... 5 3. ΓΡΑΦΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ... 6 3.1. Μενού Adobe Photoshop... 6 3.1.1. File (Αρχείο)... 6 3.1.2. Edit (Επεξεργασία)... 12 3.1.3. Image (Εικόνα)... 15 3.1.4. Layer... 18 3.1.5. Select (Επιλογή)... 22 3.1.6. Filter (Φίλτρο)... 24 3.1.7. View(Προβολή)... 32 3.1.8. Window (Παράθυρο)... 33 3.1.9. Help (Βοήθεια)... 33 3.2. Πίνακας Εργαλείων Adobe Photoshop... 35 3.2.1. Crop... 35 3.2.2. Ορθογώνιο Marque Εργαλείο... 36 3.2.3. Ελλειπτικό Marque Εργαλείο... 37 3.2.4. Lasso Εργαλείο... 38 3.2.5. Slice Εργαλείο... 40 3.2.6. Brush Tool και Pencil Εργαλείο... 41 3.2.7. Clone Stamp Εργαλείο... 41 3.2.8. Gradient Tool και Paint Bucket Εργαλείο... 42 3.2.9. Blur Εργαλείο... 44 3.2.10. Type Εργαλείο... 45 3.2.11. Eyedropper Εργαλείο... 48 3.2.12. Hand Εργαλείο... 48 3.2.13. Zoom Εργαλείο... 49 3.2.14. Χρωματισμός Προσκηνίου και Χρωματισμός Παρασκηνίου... 49 3.3. Λίστα συντομεύσεων πληκτρολογίου για το Adobe Photoshop CS6...50 3.4. Λίγα πράγματα για το CorelDRAW.... 53 3.5. Λίστα συντομεύσεων πληκτρολογίου για το CorelDRAW X6... 55 4. ΔΗΜΙΟΥΡΓΙΑ ΣΧΕΔΙΟΥ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ... 59 4.1. Δημιουργία σχεδίου για διαδικτυακή ιστοσελίδα με Adobe Photoshop... 59 4.2. Δημιουργία σχεδίου για διαδικτυακή ιστοσελίδα με CorelDRAW... 64 2/68
1. ΠΕΡΙΓΡΑΦΗ ΕΝΟΤΗΤΑΣ ΤΙΤΛΟΣ ΕΝΟΤΗΤΑΣ Γραφικός Σχεδιασμός Adobe Photoshop και CorelDRAW ΚΩΔΙΚΟΣ VAT4 ΛΕΞΕΙΣ-ΚΛΕΙΔΙΑ Γραφικός Σχεδιασμός, σχέδια για το διαδίκτυο, διαδικτυακό επάγγελμα, γραφικά ΟΜΑΔΑ-ΣΤΟΧΟΣ Η ομάδα-στόχος αυτής της ενότητας είναι άτομα με σωματική αναπηρία, που αναζητούν ευκαιρίες για να εισαχθούν και προσπαθούν να αποκτήσουν ή να διατηρήσουν επαφή με το μάρκετινγκ διαδικτυακής εργασίας. ΕΠΙΠΕΔΟ Μέσο ΕΠΑΓΓΕΛΜΑΤΙΚΕΣ ΕΥΚΑΙΡΙΕΣ Έμπειροι, ανεξάρτητοι προμηθευτές που μπορούν να δημιουργούν σχέδια για ιστοσελίδες, γραφικά διαφημίσεων κλπ. ΣΤΟΧΟΙ ΕΝΟΤΗΤΑΣ Αυτή η ενότητα παρέχει στους συμμετέχοντες πρακτικές, περιληπτικές γνώσεις για το πώς θα ξεκινήσετε επιτυχημένα να δημιουργείτε γραφικά διαφημίσεων και σχέδια για διαδικτυακές ιστοσελίδες. Θα μάθουν τί είναι απαραίτητο για πετυχημένη ανάπτυξη καριέρας με τις απαραίτητες γνώσεις και προσόντα στον σχεδιασμό γραφικών. ΑΠΟΤΕΛΕΣΜΑΤΑ ΕΚΜΑΘΗΣΗΣ Μετά την επιτυχημένη ολοκλήρωση αυτής της ενότητας θα μάθετε πώς να γίνετε ένα σχεδιαστής γραφικών και θα μάθετε πώς να το κάνετε ΠΡΟΑΠΑΙΤΟΥΜΕΝΕΣ ΙΚΑΝΟΤΗΤΕΣ: Χρήση του βασικού ICT 3/68
ΠΡΟΑΠΑΙΤΟΥΜΕΝΑ ΠΡΟΓΡΑΜΜΑΤΑ: κανένα ΔΙΔΑΚΤΙΚΕΣ ΩΡΕΣ: 44 ώρες ΕΠΑΡΚΕΙΑ Αναπτύξτε κι εκτελέστε αποτελεσματικές εργασιακές μεθόδους και διαδικασίες AΞΙΟΛΟΓΗΣΗ Η αξιολόγηση θα αποτελείται από ένα πολλαπλής επιλογής διαγώνισμα. Κάθε διαγώνισμα θα αποτελείται από ερωτήσεις πολλαπλής επιλογής που θα εξετάζουν τις γνώσεις των υποψηφίων και την κατανόησή των μαθημάτων. ΚΑΤΗΓΟΡΙΑ Κόστος (βελτιστοποίηση κόστους) Χρόνος (αποτελεσματική διαχείριση χρόνου) Ποιότητα εξυπηρέτησης (s-quality) Ποιότητα διαχείρισης (m-quality) ΣΥΜΠΛΗΡΩΜΑΤΙΚΑ ΣΤΟΙΧΕΙΑ κανένα 4/68
2. ΕΙΣΑΓΩΓΗ Υπάρχουν δύο τύποι ψηφιακών αρχείων γραφικών: οι vector εικόνες κι οι raster εικόνες. Οι εικόνες Vector αποτελούνται από χιλιάδες πολύ μικρές γραμμές και καμπύλες (ή πορείες). Οι εικόνες raster αποτελούνται από τα pixels. Tα γραφικά Vector χρησιμοποιούνται κυρίως για ανάπτυξη σχεδίων, λογότυπα, τεχνικό σχεδιασμό, σχέδια για ιστοσελίδες. Ένα από τα κύρια πλεονεκτήματα των vector εικόνων είναι ότι μπορείτε να διευρύνετε μια εικόνα όσο θέλετε χωρίς απώλεια ποιότητας (ανάλυση). Ένα από τα πιο χρησιμοποιημένα προγράμματα για αυτού του είδους τα γραφικά είναι το CorelDRAW, πρόγραμμα που έχει αναπτυχθεί και εκδοθεί από την Εταιρία Corel. Tα raster γραφικά χρησιμοποιούνται για το σχεδιασμό γραφικών, ιστοσελίδων, επεξεργασία φωτογραφιών κλπ. Η raster εικόνα, είναι γνωστή ως bitmap εικόνα, λόγω των pixels (πίξελ). Σε αντίθεση με τα vector γραφικά, όταν διευρύνετε μία raster εικόνα η ανάλυση μειώνεται και μπορείτε να δείτε τα pixels (πίξελ). Tο πρόγραμμα που χρησιμοποιείται περισσότερο για τη δημιουργία raster γραφικών είναι το Adobe Photoshop, πρόγραμμα που έχει αναπτυχθεί κι εκδοθεί από την Adobe Systems. Αυτό το εκπαιδευτικό πρόγραμμα δεν είναι ένα εξαντλητικό πρόγραμμα που εξηγεί όλες τις επιλογές του Photoshop ή του CorelDRAW, αλλά ένα στο οποίο θα μάθετε τις σημαντικότερες έννοιες τις οποίες ένας επαγγελματίας γραφικών και σχεδιασμού ιστοσελίδων, χρησιμοποιεί στην εργασία του/της. Στο τέλος αυτής της ενότητας θα είστε σε θέση να δημιουργήσετε επαγγελματικά γραφικά, που οποιαδήποτε επιχείρηση θα θελήσει να αγοράσει και να χρησιμοποιήσει. 5/68
3. ΣΧΕΔΙΑΣΜΟΣ ΓΡΑΦΙΚΩΝ 3.1. Μενού του Adobe Photoshop 3.1.1. File (Αρχείο) Καινούργιο Για τη δημιουργία ενός νέου αρχείου πηγαίνετε στο File(Αρχείο) New(Καινούργιο). Θα ανοίξει το παρακάτω παράθυρο: Από εδώ μπορείτε να επιλέξετε το όνομα του αρχείου, το μέγεθος της εικόνας, τα μέτρα της ενότητας, την ανάλυση (ποιότητα), τον τρόπο χρωματισμού και τον τύπο του παρασκηνίου. Κάντε τις επιθυμητές ρυθμίσεις και πατήστε OK. Ανοίξτε (Open) Με αυτή την επιλογή, όπως και σε πολλά, άλλα προγράμματα, που ξέρετε και χρησιμοποιείτε, μπορείτε να ανοίξετε για να επεξεργαστείτε εικόνες κι αρχεία από τον υπολογιστή σας. Κλείστε (Close) Με αυτήν την επιλογή, αντίστροφη της λειτουργίας Open, μπορούμε να κλείσουμε τα αρχεία. Tο ίδιο πράγμα μπορεί να γίνει και με την χρήση του X στο επάνω δεξιά μέρος του παραθύρου του αρχείου, όπως συμβαίνει και με όλα τα παράθυρα του Windows Operating System. Εάν δεν έχουμε αποθηκεύσει τις τελευταίες τροποποιήσεις, το πρόγραμμα θα μας ρωτήσει εάν θέλουμε να το κάνουμε. 6/68
Αποθηκεύστε (Save) Αυτό σας επιτρέπει να αποθηκεύσετε την εργασία σας στον υπολογιστή. Είναι χρήσιμο να το κάνετε όσο πιο συχνά γίνεται, αλλιώς ρισκάρετε να χάσετε την εργασία σας λόγω μιας διακοπής ρεύματος ή επειδή μπορεί να μπλοκάρει ο υπολογιστής σας. Για μεγαλύτερη ταχύτητα, μπορείτε να χρησιμοποιήσετε τη συντομογραφία Ctrl + S. Την πρώτη φορά που θα χρησιμοποιήσετε αυτήν την εντολή, θα πρέπει να καθορίσετε το όνομα, την προέκταση και το μονοπάτι, όπου θέλετε να αποθηκεύσετε το αρχείο, όπως και στην εντολή Save As. Θα μιλήσουμε αργότερα για αυτήν την εντολή. Μετά από αυτό, το πρόγραμμα δεν θα σας ρωτάει τίποτα, παρά θα αποθηκεύει το αρχείο στον υπάρχοντα χώρο. Οι κύριοι τύποι αρχείων που χρησιμοποιούνται στο Photoshop είναι: -.psd: ο προεπιλεγμένος τύπος αρχείων του Adobe Photoshop προγράμματος. Χρησιμοποιείται για επιπλέον επεξεργασία και για εκτύπωση. -.bmp (bitmap): Το καθορισμένο από τα Windows αρχείο εικόνας, αναγνωρίζεται σχεδόν από όλα τα προγράμματα για γραφιστικές λειτουργίες. Αυτό το είδος αρχείου χρησιμοποιείται λιγότερο για επαγγελματική εργασία. -.jpg,.gif,.png: Υπάρχουν φόρμες εικόνων για το διαδίκτυο, ανταλλαγές αρχείων, παρακολούθηση κι εισαγωγή σε άλλα προγράμματα. Η Jpg φόρμα μπορεί να χρησιμοποιηθεί επίσης για εκτύπωση. -.tif και EPS: Χρησιμοποιούνται για εκτυπωτικά υλικά. Save As (Αποθήκευση ως) Αντίθετα από την επιλογή Save, όταν χρησιμοποιούμε την εντολή Save As, μπορούμε να καθορίζουμε (τροποποιούμε) συνεχώς το όνομα του αρχείου, τον φάκελο και την προέκτασή τους. Αποθηκεύστε για το διαδίκτυο Αυτή η εντολή αποθηκεύει εικόνες που μπορούν να χρησιμοποιηθούν στο διαδίκτυο σε.jpg,.gif και.png φόρμες. Χρησιμοποιείται επίσης για να μετατρέπετε σχέδια σε HTML φόρμα, αλλά θα μιλήσουμε γι αυτό στο επόμενο κεφάλαιο Δημιουργία σχεδίων για διαδικτυακές σελίδες. Ένα από τα πιο σημαντικά χαρακτηριστικά σε σχέση με αυτούς τους τύπους αρχείων είναι ο συμβιβασμός μεταξύ της ταχύτητας φόρτωσης και της ποιότητας της εικόνας. Η Jpg φόρμα δεν επιτρέπει το διαφανές φόντο, το οποίο είναι πιθανό για τις άλλες δύο φόρμες. Import (Εισαγωγή) Χρησιμοποιείται για να φέρνετε αρχεία στα Photoshop PDF αρχεία, σαρωμένα υλικά και να εισάγετε φωτογραφίες από ψηφιακές κάμερες. 7/68
Automate (Αυτοματοποίηση) Μία από τις πιο διαδεδομένες χρήσης από αυτό το υπομενού είναι το Web Photo Gallery. Είναι ένα άριστο εργαλείο για να δημιουργείτε γρήγορα άλμπουμ φωτογραφιών για ιστοσελίδες, ελκυστικές και εύκολες στην πλοήγηση. Ας αναλύσουμε τώρα τις πιο σημαντικές καρτέλες αυτού του παραθύρου. Styles (Σχέδια) Τώρα μπορούμε να χρησιμοποιήσουμε το σχέδιο για την Γκαλερί. 8/68
Folders (Φάκελοι) Browse (Περιήγηση) Επιλέξτε τον Folder(φάκελο) που περιέχει τις εικόνες, που θα χρησιμοποιηθούν για την Γκαλερί. Destination (Προορισμός) Καθορίστε τον Φάκελο, όπου θα δημιουργήσουμε την Γκαλερί. Options (Επιλογές) Εδώ επιλέγουμε το μέγεθος της εικόνας. Πληροφορίες σχετικά με την Γκαλερί Καθορίστε το όνομα της ιστοσελίδας, το όνομα της φωτογραφίας, τα δεδομένα επικοινωνίας (email, τηλέφωνο ), ημερομηνία, όνομα γραμματοσειράς, μέγεθος γραμματοσειράς. 9/68
Εκτύπωση (Print) Όπως και σε άλλα προγράμματα, που γνωρίζετε και χρησιμοποιείτε, με αυτήν την εντολή μπορείτε να στείλετε στον εκτυπωτή σας την εργασία σας. Όνομα Επιλέξτε τον εκτυπωτή. Ιδιότητες Σχεδιασμός Σελίδας 10/68
Επιλέξτε τον αριθμό των αντιγράφων και τον προσανατολισμό της σελίδας Portrait ή Landscape κλπ. Χαρτί Μέγεθος Χαρτιού (Γράμμα, A4, A5 ), ταιριάξτε την εικόνα με το χαρτί, επιλογή δίσκου (Δίσκος 1, Δίσκος 2, ), καθορίστε τον τύπο του χαρτιού (normal, cardboard ). Ποιότητα Εκτύπωσης 11/68
Ανάλυση είναι η ποιότητα της εικόνας. Όταν η ανάλυση είναι υψηλή, η ποιότητα της εικόνας είναι επίσης υψηλή. Η ασπρόμαυρη ή σε κλίμακα του γκρι εκτύπωση χρησιμοποιείται για οικονομία του τόνερ. 3.1.2. Επεξεργασία Αναιρώ (Undo) / Επαναλαμβάνω (Redo) Όπως στα περισσότερα προγράμματα, η εντολή Undo ακυρώνει την τελευταία ενέργειά σας, αντίθετα με το Redo το οποίο σας πάει ένα βήμα μπροστά. Σε αντίθεση με τα άλλα προγράμματα, στο Adobe Photoshop αυτές οι εντολές χρησιμοποιούνται μόνο για μία εργασία. Για να επιστρέψετε/διορθώσετε μερικές εργασίες πίσω ή μπροστά, πρέπει να χρησιμοποιήσουμε το History Panel(Πίνακας Ιστορικού) και να κάνουμε κλικ στην εργασία, στην οποία θέλουμε να επιστρέψουμε. Ο πίνακας εμφανίζεται στη δεξιά πλευρά του χώρου εργασίας του Adobe Photoshop και μπορεί να ενεργοποιηθεί και να απενεργοποιηθεί από το Window μενού. Θα μιλήσουμε για αυτά σε αυτό το πρόγραμμα. Cut (Αποκοπή) Αντιγράφετε στη μνήμη και διαγράφετε την επιλεγμένη περιοχή από το τρέχον Επίπεδο. Copy (Αντιγραφή) Αντιγράφετε στη μνήμη την επιλεγμένη περιοχή από το τρέχον Επίπεδο, αλλά δεν το διαγράφετε, όπως συμβαίνει με την εντολή Cut. Paste (Επικόλληση) Αντιγράφετε (επικολλάτε) στο Επίπεδο την επιλεγμένη περιοχή από το τρέχον Επίπεδο, που αντιγράφηκε στη μνήμη με τις εντολές Cut ή Copy. 12/68
Clear (Εκκαθάριση) Διαγράφετε την επιλεγμένη περιοχή από το τρέχον Επίπεδο. Εναλλακτικά, μπορούμε να χρησιμοποιούμε το πλήκτρο Delete. Fill (Συμπληρώνω) Συμπλήρωσε την επιλεγμένη περιοχή από το τρέχον Επίπεδο με χρώμα παρασκηνίου, χρώμα φόντο ή με ένα πρότυπο (Texture). Stroke Δημιουργείστε ένα όριο για την επιλεγμένη περιοχή από το τρέχον επίπεδο. Οι σημαντικότερες παράμετροι των συνόρων, που μπορούμε να θέσουμε είναι: πλάτος, χρώμα και θέση (Μέσα, Κέντρο ή έξω). Free Transform (ελεύθερη μετατροπή) Με αυτήν την εντολή μπορούμε να κλιμακώσουμε και/ή να περιστρέψουμε την επιλεγμένη περιοχή από το τρέχον Επίπεδο. Αφού κάνουμε αυτό, θα παρατηρήσουμε ότι θα εμφανιστούν οκτώ σημεία ελέγχου, τέσσερα στις γωνίες των ορθογωνίων και τέσσερα στη μέση των πλευρών. 13/68
Τραβώντας τις γωνίες με πατημένο το αριστερό κουμπί του ποντικιού, μπορούμε να αλλάξουμε και το πλάτος και το μήκος. Εάν θέλουμε να αλλάξουμε την κλίμακα μιας εικόνας αναλογικά χωρίς τη διαστρέβλωσή της, πρέπει να πατήσουμε το πλήκτρο Shift. Τραβώντας με το ποντίκι από τη μέση των πλευρών τροποποιούμε μόνο μια διάσταση. Εάν θέλουμε να περιστρέψουμε την επιλογή, τοποθετούμε το δείκτη έξω από ένα σημείο και πιο κοντά σε αυτό. Θα εμφανιστεί μια μικρή καμπύλη με βέλη και στις δύο άκρες. Έπειτα, σύρετε με το ποντίκι προς τα αριστερά ή τα δεξιά. Transform (Μετατροπή) Κλιμάκωση (Scale) μιλήσαμε παραπάνω. Περιστροφή (Rotate) την εξηγήσαμε στο Free Transform. Skew παραμορφώνει την επιλογή στο τρέχον Επίπεδο ως κατακόρυφο ή οριζόντιο παραλληλόγραμμο. Distort μπορούμε να παραμορφώσουμε την επιλεγμένη περιοχή τραβώντας με το ποντίκι από καθένα από τα οχτώ σημεία. Perspective αλλάξτε τη γωνία από την οποία βλέπετε την εικόνα, τραβώντας με το ποντίκι από ένα από τα οχτώ σημεία. Περιστροφή 180 περιστρέψτε την εικόνα 180 μοίρες. Περιστροφή 90 δεξιόστροφα περιστρέψτε την εικόνα 90 μοίρες δεξιόστροφα. Περιστροφή 90 αριστερόστροφα περιστρέψτε την εικόνα 90 μοίρες αριστερόστροφα. Οριζόντια στροφή οριζόντια απεικόνιση. Κατακόρυφη στροφή κατακόρυφη απεικόνιση. 14/68
3.1.3. Εικόνα Mode (Τρόπος) Αναφέρεται στους χρωματικούς κώδικες (τον τρόπο με τον οποίο θέλουμε να διαμορφώσουμε τα χρώματα), που χρησιμοποιούνται για μία εικόνα. Ο χρωματικός κώδικας επιλέγεται αρχικά ανάλογα με το περιβάλλον, στο οποίο θέλουμε να χρησιμοποιήσουμε την εικόνα: monitor, Διαδίκτυο ή εκτύπωση. Σε κλίμακα του γκρι Μετατρέψτε την εικόνα σε αποχρώσεις του γκρι. Όταν θα δίνουμε εντολή από το υπομενού Mode, το πρόγραμμα θα μας ρωτήσει αν θέλουμε να διατηρήσουμε τα Επίπεδα (να μην τα τροποποιήσουμε) ή όχι (να τα τροποποιήσουμε). Τα Επίπεδα παρουσιάζουν μία από τις σημαντικότερες ιδέες στο Adobe Photoshop, επιτρέποντάς μας να χειριζόμαστε διάφορα στοιχεία της εικόνας ξεχωριστά. Θα μιλήσουμε για αυτά στο επόμενο μενού. Θα επιλέγουμε συνεχώς την επιλογή της μη τροποποίησης. RGB Χρώμα Αυτό το όνομα δημιουργήθηκε από τα αρχικά των ακόλουθων χρωμάτων: Κόκκινο, πράσινο και μπλε. Οποιοδήποτε χρώμα μπορεί να δημιουργηθεί με το συνδυασμό αυτών των τριών χρωμάτων. Κάθε ένα από αυτά τα χρώματα έχει μια αριθμητική αξία μεταξύ του 0 και του 255. Για παράδειγμα ο κωδικός του μαύρου χρώματος είναι R:0 G:0 B:0, κι ο κωδικός για το άσπρο χρώμα είναι R:255 G:255 B:255. Αυτός ο κώδικας χρωμάτων χρησιμοποιείται σε συσκευές και στο γραφιστικό σχεδιασμό για το διαδίκτυο. CMYK Χρώμα Το όνομα αυτού του κώδικα προέρχεται από τα αρχικά των: Κυανό (ένα είδος μπλε), Magenta (ένα είδος κόκκινου), κίτρινο και μαύρο. Όλα τα χρώματα δημιουργούνται με τη μίξη αυτών των τεσσάρων χρωμάτων. Καθένα από αυτά τα τέσσερα χρώματα έχει μία αριθμητική αξία μεταξύ του 0 και του 100. Για παράδειγμα, ο κωδικός για το μαύρο χρώμα είναι C:0 M:0 Y:0 K:100, ενώ ο κωδικός για το άσπρο είναι C:0 M:0 Y:0 K:0. Ο CMYK τρόπος χρωματισμού χρησιμοποιείται για εκτυπώσεις. 15/68
Προσαρμογές Καμπύλες (Curves) Από εδώ μπορούμε να ελέγξουμε τους χρωματικούς τόνους των εικόνων τραβώντας το ποντίκι στα προκαθορισμένα σημεία στη μέση της διαγωνίου. Εάν θέλουμε να δημιουργήσουμε επιπρόσθετα σημεία ελέγχου, απλά κάνουμε Διπλό-Κλικ στο μέρος, που θέλουμε να εμφανιστούν αυτά. Μπορούμε επίσης να εργαστούμε ξεχωριστά με τους χρωματισμούς. Κόκκινο πράσινο μπλε για τους κώδικες RGB επιλέγοντάς τα από την κορυφή του παραθύρου. Όταν θα είστε ικανοποιημένοι με το αποτέλεσμα πατήστε OK ή Cancel(Ακύρωση), εάν θέλετε να ακυρώσετε τις αλλαγές. Φωτεινότητα (Brightness)/Αντίθεση (Contrast) Η αλλαγή της φωτεινότητας και της αντίθεσης γίνεται πατώντας τους δείκτες, που είναι προκαθορισμένοι στο μέσο της κλίμακας. Εάν το σύρουμε προς τα αριστερά το μειώνουμε και προς τα δεξιά το αυξάνουμε. Διατηρείστε το Πλαίσιο Προεπισκόπησης επιλεγμένο για να βλέπετε τις αλλαγές. Αυτόματη Αντίθεση (Auto Contrast) Η βελτιστοποίηση της αντίθεσης γίνεται αυτόματα. Διπλότυπο (Duplicate) Δημιουργείστε ένα αντίγραφο της εικόνας σε ένα νέο παράθυρο. Μέγεθος Εικόνας (Image Size) 16/68
Εάν θεωρήσουμε ότι δεν έχουμε επιλέξει σωστά τις διαστάσεις, τις μονάδες μέτρησης και την ανάλυση της εικόνας, όταν δημιουργήσαμε το αρχείο, μπορούμε να τις αλλάξουμε με αυτήν την εντολή. Μέγεθος Canavas Συνήθως, αυτή η εντολή χρησιμοποιείται όταν θέλουμε να αυξήσουμε το μέγεθος του χώρου, όπου θα είναι η εικόνα, αφήνοντας το μέγεθός της αμετάβλητο, για να προσθέσουμε νέα στοιχεία. Αυτή η αύξηση μπορεί να είναι των 9 γραμμών (συμπεριλαμβανομένου του κέντρου), όπως φαίνεται και στο πλαίσιο (Anchor). Περιστροφή Canavas Καταλάβατε μερικές λειτουργίες, που συζητήσαμε στο Edit Transform. 17/68
3.1.4. Layer Όπως είπαμε παραπάνω, τα Layers είναι μερικά βασικά στοιχεία γραφικών από το πρόγραμμα Adobe Photoshop, γιατί μέσω αυτών μπορούμε να ελέγχουμε ξεχωριστά τα στοιχεία της εικόνας, τοποθετώντας τα σε διάφορα Layers. Για να απεικονίσουμε τις λειτουργίες που σχετίζονται με τα Layers θα δημιουργήσουμε δύο τέτοια layers: Tο Peleş Castle και νερό. Γι αυτό το σκοπό ας ανοίξουμε ένα παράθυρο, ανοίξτε τη Μηχανή Αναζήτησης Google Εικόνες, και μετά γράψτε στο πλαίσιο αναζήτησης: Peleș Castle, επιλέξτε κι ανοίξτε μία εικόνα και μετά κάντε δεξί κλικ με το ποντίκι Copy (Αντιγραφή). Μετά ανοίξτε το Photoshop και πατήστε Ctrl + N (Αρχείο, File Καινούργιο, New) και μετά Ctrl + V (Επικόλληση) για να επικολλήσετε την εικόνα εκεί. Στον πίνακα των Layers, που μπορεί να ενεργοποιηθεί ή να απενεργοποιηθεί από το μενού των Window, Διπλό-Κλικ στην καρτέλα 1, γράφει Peleș Castle και πατήστε Enter. Πίσω στο Google, αναζητείστε Ωκεανός, ανοίξτε την εικόνα και πατήστε Δεξί Διπλό-Κλικ, μετά πηγαίνετε στο Photoshop και πατήστε Ctrl + V στην εικόνα του κάστρου για να επικολλήσετε τον Ωκεανό. Διπλό κλικ πάλι στο Layer 1, γράψτε Ωκεανός και πατήστε Enter. Μπορούμε να δούμε ότι μόνο η τελευταία εικόνα, ο Ωκεανός, είναι ορατή, επειδή το Layer με τον ωκεανό τοποθετήθηκε πάνω στο Layer του κάστρου. Εάν θέλετε να δείτε το Κάστρο, σύρετε με το ποντίκι το Layer του κάστρου πάνω από το Layer του ωκεανού, στον Πίνακα των Layers. Καινούργιο Layer Αυτή η εντολή δημιουργεί ένα Καινούργιο Layer που ονομάζεται default Layer 1. Όπως δείξαμε παραπάνω, μπορείτε να αλλάξετε το όνομα κάνοντας διπλό κλικ με το ποντίκι πάνω σε αυτό. Η ίδια ιδιότητα μπορεί να γίνει πατώντας πάνω στην προτελευταία εικόνα από το κάτω μέρος του Πίνακα των Layers. 18/68
Background from Layer Αυτή η εντολή μετατρέπει το default Layer, που ονομάζεται Background στο Layer 0. Αυτό έχει το πλεονέκτημα ότι η εικόνα του φόντου μπορεί να γίνει Διαφανής (Transparent). Για να κάνετε αυτό επιλέξτε Select All command(επιλογή όλων των εντολών) ή πατήστε Ctrl + A και μετά πατήστε το πλήκτρο Delete. Tο ίδιο πράγμα μπορεί να γίνει επίσης σέρνοντας με το ποντίκι το Παρασκήνιο ή με το Layer 0 στο Layer Panel Trash. Η απεικόνιση της πρακτικής αξίας αυτής της εργασίας φαίνεται στις παρακάτω εικόνες, με το Παρασκήνιο και χωρίς αυτό (διαφανές παρασκήνιο). Ρύθμιση Layer Αυτή η εντολή δημιουργεί έναν φάκελο στον Πίνακα των Layers, κι εδώ τα layers μπορούν να ταξινομηθούν σε θέματα, για να μπορούν να διαχειρισθούν πιο εύκολα. Αυτό το χαρακτηριστικό είναι χρήσιμο για περίπλοκες εικόνες, όταν δουλεύουμε με έναν μεγάλο αριθμό Layers. Ως προεπιλογή ο φάκελος των Layers ονομάζεται Set 1, αλλά αυτό το όνομα μπορεί να αλλαχθεί, όταν δημιουργηθεί και μετά κάνοντας διπλό κλικ. Για παράδειγμα σύρετε με το ποντίκι το Layer του Ωκεανού στο Set 1. Ο πίνακας των Layer θα μοιάζει, όπως φαίνεται στην παρακάτω εικόνα: 19/68
Για να επιστρέψουμε, πρέπει να κάνουμε μόνο την αντίστροφη εργασία, σέρνοντας το Layer πίσω στον κυρίως Πίνακα των Windows. Ο φάκελος (Set) μπορεί να κλείσει και να ανοιχθεί όπως κάθε αρχείο διαχείρισης των Windows, κάνοντας κλικ στο κοντινό βέλος. Εάν δεν το χρειάζεστε άλλο, όπως στην παρούσα περίπτωση, μπορούμε να σύρουμε το φάκελο στο Panel Trash. Διπλό Layer Δημιουργείστε ένα αντίγραφο στο τρέχον Layer. Delete (Διαγραφή) Διαγράψτε το τρέχον Layer. Layer Style Επιτρέψτε τη δημιουργία των Layers ιδιοτήτων. Αυτό το υπομενού είναι ευκολότερο στη χρήση εάν κάνουμε διπλό κλικ στην εικόνα στον Πίνακα των Layers ή στο άδειο και μπλε τμήμα του επιθυμητού Layer. Θα δούμε το παρακάτω παράθυρο: 20/68
Οι πιο διαδεδομένες ιδιότητες είναι: Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Bevel and Emboss, Satin και Stroke. Σας συνιστούμε να παίξετε με καθεμία από αυτές τις ιδιότητες και να παρατηρήσετε τα αποτελέσματα. Όπως συζητήσαμε παραπάνω, εάν ένα Layer είναι τοποθετημένο κάτω από ένα άλλο Layer, το πρώτο layer δεν μπορεί να ιδωθεί κανονικά. Για να αρχίσει να γίνεται ορατό, πρέπει να αλλάξουμε την αδιαφάνεια του παραπάνω Layer. Μπορούμε να το κάνουμε από το πάνω δεξιά μέρος του Πίνακα των Layers. Μπορείτε να δείτε πώς θα εμφανιστεί το Peleş Castle Layer με 50% αδιαφάνεια: 21/68
Εάν θέλουμε να χειριστούμε περισσότερα Layers μαζί, κάντε κλικ σε ένα από αυτά στον Πίνακα των Layer και μετά κάντε κλικ στο δεύτερο κουτί στα αριστερά του, με το οποίο θέλουμε να συνδεθούμε. Σε αυτό το κουτί θα εμφανιστεί μία αλυσίδα που θα υποδεικνύει αυτό. Εάν θέλουμε να σπάσουμε αυτήν τη σύνδεση, Κάντε κλικ και πάλι στο κουτί με την αλυσίδα. Tο πρώτο κουτί από τα αριστερά των Layers, αυτό με το ένα μάτι, σας δείχνει εάν το Layer είναι ορατό ή όχι. Αυτό μπορεί να ενεργοποιηθεί και/ή να απενεργοποιηθεί με ένα κλικ του ποντικιού. Merge Linked (Συγχώνευση) Πραγματοποιείστε μόνο ένα Layer από τα συνδεόμενα Layers. Merge Visible (Ορατή συγχώνευση) Πραγματοποιείστε ένα από τα ορατά Layers. Flatten Image (Μικραίνω μια εικόνα) Κάντε μόνο ένα Layer από όλα τα υπάρχοντα Layers. 3.1.5. Επιλογή All (Όλα) Ή Ctrl + A. Επιλέξτε το περιεχόμενο του τρέχοντος Layer. Deselect (Καταργήστε την επιλογή) Ακυρώστε την επιλογή. Reselect (Επανα-επιλέξτε) Επαναφέρετε την επιλογή. 22/68
Inverse (Αντιστροφή) Αντιστρέψτε την επιλεγμένη περιοχή. Feather Απαλύνει την επιλογή των άκρων, έτσι ώστε να μην φαίνονται τα πίξελ (jagged), εάν θέλουμε να την κόψουμε. Εάν εισάγουμε στο παράθυρο του Feather μία μεγαλύτερη τιμή, το άκρο θα εξασθενήσει. Στις περισσότερες περιπτώσεις οι τιμές που χρησιμοποιούνται είναι 1 ή 2. Τροποποίηση Όρια Δημιουργείστε στην επιλογή ένα άκρο, με το πάχος που θέλετε. Γεμίζοντάς το με χρώμα, θα κάνουμε κάτι σαν την παρακάτω εικόνα: Expand (Επέκταση) Eπεκτείνετε την επιλεγμένη περιοχή με τον αριθμό των πίξελ, που θέλετε να εισάγετε. Contract (Συστολή) Μειώστε την επιλεγμένη περιοχή με τον αριθμό των πίξελ, που θέλετε να εισάγετε. Transform Selection Τροποποιήστε το μήκος και το πλάτος της επιλεγμένης περιοχής χωρίς να επηρεάσετε την εικόνα από καμία άποψη. Αφού γίνει αυτή η εντολή, στην οθόνη θα εμφανιστούν οκτώ σημεία ελέγχου, τέσσερα στις γωνίες και τέσσερα στη μέση των πλευρών. Σέρνοντας με πατημένο το αριστερό κουμπί του ποντικιού στις γωνίες, μπορούμε να τροποποιήσουμε το μήκος και το πλάτος. Εάν δεν θέλουμε να αλλάξουμε την επιλογή, πρέπει να κρατήσουμε πατημένο το πλήκτρο Shift. Σέρνοντας με το ποντίκι από τη μέση των πλευρών, τροποποιούμε μόνο το μήκος ή το πλάτος. Εάν τοποθετήσουμε το δείκτη του ποντικιού δίπλα σε ένα σημείο ελέγχου καθώς και έξω από αυτό, θα παρατηρήσουμε ότι ο δείκτης γυρίζει μέσα σε μία μικρή καμπύλη με 23/68
βέλη και στις δύο άκρες. Τώρα μπορούμε να περιστρέψουμε την επιλογή σέρνοντας το ποντίκι στην επιθυμητή κατεύθυνση. 3.1.6. Filter (Φίλτρο) Αυτό το μενού μας επιτρέπει να προσθέτουμε εκπληκτικές ιδιότητες στις συνθέσεις μας. Σας συνιστούμε να δοκιμάσετε όλα αυτά τα φίλτρα στην εικόνα με το κάστρο, ή σε μια άλλη εικόνα, που σας αρέσει πάρα πολύ. Θα παρουσιάσουμε παρακάτω, μόνο τα σημαντικότερα είδη αυτών των ιδιοτήτων. Καλλιτεχνικές Άκρα Αφίσας Η εικόνα μοιάζει με μία λιθογραφία. Blur Τα φίλτρα από αυτήν την κατηγορία θα παράγουν μία θολή εικόνα. Το πιο κοινό είναι το Gaussian Blur. Gaussian Blur 24/68
Distort (Παραμόρφωση) Diffuse Glow (Διάχυτη Λάμψη) Δώστε στην εικόνα σας μία διάχυτη λάμψη. Noise (Ένταση) Add Noise (Προσθέστε Ένταση) Προσθέστε ένταση στην εικόνα. Έτσι θα γίνει γεμάτη πίξελ. Despeckle Είναι το αντίστροφο της εντολής Add Noise(Προσθήκη Έντασης). Αυτή η εντολή θα αφαιρέσει την ένταση της εικόνας. 25/68
Dust & Scratches(Σκόνη και Γρατζουνιές) Χρησιμοποιείται κυρίως για ρετουσάρισμα παλαιών φωτογραφιών, σκονισμένων και γρατζουνισμένων. Πριν Μετά Median Είναι σχεδόν όμοια με την εντολή Despeckle, αλλά έχει καλύτερο έλεγχο. 26/68
Πριν Μετά Render Difference Clouds Μερικά τμήματα της εικόνας αναιρούνται μαζικά. Lens Flare (Αντανάκλαση Φακού) Προσποιείται τη λάμψη, που προκαλείται από την αντανάκλαση του φακού. 27/68
Ιδιότητες Φωτισμού Διαφορετικοί τύποι φωτισμού με εφέ φωτισμού. Sharpen (Οξύνετε) Sharpen More (Οξύνετε περισσότερο) Δώστε μεγαλύτερη έμφαση στην εικόνα. 28/68
Stylize (Στυλιζάρετε) Diffuse (Διάχυση) Αυτή η εικόνα έχει μία διάχυτη εμφάνιση. Emboss Κάντε την εικόνα να φαίνεται με ένα σχέδιο ή με λιθογραφία. 29/68
Glowing Edges (Δίνοντας λάμψη στις άκρες) Προσφέρετε μία παραισθησιογόνο άποψη στην εικόνα. Solarize Εξισώστε κι αντιστρέψτε τα χρώματα μιας εικόνας. 30/68
Tiles (Πλακάκια) Προσθέστε ένα καλλιτεχνικό πλέγμα στην εικόνα. Trace Contour (Ίχνη Περιγράμματος) Μετατρέπει την εικόνα σε ένα σχέδιο. Texture (Υφή) Texturizer Προσαρμόστε μία επιλεγμένη ή δημιουργημένη ύφανση σε μία εικόνα. 31/68
3.1.7. Προβολή Zoom In (Ctrl+) / Zoom Out (Ctrl-) Αυξήστε/ μειώστε την κλίμακα με την οποία βλέπετε την εικόνα, αλλά χωρίς να τροποποιείτε το αληθινό της μέγεθος. Rulers Ελέγξτε ή όχι αυτήν την επιλογή, με την οποία ενεργοποιείτε ή απενεργοποιείτε την ορατότητα των χαράκων στις άκρες του παραθύρου, που περιέχουν την εικόνα. Με αυτούς τους χάρακες μπορούμε να προσθέσουμε φανταστικές βοηθητικές γραμμές, που επιτρέπουν την ευθυγράμμιση των διάφορων στοιχείων της εικόνας, όπως βλέπετε και στην παρακάτω: 32/68
3.1.8. Window (Παράθυρο) Από εδώ μπορείτε να τσεκάρετε ή όχι μία σειρά Εργαλείων και στοιχείων του Πίνακα Ελέγχου, που είναι ιδιαίτερα σημαντικά και χρήσιμα στοιχεία του Adobe Photoshop. Μπορείτε να δείτε τσεκαρισμένα τα πιο σημαντικά από αυτά στην παραπάνω εικόνα. Έχουμε ήδη μιλήσει για μερικά από αυτά, ενώ για τα υπόλοιπα θα μιλήσουμε στις παρακάτω ενότητες. 3.1.9. Help (Βοήθεια) Όπως σε κάθε πρόγραμμα, με το Photoshop Help Menu (Βοηθητικό Μενού Photoshop) μπορούμε να βρούμε απαντήσεις στις ερωτήσεις μας. Από αυτό το υπομενού θα χρησιμοποιήσουμε το Photoshop Help (F1). Στην κορυφή του παραθύρου, που ανοίγει, τσεκάρετε την τελευταία καρτέλα από αριστερά, την Αναζήτηση (Search). Μετά γράψτε μία ή περισσότερες λέξεις-κλειδιά στο παρακάτω παράθυρο και πατήστε Search(Αναζήτηση). Στη δεξιά πλευρά θα εμφανιστεί η απάντηση στις ερωτήσεις μας. 33/68
34/68
3.2. Πίνακας Εργαλείων του Adobe Photoshop Για να μάθετε, με ένα διασκεδαστικό τρόπο, τι παρέχουν τα εργαλεία του Adobe Photoshop, σου προτείνουμε να εισάγεις μία εικόνα από το Διαδίκτυο και να αρχίσεις να παίζεις με αυτές. Για παράδειγμα, ας αρχίσουμε να ψάχνουμε στις εικόνες του Google με τη λέξη-κλειδί οικογένεια. Μπορούμε να επιλέξουμε την παρακάτω εικόνα, οπότε κάντε δεξί κλικ και αποθηκεύστε την στον υπολογιστή. Μετά, File (Αρχείο) Open (Άνοιγμα) στο Photoshop. 3.2.1. Crop Εάν θέλουμε να χωρίσουμε αυτή τη φωτογραφία σε δύο μέρη, μπορούμε να χρησιμοποιήσουμε το εργαλείο Crop από τον πίνακα εργαλείων (Toolbox): 35/68
Κάντε κλικ στο Crop και μετά τοποθετείστε τον δείκτη του ποντικιού στο κάτω μέρος της φωτογραφίας. Κρατείστε πατημένο το αριστερό κουμπί και σύρετε το ποντίκι διαγώνια μέχρι τη μέση του κάτω μέρους της εικόνας και μετά αφήστε το αριστερό κουμπί του ποντικιού. Κάντε διπλό κλικ κάπου εσωτερικά της επιλογής και θα αποκτήσετε την επιθυμητή εικόνα: 3.2.2. Ορθογώνιο marquee εργαλείο Χρησιμοποιείται για να δημιουργούμε ορθογώνιες επιλογές. Ας δημιουργήσουμε μια τέτοια επιλογή στο κάτω μέρος της φωτογραφίας, κόβοντας τις σκιές. Επιλέξτε το Ορθογώνιο Εργαλείο από τον Πίνακα Εργαλείων. Σύρετέ το στο κάτω μέρος της εικόνας, κρατώντας πατημένο το αριστερό κουμπί του ποντικιού και σύρετε από το κάτω αριστερό μέρος στο κάτω δεξιό, μέχρι να καλύψετε τις σκιές. Μετά, αφήστε το ποντίκι και πατήστε το πλήκτρο Delete. Tο αποτέλεσμα φαίνεται στην παρακάτω εικόνα: 36/68
3.2.3. Elliptical (Ελλειπτικό) marquee εργαλείο Για να επιλέξετε αυτό το εργαλείο κρατείστε πατημένο το αριστερό κουμπί του ποντικιού στα επιλεγόμενα εργαλεία και θα εμφανιστεί ένα παράθυρο, από το οποίο μπορούμε να επιλέξουμε το συγκεκριμένο εργαλείο. Ας επιλέξουμε από το πάνω αριστερά στο κάτω δεξιά. Εάν θέλουμε η επιλογή να είναι ένας κύκλος, κρατάμε πατημένο το πλήκτρο Shift. Πηγαίνετε στο Select Menu(Μενού Επιλογής) και επιλέξτε από τη λίστα την επιλογή Inverse. Πατήστε το πλήκτρο Delete, μετά πηγαίνετε πίσω στο Select(Επιλογή) κι επιλέξτε Deselect(Ακύρωση Επιλογής). Η εικόνα θα μοιάζει κάπως έτσι: 37/68
Εάν θέλουμε αυτή η εικόνα να έχει ένα περίγραμμα, πριν επιλέξετε Deselect(Ακύρωση Επιλογής) πατήστε ξανά Select Inverse(Επιλογή Αντιστροφής) και μετά πηγαίνετε στο Edit menu(μενού Επεξεργασίας) κι επιλέξτε Stroke. Οι πιο σημαντικές ρυθμίσεις είναι το πάχος του περιγράμματος, το χρώμα κι η τοποθεσία, όπως συζητήσαμε στην προηγούμενη ενότητα. Κάντε τις επιθυμητές ρυθμίσεις και πατήστε το κουμπί OK, μετά Select Deselect(Επιλογή-Ακύρωση Επιλογής), και θα αποκτήσουμε ένα αποτέλεσμα, όπως στην προηγούμενη εικόνα: 3.2.4. Lasso Εργαλείο 38/68
Υπάρχουν τρεις τύποι εργαλείου Lasso: Εργαλείο Lasso (ελεύθερο), Πολυγωνικό Εργαλείο Lasso και το Μαγνητικό Lasso Εργαλείο. Το πιο ακριβές και χρησιμοποιημένο εργαλείο για ωραίες επιλογές είναι το Πολυγωνικό Lasso Εργαλείο. Ας το χρησιμοποιήσουμε, για να κόψουμε τη μητέρα από την οικογενειακή μας εικόνα. Για να δείτε καλύτερα τη φωτογραφία, πατήστε Ctrl + συνδυασμό πλήκτρων. Κάνουμε κλικ, όπως πρέπει, όλη την ώρα μέσα στη μαμά και ποτέ έξω από αυτήν. Ξεκινήστε από ένα σημείο, για παράδειγμα από το κέντρο του κεφαλιού και επιστρέψτε στο ίδιο σημείο. Αυτό σημαίνει ότι κλείνουμε την επιλογή. Πατήστε Select Inverse(Επιλογή-Αντιστροφή) και μετά το πλήκτρο Delete(Διαγραφή). Κόψτε την εικόνα γύρω από τη μητέρα και θα αποκτήσετε το παρακάτω αποτέλεσμα: Όταν το χρώμα του φόντου είναι ίδιο ή σχεδόν ίδιο, όπως στην παραπάνω περίπτωση, το Magic Wand Εργαλείο είναι μία εξαιρετική επιλογή εργαλείου. 39/68
Μία σημαντική παράμετρος αυτού του εργαλείου είναι το Tolerance. Στο 0 (Μηδέν) το Tolerance επιλέγει μόνο μία απόχρωση. Εάν το Tolerance είναι υψηλότερο, επιλέγουμε περισσότερα χρώματα. Μία άλλη σημαντική παράμετρος είναι το Anti-aliased. Εάν αυτή η επιλογή είναι επιλεγμένη έχουμε να κάνουμε με ένα μαλάκωμα που εμποδίζει τις οδοντωτές άκρες. Η επιλογή μπορεί να μετακινηθεί με το ποντίκι, όταν είναι επιλεγμένο ένα εργαλείο επιλογής στον Πίνακα εργαλείων. Για να μετακινήσουμε το επιλεγμένο αντικείμενο, θα χρησιμοποιήσουμε το Εργαλείο Μετακίνησης. 3.2.5. Slice Εργαλείο Θα μιλήσουμε για αυτό το εργαλείο στο κεφάλαιο Δημιουργία Διαδικτυακού σχεδίου. 40/68
3.2.6. Brush Εργαλείο και Pencil Εργαλείο (Βούρτσα και Μολύβι) Η βούρτσα και το μολύβι χρησιμοποιούνται για να σχεδιάζετε ελεύθερα. Η πιο σημαντική παράμετρος είναι το πάχος της γραμμής-βούρτσας. 3.2.7. Clone Stamp Εργαλείο 41/68
Χρησιμοποιείται κυρίως για λεπτές προσαρμογές. Κρατείστε πατημένο το πλήκτρο Alt και μετά κάντε κλικ στο τμήμα της φωτογραφίας, που θέλετε να κλωνοποιήσετε. Μετά κάντε κλικ στο μέρος της εικόνας, όπου θέλετε να επικολλήσετε την κλωνοποίηση. Η πιο σημαντική παράμετρος είναι το μέγεθος της κλωνοποίησης Βούρτσα. 3.2.8. Gradient Εργαλείο και Paint Bucket Εργαλείο Αυτά τα εργαλεία χρησιμοποιούνται για συμπληρώσουμε με χρώμα μία επιλογή. Gradient είναι μία βοηθητική μετάβαση από το ένα χρώμα στο άλλο. Aς κάνουμε μία ορθογώνια επιλογή χρησιμοποιώντας το Rectangular Marquee Εργαλείο. Κάνουμε κλικ στο Gradient Εργαλείο. Στην πάνω μπάρα με τις ιδιότητες αυτού του εργαλείου κάντε κλικ πάνω στην μπάρα χρωμάτων. Θα σας εμφανιστεί το παρακάτω παράθυρο: 42/68
Από την κορυφή μπορούμε να επιλέξουμε ένα προεπιλεγμένο υπόδειγμα ή μπορούμε να προσαρμόσουμε την κλίση από το κάτω μέρος, κάνοντας κλικ στις παρακάτω ρυθμίσεις, για να ρυθμίσετε το χρώμα ή σε ένα σημείο της μπάρας με τα χρώματα, για να προσθέσετε ένα επιπλέον χρώμα. Μετά σύρετε το ποντίκι από τη μία πλευρά της εικόνας στην άλλη στην επιθυμητή κατεύθυνση. Θα αποκτήσουμε ένα αποτέλεσμα όμοιο με την παρακάτω εικόνα: Το Paint Bucket Εργαλείο συμπληρώνει την επιλεγμένη περιοχή με ένα ομοιόμορφο χρώμα. Μπορούμε να επιλέξουμε αυτό το χρώμα από τον Πίνακα Χρωμάτων (Colour Panel), μιλήσαμε γι αυτόν τον πίνακα νωρίτερα σε αυτό το κεφάλαιο. Για μεγαλύτερο έλεγχο της απόχρωσης κάντε κλικ στο Foreground χρώμα στο κουτί εργαλείων. Όταν επιλέξετε το χρώμα σας κάντε στο Paint Bucket Εργαλείο και μετά στην επιλεγμένη περιοχή. Θα αποκτήσουμε ένα αποτέλεσμα όμοιο με αυτό της παρακάτω εικόνας : 43/68
3.2.9. Blur Εργαλείο Χρησιμοποιείται για να θολώνουμε ένα τμήμα της εικόνας, για παράδειγμα ένα πρόσωπο που δεν θέλουμε να αναγνωριστεί. Η πιο σημαντική παράμετρος είναι το μέγεθος αυτού του εργαλείου Βούρτσας. Ας αναζητήσουμε στο Διαδίκτυο τη φωτογραφία μιας αγαπημένης διάσημης, κάντε δεξί κλικ πάνω σε αυτήν και πατήστε Copy(Αντιγραφή). Πίσω στο Photoshop, File(Αρχείο) New(Καινούργιο) ή Ctrl + N, ρυθμίζουμε τις παραμέτρους και πατάμε OK. Μετά πατήστε Edit(Επεξεργασία) Paste(Επικόλληση) ή Ctrl + V, για να επικολλήσετε τη φωτογραφία. Με το εργαλείο Blur επιλεγμένο, θολώστε την επιθυμητή περιοχή. Θα έχουμε ένα αποτέλεσμα όμοιο με της παρακάτω εικόνας. 44/68
3.2.10. Type Εργαλείο Με αυτό το εργαλείο μπορούμε να προσθέσουμε και να μορφοποιήσουμε κείμενα σε εικόνες. Ας μπούμε στην ιστοσελίδα της Coca Cola, αναζητώντας το Coca Cola στο Google. Μόλις εισάγετε αυτό στην ιστοσελίδα, πατήστε το PrtScn κουμπί στο πάνω δεξιά μέρος του πληκτρολογίου, σιγουρευόμενοι ότι το βέλος του ποντικιού είναι από έξω, επιβεβαιώνοντας ότι ο δείκτης του ποντικιού είναι έξω από την χρησιμοποιούμενη επιφάνεια εργασίας. Μέσω αυτής της λειτουργίας μπορούμε να αντιληφθούμε ότι έχουμε μια πλήρη οθόνη, ένα είδος αντιγραφής. Ας επιστρέψουμε τώρα στο Adobe Photoshop και πατήστε Ctrl + N, για να δημιουργήσετε ένα καινούργιο αρχείο και μετά πατήστε Ctrl + V (Επικόλληση). Θα αποκτήσουμε την παρακάτω εικόνα: 45/68
Καλύπτουμε τις μπάρες του υπολογιστή επιλέγοντας το Rectangular Marque Εργαλείο σε όλο το πλάτος της εικόνας από την κορυφή έως το κάτω μέρος. Ας αρχίσουμε με την κορυφή. Μόλις κάνετε την επιλογή, διαλέξτε το αγαπημένο σας χρώμα από τον Πίνακα Χρωμάτων ή από τον Πίνακα Εργαλείων και μετά Edit(Επεξεργασία) Fill(Συμπλήρωση) στην μπάρα του Menu. Επαναλάβετε αυτήν την εργασία στο κάτω μέρος της εικόνας. Με αυτόν τον τρόπο δημιουργούμε ένα κενό για τίτλο κι επεξηγηματικό κείμενο(περιγραφή). Περικόψτε την εικόνα, για να μειώσετε το πλάτος της. Θα έχουμε ένα αποτέλεσμα, όπως αυτό στην παρακάτω εικόνα: Υπάρχουν τέσσερις κύριοι τύποι κειμένου στο Photoshop: - Οριζόντιο κείμενο - Κατακόρυφο κείμενο - Κείμενο της μιας γραμμής (για τίτλους, παράδειγμα) - Κείμενο πολλών γραμμών (πλαίσιο με κείμενο), για κείμενο με παραγράφους. Παρουσιάζουμε παρακάτω την μπάρα για τα κείμενα για τη μορφοποίηση κειμένων. Αυτό είναι πανομοιότυπο με το γνωστό και χρησιμοποιούμενο Microsoft Word πρόγραμμα. Μπορούμε να επιλέξουμε την κατεύθυνση, τον τύπο της γραμματοσειράς, το μέγεθος, το στυλ (κανονικό, έντονο, πλάγια), anti-aliasing mode, (μη οδοντωτές άκρες), πώς να ευθυγραμμίζετε, να χρωματίζετε, να φτιάχνετε καμπυλωτά κείμενα, να ρυθμίζετε τις παραγράφους. 46/68
Επειδή στο πάνω μέρος της εικόνας έχουμε περισσότερο χώρο απ ότι στο κάτω μέρος της, θα χρησιμοποιήσουμε το κείμενο στην πρώτη παράγραφο (πλαίσιο κειμένου) και το κάτω μέρος για τον τίτλο. Στα άκρα θα χρησιμοποιήσουμε το κατακόρυφο κείμενο. Κάντε κλικ στο κάτω μέρος και γράψτε Coca-Cola με την επιθυμητή φόρμα. Στη κορυφή, σύρετε με το ποντίκι από κάπου πάνω αριστερά προς χαμηλότερα δεξιά πάνω στην κόκκινη ταινία έχοντας το Type Tool επιλεγμένο και με το αριστερό κουμπί του ποντικιού πατημένο. Στο τέλος αφήστε το κουμπί. Κάνουμε τις επιθυμητές ρυθμίσεις και γράφουμε. Η μορφοποίηση του κειμένου μπορεί να γίνει και αργότερα επιλέγοντας με το ποντίκι, όπως στο Word. Το μέγεθος του πλαισίου μπορεί να μεταβληθεί σέρνοντας με το ποντίκι από τα σημεία ελέγχου, που είναι στο μέσο των πλευρών. Μπορεί να μετακινηθεί χρησιμοποιώντας το Move Tool. Ας γράψουμε το παρακάτω κείμενο: Αυτό είναι ένα στιγμιότυπο από την ιστοσελίδα της Coca Cola για εκπαιδευτικούς σκοπούς. Θα αποκτήσουμε ένα αποτέλεσμα, όπως αυτό της παρακάτω εικόνας. 47/68
3.2.11. Eyedropper Εργαλείο Αυτό το εργαλείο χρησιμοποιείται για να κλωνοποιεί το χρώμα από ένα τμήμα της εικόνας και μετά να το χρησιμοποιείτε σε ένα άλλο τμήμα. 3.2.12. Hand Εργαλείο Αυτό το εργαλείο χρησιμοποιείται για να απεικονίσει μέρη της εικόνας που δεν χωρούν στο παράθυρο. 48/68
3.2.13. Zoom Εργαλείο Ο μεγεθυντικός φακός χρησιμοποιείται για να κάνουμε μεγέθυνση ή σμίκρυνση της κλίμακας της εικόνας. Η προεπιλεγμένη επιλογή είναι η μεγέθυνση. Για σμίκρυνση κρατήστε πατημένο το κουμπί Alt. 3.2.14. Χρωματισμός Προσκηνίου και Χρωματισμός Παρασκηνίου Foreground Colour (Χρώμα Προσκηνίου) είναι το κυρίως χρώμα και χρησιμοποιείται για εργαλεία, όπως Brush (Βούρτσα), Pencil (Μολύβι) ή Paint Bucket. Background Colour (Χρώμα Παρασκηνίου) είναι το χρώμα του παρασκηνίου και χρησιμοποιείται για παράδειγμα από το Eraser Tool (Γόμα) και το Delete (Διαγραφή). Τα προεπιλεγμένα χρώματα είναι το μαύρο και το άσπρο. Αυτά τα χρώματα μπορούν να αντιστραφούν κάνοντας κλικ με το βέλος ανάμεσα τους. Τα χρώματα μπορούν να αλλάξουν κάνοντας πάνω τους κλικ. 49/68
3.3. Λίστα συντομεύσεων πληκτρολογίου για το Adobe Photoshop CS6 Οι παρακάτω συντομεύσεις μπορούν να σας κάνουν να εργάζεστε ευκολότερα, κάνοντας τις ίδιες λειτουργίες κι επιλογές, όμως πολύ γρηγορότερα. Για μία πλήρη λίστα αυτών των συντομογραφιών, παρακαλώ επισκεφθείτε τη σελίδα Help (Βοήθεια) από την ιστοσελίδα του Adobe (http://help.adobe.com) 1. Συντομεύσεις για την Επιλογή Εργαλείων V Move εργαλείο Shift + M Rectangular Marquee εργαλείο, Elliptical Marquee εργαλείο Shift + L Lasso εργαλείο, Polygonal Lasso εργαλείο, Magnetic Lasso εργαλείο Shift + W Magic Wand εργαλείο, Quick Selection εργαλείο Shift + C Crop εργαλείο Shift + I Eyedropper εργαλείο, Color Sampler εργαλείο, Measure εργαλείο, Count εργαλείο Shift + J Spot Healing Brush εργαλείο,healing Brush εργαλείο,patch εργαλείο, Red Eye εργαλείο Shift + B Brush εργαλείο, Pencil εργαλείο, Color Replacement εργαλείο Shift + S Clone Stamp εργαλείο, Pattern Stamp εργαλείο Shift + Y History Brush εργαλείο, Art History Brush εργαλείο Shift + E Eraser εργαλείο, Background Eraser εργαλείο, Magic Eraser εργαλείο Shift + G Gradient εργαλείο, Paint Bucket εργαλείο Shift + O Dodge εργαλείο, Burn εργαλείο, Sponge εργαλείο Shift + P Pen εργαλείο, Freeform Pen εργαλείο Shift + T Horizontal Type εργαλείο, Vertical Type εργαλείο, Horizontal Type mask εργαλείο, Vertical Type mask εργαλείο Shift + A Path Selection εργαλείο, Direct Selection εργαλείο Shift + U Rectangle εργαλείο, Rounded Rectangle εργαλείο, Ellipse εργαλείο, Polygon εργαλείο, Line εργαλείο, Custom Shape εργαλείο Shift + N 3D Object Camera εργαλείο (Roll, Pan, Walk, Zoom tool) Shift + K 3D Object Rotate εργαλείο (Roll, Pan, Slide, Scale tool) R Rotate view εργαλείο H Hand εργαλείο Z Zoom εργαλείο 1 http://help.adobe.com/en_us/photoshop/cs/using/wsd578bd7d-07bc-46f6-aac2-6e491e8ad818a.html#ws24e993bc-e1f3-4ac6-8225-7685c3b17669a 50/68
Συντομεύσεις για την όψη της εικόνας Ctrl + Tab Κύκλους μέσω ανοιχτών αρχείων Shift-Ctrl-W Κλείστε ένα αρχείο στο Photoshop κι ανοίξτε το Bridge Q Εναλλαγή μεταξύ Standard mode και Quick Mask mode Shift + F Εναλλαγή προς τα εμπρός / εναλλαγή προς τα πίσω μεταξύ Standard Screen Mode, Maximized Screen Mode, Full Screen Mode και Full Screen Mode με μπάρα μενού Διπλό κλικ Hand tool Εφαρμόστε την εικόνα στο παράθυρο Ctrl + 1 Μεγεθύνετε 100% Ctrl + διάστημα Αλλάξτε σε Zoom In εργαλείο Alt + διάστημα Αλλάξτε σε Zoom Out εργαλείο Διάστημα + drag Μετακινείστε το Zoom marquee,ενώ σέρνετε με το Zoom εργαλείο Page Up / Page Down Μετακινηθείτε προς τα πάνω ή κάτω 1 screen Shift + Page Up / Page Down Μετακινηθείτε προς τα πάνω ή κάτω 10 μονάδες Home or End Μετακινείστε την προβολή στην πάνω αριστερή γωνία ή την κάτω δεξιά γωνία \ (backslash) Toggle layer mask on/off as rubylith (layer mask must be selected) Συντομεύσεις για την Γκάλερυ Φίλτρων Alt-click a filter Εφαρμόστε ένα καινούργιο φίλτρο στην κορυφή των επιλογών Alt-click a disclosure triangle Ανοίξτε/κλείστε όλα τα disclosure τρίγωνα Ctrl Αλλάξτε το κουμπί της Ακύρωσης σε προεπιλογή στο Adobe Photoshop Alt Αλλάξτε το κουμπί της Ακύρωσης για να το επαναφέρετε Ctrl + Z Αναίρεση/Επανάληψη Εργασίας Ctrl + Shift + Z Ένα βήμα μπροστά Ctrl + Alt + Z Ένα βήμα πίσω Συντομεύσεις για τις καμπύλες Ctrl + M Ανοίξτε το παράθυρο με τις Καμπύλες στο Adobe Photoshop Ctrl + Tab Επιλέξτε το επόμενο σημείο στην καμπύλη Shift + Ctrl + Tab Επιλέξτε το προηγούμενο σημείο στην καμπύλη Ctrl-κάντε κλικ στα σημεία Επιλέξτε πολλαπλά σημεία στην καμπύλη Ctrl + D Ακυρώστε μία επιλογή Επιλέξτε ένα σημείο και πατήστε Delete Η διαγραφή ενός σημείου στην καμπύλη 51/68
Βέλη Μετακινήστε το επιλεγμένο σημείο 1 μονάδα Shift + Βέλη Μετακινήστε το επιλεγμένο σημείο 10 μονάδες Alt-drag black/white point sliders Εκθέτει στιγμιότυπα και σκιές, που θα περικοπούν Ctrl-κλικ στην εικόνα Θέτει ένα σημείο στις σύνθετες καμπύλες Shift + Ctrl-κλικ στην εικόνα Θέτει ένα σημείο στα κανάλια καμπυλών Alt-click the field Εναλλάσσει το μέγεθος του πλέγματος Συντομογραφίες για Συνδυαστικούς Τρόπους Shift + + (συν) ή - (πλην) Cycle through blending modes Shift + Alt + N Κανονικό Shift + Alt + I Dissolve Shift + Alt + Q Πίσω (για το Brush Εργαλείο μόνο) Shift + Alt + R Clear (για το Brush Εργαλείο μόνο) Shift + Alt + K Darken Shift + Alt + M Multiply Shift + Alt + B Color Burn Shift + Alt + A Γραμμικό Κόψιμο Shift + Alt + G Φωτίστε Shift + Alt + S Οθόνη Shift + Alt + D Color Dodge Shift + Alt + W Linear Dodge Shift + Alt + O Overlay Shift + Alt + F Soft Light Shift + Alt + H Δυνατό Φως Shift + Alt + V Ζωηρό Φως Shift + Alt + J Γραμμικό Φως Shift + Alt + Z Pin Light Shift + Alt + L Hard Mix Shift + Alt + E Διαφορά Απαλό Φως Shift + Alt + X Αποκλεισμός Shift + Alt + U Hue Shift + Alt + T Κορεσμός Shift + Alt + C Χρώμα Shift + Alt + Y Φωτεινότητα Sponge tool + Shft + Alt + D Desaturate Sponge tool + Shft + Alt + S Saturate 52/68
3.4. Λίγα Πράγματα για το CorelDRAW. Όπως είπαμε στην αρχή της Ενότητας, το CorelDRAW είναι μία περιεκτική εφαρμογή διανυσματικών σχεδίων, που θα σας βοηθήσει να δημιουργήσετε επαγγελματικά σχέδια (απλά ή περίπλοκα). Ένα CorelDRAW παράθυρο είναι, όπως αυτό της παρακάτω εικόνας: Μπορείτε να παρατηρήσετε ότι πολλά στοιχεία του περιβάλλοντος έχουν δανεισθεί από τα Windows. Για να είμαστε πιο συγκεκριμένοι, ένα CorelDRAW παράθυρο περιλαμβάνει τα παρακάτω: - Μία μπάρα τίτλου, όπου εκτίθεται το όνομα κι η έκδοση της εφαρμογής, το όνομα του αρχείου, που είναι ανοιχτό κι άλλα κουμπιά ελέγχου (minimize, restore down και close): - Η μπάρα του μενού, που σας επιτρέπει την πρόσβαση σε διαφορετικές λειτουργίες κι άλλα κουμπιά ελέγχου (minimize, restore down και close). Η μπάρα του μενού είναι ίδια με το μενού των Windows: - Μπάρα ιδιοτήτων: 53/68
- Πλαίσιο Εργαλείων: Pick Tool Επιτρέπει την επιλογή και τη μεταφορά αντικειμένων Shape Tool (F10) Επιτρέπει την προσαρμογή του σχήματος του αντικειμένου, βασιζόμενο στους κόμβους Crop Tool Αφαιρείτε την περιοχή εκτός της επιλογής Zoom Tool (Z) Μεγεθύνετε στην περιοχή της εργασίας Freehand Tool (F5) Σχεδιάζετε καμπύλες κι ευθύγραμμα τμήματα Smart Fill Tool Συμπληρώστε γρήγορα την περιοχή Rectangle Tool (F6) Επιτρέπει το σχεδιασμό ορθογωνίων και τετραγώνων Ellipse Tool (F7) Επιτρέπει το σχεδιασμό οβάλ σχημάτων, κύκλων και τόξων Polygon Tool (Y) Επιτρέπει το σχεδιασμό πολυγώνων κι αστεριών Basic Shapes Σχεδιασμό βασικών σχημάτων Text Tool (F8) Επιτρέπει το γράψιμο (κείμενα με παραγράφους ή καλλιτεχνικά κείμενα) Table Tool Επιτρέπει το σχεδιασμό τραπεζίων Interactive Blend Tool Συνδυάστε δύο αντικείμενα Eyedropper Tool Σας επιτρέπει να επιλέξετε ένα χρώμα, που έχετε ήδη χρησιμοποιήσει στο σχεδιασμό Outline Tool σας επιτρέπει να αλλάζετε τις διαστάσεις, όπως Πάχος, Χρώμα, Στυλ, Arrowheads and Line caps κάθε γραμμής κλπ. Fill παρουσιάζει το fly out που περιλαμβάνει διάφορες επιλογές, όπως Uniform fill, Fountain fill, Texture fill, Postscript fill και No fill. Interactive Fill Tool (G) Εφαρμόζει το Fountain fill - CMYK Παλέτα, σας επιτρέπει να αλλάζετε πολύ εύκολα τα χρώματα του παρασκηνίου 54/68
Στο επόμενο κεφάλαιο θα μάθουμε πώς να δημιουργούμε ένα σχέδιο στο CorelDRAW. 3.5. Λίστα συντομεύσεων πληκτρολογίου για το CorelDRAW X6 Οι ακόλουθες συντομεύσεις θα σας κάνουν να εργάζεστε ευκολότερα, κάνοντας τις ίδιες υπάρχουσες εργασίες και επιλογές, αλλά πολύ γρηγορότερα. Για μία πλήρη λίστα αυτών των συντομεύσεων, παρακαλώ επισκεφθείτε την ιστοσελίδα της Corel (www.corel.com) 2 ΕΝΤΟΛΗ ΣΥΝΤΟΜΕΥΣΗ ΠΛΗΡΟΦΟΡΙΑ Artistic Media I Σχεδιάζει καμπύλες και εφαρμόζει τις Preset, Brush, Spray, Calligraphic ιδιότητες στα strokes Back One Ctrl+PgDn Τοποθετεί το επιλεγμένο αντικείμενο μία θέση πίσω στη σειρά αντικειμένων Bold Ctrl+B Αλλάζει το στυλ του κειμένου σε bold (έντονο) Break Apart Ctrl+K Σπάει το επιλεγμένο αντικείμενο Bullet Ctrl+M Προσθέτει/αφαιρεί τελείες Center Ctrl+E Αλλάζει την παράταξη του κειμένου με την ευθυγράμμιση του κέντρου Center to Page P Ευθυγραμμίζει τα κέντρα των επιλεγμένων αντικειμένων στη σελίδα Color Shift+F12 Ανοίγει το παράθυρο Outline Color 2 http://product.corel.com/help/coreldraw/540240626/main/en/doc/wwhelp/wwhimpl/js/html/wwhelp.htm?context= CorelDRAW_Help&topic=IDDH_DEFAULT_HELP_PAGE&single= 55/68
Combine Ctrl+L Συνδυάζει τα επιλεγμένα αντικείμενα Convert To Curves Ctrl+Q Μετατρέπει το επιλεγμένο αντικείμενο σε μία καμπύλη. Η μετατροπή σε καμπύλες σας παρέχει πιο ευέλικτη επεξεργασία Convert To Paragraph Text Ctrl+F8 Μετατρέπει το καλλιτεχνικό κείμενο σε κείμενο με παραγράφους κι αντίστροφα Convert Outline To Object Ctrl+Shift+Q Μετατρέπει το περίγραμμα σε ένα αντικείμενο Copy Ctrl+C Αντιγράφει την επιλογή και την τοποθετεί στο Clipboard Cut Ctrl+X Κόβει την επιλογή και την τοποθετεί στο Clipboard Delete Delete Διαγράφει το επιλεγμένο αντικείμενο Duplicate Ctrl+D Αντιγράφει το επιλεγμένο αντικείμενο και αντισταθμίζεται σε ένα συγκεκριμένο ποσό Edit Text... Ctrl+Shift+T Ανοίγει το παράθυρο Edit Text(Επεξεργασία Κειμένου) Ellipse F7 Σχεδιάζει οβάλ σχήματα και κύκλους. Κάνοντας διπλό κλικ στο εργαλείο ανοίγει την καρτέλα των εργαλείων του παραθύρου με τις επιλογές (Options dialog box) Eraser X Σβήνει μέρος του γραφικού σχεδίου ή χωρίζει ένα αντικείμενο σε δύο μικρότερα Exit Alt+F4 Εξέρχεται από το CorelDRAW και σας υπενθυμίζει να αποθηκεύσετε το τρέχον σχέδιο Export... Ctrl+E Αλλάζει το κείμενο ή αντικείμενα σε μία άλλη φόρμα Fill G Προσθέτει ένα συμπλήρωμα στο αντικείμενο. Κάνοντας κλικ πάνω στο αντικείμενο και σέρνοντάς εφαρμόζεται ένα συμπλήρωμα Find Text... Alt+F3 Βρίσκει το καθορισμένο κείμενο στο σχέδιο Font List Ctrl+Shift+F Εμφανίζει μία λίστα με όλες τις διαθέσιμες/ενεργές γραμματοσειρές Force Full Ctrl+H Αλλάζει την παράταξη του κειμένου, για να κάνει την τελευταία γραμμή τελείως ευθυγραμμισμένη Format Text... Ctrl+T Οργανώνει τις ιδιότητες του κειμένου Forward One Ctrl+PgUp Τοποθετεί το επιλεγμένο αντικείμενο μία θέση μπροστά Fountain F11 Εφαρμόζει fountain συμπληρώσεις στα αντικείμενα Freehand F5 Σχεδιάζει ευθείες και καμπύλες σε Freehand mode(ελεύθερο Σχέδιο) 56/68
Full Ctrl+J Αλλάζει την παράταξη του κειμένου σε πλήρη ευθυγράμμιση Full-Screen Preview F9 Παρουσιάζει μία προεπισκόπηση του σχεδίου σε πλήρη οθόνη Graph Paper D Σχεδιάζει μία ομάδα ορθογωνίων. Κάνοντας διπλό κλικ ανοίγει την καρτέλα του παραθύρου Επιλογών (Options dialog box) Group Ctrl+G Ομαδοποιεί τα επιλεγμένα αντικείμενα HTML Font Size List Ctrl+Shift+H Εμφανίζει μία λίστα όλων των διαθέσιμων/ενεργών HTML μεγεθών γραμματοσειράς Horizontal Text Ctrl+, Μεταβάλλει το κείμενο σε οριζόντια κατεύθυνση Import... Ctrl+I Εισάγει κείμενο ή αντικείμενα Interactive Fill G Προσθέτει ένα συμπλήρωμα στο αντικείμενο. Κάνοντας κλικ πάνω στο αντικείμενο και σέρνοντάς το Left Ctrl+L Μεταβάλλει την παράταξη του κειμένου σε αριστερή στοίχιση Mesh Fill M Μετατρέπει ένα αντικείμενο σε Mesh Fill αντικείμενο Next Page PgDn Πηγαίνει στην επόμενη σελίδα New Ctrl+N Δημιουργεί ένα καινούργιο σχέδιο Open... Ctrl+O Ανοίγει ένα υπάρχον σχέδιο Options... Ctrl+J Ανοίγει το παράθυρο με τις ρυθμίσεις των CorelDRAW επιλογών Paste Ctrl+V Επικολλά τα Clipboard περιεχόμενα μέσα στο σχέδιο Pen F12 Ανοίγει το Outline Pen παράθυρο Polygon Y Σχεδιάζει συμμετρικά πολύγωνα. Κάνοντας διπλό κλικ ανοίγει την καρτέλα των εργαλείων(toolbox tab) του παραθύρου Επιλογών (Options) Previous Page PgUp Πηγαίνει στην προηγούμενη σελίδα Print... Ctrl+P Εκτυπώνει το τρέχον σχέδιο Properties Alt+Return Παρουσιάζει αντικείμενα ή ιδιότητες των εργαλείων ανάλογα με την τρέχουσα επιλογή ή εργαλείο. Rectangle F6 Σχεδιάζει ορθογώνια παραλληλόγραμμα. Κάνοντας διπλό κλικ στο εργαλείο, δημιουργείται ένα πλαίσιο στη σελίδα 57/68
Redo Ctrl+Shift+Z Αναιρεί την τελευταία εργασία Refresh Window Ctrl+W Επανασχεδιάζει το παράθυρο Repeat Ctrl+R Επαναλαμβάνει την τελευταία εργασία Right Ctrl+R Μεταβάλλει την παράταξη του κειμένου σε δεξιά ευθυγράμμιση Save... Ctrl+S Αποθηκεύει το τρέχον σχέδιο. Select all Ctrl+A Επιλέγει όλα τα αντικείμενα της τρέχουσας σελίδας. Shape F10 Επεξεργάζεται τους κόμβους ενός αντικειμένου, κάνοντας διπλό κλικ στο εργαλείο. Spell Check... Ctrl+F12 Ανοίγει το Spell Checker. Ελέγχει την ορθογραφία του επιλεγμένου κειμένου. Spiral A Σχεδιάζει ελικοειδή αντικείμενα. Κάνοντας διπλό κλικ ανοίγει την καρτέλα των εργαλείων του παραθύρου Επιλογών Text F8 Προσθέτει κείμενο. Κάντε κλικ στη σελίδα, για να προσθέσετε Artistic Text(Καλλιτεχνικό κείμενο).κάντε κλικ και σύρετε, για να προσθέσετε κείμενο με παραγράφους. Undo Delete Ctrl+Z Αντιστρέφει την τελευταία εργασία Ungroup Ctrl+U Καταργεί την ομαδοποίηση των επιλεγμένων αντικειμένων ή ομάδων αντικειμένων Uniform Fill... Shift+F11 Συμπληρώνει με ομοιόμορφο χρώμα τα αντικείμενα Underline Ctrl+U Αλλάζει το στυλ του κειμένου για υπογράμμιση Use bullets Ctrl+M Εμφανίζει/Κρύβει Bullet (Τελείες) Vertical Text Ctrl+. Μεταβάλλει το κείμενο σε κατακόρυφο Visual Basic Editor... Alt+F11 Τρέχει τα Οπτικά Βασικά (Visual Basic) για τις εφαρμογές του Εκδότη What's This? Shift+F1 Invokes Τι είναι αυτό; Help (Βοήθεια) Zoom Z Zoom Εστίαση Zoom Out F3 Κάνει σμίκρυνση στο σχέδιο Zoom To Fit F4 Κάνει μεγέθυνση σε όλα τα αντικείμενα στο σχέδιο Zoom To Page Shift+F4 Παρουσιάζει όλη την εκτυπώσιμη σελίδα Zoom To Selection Shift+F2 Κάνει μεγέθυνση μόνο στο επιλεγμένο αντικείμενο 58/68
4. ΔΗΜΙΟΥΡΓΙΑ ΣΧΕΔΙΟΥ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ 4.1.Δημιουργία σχεδίου για το διαδίκτυο με Adobe Photoshop Το Adobe Photoshop είναι το κύριο λογισμικό για τη δημιουργία επαγγελματικών σχεδίων στο διαδίκτυο, πέρα από τις δωρεάν πλατφόρμες, όπως τα WordPress, Joomla, OSCommerce κλπ. Γενικά, μία ιστοσελίδα αποτελείται από έξι βασικά στοιχεία: τον Τίτλο, τον Υπότιτλο, τις Αριστερές, Δεξιές Σελίδες και το κάτω μέρος της. Ας τα αναλύσουμε ξεχωριστά και ας δούμε τι περιέχουν συνήθως. Τίτλος Υπότιτλος (Οριζόντιο Μενού) Δεξιά Αριστερά (Νέα (Κατακόρυφο Μενού) Σελίδες Επικοινωνία Χάρτης Κλπ.) Κάτω μέρος (Μετρητής Επισκεψιμότητας, Πνευματικά Δικαιώματα, Μενού κάτω μέρους κλπ.) Τίτλος Περιέχει το όνομα και το σήμα της εταιρίας, που κατέχει την ιστοσελίδα, τις φωτογραφίας κλπ. Υπότιτλος Περιέχει οριζόντιο μενού κλπ. Αριστερά Περιέχει κατακόρυφο μενού κλπ. 59/68
Σελίδες Περιέχουν συγκεκριμένο περιεχόμενο κάθε σελίδας, ενώ τα άλλα στοιχεία παραμένουν σταθερά. Δεξιά Μπορεί να περιλαμβάνονται: Nέα, Στοιχεία Επικοινωνίας, Χάρτης κλπ. Κάτω μέρος της ιστοσελίδας Μπορεί να περιλαμβάνει: Μετρητή Επισκεψιμότητας, Πνευματικά Δικαιώματα, Μενού κάτω μέρους κλπ. Ας εφαρμόσουμε αυτό το σχέδιο σε μία περίπτωση. Ας υποθέσουμε ότι πρέπει να δημιουργήσουμε μία ιστοσελίδα για μια εταιρία, που οργανώνει πάρτι για παιδιά. Εφαρμόζοντας αυτά που μάθαμε στο κεφάλαιο Σχεδιασμού Γραφικών (Graphic Design), αυτή η ιστοσελίδα θα μοιάζει κάπως έτσι: Ας χρησιμοποιήσουμε τώρα το Slice Tool, για να χωρίσουμε το σχέδιο σε ορθογώνια παραλληλόγραμμα, σύμφωνα με το σχέδιο που παρουσιάσαμε νωρίτερα σε αυτό το Κεφάλαιο. 60/68
Θα έχουμε ένα αποτέλεσμα, όπως αυτό της παρακάτω εικόνας: Πηγαίνετε στο File (Αρχείο) Save (Αποθήκευση) για το διαδίκτυο. Θα ανοίξει το ακόλουθο παράθυρο: 61/68
Ονομάστε το αρχείο index.html και μετά Αποθηκεύστε (Save) το. Όταν πληκτρολογείτε μία διεύθυνση ιστοσελίδας στο διαδίκτυο, φαίνεται σαν index.html, default.html και ως μερικές προεκτάσεις αυτών των δύο αρχείων. Εάν ο περιηγητής δεν το βρει, θα εμφανιστεί ένα μήνυμα λάθους. Αυτόματα, θα δημιουργηθεί ένας φάκελος εικόνες. Θα μοιάζει, με την παρακάτω εικόνα: 62/68
Ας πάμε τώρα στον Φάκελο, όπου αποθηκεύσαμε την ιστοσελίδα και κάνουμε διπλό κλικ στο index.html αρχείο για να το ανοίξουμε. Θα αποκτήσουμε ένα αποτέλεσμα, όπως αυτό της παρακάτω εικόνας: 63/68
4.2. Δημιουργία σχεδίων για το διαδίκτυο με CorelDRAW Θα δημιουργήσουμε το ίδιο με αυτό, που δημιουργήσαμε στο Photoshop σχέδιο, αλλά αυτή τη φορά χρησιμοποιώντας το πρόγραμμα CorelDRAW. Με το CorelDRAW είναι ευκολότερο να δημιουργείτε σχέδια, αλλά οι εικόνες, που θα δημιουργήσουμε θα πρέπει να υποβληθούν στο Photoshop. Αυτές θα είναι οι ακόλουθες: Ανοίξτε το CorelDRAW και δημιουργείστε ένα καινούργιο αρχείο χρησιμοποιώντας το συνδυασμό των κουμπιών File (Αρχείο) New (Καινούργιο) ή Ctrl + N. Από το Μενού των Σχεδίων (Layout Menu) επιλέξτε τη Διαμόρφωση Σελίδας (Page Setup). Κάντε τις ρυθμίσεις από την παρακάτω εικόνα και πατήστε OK. 64/68
Πρώτα, θα δημιουργήσουμε το παρασκήνιο. Για να κάνουμε αυτό, επιλέγουμε το Εργαλείο Ορθογωνίων Παραλληλογράμμων (Rectangle Tool) από το Πλαίσιο Εργαλείων στην αριστερή πλευρά του παραθύρου του προγράμματος και περιβάλλετέ το με το πλασματικό πλαίσιο. Μετά επιλέξτε Fill Fountain Fill, επιλέξτε το χρώμα, που θέλετε να χρησιμοποιήσετε, επιλέξτε μία γωνία 90 μοιρών, έτσι ώστε η κλίση να είναι κατακόρυφη και μετά πατήστε OK. Για μεγαλύτερο έλεγχο μπορούμε να χρησιμοποιήσουμε το Interactive Fill Εργαλείο. Ας επιλέξουμε το πρώτο εργαλείο από τα αριστερά, το Pick Tool και μετά κάντε κλικ στο ορθογώνιο για να το επιλέξετε, εάν δεν είναι ήδη επιλεγμένο. Μετά δεξί κλικ στο πρώτο κελί της Χρωματικής Παλέτας στη δεξιά πλευρά, αυτό με το X, για να αφαιρέσετε τα όρια του ορθογωνίου. Εάν η Χρωματική Παλέτα δεν υπάρχει, πρέπει να την ενεργοποιήσουμε από το μενού των Window Colour Palettes. Προσέξτε να επιλέξετε την RGB παλέτα, γιατί θα δουλέψουμε για το διαδίκτυο. Θα έχουμε ένα αποτέλεσμα, όπως αυτό της παρακάτω εικόνας: 65/68