Eνότητα 4:Μαθήμα Γραφικού Σχεδίου – Photoshop και

Eνότητα 4:Μαθήμα Γραφικού
Σχεδίου – Photoshop και
CorelDRAW
e-LIFE
ΗΛΕΚΤΡΟΝΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ
ΔΙΑΔΙΚΤΥΑΚΟ ΚΕΝΤΡΟ ΓΙΑ ΑΤΟΜΑ
ΜΕ ΣΩΜΑΤΙΚΕΣ ΑΝΑΠΗΡΙΕΣ
2011-1-RO1-LEO05-15322
Αυτό το πρόγραμμα έχει συγχρηματοδοτηθεί
από την Ευρωπαϊκή Επιτροπή. Αυτή η έκδοση
απηχεί τις απόψεις μόνο των συγγραφέων κι η
Επιτροπή δεν είναι υπεύθυνη για καμία χρήση
των πληροφοριών, που εμπεριέχονται σε
αυτήν.
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ
1.
2.
3.
ΠΕΡΙΓΡΑΦΗ ΕΝΟΤΗΤΑΣ ................................................................ 3
ΕΙΣΑΓΩΓΗ .................................................................................... 5
ΓΡΑΦΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ .............................................................. 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
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
2/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
1. ΠΕΡΙΓΡΑΦΗ ΕΝΟΤΗΤΑΣ
ΤΙΤΛΟΣ ΕΝΟΤΗΤΑΣ
Γραφικός Σχεδιασμός
CorelDRAW
ΚΩΔΙΚΟΣ
VAT4
ΛΕΞΕΙΣ-ΚΛΕΙΔΙΑ
Γραφικός Σχεδιασμός, σχέδια για το διαδίκτυο,
διαδικτυακό επάγγελμα, γραφικά
ΟΜΑΔΑ-ΣΤΟΧΟΣ
Η ομάδα-στόχος αυτής της ενότητας είναι άτομα
με σωματική αναπηρία, που αναζητούν ευκαιρίες
για να εισαχθούν και προσπαθούν να αποκτήσουν
ή να διατηρήσουν επαφή με το μάρκετινγκ
διαδικτυακής εργασίας.
ΕΠΙΠΕΔΟ
Μέσο
ΕΠΑΓΓΕΛΜΑΤΙΚΕΣ
ΕΥΚΑΙΡΙΕΣ
Έμπειροι, ανεξάρτητοι προμηθευτές που μπορούν
να δημιουργούν σχέδια για ιστοσελίδες, γραφικά
διαφημίσεων κλπ.

ΣΤΟΧΟΙ ΕΝΟΤΗΤΑΣ
ΑΠΟΤΕΛΕΣΜΑΤΑ
ΕΚΜΑΘΗΣΗΣ
– Adobe Photoshop
και
Αυτή η ενότητα παρέχει στους συμμετέχοντες
πρακτικές, περιληπτικές γνώσεις για το πώς θα
ξεκινήσετε επιτυχημένα να δημιουργείτε γραφικά
διαφημίσεων
και
σχέδια
για
διαδικτυακές
ιστοσελίδες. Θα μάθουν τί είναι απαραίτητο για
πετυχημένη ανάπτυξη καριέρας με τις απαραίτητες
γνώσεις και προσόντα στον σχεδιασμό γραφικών.
Μετά την επιτυχημένη ολοκλήρωση αυτής της
ενότητας θα μάθετε ‘‘πώς να γίνετε ένα σχεδιαστής
γραφικών” και θα μάθετε πώς να το κάνετε
ΠΡΟΑΠΑΙΤΟΥΜΕΝΕΣ Χρήση του βασικού ICT
ΙΚΑΝΟΤΗΤΕΣ:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
3/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
ΠΡΟΑΠΑΙΤΟΥΜΕΝΑ
ΠΡΟΓΡΑΜΜΑΤΑ:
κανένα
ΔΙΔΑΚΤΙΚΕΣ ΩΡΕΣ:
44 ώρες
ΕΠΑΡΚΕΙΑ
Αναπτύξτε
κι
εκτελέστε
αποτελεσματικές
εργασιακές μεθόδους και διαδικασίες
AΞΙΟΛΟΓΗΣΗ
Η αξιολόγηση θα αποτελείται από ένα πολλαπλής
επιλογής διαγώνισμα. Κάθε διαγώνισμα θα
αποτελείται από ερωτήσεις πολλαπλής επιλογής
που θα εξετάζουν τις γνώσεις των υποψηφίων και
την κατανόησή των μαθημάτων.
ΚΑΤΗΓΟΡΙΑ
Κόστος (βελτιστοποίηση κόστους)
Χρόνος (αποτελεσματική διαχείριση χρόνου)
Ποιότητα εξυπηρέτησης (s-quality)
Ποιότητα διαχείρισης (m-quality)
ΣΥΜΠΛΗΡΩΜΑΤΙΚΑ
ΣΤΟΙΧΕΙΑ
κανένα
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
4/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
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, αλλά ένα στο οποίο θα μάθετε τις σημαντικότερες
έννοιες τις οποίες ένας επαγγελματίας γραφικών και σχεδιασμού ιστοσελίδων, χρησιμοποιεί στην
εργασία του/της.
Στο τέλος αυτής της ενότητας θα είστε σε θέση να δημιουργήσετε επαγγελματικά γραφικά, που
οποιαδήποτε επιχείρηση θα θελήσει να αγοράσει και να χρησιμοποιήσει.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
5/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3. ΣΧΕΔΙΑΣΜΟΣ ΓΡΑΦΙΚΩΝ
3.1. Μενού του Adobe Photoshop
3.1.1.
File (Αρχείο)
Καινούργιο
Για τη δημιουργία ενός νέου αρχείου πηγαίνετε στο File(Αρχείο) – New(Καινούργιο). Θα ανοίξει
το παρακάτω παράθυρο:
Από εδώ μπορείτε να επιλέξετε το όνομα του αρχείου, το μέγεθος της εικόνας, τα μέτρα της
ενότητας, την ανάλυση (ποιότητα), τον τρόπο χρωματισμού και τον τύπο του παρασκηνίου.
Κάντε τις επιθυμητές ρυθμίσεις και πατήστε OK.
Ανοίξτε (Open)
Με αυτή την επιλογή, όπως και σε πολλά, άλλα προγράμματα, που ξέρετε και χρησιμοποιείτε,
μπορείτε να ανοίξετε για να επεξεργαστείτε εικόνες κι αρχεία από τον υπολογιστή σας.
Κλείστε (Close)
Με αυτήν την επιλογή, αντίστροφη της λειτουργίας Open, μπορούμε να κλείσουμε τα αρχεία. Tο
ίδιο πράγμα μπορεί να γίνει και με την χρήση του “X” στο επάνω δεξιά μέρος του παραθύρου
του αρχείου, όπως συμβαίνει και με όλα τα παράθυρα του Windows Operating System. Εάν δεν
έχουμε αποθηκεύσει τις τελευταίες τροποποιήσεις, το πρόγραμμα θα μας ρωτήσει εάν θέλουμε
να το κάνουμε.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
6/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Αποθηκεύστε (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 αρχεία, σαρωμένα υλικά και να
εισάγετε φωτογραφίες από ψηφιακές κάμερες.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
7/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Automate (Αυτοματοποίηση)
Μία από τις πιο διαδεδομένες χρήσης από αυτό το υπομενού είναι το Web Photo Gallery. Είναι
ένα άριστο εργαλείο για να δημιουργείτε γρήγορα άλμπουμ φωτογραφιών για ιστοσελίδες,
ελκυστικές και εύκολες στην πλοήγηση.
Ας αναλύσουμε τώρα τις πιο σημαντικές καρτέλες αυτού του παραθύρου.
Styles (Σχέδια)
Τώρα μπορούμε να χρησιμοποιήσουμε το σχέδιο για την Γκαλερί.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
8/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Folders (Φάκελοι)
Browse (Περιήγηση)
Επιλέξτε τον Folder(φάκελο) που περιέχει τις εικόνες, που θα χρησιμοποιηθούν για την Γκαλερί.
Destination (Προορισμός)
Καθορίστε τον Φάκελο, όπου θα δημιουργήσουμε την Γκαλερί.
Options (Επιλογές)
Εδώ επιλέγουμε το μέγεθος της εικόνας.
Πληροφορίες σχετικά με την Γκαλερί
Καθορίστε το όνομα της ιστοσελίδας, το όνομα της φωτογραφίας, τα δεδομένα επικοινωνίας (email, τηλέφωνο …), ημερομηνία, όνομα γραμματοσειράς, μέγεθος γραμματοσειράς.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
9/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Εκτύπωση (Print)
Όπως και σε άλλα προγράμματα, που γνωρίζετε και χρησιμοποιείτε, με αυτήν την εντολή
μπορείτε να στείλετε στον εκτυπωτή σας την εργασία σας.
Όνομα
Επιλέξτε τον εκτυπωτή.
Ιδιότητες
Σχεδιασμός Σελίδας
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
10/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Επιλέξτε τον αριθμό των αντιγράφων και τον προσανατολισμό της σελίδας – Portrait ή
Landscape κλπ.
Χαρτί
Μέγεθος Χαρτιού (Γράμμα, A4, A5 …), ταιριάξτε την εικόνα με το χαρτί, επιλογή δίσκου (Δίσκος
1, Δίσκος 2, …), καθορίστε τον τύπο του χαρτιού (normal, cardboard …).
Ποιότητα Εκτύπωσης
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
11/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Ανάλυση είναι η ποιότητα της εικόνας. Όταν η ανάλυση είναι υψηλή, η ποιότητα της εικόνας
είναι επίσης υψηλή.
Η ασπρόμαυρη ή σε κλίμακα του γκρι εκτύπωση χρησιμοποιείται για οικονομία του τόνερ.
3.1.2.
Επεξεργασία
Αναιρώ (Undo) / Επαναλαμβάνω (Redo)
Όπως στα περισσότερα προγράμματα, η εντολή Undo ακυρώνει την τελευταία ενέργειά σας,
αντίθετα με το Redo το οποίο σας πάει ένα βήμα μπροστά. Σε αντίθεση με τα άλλα
προγράμματα, στο Adobe Photoshop αυτές οι εντολές χρησιμοποιούνται μόνο για μία εργασία.
Για να επιστρέψετε/διορθώσετε μερικές εργασίες πίσω ή μπροστά, πρέπει να χρησιμοποιήσουμε
το History Panel(Πίνακας Ιστορικού) και να κάνουμε κλικ στην εργασία, στην οποία θέλουμε να
επιστρέψουμε. Ο πίνακας εμφανίζεται στη δεξιά πλευρά του χώρου εργασίας του Adobe
Photoshop και μπορεί να ενεργοποιηθεί και να απενεργοποιηθεί από το Window μενού. Θα
μιλήσουμε για αυτά σε αυτό το πρόγραμμα.
Cut (Αποκοπή)
Αντιγράφετε στη μνήμη και διαγράφετε την επιλεγμένη περιοχή από το τρέχον Επίπεδο.
Copy (Αντιγραφή)
Αντιγράφετε στη μνήμη την επιλεγμένη περιοχή από το τρέχον Επίπεδο, αλλά δεν το
διαγράφετε, όπως συμβαίνει με την εντολή Cut.
Paste (Επικόλληση)
Αντιγράφετε (επικολλάτε) στο Επίπεδο την επιλεγμένη περιοχή από το τρέχον Επίπεδο, που
αντιγράφηκε στη μνήμη με τις εντολές Cut ή Copy.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
12/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Clear (Εκκαθάριση)
Διαγράφετε την επιλεγμένη περιοχή από το τρέχον Επίπεδο. Εναλλακτικά, μπορούμε να
χρησιμοποιούμε το πλήκτρο Delete.
Fill (Συμπληρώνω)
Συμπλήρωσε την επιλεγμένη περιοχή από το τρέχον Επίπεδο με χρώμα παρασκηνίου, χρώμα
φόντο ή με ένα πρότυπο (Texture).
Stroke
Δημιουργείστε ένα όριο για την επιλεγμένη περιοχή από το τρέχον επίπεδο. Οι σημαντικότερες
παράμετροι των συνόρων, που μπορούμε να θέσουμε είναι: πλάτος, χρώμα και θέση (Μέσα,
Κέντρο ή έξω).
Free Transform (ελεύθερη μετατροπή)
Με αυτήν την εντολή μπορούμε να κλιμακώσουμε και/ή να περιστρέψουμε την επιλεγμένη
περιοχή από το τρέχον Επίπεδο.
Αφού κάνουμε αυτό, θα παρατηρήσουμε ότι θα εμφανιστούν οκτώ σημεία ελέγχου, τέσσερα στις
γωνίες των ορθογωνίων και τέσσερα στη μέση των πλευρών.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
13/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Τραβώντας τις γωνίες με πατημένο το αριστερό κουμπί του ποντικιού, μπορούμε να αλλάξουμε
και το πλάτος και το μήκος.
Εάν θέλουμε να αλλάξουμε την κλίμακα μιας εικόνας αναλογικά χωρίς τη διαστρέβλωσή της,
πρέπει να πατήσουμε το πλήκτρο Shift.
Τραβώντας με το ποντίκι από τη μέση των πλευρών τροποποιούμε μόνο μια διάσταση.
Εάν θέλουμε να περιστρέψουμε την επιλογή, τοποθετούμε το δείκτη έξω από ένα σημείο και πιο
κοντά σε αυτό. Θα εμφανιστεί μια μικρή καμπύλη με βέλη και στις δύο άκρες. Έπειτα, σύρετε με
το ποντίκι προς τα αριστερά ή τα δεξιά.
Transform (Μετατροπή)
Κλιμάκωση (Scale) – μιλήσαμε παραπάνω.
Περιστροφή (Rotate) – την εξηγήσαμε στο Free Transform.
Skew – παραμορφώνει την επιλογή στο τρέχον Επίπεδο ως κατακόρυφο ή οριζόντιο
παραλληλόγραμμο.
Distort – μπορούμε να παραμορφώσουμε την επιλεγμένη περιοχή τραβώντας με το ποντίκι από
καθένα από τα οχτώ σημεία.
Perspective – αλλάξτε τη γωνία από την οποία βλέπετε την εικόνα, τραβώντας με το ποντίκι από
ένα από τα οχτώ σημεία.
Περιστροφή 180 – περιστρέψτε την εικόνα 180 μοίρες.
Περιστροφή 90 δεξιόστροφα – περιστρέψτε την εικόνα 90 μοίρες δεξιόστροφα.
Περιστροφή 90 αριστερόστροφα – περιστρέψτε την εικόνα 90 μοίρες αριστερόστροφα.
Οριζόντια στροφή – οριζόντια απεικόνιση.
Κατακόρυφη στροφή – κατακόρυφη απεικόνιση.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
14/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
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 τρόπος χρωματισμού χρησιμοποιείται για εκτυπώσεις.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
15/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Προσαρμογές
Καμπύλες (Curves)
Από εδώ μπορούμε να ελέγξουμε τους χρωματικούς τόνους των εικόνων τραβώντας το ποντίκι
στα προκαθορισμένα σημεία στη μέση της διαγωνίου. Εάν θέλουμε να δημιουργήσουμε
επιπρόσθετα
σημεία
ελέγχου, απλά
κάνουμε
Διπλό-Κλικ στο μέρος,
που θέλουμε
να
εμφανιστούν αυτά. Μπορούμε επίσης να εργαστούμε ξεχωριστά με τους χρωματισμούς. Κόκκινο
– πράσινο – μπλε για τους κώδικες RGB επιλέγοντάς τα από την κορυφή του παραθύρου. Όταν
θα είστε ικανοποιημένοι με το αποτέλεσμα πατήστε OK ή Cancel(Ακύρωση), εάν θέλετε να
ακυρώσετε τις αλλαγές.
Φωτεινότητα (Brightness)/Αντίθεση (Contrast)
Η αλλαγή της φωτεινότητας και της αντίθεσης γίνεται πατώντας τους δείκτες, που είναι
προκαθορισμένοι στο μέσο της κλίμακας. Εάν το σύρουμε προς τα αριστερά το μειώνουμε και
προς τα δεξιά το αυξάνουμε. Διατηρείστε το Πλαίσιο Προεπισκόπησης επιλεγμένο για να βλέπετε
τις αλλαγές.
Αυτόματη Αντίθεση (Auto Contrast)
Η βελτιστοποίηση της αντίθεσης γίνεται αυτόματα.
Διπλότυπο (Duplicate)
Δημιουργείστε ένα αντίγραφο της εικόνας σε ένα νέο παράθυρο.
Μέγεθος Εικόνας (Image Size)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
16/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Εάν θεωρήσουμε ότι δεν έχουμε επιλέξει σωστά τις διαστάσεις, τις μονάδες μέτρησης και την
ανάλυση της εικόνας, όταν δημιουργήσαμε το αρχείο, μπορούμε να τις αλλάξουμε με αυτήν την
εντολή.
Μέγεθος Canavas
Συνήθως, αυτή η εντολή χρησιμοποιείται όταν θέλουμε να αυξήσουμε το μέγεθος του χώρου,
όπου θα είναι η εικόνα, αφήνοντας το μέγεθός της αμετάβλητο, για να προσθέσουμε νέα
στοιχεία. Αυτή η αύξηση μπορεί να είναι των 9 γραμμών (συμπεριλαμβανομένου του κέντρου),
όπως φαίνεται και στο πλαίσιο (Anchor).
Περιστροφή Canavas
Καταλάβατε μερικές λειτουργίες, που συζητήσαμε στο Edit – Transform.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
17/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
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.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
18/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
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 θα
μοιάζει, όπως φαίνεται στην παρακάτω εικόνα:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
19/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Για να επιστρέψουμε, πρέπει να κάνουμε μόνο την αντίστροφη εργασία, σέρνοντας το Layer
πίσω στον κυρίως Πίνακα των Windows. Ο φάκελος (Set) μπορεί να κλείσει και να ανοιχθεί
όπως κάθε αρχείο διαχείρισης των Windows, κάνοντας κλικ στο κοντινό βέλος. Εάν δεν το
χρειάζεστε άλλο, όπως στην παρούσα περίπτωση, μπορούμε να σύρουμε το φάκελο στο Panel
Trash.
Διπλό Layer
Δημιουργείστε ένα αντίγραφο στο τρέχον Layer.
Delete (Διαγραφή)
Διαγράψτε το τρέχον Layer.
Layer Style
Επιτρέψτε τη δημιουργία των Layers ιδιοτήτων. Αυτό το υπομενού είναι ευκολότερο στη χρήση
εάν κάνουμε διπλό κλικ στην εικόνα στον Πίνακα των Layers ή στο άδειο και μπλε τμήμα του
επιθυμητού Layer. Θα δούμε το παρακάτω παράθυρο:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
20/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Οι πιο διαδεδομένες ιδιότητες είναι: Drop Shadow, Inner Shadow, Outer Glow, Inner Glow,
Bevel and Emboss, Satin και Stroke. Σας συνιστούμε να “παίξετε” με καθεμία από αυτές τις
ιδιότητες και να παρατηρήσετε τα αποτελέσματα.
Όπως συζητήσαμε παραπάνω, εάν ένα Layer είναι τοποθετημένο κάτω από ένα άλλο Layer, το
πρώτο layer δεν μπορεί να ιδωθεί κανονικά. Για να αρχίσει να γίνεται ορατό, πρέπει να
αλλάξουμε την αδιαφάνεια του παραπάνω Layer. Μπορούμε να το κάνουμε από το πάνω δεξιά
μέρος του Πίνακα των Layers. Μπορείτε να δείτε πώς θα εμφανιστεί το “Peleş Castle” Layer με
50% αδιαφάνεια:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
21/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Εάν θέλουμε να χειριστούμε περισσότερα 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 (Επανα-επιλέξτε)
Επαναφέρετε την επιλογή.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
22/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Inverse (Αντιστροφή)
Αντιστρέψτε την επιλεγμένη περιοχή.
Feather
“Απαλύνει” την επιλογή των άκρων, έτσι ώστε να μην φαίνονται τα πίξελ (jagged), εάν θέλουμε
να την κόψουμε.
Εάν εισάγουμε στο παράθυρο του Feather μία μεγαλύτερη τιμή, το άκρο θα εξασθενήσει.
Στις περισσότερες περιπτώσεις οι τιμές που χρησιμοποιούνται είναι 1 ή 2.
Τροποποίηση
Όρια
Δημιουργείστε στην επιλογή ένα άκρο, με το πάχος που θέλετε. Γεμίζοντάς το με χρώμα, θα
κάνουμε κάτι σαν την παρακάτω εικόνα:
Expand (Επέκταση)
Eπεκτείνετε την επιλεγμένη περιοχή με τον αριθμό των πίξελ, που θέλετε να εισάγετε.
Contract (Συστολή)
Μειώστε την επιλεγμένη περιοχή με τον αριθμό των πίξελ, που θέλετε να εισάγετε.
Transform Selection
Τροποποιήστε το μήκος και το πλάτος της επιλεγμένης περιοχής χωρίς να επηρεάσετε την
εικόνα από καμία άποψη. Αφού γίνει αυτή η εντολή, στην οθόνη θα εμφανιστούν οκτώ σημεία
ελέγχου, τέσσερα στις γωνίες και τέσσερα στη μέση των πλευρών. Σέρνοντας με πατημένο το
αριστερό κουμπί του ποντικιού στις γωνίες, μπορούμε να τροποποιήσουμε το μήκος και το
πλάτος. Εάν δεν θέλουμε να αλλάξουμε την επιλογή, πρέπει να κρατήσουμε πατημένο το
πλήκτρο Shift. Σέρνοντας με το ποντίκι από τη μέση των πλευρών, τροποποιούμε μόνο το
μήκος ή το πλάτος. Εάν τοποθετήσουμε το δείκτη του ποντικιού δίπλα σε ένα σημείο ελέγχου
καθώς και έξω από αυτό, θα παρατηρήσουμε ότι ο δείκτης γυρίζει μέσα σε μία μικρή καμπύλη με
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
23/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
βέλη και στις δύο άκρες. Τώρα μπορούμε να περιστρέψουμε την επιλογή σέρνοντας το ποντίκι
στην επιθυμητή κατεύθυνση.
3.1.6.
Filter (Φίλτρο)
Αυτό το μενού μας επιτρέπει να προσθέτουμε εκπληκτικές ιδιότητες στις συνθέσεις μας. Σας
συνιστούμε να δοκιμάσετε όλα αυτά τα φίλτρα στην εικόνα με το κάστρο, ή σε μια άλλη εικόνα,
που σας αρέσει πάρα πολύ. Θα παρουσιάσουμε παρακάτω, μόνο τα σημαντικότερα είδη αυτών
των ιδιοτήτων.
Καλλιτεχνικές
Άκρα Αφίσας
Η εικόνα μοιάζει με μία λιθογραφία.
Blur
Τα φίλτρα από αυτήν την κατηγορία θα παράγουν μία θολή εικόνα. Το πιο κοινό είναι το
Gaussian Blur.
Gaussian Blur
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
24/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Distort (Παραμόρφωση)
Diffuse Glow (Διάχυτη Λάμψη)
Δώστε στην εικόνα σας μία διάχυτη λάμψη.
Noise (Ένταση)
Add Noise (Προσθέστε Ένταση)
Προσθέστε ένταση στην εικόνα. Έτσι θα γίνει γεμάτη πίξελ.
Despeckle
Είναι το αντίστροφο της εντολής Add Noise(Προσθήκη Έντασης). Αυτή η εντολή θα αφαιρέσει
την ένταση της εικόνας.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
25/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Dust & Scratches(Σκόνη και Γρατζουνιές)
Χρησιμοποιείται
κυρίως
για
ρετουσάρισμα
παλαιών
φωτογραφιών,
σκονισμένων
και
γρατζουνισμένων.
Πριν
Μετά
Median
Είναι σχεδόν όμοια με την εντολή Despeckle, αλλά έχει καλύτερο έλεγχο.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
26/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Πριν
Μετά
Render
Difference Clouds
Μερικά τμήματα της εικόνας αναιρούνται μαζικά.
Lens Flare (Αντανάκλαση Φακού)
Προσποιείται τη λάμψη, που προκαλείται από την αντανάκλαση του φακού.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
27/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Ιδιότητες Φωτισμού
Διαφορετικοί τύποι φωτισμού με εφέ φωτισμού.
Sharpen (Οξύνετε)
Sharpen More (Οξύνετε περισσότερο)
Δώστε μεγαλύτερη έμφαση στην εικόνα.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
28/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Stylize (Στυλιζάρετε)
Diffuse (Διάχυση)
Αυτή η εικόνα έχει μία διάχυτη εμφάνιση.
Emboss
Κάντε την εικόνα να φαίνεται με ένα σχέδιο ή με λιθογραφία.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
29/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Glowing Edges (Δίνοντας λάμψη στις άκρες)
Προσφέρετε μία παραισθησιογόνο άποψη στην εικόνα.
Solarize
Εξισώστε κι αντιστρέψτε τα χρώματα μιας εικόνας.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
30/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Tiles (Πλακάκια)
Προσθέστε ένα καλλιτεχνικό πλέγμα στην εικόνα.
Trace Contour (Ίχνη Περιγράμματος)
Μετατρέπει την εικόνα σε ένα σχέδιο.
Texture (Υφή)
Texturizer
Προσαρμόστε μία επιλεγμένη ή δημιουργημένη ύφανση σε μία εικόνα.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
31/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.1.7.
Προβολή
Zoom In (Ctrl+) / Zoom Out (Ctrl-)
Αυξήστε/ μειώστε την κλίμακα με την οποία βλέπετε την εικόνα, αλλά χωρίς να τροποποιείτε το
αληθινό της μέγεθος.
Rulers
Ελέγξτε ή όχι αυτήν την επιλογή, με την οποία ενεργοποιείτε ή απενεργοποιείτε την ορατότητα
των χαράκων στις άκρες του παραθύρου, που περιέχουν την εικόνα. Με αυτούς τους χάρακες
μπορούμε
να
προσθέσουμε
φανταστικές
βοηθητικές
γραμμές,
που
επιτρέπουν
την
ευθυγράμμιση των διάφορων στοιχείων της εικόνας, όπως βλέπετε και στην παρακάτω:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
32/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.1.8.
Window (Παράθυρο)
Από εδώ μπορείτε να τσεκάρετε ή όχι μία σειρά Εργαλείων και στοιχείων του Πίνακα Ελέγχου,
που είναι ιδιαίτερα σημαντικά και χρήσιμα στοιχεία του Adobe Photoshop.
Μπορείτε να δείτε τσεκαρισμένα τα πιο σημαντικά από αυτά στην παραπάνω εικόνα. Έχουμε ήδη
μιλήσει για μερικά από αυτά, ενώ για τα υπόλοιπα θα μιλήσουμε στις παρακάτω ενότητες.
3.1.9.
Help (Βοήθεια)
Όπως σε κάθε πρόγραμμα, με το Photoshop Help Menu (Βοηθητικό Μενού Photoshop)
μπορούμε να βρούμε απαντήσεις στις ερωτήσεις μας .
Από αυτό το υπομενού θα χρησιμοποιήσουμε το Photoshop Help (F1).
Στην κορυφή του παραθύρου, που ανοίγει, τσεκάρετε την τελευταία καρτέλα από αριστερά, την
Αναζήτηση (Search).
Μετά γράψτε μία ή περισσότερες λέξεις-κλειδιά στο παρακάτω παράθυρο και πατήστε
Search(Αναζήτηση).
Στη δεξιά πλευρά θα εμφανιστεί η απάντηση στις ερωτήσεις μας.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
33/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
34/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.2. Πίνακας Εργαλείων του Adobe Photoshop
Για να μάθετε, με ένα διασκεδαστικό τρόπο, τι παρέχουν τα εργαλεία του Adobe Photoshop, σου
προτείνουμε να εισάγεις μία εικόνα από το Διαδίκτυο και να αρχίσεις να παίζεις με αυτές. Για
παράδειγμα, ας αρχίσουμε
να
ψάχνουμε
στις εικόνες του
Google με
τη
λέξη-κλειδί
“οικογένεια”. Μπορούμε να επιλέξουμε την παρακάτω εικόνα, οπότε κάντε δεξί κλικ και
αποθηκεύστε την στον υπολογιστή. Μετά, File (Αρχείο) – Open (Άνοιγμα) στο Photoshop.
3.2.1. Crop
Εάν θέλουμε να χωρίσουμε αυτή τη φωτογραφία σε δύο μέρη, μπορούμε να χρησιμοποιήσουμε
το εργαλείο Crop από τον πίνακα εργαλείων (Toolbox):
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
35/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Κάντε κλικ στο Crop και μετά τοποθετείστε τον δείκτη του ποντικιού στο κάτω μέρος της
φωτογραφίας. Κρατείστε πατημένο το αριστερό κουμπί και σύρετε το ποντίκι διαγώνια μέχρι τη
μέση του κάτω μέρους της εικόνας και μετά αφήστε το αριστερό κουμπί του ποντικιού. Κάντε
διπλό κλικ κάπου εσωτερικά της επιλογής και θα αποκτήσετε την επιθυμητή εικόνα:
3.2.2. Ορθογώνιο marquee εργαλείο
Χρησιμοποιείται για να δημιουργούμε ορθογώνιες επιλογές. Ας δημιουργήσουμε μια τέτοια
επιλογή στο κάτω μέρος της φωτογραφίας, κόβοντας τις σκιές. Επιλέξτε το Ορθογώνιο Εργαλείο
από τον Πίνακα Εργαλείων. Σύρετέ το στο κάτω μέρος της εικόνας, κρατώντας πατημένο το
αριστερό κουμπί του ποντικιού και σύρετε από το κάτω αριστερό μέρος στο κάτω δεξιό, μέχρι να
καλύψετε τις σκιές. Μετά, αφήστε το ποντίκι και πατήστε το πλήκτρο Delete. Tο αποτέλεσμα
φαίνεται στην παρακάτω εικόνα:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
36/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.2.3. Elliptical (Ελλειπτικό) marquee εργαλείο
Για να επιλέξετε αυτό το εργαλείο κρατείστε πατημένο το αριστερό κουμπί του ποντικιού στα
επιλεγόμενα εργαλεία και θα εμφανιστεί ένα παράθυρο, από το οποίο μπορούμε να επιλέξουμε
το συγκεκριμένο εργαλείο.
Ας επιλέξουμε από το πάνω αριστερά στο κάτω δεξιά. Εάν θέλουμε η επιλογή να είναι ένας
κύκλος, κρατάμε πατημένο το πλήκτρο Shift. Πηγαίνετε στο Select Menu(Μενού Επιλογής) και
επιλέξτε από τη λίστα την επιλογή Inverse. Πατήστε το πλήκτρο Delete, μετά πηγαίνετε πίσω
στο Select(Επιλογή) κι επιλέξτε Deselect(Ακύρωση Επιλογής). Η εικόνα θα μοιάζει κάπως έτσι:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
37/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Εάν θέλουμε αυτή η εικόνα να έχει ένα περίγραμμα, πριν επιλέξετε Deselect(Ακύρωση
Επιλογής) πατήστε ξανά Select Inverse(Επιλογή Αντιστροφής) και μετά πηγαίνετε στο Edit
menu(Μενού Επεξεργασίας) κι επιλέξτε Stroke.
Οι πιο σημαντικές ρυθμίσεις είναι το πάχος του περιγράμματος, το χρώμα κι η τοποθεσία, όπως
συζητήσαμε στην προηγούμενη ενότητα. Κάντε τις επιθυμητές ρυθμίσεις και πατήστε το κουμπί
OK, μετά Select – Deselect(Επιλογή-Ακύρωση Επιλογής), και θα αποκτήσουμε ένα αποτέλεσμα,
όπως στην προηγούμενη εικόνα:
3.2.4. Lasso Εργαλείο
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
38/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Υπάρχουν τρεις τύποι εργαλείου Lasso: Εργαλείο Lasso (ελεύθερο), Πολυγωνικό Εργαλείο
Lasso και το Μαγνητικό Lasso Εργαλείο. Το πιο ακριβές και χρησιμοποιημένο εργαλείο για
ωραίες επιλογές είναι το Πολυγωνικό Lasso Εργαλείο.
Ας το χρησιμοποιήσουμε, για να κόψουμε τη μητέρα από την οικογενειακή μας εικόνα. Για να
δείτε καλύτερα τη φωτογραφία, πατήστε “Ctrl + συνδυασμό πλήκτρων”. Κάνουμε κλικ, όπως
πρέπει, όλη την ώρα μέσα στη μαμά και ποτέ έξω από αυτήν. Ξεκινήστε από ένα σημείο, για
παράδειγμα από το κέντρο του κεφαλιού και επιστρέψτε στο ίδιο σημείο. Αυτό σημαίνει ότι
κλείνουμε την επιλογή. Πατήστε Select – Inverse(Επιλογή-Αντιστροφή) και μετά το πλήκτρο
Delete(Διαγραφή). Κόψτε την εικόνα γύρω από τη μητέρα και θα αποκτήσετε το παρακάτω
αποτέλεσμα:
Όταν το χρώμα του φόντου είναι ίδιο ή σχεδόν ίδιο, όπως στην παραπάνω περίπτωση, το Magic
Wand Εργαλείο είναι μία εξαιρετική επιλογή εργαλείου.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
39/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Μία σημαντική παράμετρος αυτού του εργαλείου είναι το Tolerance. Στο “0”(Μηδέν) το
Tolerance επιλέγει μόνο μία απόχρωση. Εάν το Tolerance είναι υψηλότερο, επιλέγουμε
περισσότερα χρώματα. Μία άλλη σημαντική παράμετρος είναι το Anti-aliased. Εάν αυτή η
επιλογή είναι επιλεγμένη έχουμε να κάνουμε με ένα “μαλάκωμα” που εμποδίζει τις οδοντωτές
άκρες.
Η επιλογή μπορεί να μετακινηθεί με το ποντίκι, όταν είναι επιλεγμένο ένα εργαλείο επιλογής
στον Πίνακα εργαλείων.
Για
να
μετακινήσουμε
το
επιλεγμένο
αντικείμενο,
θα
χρησιμοποιήσουμε
το
Εργαλείο
Μετακίνησης.
3.2.5. Slice Εργαλείο
Θα μιλήσουμε για αυτό το εργαλείο στο κεφάλαιο “Δημιουργία Διαδικτυακού σχεδίου” .
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
40/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.2.6. Brush Εργαλείο και Pencil Εργαλείο (Βούρτσα και Μολύβι)
Η βούρτσα και το μολύβι χρησιμοποιούνται για να σχεδιάζετε ελεύθερα. Η πιο σημαντική
παράμετρος είναι το πάχος της γραμμής-Βούρτσας.
3.2.7. Clone Stamp Εργαλείο
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
41/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Χρησιμοποιείται κυρίως για λεπτές προσαρμογές. Κρατείστε πατημένο το πλήκτρο “Alt” και μετά
κάντε κλικ στο τμήμα της φωτογραφίας, που θέλετε να κλωνοποιήσετε. Μετά κάντε κλικ στο
μέρος της εικόνας, όπου θέλετε να επικολλήσετε την κλωνοποίηση. Η πιο σημαντική
παράμετρος είναι το μέγεθος της κλωνοποίησης – Βούρτσα.
3.2.8. Gradient Εργαλείο και Paint Bucket Εργαλείο
Αυτά τα εργαλεία χρησιμοποιούνται για συμπληρώσουμε με χρώμα μία επιλογή.
Gradient είναι μία βοηθητική μετάβαση από το ένα χρώμα στο άλλο.
Aς κάνουμε μία ορθογώνια επιλογή χρησιμοποιώντας το Rectangular Marquee Εργαλείο.
Κάνουμε κλικ στο Gradient Εργαλείο. Στην πάνω μπάρα με τις ιδιότητες αυτού του εργαλείου
κάντε κλικ πάνω στην μπάρα χρωμάτων. Θα σας εμφανιστεί το παρακάτω παράθυρο:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
42/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Από την κορυφή μπορούμε να επιλέξουμε ένα προεπιλεγμένο υπόδειγμα ή μπορούμε να
προσαρμόσουμε την κλίση από το κάτω μέρος, κάνοντας κλικ στις παρακάτω ρυθμίσεις, για να
ρυθμίσετε το χρώμα ή σε ένα σημείο της μπάρας με τα χρώματα, για να προσθέσετε ένα
επιπλέον χρώμα. Μετά σύρετε το ποντίκι από τη μία πλευρά της εικόνας στην άλλη στην
επιθυμητή κατεύθυνση. Θα αποκτήσουμε ένα αποτέλεσμα όμοιο με την παρακάτω εικόνα:
Το Paint Bucket Εργαλείο συμπληρώνει την επιλεγμένη περιοχή με ένα ομοιόμορφο χρώμα.
Μπορούμε να επιλέξουμε αυτό το χρώμα από τον Πίνακα Χρωμάτων (Colour Panel), μιλήσαμε
γι’ αυτόν τον πίνακα νωρίτερα σε αυτό το κεφάλαιο. Για μεγαλύτερο έλεγχο της απόχρωσης
κάντε κλικ στο Foreground χρώμα στο κουτί εργαλείων.
Όταν επιλέξετε το χρώμα σας κάντε στο Paint Bucket Εργαλείο και μετά στην επιλεγμένη
περιοχή. Θα αποκτήσουμε ένα αποτέλεσμα όμοιο με αυτό της παρακάτω εικόνας :
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
43/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.2.9. Blur Εργαλείο
Χρησιμοποιείται για να θολώνουμε ένα τμήμα της εικόνας, για παράδειγμα ένα πρόσωπο που
δεν θέλουμε να αναγνωριστεί.
Η πιο σημαντική παράμετρος είναι το μέγεθος αυτού του εργαλείου – Βούρτσας. Ας
αναζητήσουμε στο Διαδίκτυο τη φωτογραφία μιας αγαπημένης διάσημης, κάντε δεξί κλικ πάνω
σε αυτήν και πατήστε Copy(Αντιγραφή). Πίσω στο Photoshop, File(Αρχείο) – New(Καινούργιο) ή
Ctrl + N, ρυθμίζουμε τις παραμέτρους και πατάμε OK. Μετά πατήστε Edit(Επεξεργασία) –
Paste(Επικόλληση) ή Ctrl + V, για να επικολλήσετε τη φωτογραφία.
Με το εργαλείο Blur επιλεγμένο, θολώστε την επιθυμητή περιοχή. Θα έχουμε ένα αποτέλεσμα
όμοιο με της παρακάτω εικόνας.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
44/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.2.10. Type Εργαλείο
Με αυτό το εργαλείο μπορούμε να προσθέσουμε και να μορφοποιήσουμε κείμενα σε εικόνες.
Ας μπούμε στην ιστοσελίδα της Coca Cola, αναζητώντας το “Coca Cola” στο Google. Μόλις
εισάγετε αυτό στην ιστοσελίδα, πατήστε το PrtScn κουμπί στο πάνω δεξιά μέρος του
πληκτρολογίου, σιγουρευόμενοι ότι το βέλος του ποντικιού είναι από έξω, επιβεβαιώνοντας ότι
ο δείκτης του ποντικιού είναι έξω από την χρησιμοποιούμενη επιφάνεια εργασίας. Μέσω αυτής
της λειτουργίας μπορούμε να αντιληφθούμε ότι έχουμε μια πλήρη οθόνη, ένα είδος αντιγραφής.
Ας επιστρέψουμε τώρα στο Adobe Photoshop και πατήστε Ctrl + N, για να δημιουργήσετε ένα
καινούργιο αρχείο και μετά πατήστε Ctrl + V (Επικόλληση). Θα αποκτήσουμε την παρακάτω
εικόνα:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
45/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Καλύπτουμε τις μπάρες του υπολογιστή επιλέγοντας το Rectangular Marque Εργαλείο σε όλο το
πλάτος της εικόνας από την κορυφή έως το κάτω μέρος. Ας αρχίσουμε με την κορυφή. Μόλις
κάνετε την επιλογή, διαλέξτε το αγαπημένο σας χρώμα από τον Πίνακα Χρωμάτων ή από τον
Πίνακα Εργαλείων και μετά Edit(Επεξεργασία) – Fill(Συμπλήρωση) στην μπάρα του Menu.
Επαναλάβετε αυτήν την εργασία στο κάτω μέρος της εικόνας. Με αυτόν τον τρόπο
δημιουργούμε ένα κενό για τίτλο κι επεξηγηματικό κείμενο(περιγραφή). Περικόψτε την εικόνα,
για να μειώσετε το πλάτος της. Θα έχουμε ένα αποτέλεσμα, όπως αυτό στην παρακάτω εικόνα:
Υπάρχουν τέσσερις κύριοι τύποι κειμένου στο Photoshop:
-
Οριζόντιο κείμενο
-
Κατακόρυφο κείμενο
-
Κείμενο της μιας γραμμής (για τίτλους, παράδειγμα)
-
Κείμενο πολλών γραμμών (πλαίσιο με κείμενο), για κείμενο με παραγράφους.
Παρουσιάζουμε παρακάτω την μπάρα για τα κείμενα για τη μορφοποίηση κειμένων. Αυτό είναι
πανομοιότυπο με το γνωστό και χρησιμοποιούμενο Microsoft Word πρόγραμμα.
Μπορούμε να επιλέξουμε την κατεύθυνση, τον τύπο της γραμματοσειράς, το μέγεθος, το στυλ
(κανονικό, έντονο, πλάγια), anti-aliasing mode, (μη οδοντωτές άκρες), πώς να ευθυγραμμίζετε,
να χρωματίζετε, να φτιάχνετε καμπυλωτά κείμενα, να ρυθμίζετε τις παραγράφους.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
46/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Επειδή στο πάνω μέρος της εικόνας έχουμε περισσότερο χώρο απ’ ότι στο κάτω μέρος της, θα
χρησιμοποιήσουμε το κείμενο στην πρώτη παράγραφο (πλαίσιο κειμένου) και το κάτω μέρος για
τον τίτλο.
Στα άκρα θα χρησιμοποιήσουμε το κατακόρυφο κείμενο.
Κάντε κλικ στο κάτω μέρος και γράψτε “Coca-Cola” με την επιθυμητή φόρμα.
Στη κορυφή, σύρετε με το ποντίκι από κάπου πάνω αριστερά προς χαμηλότερα δεξιά πάνω στην
κόκκινη ταινία έχοντας το Type Tool επιλεγμένο και με το αριστερό κουμπί του ποντικιού
πατημένο. Στο τέλος αφήστε το κουμπί. Κάνουμε τις επιθυμητές ρυθμίσεις και γράφουμε. Η
μορφοποίηση του κειμένου μπορεί να γίνει και αργότερα επιλέγοντας με το ποντίκι, όπως στο
Word. Το μέγεθος του πλαισίου μπορεί να μεταβληθεί σέρνοντας με το ποντίκι από τα σημεία
ελέγχου, που είναι στο μέσο των πλευρών. Μπορεί να μετακινηθεί χρησιμοποιώντας το Move
Tool. Ας γράψουμε το παρακάτω κείμενο: “Αυτό είναι ένα στιγμιότυπο από την ιστοσελίδα της
Coca Cola για εκπαιδευτικούς σκοπούς”. Θα αποκτήσουμε ένα αποτέλεσμα, όπως αυτό της
παρακάτω εικόνας.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
47/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.2.11. Eyedropper Εργαλείο
Αυτό το εργαλείο χρησιμοποιείται για να κλωνοποιεί το χρώμα από ένα τμήμα της εικόνας και
μετά να το χρησιμοποιείτε σε ένα άλλο τμήμα.
3.2.12. Hand Εργαλείο
Αυτό το εργαλείο χρησιμοποιείται για να απεικονίσει μέρη της εικόνας που δεν χωρούν στο
παράθυρο.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
48/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.2.13. Zoom Εργαλείο
Ο μεγεθυντικός φακός χρησιμοποιείται για να κάνουμε μεγέθυνση ή σμίκρυνση της κλίμακας
της εικόνας. Η προεπιλεγμένη επιλογή είναι η μεγέθυνση. Για σμίκρυνση κρατήστε πατημένο το
κουμπί Alt.
3.2.14. Χρωματισμός Προσκηνίου και Χρωματισμός Παρασκηνίου
Foreground Colour (Χρώμα Προσκηνίου) είναι το κυρίως χρώμα και χρησιμοποιείται για
εργαλεία, όπως Brush (Βούρτσα), Pencil (Μολύβι) ή Paint Bucket. Background Colour (Χρώμα
Παρασκηνίου) είναι το χρώμα του παρασκηνίου και χρησιμοποιείται για παράδειγμα από το
Eraser Tool (Γόμα) και το Delete (Διαγραφή). Τα προεπιλεγμένα χρώματα είναι το μαύρο και το
άσπρο. Αυτά τα χρώματα μπορούν να αντιστραφούν κάνοντας κλικ με το βέλος ανάμεσα τους.
Τα χρώματα μπορούν να αλλάξουν κάνοντας πάνω τους κλικ.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
49/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
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-AAC26E491E8AD818a.html#WS24E993BC-E1F3-4ac6-8225-7685C3B17669a
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
50/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Συντομεύσεις για την όψη της εικόνας
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
Η διαγραφή ενός σημείου στην καμπύλη
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
51/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Βέλη
Μετακινήστε το επιλεγμένο σημείο 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
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
52/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
3.4. Λίγα Πράγματα για το CorelDRAW.
Όπως είπαμε στην αρχή της Ενότητας, το CorelDRAW είναι μία περιεκτική εφαρμογή
διανυσματικών σχεδίων, που θα σας βοηθήσει να δημιουργήσετε επαγγελματικά σχέδια (απλά ή
περίπλοκα).
Ένα CorelDRAW παράθυρο είναι, όπως αυτό της παρακάτω εικόνας:
Μπορείτε να παρατηρήσετε ότι πολλά στοιχεία του περιβάλλοντος έχουν δανεισθεί από τα
Windows. Για να είμαστε πιο συγκεκριμένοι, ένα CorelDRAW παράθυρο περιλαμβάνει τα
παρακάτω:
-
Μία μπάρα τίτλου, όπου εκτίθεται το όνομα κι η έκδοση της εφαρμογής, το όνομα του
αρχείου, που είναι ανοιχτό κι άλλα κουμπιά ελέγχου (minimize, restore down και close):
-
Η μπάρα του μενού, που σας επιτρέπει την πρόσβαση σε διαφορετικές λειτουργίες κι
άλλα κουμπιά ελέγχου (minimize, restore down και close). Η μπάρα του μενού είναι ίδια
με το μενού των Windows:
-
Μπάρα ιδιοτήτων:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
53/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
-
Πλαίσιο Εργαλείων:
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 Παλέτα, σας επιτρέπει να αλλάζετε πολύ εύκολα τα χρώματα του παρασκηνίου
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
54/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Στο επόμενο κεφάλαιο θα μάθουμε πώς να δημιουργούμε ένα σχέδιο στο 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=
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
55/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
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(Ελεύθερο Σχέδιο)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
56/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
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
Σχεδιάζει
ορθογώνια
παραλληλόγραμμα.
Κάνοντας
διπλό κλικ στο εργαλείο, δημιουργείται ένα πλαίσιο στη
σελίδα
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
57/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
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
Κάνει μεγέθυνση μόνο στο επιλεγμένο αντικείμενο
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
58/68
τις
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
4. ΔΗΜΙΟΥΡΓΙΑ ΣΧΕΔΙΟΥ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ
4.1.Δημιουργία σχεδίου για το διαδίκτυο με Adobe Photoshop
Το Adobe Photoshop είναι το κύριο λογισμικό για τη δημιουργία επαγγελματικών σχεδίων στο
διαδίκτυο, πέρα από τις δωρεάν πλατφόρμες, όπως τα WordPress, Joomla, OSCommerce κλπ.
Γενικά, μία ιστοσελίδα αποτελείται από έξι βασικά στοιχεία: τον Τίτλο, τον Υπότιτλο, τις
Αριστερές, Δεξιές Σελίδες και το κάτω μέρος της.
Ας τα αναλύσουμε ξεχωριστά και ας δούμε τι περιέχουν συνήθως.
Τίτλος
Υπότιτλος (Οριζόντιο Μενού)
Δεξιά
(Νέα
Αριστερά
(Κατακόρυφο
Σελίδες
Επικοινωνία
Μενού)
Χάρτης
Κλπ.)
Κάτω μέρος (Μετρητής Επισκεψιμότητας, Πνευματικά Δικαιώματα, Μενού
κάτω μέρους κλπ.)
Τίτλος
Περιέχει το όνομα και το σήμα της εταιρίας, που κατέχει την ιστοσελίδα, τις φωτογραφίας κλπ.
Υπότιτλος
Περιέχει οριζόντιο μενού κλπ.
Αριστερά
Περιέχει κατακόρυφο μενού κλπ.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
59/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Σελίδες
Περιέχουν συγκεκριμένο περιεχόμενο κάθε σελίδας, ενώ τα άλλα στοιχεία παραμένουν σταθερά.
Δεξιά
Μπορεί να περιλαμβάνονται: Nέα, Στοιχεία Επικοινωνίας, Χάρτης κλπ.
Κάτω μέρος της ιστοσελίδας
Μπορεί να περιλαμβάνει: Μετρητή Επισκεψιμότητας, Πνευματικά Δικαιώματα, Μενού κάτω
μέρους κλπ.
Ας
εφαρμόσουμε
αυτό
το
σχέδιο
σε
μία
περίπτωση.
Ας
υποθέσουμε
ότι
πρέπει
να
δημιουργήσουμε μία ιστοσελίδα για μια εταιρία, που οργανώνει πάρτι για παιδιά. Εφαρμόζοντας
αυτά που μάθαμε στο κεφάλαιο Σχεδιασμού Γραφικών (Graphic Design), αυτή η ιστοσελίδα θα
μοιάζει κάπως έτσι:
Ας χρησιμοποιήσουμε τώρα το Slice Tool, για να χωρίσουμε το σχέδιο σε ορθογώνια
παραλληλόγραμμα, σύμφωνα με το σχέδιο που παρουσιάσαμε νωρίτερα σε αυτό το Κεφάλαιο.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
60/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Θα έχουμε ένα αποτέλεσμα, όπως αυτό της παρακάτω εικόνας:
Πηγαίνετε στο File (Αρχείο) – Save (Αποθήκευση) για το διαδίκτυο. Θα ανοίξει το ακόλουθο
παράθυρο:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
61/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Ονομάστε το αρχείο index.html και μετά Αποθηκεύστε (Save) το.
Όταν πληκτρολογείτε μία διεύθυνση ιστοσελίδας στο διαδίκτυο, φαίνεται σαν index.html,
default.html και ως μερικές προεκτάσεις αυτών των δύο αρχείων. Εάν ο περιηγητής δεν το βρει,
θα εμφανιστεί ένα μήνυμα λάθους.
Αυτόματα, θα δημιουργηθεί ένας φάκελος “εικόνες”. Θα μοιάζει, με την παρακάτω εικόνα:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
62/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Ας πάμε τώρα στον Φάκελο, όπου αποθηκεύσαμε την ιστοσελίδα και κάνουμε διπλό κλικ στο
index.html αρχείο για να το ανοίξουμε. Θα αποκτήσουμε ένα αποτέλεσμα, όπως αυτό της
παρακάτω εικόνας:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
63/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
4.2. Δημιουργία σχεδίων για το διαδίκτυο με CorelDRAW
Θα δημιουργήσουμε το ίδιο με αυτό, που δημιουργήσαμε στο Photoshop σχέδιο, αλλά αυτή τη
φορά χρησιμοποιώντας το πρόγραμμα CorelDRAW. Με το CorelDRAW είναι ευκολότερο να
δημιουργείτε σχέδια, αλλά οι εικόνες, που θα δημιουργήσουμε θα πρέπει να υποβληθούν στο
Photoshop. Αυτές θα είναι οι ακόλουθες:
Ανοίξτε το CorelDRAW και δημιουργείστε ένα καινούργιο αρχείο χρησιμοποιώντας το συνδυασμό
των κουμπιών File (Αρχείο) – New (Καινούργιο) ή Ctrl + N. Από το Μενού των Σχεδίων (Layout
Menu) επιλέξτε τη Διαμόρφωση Σελίδας (Page Setup). Κάντε τις ρυθμίσεις από την παρακάτω
εικόνα και πατήστε OK.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
64/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Πρώτα, θα δημιουργήσουμε το παρασκήνιο. Για να κάνουμε αυτό, επιλέγουμε το Εργαλείο
Ορθογωνίων Παραλληλογράμμων (Rectangle Tool) από το Πλαίσιο Εργαλείων στην αριστερή
πλευρά του παραθύρου του προγράμματος και περιβάλλετέ το με το πλασματικό πλαίσιο. Μετά
επιλέξτε Fill – Fountain Fill, επιλέξτε το χρώμα, που θέλετε να χρησιμοποιήσετε, επιλέξτε μία
γωνία 90 μοιρών, έτσι ώστε η κλίση να είναι κατακόρυφη και μετά πατήστε OK. Για μεγαλύτερο
έλεγχο μπορούμε να χρησιμοποιήσουμε το Interactive Fill Εργαλείο.
Ας επιλέξουμε το πρώτο εργαλείο από τα αριστερά, το Pick Tool και μετά κάντε κλικ στο
ορθογώνιο για να το επιλέξετε, εάν δεν είναι ήδη επιλεγμένο. Μετά δεξί κλικ στο πρώτο κελί της
Χρωματικής Παλέτας στη δεξιά πλευρά, αυτό με το “X”, για να αφαιρέσετε τα όρια του
ορθογωνίου. Εάν η Χρωματική Παλέτα δεν υπάρχει, πρέπει να την ενεργοποιήσουμε από το
μενού των Window – Colour Palettes. Προσέξτε να επιλέξετε την RGB παλέτα, γιατί θα
δουλέψουμε για το διαδίκτυο.
Θα έχουμε ένα αποτέλεσμα, όπως αυτό της παρακάτω εικόνας:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
65/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Τώρα θα δημιουργήσουμε το χρήσιμο χώρο του σχεδίου. Για αυτό, επιλέξτε πάλι το Εργαλείο
Ορθογωνίου (Rectangle Tool). Εισάγετε στο κουτί των ιδιοτήτων στην κορυφή , την τιμή των
1000 πίξελ για το μήκος και το πλάτος. Προσέξτε ότι μπορεί να έχει κλειδωθεί η αναλογία
μήκους και πλάτους και δεν αλλάζει αυτόματα. Εάν έχει κλειδωθεί αυτή η αναλογία, κάντε κλικ
για να την ανοίξετε.
Με το ορθογώνιο επιλεγμένο πατήστε το πλήκτρο “P”, για να το βάλετε στο κέντρο της σελίδας.
Σχεδιάστε δύο, κάθετες βοηθητικές γραμμές στις πλευρές του και μετά διαγράψτε τις.
Ας δημιουργήσουμε τώρα ένα ορθογώνιο με 1000/400 px για επικεφαλίδα. Σχεδιάστε μία
βοηθητική γραμμή στην κορυφή της επιφάνειας και μετά διαγράψτε το ορθογώνιο.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
66/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Μέσω της εντολής Import(Εισαγωγή) ή με συνδυασμό των πλήκτρων Ctrl + I, βάλτε μέσα στο
κουτί τις εικόνες: σπίτι, κάστρο, κουμπιά και παιδιά. Μετακινήστε τα με το Pick Tool και, αν
χρειάζεται, κάντε μεγέθυνση ή σμίκρυνση και σύρετε με το ποντίκι διαγώνια από τη μία γωνία
προς τα δεξιά ή αριστερά, πάνω ή κάτω.
Επιλέξτε το Text Tool από τον Πίνακα Εργαλείων, γράψτε “ΣΠΙΤΙ”, επιλέξτε το κείμενο με το
Pick Tool, κάνετε κλικ στο Σκούρο Πράσινο στη Χρωματική Παλέτα, κάντε κλικ στο κείμενο για
να το αντιστρέψετε από τη μία γωνία και τοποθετείστε το στην αριστερή πλευρά της κορυφής.
Κάντε το ίδιο με το “ΔΙΑΚΟΣΜΗΤΙΚΟ” και για το “ΕΙΣΑΙ ΤΟ ΠΑΡΤΥ”, για το τελευταίο διάλεξε
ένα σκούρο κόκκινο χρώμα.
Τώρα δημιουργείστε κουτιά για κείμενα κι εικόνες. Με το Rectangle Tool δημιουργείτε ένα
ορθογώνιο κουτί. Επιλέξτε το Pick Tool και κάντε δεξί κλικ στο Πορτοκαλί στο Κουτί Χρωμάτων,
για να δημιουργήσετε ένα πορτοκαλί περίγραμμα κι αριστερό κλικ στο X, για να μην έχετε
κανένα χρώμα στο φόντο του ορθογωνίου. Αριστερό κλικ έξω από το κουτί για να ακυρώσετε
την επιλογή. Με το Rectangle Εργαλείο δημιουργείτε ένα κουτί μέσα στο πρώτο ορθογώνιο για
τον τίτλο με ένα πορτοκαλί φόντο και χωρίς όρια. Με το Text Εργαλείο, με άσπρο, γράψτε στη
μέση “ΕΠΙΚΟΙΝΩΝΙΑ”. Με το Text Tool δημιουργείτε ένα πλαίσιο κειμένου, σέρνοντας με
πατημένο το αριστερό κουμπί του ποντικιού, από πάνω αριστερά στο κάτω δεξιά από το πρώτο
πλαίσιο. Μετά γράψτε τις επικοινωνιακές λεπτομέρειες με πράσινο. Θα αποκτήσουμε ένα
αποτέλεσμα, όπως αυτό της παρακάτω εικόνας.
CONTACT
Str. Martisor nr. 55 sector 4
0721.196.893 0744.870.675
Zona Brancoveanu Langa
"Oraselul Copiilor"
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
67/68
LdV Project “e-LIFE” – Ενότητα 4 – Μάθημα Γραφικού Σχεδίου
Θα δημιουργήσουμε με τον ίδιο τρόπο το σχέδιο των άλλων κουτιών από το Section 4.1. Για το
κουτί της φωτογραφίας θα χρησιμοποιήσουμε File – Import ή Ctrl + I, όπως κάναμε όταν
φέραμε στο Corel τις εικόνες για επικεφαλίδα. Για να μετακινήσετε όλα τα κουτιά, περιβάλλετέ
τα με το ποντίκι χρησιμοποιώντας το Pick Tool και μετά χρησιμοποιείστε την εντολή Arrange Group ή Ctrl + G. Για να καταργήσετε την ομαδοποίηση: Arrange – Ungroup ή Ctrl + U. Τέλος,
το σχέδιο θα μοιάζει με αυτό της παρακάτω εικόνας.
Αποθηκεύστε την εικόνα σε μία αναγνωρισμένη από το Photoshop φόρμα (psd, tif, jpg, κλπ),
ανοίξτε το με αυτό το πρόγραμμα και μεταφέρετέ το σε HTML χρησιμοποιώντας το Slice Tool,
όπως έχουμε μάθει σε προηγούμενη υποενότητα.
Θα μιλήσουμε περισσότερο για τη δημιουργία ιστοσελίδων σε ένα άλλο ανεπτυγμένο από το eLIFE Πρόγραμμα.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
68/68

Download Report