www.thegreekdesign.gr | www.cppd.eu 1
www.thegreekdesign.gr | www.cppd.eu 2
www.thegreekdesign.gr | www.cppd.eu 3
www.thegreekdesign.gr | www.cppd.eu 4
Αθανάσιος Μανάβης Φλουτούρα Χασαναλιάι Νικόλαος Ευκολίδης (MSc) ∆ρ Παναγιώτης Κυράτσης
Βασικές αρχές σχεδιασµού Inkscape 0.48.4
Κοζάνη 2013 www.thegreekdesign.gr | www.cppd.eu 5
www.thegreekdesign.gr | www.cppd.eu 6
Βασικές αρχές σχεδιασµού - Inkscape 0.48.4 Copyright © 2013, Αθανάσιος Μανάβης, Φλουτούρα Χασαναλιάι, Νικόλαος Ευκολίδης (MSc), ∆ρ Παναγιώτης Κυράτσης ISBN: 978-960-93-5194-2
All rights reserved Απαγορεύεται η αναπαραγωγή οποιουδήποτε τµήµατος του βιβλίου µε οποιαδήποτε µέσο (φωτοτυπία, εκτύπωση, µικροφίλµ, αποθήκευση σε αρχείο πληροφοριών ή άλλη µηχανική ή ηλεκτρονική µέθοδο) χωρίς την έγγραφη άδεια των συγγραφέων. www.thegreekdesign.gr | www.cppd.eu 7
www.thegreekdesign.gr | www.cppd.eu 8
Σχετικά µε τους συγγραφείς Ο Αθανάσιος Μανάβης είναι απόφοιτος του τµήµατος Βιοµηχανικού Σχεδιασµού του Τεχνολογικού Εκπαιδευτικού Ιδρύµατος ∆υτικής Μακεδονίας. Επαγγελµατική και ερευνητική εµπειρία στον σχεδιασµό προϊόντων. Τοµείς ενασχόλησης CAD, CAD, CAM και σχεδιασµός γραφικών οπτικών στοιχείων. Συµµετοχές σε εθνικά και διεθνή συνέδρια µε θέµατα design. Μπορείτε να έλθετε σε επαφή µαζί του µέσω του e-mail: manavis.athanasios@gmail.com H Φλουτούρα Χασαναλιάι είναι φοιτήτρια του τµήµατος Βιοµηχανικού Σχεδιασµού στο ΤΕΙ ∆υτικής Μακεδονίας. Ενδιαφέροντα της, η δηµιουργία γραφιστικών εφαρµογών, η κατασκευή µακετών για προϊόντα και ο σχεδιασµός και η εικονογράφηση παραµυθιών για παιδιά. Μπορείτε να έλθετε σε επαφή µαζί του µέσω του e-mail: flourodos@yahoo.gr O Νικόλαος Ευκολίδης εργάζεται ως Εργαστηριακός Συνεργάτης στο ΤΕΙ ∆υτικής Μακεδονίας – Τµ. Βιοµηχανικού Σχεδιασµού. Έχει πολλά χρόνια εµπειρίας στη διδασκαλία µαθηµάτων CADCAM-CAE, ενώ παράλληλα ασκεί το επάγγελµα του βιοµηχανικού σχεδιαστή ως ελεύθερος επαγγελµατίας. Είναι πτυχιούχος Βιοµηχανικού Σχεδιασµού, µε µεταπτυχιακό στο Σχεδιασµό Προϊόντων και τη ∆ιοίκηση (University of Liverpool, UK). Έχει στο όνοµα του σειρά από επιστηµονικές εργασίες σε επιστηµονικά περιοδικά, σε διεθνή και εθνικά συνέδρια, ενώ έχει καταχωρηµένο ένα σηµαντικό αριθµό Βιοµηχανικών Σχεδίων στον ΟΒΙ. Μπορείτε να έλθετε σε επαφή µαζί του µέσω του e-mail: efknikos@gmail.com Ο ∆ρ. Παναγιώτης Κυράτσης, κατέχει τη θέση Καθηγητή Εφαρµογών στο ΤΕΙ ∆υτικής Μακεδονίας – Τµ. Βιοµηχανικού Σχεδιασµού, µε εξειδίκευση στα συστήµατα CAD/CAM. Τα ερευνητικά του ενδιαφέροντα συνοψίζονται στις Μηχανουργικές Κατεργασίες βασισµένες σε συστήµατα CAD (CAD-based manufacturing), στο σχεδιασµό – στις µηχανουργικές κατεργασίες και στην τεχνική ανάλυση µε Η/Υ (CAD/CAM/CAE), στον προγραµµατισµός συστηµάτων CAD (CAD-based software development), στον βιοµηχανικό σχεδιασµός προϊόντων (Industrial Design Engineering). Έχει στο όνοµα του πολλές επιστηµονικές εργασίες σε επιστηµονικά περιοδικά, σε διεθνή και εθνικά συνέδρια καθώς και πλήθος δηµοσιεύσεων σε έγκυρα κλαδικά περιοδικά. Έχει καταχωρήσει σηµαντικό αριθµό Βιοµηχανικών Σχεδίων και Ευρεσιτεχνιών στον ΟΒΙ. Μπορείτε να έλθετε σε επαφή µαζί του µέσω των προσωπικών του ιστοσελίδων στα http://www.kyratsis.gr και http://bs.teikoz.gr/pkyratsis.
www.thegreekdesign.gr | www.cppd.eu 9
www.thegreekdesign.gr | www.cppd.eu 10
Πρόλογος Το Inkscape είναι µια εφαρµογή ανοιχτού κώδικα επεξεργασίας γραφικών vector, µε δυνατότητες παρόµοιες µε τα εµπορικά Adobe Illustrator και CorelDraw. Βασικό πρότυπο εξαγωγής αρχείων είναι το W3C Scalable Vector Graphics (SVG) που είναι µια πλήρως επεξεργάσιµη µορφή αρχείου. Το Inkscape υποστηρίζει πολλές προηγµένες δυνατότητες SVG (µαρκαδόρους, δηµιουργία κλώνων κτλ.) και µεγάλη προσοχή έχει ληφθεί για το σχεδιασµό ενός σύγχρονου interface. Είναι πολύ εύκολη η επεξεργασία κόµβων, πολύπλοκων paths και των ιχνών bitmaps. Σε µεγάλο βαθµό θεωρείται ένα πρόγραµµα πλήρες που µέσω αυτού µπορεί οποιοσδήποτε να δηµιουργήσει επαγγελµατικά σχέδια που ανταγωνίζονται ισάξια αυτά των εµπορικών προγραµµάτων. Ο συγκεκριµένος οδηγός έχει ως στόχο την εκµάθηση των βασικών αρχών σχεδίασης µέσω του Inkscape 0.48.4. Μέσα από πολύ απλά παραδείγµατα, ο χρήστης εξοικειώνεται µε την έννοια της δηµιουργίας και επεξεργασίας διανυσµατικών στοιχείων.
www.thegreekdesign.gr | www.cppd.eu 11
www.thegreekdesign.gr | www.cppd.eu 12
Περιεχόµενα Εισαγωγή
15
Κεφάλαιο 1 Γνωριµία µε το περιβάλλον του λογισµικού 1.1 1.2 1.3 1.4 1.5 1.6
Η πρώτη επαφή Βασικό µενού Κουτί εργαλείων Εργαλειοθήκη µορφοποίησης σχήµατος Παλέτα χρωµάτων Κατάσταση σχεδίου
17 20 19 23 25 25
Κεφάλαιο 2 Βασικές αρχές σχεδίασης 2.1 Σχεδιασµός ορθογωνίου παραλληλογράµµου 2.2 Σχεδιασµός κύκλου 2.3 Σχεδιασµός τρισδιάστατων σχηµάτων 2.4 Σχεδιασµός πολύγωνων και αστεριών 2.5 Σχεδιασµός σπείρας 2.6 Σχεδιασµός ελεύθερης γραµµής 2.7 Σχεδιασµός καµπυλών Bezier και ευθειών 2.8 Σχεδιασµός αποτυπωµάτων µολυβιού (strokes) 2.9 Εισαγωγή κειµένου 2.10 Σχεδιασµός µε σπρέι 2.11 Γέµισµα χρώµατος 2.12 Σβήσιµο και διαγραφή σχεδίου 2.13 Αντιγραφή χρώµατος
26 26 28 29 31 31 33 33 34 35 35 35 37
Κεφάλαιο 3 Σχεδιασµός επαγγελµατικής κάρτας 3.1 Σχεδιασµός καλλιτεχνικής κάρτας 3.2 Σχεδιασµός επαγγελµατικής κάρτας δικηγόρου
38 42
Κεφάλαιο 4 Σχεδιασµός προσκλητηρίων 4.1 Σχεδιασµός προσκλητηρίου για γάµο 4.2 Σχεδιασµός προσκλητηρίου για παιδικό πάρτι
46 51
Κεφάλαιο 5 Σχεδιασµός χαρακτήρα (cartoon) 5.1 Σχεδιασµός χαρακτήρα
56
Κεφάλαιο 6 Σχεδιασµός λογοτύπου 6.1 Σχεδιασµός λογοτύπου
63
Κεφάλαιο 7 Επανασχεδιασµός λογοτύπου και δηµιουργία συσκευασιών 7.1 7.2 7.3 7.4 7.5 7.6 7.7 7.8 7.9
Σχεδιασµός ∆ηµιουργία Σχεδιασµός Σχεδιασµός Σχεδιασµός Σχεδιασµός Σχεδιασµός Σχεδιασµός Σχεδιασµός
λογοτύπου για τυρί ετικετών για τυρί λογοτύπου για κρασί ετικέτας για κρασί συσκευασίας για κρασί λογοτύπου για λάδι ετικέτας για λάδι λογοτύπου για µέλι ετικέτας για µέλι
69 74 84 87 91 99 102 107 111
Παράρτηµα
www.thegreekdesign.gr | www.cppd.eu 13
www.thegreekdesign.gr | www.cppd.eu 14
Εισαγωγή Στα επόµενα κεφάλαια θα ακολουθήσει αρχικά µια παρουσίαση του λογισµικού, από το περιβάλλον εργασίας έως την γενική περιγραφή των εργαλείων. Έπειτα, θα αναλυθούν µέσα από παραδείγµατα, εργασίες που αφορούν τον σχεδιασµό επαγγελµατικών καρτών, διαφηµιστικών φυλλαδίων, χαρακτήρων cartoon, λογοτύπων και συσκευασιών για ελληνικά παραδοσιακά τρόφιµα. Η κλιµάκωση των παραδειγµάτων αρχίζει από τον απλό σχεδιασµό µε την χρήση των βασικών εργαλείων του προγράµµατος και τελειώνει µε την δηµιουργία µιας ολοκληρωµένης ταυτότητας (λογότυπο, εταιρία, σύνθηµα) που αποτελεί την βάση για τον µετέπειτα σχεδιασµό ετικετών και συσκευασιών. Με την ολοκλήρωση όλων των παραδειγµάτων, ο χρήστης θα είναι σε θέση να συνθέσει πρωτότυπα διανυσµατικά σχέδια καθώς επίσης και να συνεχίσει την εξερεύνηση όλων των δυνατοτήτων του προγράµµατος, αφού µέσω του συγκεκριµένου οδηγού θα του έχει δοθεί ένα βασικό επίπεδο γνώσης και εξοικείωσης για το Inkscape.
www.thegreekdesign.gr | www.cppd.eu 15
www.thegreekdesign.gr | www.cppd.eu 16
Κεφάλαιο 1 Γνωριµία µε το περιβάλλον του λογισµικού Το πρώτο κεφάλαιο αφορά την γνωριµία του χρήστη µε τις βασικές αρχές του προγράµµατος. Η εξοικείωση µε το περιβάλλον χρήσης και η εκµάθηση όλων των εργαλειοθηκών µέσα από την χρήση των εργαλείων, θα αποτελέσουν την βάση για τον σχεδιασµό διαφόρων γραφικών στοιχείων που αποτελούν κατά κύριο λόγο, εργαλείο στον µετέπειτα σχεδιασµό ολοκληρωµένων προϊόντων.
1.1 Η πρώτη επαφή Με το άνοιγµα του λογισµικού έρχεστε σε επαφή µε την διάταξη των εργαλειοθηκών, των βασικών µενού σχεδίασης και της γενικής περιοχής σχεδιασµού.
Σχήµα 1.1 - Το βασικό περιβάλλον του λογισµικού
Το περιβάλλον χρήσης βήµα – βήµα. ΒΑΣΙΚΟ ΜΕΝΟΥ Όλες οι λειτουργίες και οι δυνατότητες που δίνονται από το συγκεκριµένο λογισµικό κατηγοριοποιηµένες ανάλογα µε την σκοπιµότητα τους. Κάθε κατηγορία (File, Edit, View, κτλ.) περιλαµβάνει ένα παράθυρο µε όλες τις εντολές. www.thegreekdesign.gr | www.cppd.eu 17
ΚΑΜΒΑΣ Στο κέντρο της οθόνης βρίσκεται ο καµβάς ή βασική περιοχή σχεδίασης, όπου στον εσωτερικό του πραγµατοποιείται η ολοκλήρωση του σχεδιασµού.
ΕΡΓΑΛΕΙΟΘΗΚΗ ΜΕΝΟΥ ∆εξιά του καµβά βρίσκεται η εργαλειοθήκη του µενού όπου εκεί υπάρχουν οι συντοµεύσεις όλων των στοιχείων του βασικού µενού (π.χ. νέο αρχείο, αποθήκευση, εκτύπωση, κτλ).
ΚΟΥΤΙ ΕΡΓΑΛΕΙΩΝ Στην αριστερή πλευρά του καµβά βρίσκεται το κουτί των εργαλείων. Το συγκεκριµένο κουτί περιλαµβάνει όλα τα εργαλεία σχεδίασης. Τα εργαλεία του λογισµικού θα αναλυθούν διεξοδικότερα παρακάτω.
www.thegreekdesign.gr | www.cppd.eu 18
ΡΥΘΜΙΣΗ ΕΡΓΑΛΕΙΩΝ Υπάρχει επίσης η εργαλειοθήκη ρύθµισης εργαλείων, κάτω από το βασικό µενού. Εκεί γίνονται όλες οι ρυθµίσεις του εργαλείου που επιλέγεται κάθε φορά.
ΠΑΛΕΤΑ ΧΡΩΜΑΤΩΝ Κάτω από τον καµβά είναι η παλέτα των χρωµάτων. Εκεί γίνεται η επιλογή των χρωµάτων. ∆εξιά και πάνω από την παλέτα είναι η βαθµονόµηση των χρωµάτων.
ΕΡΓΑΛΕΙΟΘΗΚΗ ΜΟΡΦΟΠΟΙΗΣΗΣ ΣΧΗΜΑΤΟΣ Στην εργαλειοθήκη µορφοποίησης σχήµατος γίνεται η αλλαγή στο σχήµα και στην µορφολογία του κάθε αντικειµένου που σχεδιάζεται, µετακινώντας απλά τις κουκίδες που βρίσκονται πάνω στο σχέδιο.
ΚΑΤΑΣΤΑΣΗ ΣΧΕ∆ΙΟΥ Τέλος, κάτω από την παλέτα των χρωµάτων είναι η περιοχή κατάστασης, η όποια δείχνει σε τι κατάσταση βρίσκεται το σχέδιο.
www.thegreekdesign.gr | www.cppd.eu 19
1.2 Βασικό µενού Το βασικό µενού κατηγοριοποιείται στις συγκεκριµένες ενέργειες: File, Edit, View, Layer, Object, Path, Text Filters, Extensions, Help. Κάθε µια από αυτές περιλαµβάνει διάφορες λειτουργίες µε βασικό σκοπό την άρτια ολοκλήρωση του σχεδίου. Αναλυτικότερα: File • • • • • • • • • • • • • • •
•
∆ηµιουργία νέου αρχείου Άνοιγµα νέου αρχείου Άνοιγµα πρόσφατου αρχείου Επαναστροφή αρχείου Αποθήκευση Αποθήκευση ως Αποθήκευση αντιγράφου Εισαγωγή Εξαγωγή αρχείου Εκτύπωση Ιδιότητες αρχείου Μεταδεδοµένα αρχείου Προτιµήσεις λογισµικού Συσκευές εισόδου Κλείσιµο αρχείου Έξοδος από το λογισµικό
Edit • • • • • • • • • • • • • • • • • • •
•
Αναίρεση Επαναφορά Αναίρεση ιστορικού Αποκοπή Αντιγραφή Επικόλληση Επικόλληση σε συγκεκριµένη θέση Επικόλληση συγκεκριµένου Style Επικόλληση συγκεκριµένων διαστάσεων Εύρεση ∆ηµιουργία αντιγράφου ∆ηµιουργία κλώνου ∆ηµιουργία αντιγράφου (τύπος bitmap) ∆ιαγραφή Επιλογή όλων Επιλογή όλων από όλα τα επίπεδα Αντιστροφή επιλογής Αποεπιλογή Οδηγοί γύρω από την σελίδα Σύνταξη αρχείου σε XML
www.thegreekdesign.gr | www.cppd.eu 20
View • • • • • • • • • • • • • • •
•
Μεγέθυνση Λειτουργία ενδείξεων Πλέγµα Όρια Σηµείο συγκράτησης ∆ιαχείριση χρωµάτων Εµφάνιση / απόκρυψη Εµφάνιση / απόκρυψη διαλόγων ∆είγµατα υφών Μηνύµατα Προηγούµενο παράθυρο Επόµενο παράθυρο Εµφάνιση icon Αντίγραφο παραθύρου Πλήρης οθόνη Επιλογές οθόνης
Layer
•
Προσθήκη επιπέδου σχεδίασης ∆ηµιουργία αντιγράφου του υπάρχοντος επιπέδου Μετονοµασία επιπέδου Μετάβαση ένα επίπεδο πάνω Μετάβαση ένα επίπεδο κάτω Μετακίνηση της επιλογής ένα επίπεδο πάνω Μετακίνηση της επιλογής ένα επίπεδο κάτω Μεταφορά επιπέδου προς τα πάνω Μεταφορά επιπέδου προς τα κάτω Μεταφορά επιπέδου στην κορυφή Μεταφορά επιπέδου στο κάτω µέρος ∆ιαγραφή επιπέδου Επίπεδα
• • • • • • • • • •
Κείµενο και γραµµατοσειρά Επεξεργασία γραµµατοσειράς ∆ηµιουργία ανάγλυφων Τοποθέτηση σε διαδροµή ∆ιαγραφή κειµένου από διαδροµή Κείµενο µέσα σε πλαίσιο ∆ιαγραφή πλαισίου Μετατροπή σε κείµενο ∆ιαγραφή εξοχών γραµµατοσειράς Έλεγχος ορθογραφίας
• • • • • • • • • • • •
Text
www.thegreekdesign.gr | www.cppd.eu 21
Object • • • • • • • • • • • • • • • • • • • •
•
Γέµισµα και περίγραµµα αντικειµένου Ιδιότητες αντικειµένου Οµαδοποίηση Από-οµαδοποίηση Κοπή Κάλυψη ∆ηµιουργία αντιγράφων Όρια του σχεδίου Μετακίνηση αντικείµενου προς τα πάνω Μετακίνηση αντικείµενου προς τα κάτω Μετακίνηση αντικείµενου στην κορυφή Μετακίνηση αντικείµενου στο κάτω µέρος Περιστροφή αντικειµένου 90 µοίρες (CW) Περιστροφή αντικειµένου 90 µοίρες (CCW) Οριζόντια περιστροφή Κάθετη περιστροφή Επανεµφάνιση όλων Ξεκλείδωµα όλων Μετασχηµατισµός αντικειµένου Ευθυγράµµιση αντικειµένων Γραµµές και στήλες
Path • • • • • • • • • • • • • • • • •
•
Αντικείµενο σε Path Περίγραµµα σε Path Ένωση σχηµάτων ∆ιαφορά σχηµάτων ∆ιατοµή σχηµάτων Απόκλειση σχηµάτων ∆ιαίρεση σχηµάτων Κοπή path Ένωση σχηµάτων Αποκοπή κοµµατιού σχήµατος Τοποθέτηση προς τα µέσα Τοποθέτηση προς τα έξω ∆υναµικό αντιστάθµισµα Απλοποίηση Αντιστροφή Προσθήκη ειδικών εφέ Επικόλληση ειδικών εφέ ∆ιαγραφή ειδικών εφέ
www.thegreekdesign.gr | www.cppd.eu 22
Filters • • • • • • • • • • • • • • •
Φίλτρα για κείµενα Φίλτρα περιγράµµατος Φίλτρα θολώµατος Φίλτρα χρώµατος Ειδικά εφέ εικόνων Ειδικά εφέ εικόνων σε διαφάνεια Υφές υλικών Φίλτρα στην βασική µορφολογία Μη αληθοφανή τρισδιάστατη σκιά Φίλτρα επικάλυψης Φίλτρα κορυφογραµµών Φίλτρα διασποράς Φίλτρα υφών Επιλογές φίλτρων ∆ιαγραφή φίλτρου
• • • • • • • • • •
Προηγούµενη επέκταση Ρυθµίσεις προηγούµενης επέκτασης ∆ιευθέτηση Επεκτάσεις χρωµάτων Επεκτάσεις εικόνων ∆ιαµόρφωση διαδροµής σχεδίου Επεκτάσεις render Επεκτάσεις κειµένου Εµφάνιση διαδροµής σχεδίου Επεκτάσεις web
Extensions
Help • • • • • • • •
•
Εγχειρίδιο λογισµικού Παραποµπές συντοµεύσεων Ρωτήστε το λογισµικό Εκπαιδευτικό υλικό Συχνές ερωτήσεις Νέες λειτουργίες του συγκεκριµένου λογισµικού Αναφορά προβλήµατος Σχετικά µε την µνήµη του προγράµµατος Σχετικά µε το λογισµικό
1.3 Κουτί εργαλείων Στο κουτί εργαλείων περιλαµβάνονται τα βασικά εργαλεία σχεδίασης µε τα οποία µπορεί να δηµιουργηθεί οποιοδήποτε γεωµετρία και να επεξεργαστεί κατάλληλα ώστε να αποδοθεί το επιθυµητό αποτέλεσµα. Το κουτί εργαλείων περιλαµβάνει: www.thegreekdesign.gr | www.cppd.eu 23
Επιλογή και µετακίνηση αντικειµένου Κ Ο Υ Τ Ι Ε Ρ Γ Α Λ Ε Ι Ω Ν
Επεξεργασία σχήµατος µέσω κόµβων Αλλαγή µορφολογίας και χρώµατος Μεγέθυνση και σµίκρυνση ∆ηµιουργία ορθογωνίου σχήµατος ∆ηµιουργία τρισδιάστατων αντικείµενων ∆ηµιουργία κύκλων και ελλείψεων ∆ηµιουργία πολυγώνων ∆ηµιουργία σπείρας Σχεδίαση µε ελευθερία κινήσεων ∆ηµιουργία καµπυλών και ευθειών
Κ Ο Υ Τ Ι Ε Ρ Γ Α Λ Ε Ι Ω Ν
∆ηµιουργία καλλιγραφικών στοιχείων ∆ηµιουργία κειµένου Αντιγραφή σχηµάτων και τοποθέτηση τους στον καµβά σε µορφή σπρέι Γόµα για σβήσιµο Γέµισµα µε χρώµα οριοθετηµένων περιοχών ∆ηµιουργία και επεξεργασία κλίσεων Συλλέκτης χρώµατος ∆ηµιουργία διαγραµµάτων
Όλα τα εργαλεία µπορούν να προσαρµοστούν στις επιθυµίες του χρήστη στην εργαλειοθήκη επεξεργασίας εργαλείων που εµφανίζεται στο πάνω µέρος του λογισµικού (κάτω από το βασικό µενού) όταν επιλεχθεί ένα από τα εργαλεία που περιγράφθηκαν παραπάνω.
1.4 Εργαλειοθήκη µορφοποίησης σχήµατος Αφού σχεδιάσετε µια γραµµή ή ένα αντικείµενο µπορείτε να τα διαµορφώσετε µε τις δυνατότητες που σας δίνουν τα χαρακτηριστικά των διανυσµατικών στοιχείων. Με την επιλογή της γραµµής ή του αντικείµενου (και διπλό κλικ) εµφανίζονται τα σηµάδια των κόµβων. Μορφοποιώντας τα συγκεκριµένα σηµάδια, η γεωµετρία του αντικειµένου αλλάζει. Από την εργαλειοθήκη παρέχονται πληθώρα εργαλείων όπως δηµιουργία κόµβων, αφαίρεση κόµβων, δηµιουργία γωνιών και ειδικών καµπυλοτήτων.
www.thegreekdesign.gr | www.cppd.eu 24
1.5 Παλέτα χρωµάτων Στην παλέτα χρωµάτων έχετε την δυνατότητα επιλογής των χρωµάτων που χρειάζεστε κάθε φορά. Η βαθµονόµηση των χρωµάτων µπορεί να αλλάξει. Αυτό επιτυγχάνετε πατώντας το βελάκι δεξιά της παλέτας και επιλέγοντας την επιθυµητή βαθµονόµηση.
1.6 Κατάσταση σχεδίου Στην περιοχή κατάστασης του σχεδίου µπορείτε να ελέγξετε σε τι κατάσταση βρίσκεται αυτό κάθε φορά. Π.χ. ποσά στρώµατα υπάρχουν, τι χρώµα χρησιµοποιείτε, εάν έχετε επιλέξει για επεξεργασία κάποιο αντικείµενο στο σχέδιο.
www.thegreekdesign.gr | www.cppd.eu 25
Κεφάλαιο 2 Βασικές αρχές σχεδίασης Αφού προηγήθηκε η βασική γνωριµία µε το λογισµικό και τα εργαλεία που προσφέρει είναι σηµαντικό να αναφερθούν οι βασικές αρχές σχεδίασης αντικειµένων. Ο σχεδιασµός απλών γεωµετριών καθώς και η επεξεργασία αυτών µπορούν να σας βοηθήσουν να κατανοήσετε καλύτερα την λειτουργία των διανυσµατικών στοιχειών. Η γνώση των βασικών αρχών σχεδίασης ακολουθεί την δηµιουργία πιο σύνθετων αντικειµένων, όπως αυτά θα περιγραφθούν αναλυτικά στα παρακάτω κεφάλαια.
2.1 Σχεδιασµός ορθογωνίου παραλληλογράµµου Για τον σχεδιασµό του ορθογώνιου επιλέξτε το αντίστοιχο εργαλείο από την εργαλειοθήκη, ( ) το οποίο σχεδιάζει τετράγωνα και ορθογώνια. Επιλέγοντας το συγκεκριµένο εργαλείο και πηγαίνοντας στον καµβά σχηµατίζετε εύκολα ένα ορθογώνιο στις επιθυµητές διαστάσεις.
Σχήµα 2.1.1 Επιλογή εργαλείου για την δηµιουργία ορθογωνίων παραλληλογράµµων.
Σχήµα 2.1.2 Σχεδιασµός του σχήµατος στο εσωτερικό του καµβά.
Σχήµα 2.1.3 Ρυθµίσεις για τις διαστάσεις του σχήµατος.
Στην εργαλειοθήκη επεξεργασίας εργαλείων µπορούν να αλλάξουν οι διαστάσεις του σχήµατος, αλλάζοντας τα πλαίσια που έχει η επιλογή Change. Όταν γίνεται αλλαγή στους αριθµούς του W τότε αλλάζει το πλάτος του σχήµατος, όταν γίνεται αλλαγή στους αριθµούς του Η τότε αλλάζει το ύψος του σχήµατος, ενώ αλλάζοντας τους αριθµούς του Rx και Ry, τότε οι γωνίες του ορθογώνιου παίρνουν κυκλικό σχήµα.
www.thegreekdesign.gr | www.cppd.eu 26
Σχήµα 2. 1.4 ∆ηµιουργία οβάλ σχήµατος µε την τροποποίηση Rx και Ry.
Σχήµα 2.1.5 Επιλογή νέου χρώµατος από την παλέτα, επαναχρωµατισµός του αντικειµένου και τροποποίηση µεγέθους από τα βελάκια συγκράτησης.
Το χρώµα αλλάζει επιλέγοντας κάποιο άλλο από την παλέτα των χρωµάτων. Υπάρχει επίσης δυνατότητα αλλαγής της διάστασης του αντικειµένου. Αυτό επιτυγχάνεται µετακινώντας τα βελάκια που έχει το ορθογώνιο γύρω του. Επίσης, µπορεί να γίνει µετατροπή από ορθογώνιο σχήµα σε έλλειψη ή κύκλο. Αυτό επιτυγχάνεται µετακινώντας τους µικρούς κύκλους που υπάρχουν στις γωνίες του ορθογωνίου.
Σχήµα 2.1.6 Το ορθογώνιο µετατράπηκε σε έλλειψη.
2.2 Σχεδιασµός κύκλου Ο κύκλος σχεδιάζεται µε την επιλογή του εργαλείου ( ). Εφόσον έχετε σχεδιάσει τον κύκλο, οι διαστάσεις του αλλάζουν από τα µικρά τετράγωνα που έχει πάνω του ή από την γραµµή Change. Μετακινώντας τους µικρούς κύκλους το σχήµα αλλάζει µορφή, παίρνοντας την µορφή «κοµµένης πίτας», αυτό βέβαια µπορεί να γίνει επίσης αλλάζοντας τους αριθµούς του Start και του End στην γραµµή Change, η οποία βρίσκεται στη γραµµή επεξεργασίας εργαλείων. Τέλος, οι διαστάσεις του κύκλου αλλάζουν και αυτές µε το εργαλείο επιλογής και µετακίνησης.
www.thegreekdesign.gr | www.cppd.eu 27
Σχήµα 2.2.1 Επιλογή του εργαλείου σχεδίασης κύκλου.
Σχήµα 2.2.2 Σχεδιασµός του κύκλου.
Σχήµα 2.2.3 Μορφοποίηση του κύκλου σε «κοµµένη πίτα», µε την µετακίνηση των µικρών βοηθητικών κύκλων.
Σχήµα 2.2.4 Η γραµµή επεξεργασίας του εργαλείου και η επιλογή για την δηµιουργία τόξου.
Σχήµα 2.2.5 Ο τελικός κύκλος µε την συµπλήρωση του τόξου.
2.3 Σχεδιασµός τρισδιάστατων σχηµάτων Ο σχεδιασµός ενός σχήµατος σε 3D γίνεται µε το εργαλείο ( ). Αφού έχει σχεδιαστεί το σχήµα, οι διαστάσεις του αλλάζουν από τους µικρούς ρόµβους που υπάρχουν στις γωνίες του κύβου. Οι κόκκινες γραµµές που τέµνονται στην δεξιά www.thegreekdesign.gr | www.cppd.eu 28
πλευρά αλλάζουν την οπτική γωνιά του κύβου ενώ οι κίτρινες γραµµές αλλάζουν το ύψος της πίσω πλευράς.
Σχήµα 2.3.1 ∆ηµιουργία βασικού κύβου.
Σχήµα 2.3.2 Μετατροπή βασικού κύβου σε νέα µορφή µε την χρήση των βοηθητικών σηµείων που εµφανίζονται πάνω στο αντικείµενο.
Στην γραµµή ρύθµισης εργαλείων υπάρχουν τρεις επιλογές για την επεξεργασία του σχήµατος. Η γωνιά Χ (Angle X), η γωνιά Υ (Angle Y), η γωνιά Ζ (Angle Z). Αλλάζοντας αυτά, µετακινείται η κάθε γωνιά του σχήµατος. Εφόσον έχει τελειώσει η επεξεργασία του σχήµατος, µπορεί να χρωµατιστεί. Οι διαστάσεις του αλλάζουν µε το εργαλείο επιλογής και µετακίνησης αντικειµένων.
Σχήµα 2.3.3 Η γραµµή επεξεργασίας του εργαλείου.
2.4 Σχεδιασµός πολύγωνων και αστεριών Με το εργαλείο δηµιουργίας πολυγώνων και αστεριών ( ) σχεδιάζονται εύκολα πολύγωνα αντικείµενα. Η διαµόρφωση του αστεριού ή πολυγώνου γίνεται στο Change. Στο Corners επιλέγονται οι γωνίες του αστεριού ή οι πλευρές του πολυγώνου. Με τους µικρούς ρόµβους που υπάρχουν στο σχήµα, αλλάζει το σχήµα, άλλα γίνεται και η περιστροφή του σχήµατος. Tο σχήµα µπορεί επίσης να επεξεργαστεί αλλάζοντας το Spoke Ratio και το Rounded. Με το εργαλείο επιλογής και µετακίνησης αντικειµένων αλλάζει το µέγεθος του σχήµατος.
www.thegreekdesign.gr | www.cppd.eu 29
Σχήµα 2.4.1 Επιλογή του εργαλείου σχεδίασης πολυγώνων.
Σχήµα 2.4.2 ∆ηµιουργία αστεριού µε έξι ακτίνες και Spoke Ratio (ο λόγος των εσωτερικών ακτινών) 0.496.
Σχήµα 2.4.3 Το ίδιο αστέρι µε Spoke Ratio 0.100.
Σχήµα 2.4.4 Σχεδιασµός πολυγώνου µε οκτώ γωνίες.
Σχήµα 2.4.5 Το ίδιο πολύγωνο µε την αλλαγή της επιλογής Rounded από 0 σε 3.
www.thegreekdesign.gr | www.cppd.eu 30
2.5 Σχεδιασµός σπείρας Ο σχεδιασµός σπείρας γίνεται µε το αντίστοιχο εργαλείο σχεδιασµού ( ). Επιλέγοντας το, σχεδιάζεται µια απλή σπείρα. Μετακινώντας τα µικρά τετράγωνα που βρίσκονται στην αρχή και στο τέλος της σπειροειδούς γραµµής, αλλάζει το µέγεθος της. Η επεξεργασία της σπείρας µπορεί να γίνει επίσης, αλλάζοντας τους αριθµούς στο Change (γραµµή ρύθµισης εργαλείων). «Turns» για στροφές, «Divergence» για απόκλιση και «Inner Radius» για εσωτερική ακτίνα. Με το εργαλείο επιλογής και µετακίνησης αντικείµενου αλλάζει το µέγεθος του, καθώς και περιστρέφεται.
Σχήµα 2.5.1 ∆ηµιουργία σπείρας µε τις ρυθµίσεις «Turns» 8.60, «Divergence» 0.830 και «Inner Radius» 0.000.
Σχήµα 2.5.2 Η ίδια σπείρα µε νέες ρυθµίσεις.
2.6 Σχεδιασµός ελεύθερης γραµµής Οι ελεύθερες γραµµές σχεδιάζονται µε το εργαλείο ( ). Όταν σχεδιαστεί η γραµµή εµφανίζονται δυο µικρά τετράγωνα στην αρχή και στο τέλος του σχεδιαζόµενου µοντέλου, επιλέγοντας αυτά τα σηµάδια και µετακινώντας τα, η γραµµή µικραίνει ή µεγαλώνει, αντίστοιχα. Στη γραµµή ρύθµισης εργαλείων µπορούν να επαναπροσδιοριστούν οι λεπτοµέρειες χρήσης της ελεύθερης γραµµής. Η εξοµάλυνση της γραµµής (smoothing), ο τύπος της γραµµής (γραµµή τύπου Bezier ή www.thegreekdesign.gr | www.cppd.eu 31
τύπου Spiro), καθώς επίσης και το σχήµα του θα παίρνει αυτή η γραµµή κατά τον σχεδιασµό της (έλλειψη και τρίγωνο). Με το εργαλείο επιλογής και µετακίνησης αλλάζουν οι διαστάσεις της. Επίσης κάνοντας δυο κλικ πάνω στην γραµµή ή επιλέγοντας το εργαλείο µορφοποίησης σχήµατος, εµφανίζονται πάνω της πολλά µικρά τετράγωνα τα όποια µπορούν να µετακινηθούν και έτσι να µορφοποιηθεί την γραµµή και να πάρει το επιθυµητό σχήµα.
Σχήµα 2.6.1 Επιλογή του εργαλείου σχεδίασης γραµµής.
Σχήµα 2.6.2 Οι επιλογές ρυθµίσεων της γραµµής.
Σχήµα 2.6.3 Οι διάφορες µορφές που µπορεί να πάρει η ίδια γραµµή, ανάλογα µε τις ρυθµίσεις από την γραµµή ρύθµισης εργαλείων.
Σχήµα 2.6.4 Με διπλό κλικ πάνω στην σχεδιασµένη γραµµή, εµφάνιση στοιχειών αναδιάταξης της ίδιας της γραµµής.
Σχήµα 2.6.5 Η γραµµή ρύθµισης εργαλείου, κατά την επιλογή µε διπλό κλικ της γραµµής που έχει σχεδιασθεί.
www.thegreekdesign.gr | www.cppd.eu 32
2.7 2.7 Σχεδιασµός καµπυλών Bezier και ευθειών Οι συγκεκριµένες γραµµές γίνονται µε το ανάλογο εργαλείο σχεδιασµού τους ( ). Στην γραµµή ρύθµισης εργαλείων υπάρχουν επιλογές σχεδιασµού όπως είναι: ο σχεδιασµός γραµµής µε καµπύλη, ο σχεδιασµός ευθειών γραµµών µε δυνατότητα οποιασδήποτε διεύθυνσης, ο σχεδιασµός ευθειών γραµµών µε δυνατότητα διεύθυνσης µόνο κάθετα και οριζόντια. Επίσης, υπάρχουν πολλές επιλογές για την εµφάνιση της γραµµής, µερικές από αυτές είναι: η τριγωνική, η ελλειψοειδής, το γέµισµα του σχήµατος και απλή µορφή σχεδίασης.
Σχήµα 2.7.1 Επιλογή του εργαλείου σχεδίασης.
Σχήµα 2.7.2 Οι επιλογές ρυθµίσεων της γραµµής.
Σχήµα 2.7.3 Οι διάφορες µορφές που µπορεί να πάρει η ίδια γραµµή, ανάλογα µε τις ρυθµίσεις από την γραµµή ρύθµισης εργαλείων.
2.8 2.8 Σχεδιασµός αποτυπωµάτων µολυβιού (strokes) strokes) Ο σχεδιασµός των "µολυβιών" γίνεται µε το εργαλείο . Οι βασικές δυνατότητες του συγκεκριµένου εργαλείου είναι το ίχνος καλλιγραφικού τύπου και το ίχνος τύπου ¨πινέλο¨. Όταν ο χρήστης επιλέγει αυτό το εργαλείο εµφανίζονται στην περιοχή επεξεργασίας εργαλείων όλες αυτές οι ρυθµίσεις που ορίζουν τα χαρακτηριστικά κάθε σχεδιαζόµενου αντικειµένου. Υπάρχουν οι δυνατότητες επιλογής: τύπος του εργαλείου (βούρτσα, µαρκαδόρος, στυλό και πινέλο), πλάτος εργαλείου, το "αδυνάτισµα" σε σηµεία, η σταθερότητα του εργαλείου κατά την κίνηση και η γωνία εργαλείου.
Σχήµα 2.8.1 Επιλογή του εργαλείου σχεδίασης.
www.thegreekdesign.gr | www.cppd.eu 33
Σχήµα 2.8.2 Οι επιλογές ρυθµίσεων της γραµµής.
Σχήµα 2.8.3 Οι διάφορες µορφές που µπορεί να πάρει η ίδια γραµµή, ανάλογα µε τις ρυθµίσεις από την γραµµή ρύθµισης εργαλείων.
2.9 2.9 Εισαγωγή κειµένου Επιλέγοντας το εργαλείο εισαγωγής κειµένου ( ) ο χρήστης µπορεί να δηµιουργήσει και να επεξεργαστεί κείµενο πάνω στο σχέδιο. Αφού επιλεχθεί το συγκεκριµένο εργαλείο, εµφανίζονται στο πλαίσιο επεξεργασίας εργαλείων τα χαρακτηριστικά του εργαλείου (γραµµατοσειρά, µέγεθος γραµµατοσειράς, διευθέτηση κειµένου). Επίσης, το κείµενο µπορεί να επεξεργαστεί από την επιλογή text του βασικού µενού.
Σχήµα 2.9.1 Επιλογή του εργαλείου σχεδίασης.
Σχήµα 2.9.2 Οι επιλογές ρυθµίσεων της γραµµής.
Σχήµα 2.9.3 Οι διάφορες µορφές που µπορεί να πάρει το κείµενο ανάλογα µε τις ρυθµίσεις από την γραµµή ρύθµισης εργαλείων.
www.thegreekdesign.gr | www.cppd.eu 34
2.10 2.10 Σχεδιασµός µε σπρέι Το εργαλείο για το σπρέι είναι το εξής: ( ) Το σπρέι ουσιαστικά κάνει αντιγραφή του σχήµατος που δηµιουργήθηκε από τον χρήστη. Για να λειτουργήσει το εργαλείο του σπρέι, πρέπει πρώτα να σχεδιαστεί ένα σχήµα (τετράγωνο, κύκλος, κτλ.). Επίσης στην περιοχή ρύθµισης εργαλείων γίνονται οι µεταβολές του εργαλείου που επιθυµεί ο χρήστης, τέτοιες είναι: το πλάτος του σπρέι και η περιστροφή του σχήµατος που έχει αντιγραφή.
Σχήµα 2.10.1 Επιλογή του εργαλείου σχεδίασης.
Σχήµα 2.10.2 Οι επιλογές ρυθµίσεων της γραµµής.
Σχήµα 2.10.3 Οι διάφορες µορφές που µπορεί να πάρει το σπρέι, ανάλογα µε τις ρυθµίσεις από την γραµµή ρύθµισης εργαλείων.
2.11 2.11 Γέµισµα χρώµατος Το γέµισµα των σχεδίων γίνεται µε το εργαλείο βαφής κλειστών περιοχών ( ). Εφόσον έχει γίνει ένα σχέδιο (µε οποιοδήποτε εργαλείο) και επιλέγοντας µετά αυτό το «γέµισµα κλειστής περιοχής», το σχέδιο µπορεί να γεµίσει µε όποιο χρώµα επιθυµεί ο χρήστης. Επίσης, ο χρήστης θα πρέπει να προσέχει το fill και το stroke, πολλές φορές αυτά τα δυο έχουν διαφορετικό χρώµα, κάτι το οποίο µπορεί να µην είναι επιθυµητό.
www.thegreekdesign.gr | www.cppd.eu 35
Σχήµα 2.11.1 Επιλογή του εργαλείου σχεδίασης.
Σχήµα 2.11.2 Οι επιλογές ρυθµίσεων της γραµµής.
Σχήµα 2.11.3 Παραδείγµατα γεµίσµατος µε χρώµα διαφόρων αντικειµένων.
2.12 2.12 Σβήσιµο και διαγραφή σχεδίου Το σβήσιµο ενός µέρους ή όλου του σχεδίου πραγµατοποιείται µε το εργαλείο που δείχνει την γόµα. ( ). Επιλέγοντας αυτό το εργαλείο, στο πλαίσιο επεξεργασίας εργαλείων εµφανίζονται τα χαρακτηριστικά του εργαλείου, εκεί διαµορφώνεται το πλάτος της γόµας, άλλα και το είδος του σβησίµατος που ο χρήστης επιθυµεί να κάνει (διαγραφή όλου του σχεδιασµένου σχήµατος ή αφαίρεση ενός σηµείου).
Σχήµα 2.12.1 Επιλογή του εργαλείου διαγραφής.
Σχήµα 2.12.2 Οι επιλογές ρυθµίσεων της γραµµής.
Σχήµα 2.12.3 Παραδείγµατα σβησίµατος ή ολικής διαγραφής.
www.thegreekdesign.gr | www.cppd.eu 36
2.13 2.13 Αντιγραφή χρώµατος Πολλές φορές, ο χρήστης επιθυµεί να αντιγράψει ένα χρώµα από ένα άλλο σχέδιο ώστε να το µεταφέρει σε κάποιο καινούργιο. Γι’ αυτό τον λόγο παίρνει το εργαλείο αντιγραφής χρώµατος. Για παράδειγµα αν ο χρήστης θέλει να αντιγράψει το χρώµα από µια εικόνα που απεικονίζει ένα λουλούδι και να γεµίσει ένα σχήµα µε αυτό, τότε θα χρησιµοποιήσει αυτό το εργαλείο και θα επιλέξει το χρώµα που θέλει κάνοντας ένα κλικ πάνω του. Έπειτα θα σχεδιάσει το σχήµα που θέλει µε το ίδιο ακριβώς χρώµα.
Σχήµα 2.13.1 Επιλογή του εργαλείου επιλογής χρώµατος.
Σχήµα 2.13.2 Οι επιλογές ρυθµίσεων της γραµµής.
Σχήµα 2.13.3 Παράδειγµα επιλογής χρώµατος (µωβ) από εικόνα και µεταφορά σε νέο σχήµα.
www.thegreekdesign.gr | www.cppd.eu 37
Κεφάλαιο 3 Σχεδιασµός επαγγελµατικής κάρτας Στο συγκεκριµένο κεφάλαιο θα γίνει µια παρουσίαση για τον σχεδιασµό επαγγελµατικής κάρτας. Αναλυτικότερα, θα δηµιουργηθούν δυο είδη κάρτας που θα διαφέρουν στο ύφος και την τεχνοτροπία. Η πρώτη θα αφορά επαγγέλµατα καλλιτεχνικής φύσης, ενώ η δεύτερη θα αφορά την επαγγελµατική παρουσίαση ενός δικηγόρου. Η απλότητα των σχεδίων έχει επιλεγεί για την καλύτερη κατανόηση του σχεδιαστικού προγράµµατος.
3.1 Σχεδιασµός καλλιτεχνικής κάρτας Ακολουθεί η αναλυτική διαδικασία σχεδιασµού της επαγγελµατικής κάρτας που αφορά οποιονδήποτε καλλιτέχνη.
Σχήµα 3.1.1 - Η τελική εικόνα της επαγγελµατικής κάρτας.
Βήµα 1
Σχήµα 3.1.2 – Σχεδιασµός αρχικού πλαισίου κάρτας.
Για τον σχεδιασµό της καλλιτεχνικής κάρτας αρχικά σχεδιάστε ένα ορθογώνιο σχήµα. Αυτό γίνεται µε την επιλογή του εργαλείου που σχεδιάζει τετράγωνα και ορθογώνια www.thegreekdesign.gr | www.cppd.eu 38
( ). Έπειτα µε το εργαλείο επιλογής αντικειµένων, επιλέξτε το σχήµα έτσι ώστε να µπορείτε να τοποθετήσετε το σχήµα στον χώρο και να αλλάξετε τις διαστάσεις του. Τα πλαίσια Χ και Υ παίρνουν την τιµή 0 έτσι ώστε να τοποθετηθούν σε αυτήν την απόσταση οριζόντια και κάθετα. Ενώ στα πλαίσια W και H που αλλάζουν οι διαστάσεις του σχήµατος εισάγετε οι τιµές W:300px και H:200px. (Το px είναι µονάδα µέτρησης, pixel. Το πρόγραµµα δίνει την δυνατότητα επιλογής διαφορών µονάδων π.χ. mm, in, cm, κτλ.)
Σχήµα 3.1.3 – Εισαγωγή βασικών διαστάσεων κάρτας
Το χρώµα που χρησιµοποιείται από το Inkscape καθ’ εξορισµού είναι το default. Λευκό χρώµα για το γέµισµα της περιοχής και µαύρο για την περιοχή του πλαισίου. για το γέµισµα είναι το λευκό χρώµα και για το περίγραµµα είναι το µαύρο.
Βήµα 2 Στην συνέχεια, µε το εργαλείο επιλογής αντικειµένων επιλέξτε το σχήµα που µόλις σχεδιάσατε και έχοντας το σε επιλογή, επιλέξτε αυτήν την φορά το εργαλείο σχεδιασµού τετραγώνων και ορθογωνίων. Στο πλαίσιο Change, αλλάξτε στο Ry σε 25px για να γίνουν όλες οι γωνίες τόξα.
Σχήµα 3.1.4 – Τροποποίηση γωνιών κάρτας.
Βήµα 3 Έπειτα, επιλέξτε το εργαλείο που σχεδιάζει αστέρια και πολύγωνα και στην συνέχεια σχεδιάστε ένα αστέρι µε 5 γωνίες (οι γωνίες επιλέγονται στο change και στο πλαίσιο corners). Τοποθετείστε τα αστέρια στην κάτω αριστερή πλευρά του πλαισίου της κάρτας. www.thegreekdesign.gr | www.cppd.eu 39
Σχήµα 3.1.5– ∆ηµιουργία αστεριού.
Βήµα 4
Στην συνέχεια επιλέξτε το εργαλείο µε την εικόνα που δείχνει το σπρέι ( )και τοποθετήστε το πάνω στο σχήµα. Έπειτα µετακινήστε το ποντίκι (ενώ έχετε πιέσει το αριστερό κλικ) ώστε να δηµιουργηθούν κάποια αντίγραφα. Για την τελειοποίηση των αντιγράφων, επεξεργαστείτε τα ως προς τις διαστάσεις τους και ως προς το πάχος του περιγράµµατος τους, ένα προς ένα.
Σχήµα 3.1.6– ∆ηµιουργία πολλών αστεριών µέσω σπρέι.
Βήµα 5
Αφού έχετε ακόµη ανοιχτό το fill and stroke, επεξεργαστείτε το χρώµα για το γέµισµα των αστεριών. Επιλέξτε το κίτρινο που φαίνεται παρακάτω και στην συνέχεια επεξεργαστείτε την διαφάνεια του χρώµατος. Η συγκεκριµένη ρύθµιση γίνεται από την επιλογή opacity. Κάθε αστέρι µπορεί να έχει διαφορετική διαφάνεια για καλύτερο οπτικό αποτέλεσµα.
www.thegreekdesign.gr | www.cppd.eu 40
Σχήµα 3.1.7 – Επεξεργασία χρώµατος των αστεριών.
Βήµα 6 Μετά επεξεργαστείτε το γενικό χρώµα της κάρτας. Το χρώµα αλλάζει µε 2 τρόπους: α) είτε επιλέξτε το µαύρο χρώµα από το Inkscape και µε δεξί κλικ επιλέξτε set fill ή β) προσαρµόστε το χρώµα από το fill and stroke σε µαύρη απόχρωση.
Σχήµα 3.1.8 – Επεξεργασία χρώµατος κάρτας.
Βήµα 7
Τελειώνοντας την επεξεργασία της κάρτας, εισάγετε τα κείµενα που θα ολοκληρώσουν την κάρτα. Το κείµενα αποτελούνται από το όνοµα, το επίθετο, το www.thegreekdesign.gr | www.cppd.eu 41
επάγγελµα, το τηλέφωνο και την διεύθυνση. Εφόσον πρόκειται για µια καλλιτεχνική επαγγελµατική κάρτα χρησιµοποιείται µια γραµµατοσειρά καλλιγραφικού τύπου. Επιλέξτε την γραµµατοσειρά Brush Script Std.
Σχήµα 3.1.9 – Επεξεργασία κειµένων.
3.2 Σχεδιασµός επαγγελµατικής κάρτας δικηγόρου Ακολουθεί η αναλυτική διαδικασία σχεδιασµού της επαγγελµατικής κάρτας που αφορά οποιονδήποτε δικηγόρο.
Βήµα 1
Αρχικά σχεδιάστε ένα ορθογώνιο σχήµα ίδιο µε το προηγούµενο, δηλαδή µε W:300px και H:200px. Για την τοποθέτηση πάνω στον καµβά, εισάγετε Χ:0px και Υ:0px. Το περίγραµµα του έχει µαύρο χρώµα ενώ το γέµισµα είναι άσπρο (εξ’ ορισµού).
Σχήµα 3.2.1 - Σχεδιασµός αρχικού πλαισίου κάρτας.
www.thegreekdesign.gr | www.cppd.eu 42
Βήµα 2 Έπειτα, σχεδιάστε ένα δεύτερο ορθογώνιο σχήµα µε λίγο µικρότερες διαστάσεις από το αρχικό, W:280px και για Η:180px. Ενώ για την τοποθέτηση του ορίστε, οριζόντια θέση (Χ) 10px και κάθετη θέση (Υ) 10px. Όπως αντιλαµβάνεστε το δεύτερο σχήµα θα τοποθετηθεί µέσα στο αρχικό, δηµιουργώντας την αίσθηση ενός πλαισίου.
Σχήµα 3.2.2 – Εισαγωγή δεύτερου σχήµατος.
Βήµα 3 Επιλέξτε το πρώτο ορθογώνιο σχήµα που σχεδιάσατε και επιλέξτε για γέµισµα το χρώµα µε κωδικό #8a916f από το Fill and Stroke (Shift+Ctrl+F).
Σχήµα 3.2.3 – Εισαγωγή χρώµατος.
www.thegreekdesign.gr | www.cppd.eu 43
Βήµα 4
Στη συνέχεια, επιλέξτε το εργαλείο που σχεδιάζει ευθείες και καµπύλες γραµµές ( ). Με αυτό σχεδιάζονται ευθείες γραµµές και στην συνέχεια επεξεργάζονται µε το εργαλείο επεξεργασίας των σχηµάτων έτσι ώστε να γίνει ένα σχήµα όπως θα παρουσιαστεί παρακάτω. Το τελικό σχήµα τοποθετήστε το στην κάτω αριστερή πλευρά της κάρτας.
Σχήµα 3.2.4 – Σχεδιασµός ζυγαριάς που συµβολίζει την δικαιοσύνη.
Σχήµα 3.2.5 – Τοποθέτηση σχήµατος
Βήµα 5 Τέλος, εισάγετε το κείµενο της κάρτας το οποίο αποτελείται από το όνοµα, το επίθετο, το τηλέφωνο και την διεύθυνση. Η γραµµατοσειρά που χρησιµοποιείται είναι η Sans. www.thegreekdesign.gr | www.cppd.eu 44
Το όνοµα και το επίθετο έχουν µέγεθος 18px, ενώ το τηλέφωνο και η διεύθυνση έχουν µέγεθος 12px. Το χρώµα που χρησιµοποιείται στο κείµενο είναι ίδιο µε αυτό του πρώτου ορθογωνίου σχήµατος που σχεδιάστηκε.
Σχήµα 3.2.6 – Εισαγωγή κειµένων.
Σχήµα 3.2.7 – Η τελική κάρτα.
!
Να σηµειωθεί ότι το πρόγραµµα διαθέτει και έτοιµα πρότυπα επαγγελµατικών καρτών, τα οποία έχουν εξ ορισµού διαστάσεις. Με αυτό τον τρόπο αποφεύγεται η επαναλαµβανόµενη διαδικασία σχεδίασης των βασικών πλαισίων. Κρίθηκε όµως απαραίτητο να αναφερθεί ο δεύτερος τρόπος σχεδίασης για την καλύτερη εξοικείωση του χρήστη µε το πρόγραµµα. ∆ιαδικασία εισαγωγής: File > New > Bussiness_Card_90x50mm
www.thegreekdesign.gr | www.cppd.eu 45
Κεφάλαιο 4 Σχεδιασµός προσκλητηρίων Στο τέταρτο κεφάλαιο θα γίνει µια αναφορά στον σχεδιασµό προσκλητηρίων για διάφορες εκδηλώσεις. Συγκεκριµένα, θα παρουσιαστούν ένα προσκλητήριο γάµου και µια πρόσκληση για παιδικό πάρτι. Θα αναφερθούν οι βασικές αρχές σχεδίασης και δεν θα δοθεί έµφαση στον απόλυτα δηµιουργικό σχεδιασµό, καθώς σκοπός είναι η εκµάθηση του προγράµµατος. Η απλότητα των σχεδίων που θα παρουσιαστούν βοηθούν στην καλύτερη κατανόηση της διαδικασίας του σχεδιασµού µέσω του Inkscape.
4.1 Σχεδιασµός προσκλητηρίου για γάµο Βήµα 1 Αρχικά, σχεδιάστε ένα ορθογώνιο σχήµα µε χρώµα 7,5% grey από την παλέτα χρωµάτων. Οι διαστάσεις είναι, W:400px και για H:250px. Ενώ τοποθετήστε το νέο σχήµα στο σηµείο Χ:0, Y:0.
Σχήµα 4.1.1 – Σχεδιασµός προσκλητηρίου και ο χρωµατισµός του.
Βήµα 2
Σχήµα 4.1.2 – Σχεδιασµός έλλειψης που θα αποτελέσει σελίδα του προσκλητηρίου.
www.thegreekdesign.gr | www.cppd.eu 46
Έπειτα µε το εργαλείο σχεδιασµού κύκλων, σχεδιάστε µια έλλειψη µε διαστάσεις 400px για W και 250px για H. Τοποθετήστε την στο σηµείο (X:-200px, Y:0px). Χρωµατίστε την µε το ίδιο χρώµα που χρησιµοποιήσατε και παραπάνω.
Σχήµα 4.1.3 – Τοποθέτηση έλλειψης αριστερά του αρχικού σχεδίου.
Αντιγράψτε την έλλειψη (Copy) και επικολλήστε την δεξιά του αρχικού σχεδίου, στη θέση Χ:400px και Υ:0px.
Σχήµα 4.1.4 – Τοποθέτηση δεύτερης έλλειψης δεξιά του αρχικού σχεδίου.
Βήµα 3
Σχήµα 4.1.5 – ∆ηµιουργία γραµµής που λειτουργεί ως «τσάκιση».
www.thegreekdesign.gr | www.cppd.eu 47
Στην συνέχεια µε το εργαλείο που σχεδιάζει ευθείες και καµπύλες γραµµές, σχεδιάστε µια κάθετη διακεκοµµένη γραµµή. Για να γίνει αυτό επιλέξτε τη γραµµή και µε δεξί κλικ πάνω της επιλέξτε την εντολή fill and stroke. Στο stroke style επιλέξτε τον τύπο της γραµµής που χρειάζεστε. Το ύψος της είναι 250px, ενώ τοποθετήστε την στο σηµείο (X:0px, Y:0px). Αντιγράψτε την ίδια γραµµή στην νέα θέση, Χ:400px, Υ: 0px.
Σχήµα 4.1.6 – ∆ηµιουργία γραµµής που λειτουργεί ως «τσάκιση».
Βήµα 4 Έπειτα, σχεδιάστε ένα διακοσµητικό στοιχείο που θα προσθέσει στο τελικό σχέδιο την αίσθηση του γάµου. Το διακοσµητικό στοιχείο, µια κορδέλα τυλιγµένη σε φιόγκο. Για να γίνει αυτό αρχικά, σχεδιάστε µια έλλειψη µε το εργαλείο σχεδιασµού κύκλων, και περιστρέψτε την έτσι όπως φαίνεται στο σχήµα Α.
Σχήµα 4.1.7 – Η δηµιουργία του φιόγκου σε έξι βήµατα.
www.thegreekdesign.gr | www.cppd.eu 48
Έπειτα, µε το εργαλείο σχεδιασµού ευθειών και καµπύλων γραµµών σχεδιάστε ευθείες γραµµές που παραπέµπουν σε φιόγκο. Στην συνέχεια µε το εργαλείο επεξεργασίας σχηµάτων γίνεται επεξεργασία στις γραµµές έτσι ώστε να µην είναι ευθείες αλλά καµπύλες. (Β) Το επόµενο βήµα είναι η αντιγραφή του πρώτου φιόγκου από το δεξί µέρος της αρχικής έλλειψης (copy + paste), στο αριστερό. (Γ) Για την ολοκλήρωση του βασικού σχήµατος του φιόγκου, σχεδιάστε τις δυο κορδέλες που κρέµονται στο κάτω µέρος του σχεδίου. Με την τελειοποίηση του σχεδίου επιλέξτε το εργαλείο µορφοποίησης για την επίτευξη του τελικού σχεδίου. (∆) Έπειτα, σχεδιάστε διάφορες µικρές γραµµές πάνω στον φιόγκο για αναδείξετε την ρεαλιστικότητα του αντικείµενου. Αυτό γίνεται µε το εργαλείο σχεδίασης ευθειών και καµπύλων γραµµών και στην συνεχεία µορφοποιείται µε το εργαλείο µορφοποίησης σχηµάτων. (Ε)
Τέλος, κάντε χρήση του εργαλείου γεµίσµατος οριοθετηµένων περιοχών ( )µε χρώµα. Επιλέξτε το χρώµα µε κωδικό #ffd5d5 από την παλέτα χρωµάτων του προγράµµατος. (ΣΤ)
Βήµα 5
Μην ξεχάσετε να προσθέσετε δυο κύκλους στα δυο ηµικυκλικά φύλλα δεξιά και αριστερά της πρόσκλησης, όπου θα λειτουργούν ως οπές που θα περνάει η κορδέλα που θα δένει το φάκελο – προσκλητήριο. Σχεδιάστε έναν κύκλο µε διάµετρο 20px. Στο fill και stroke επιλέξτε το λευκό χρώµα από το Inkscape Default και τοποθετείστε την οπή στην θέση 10px οριζόντια και 125px κάθετα. Αντιγράψτε τον κύκλο και µετακινήστε τον στην θέση Χ:790px.
Σχήµα 4.1.8 – ∆ηµιουργία οπών στα φύλλα του προσκλητηρίου.
www.thegreekdesign.gr | www.cppd.eu 49
Βήµα 6
Μετακινήστε το σχέδιο της κορδέλας στο κεντρικό φύλλο του προσκλητηρίου, ώστε να ολοκληρωθεί το αντικείµενο.
Σχήµα 4.1.9 – Μετακίνηση φιόγκου.
Βήµα 7
Τέλος, εισάγετε το κείµενο της πρόσκλησης. Η γραµµατοσειρά που χρησιµοποιείται είναι η Book Antiqua σε µέγεθος 16px. Πριν γράψετε το κείµενο επιλέξτε bold και πλαγιά διάταξη των γραµµάτων. Επίσης, επιλέξτε το κείµενο και ευθυγραµµίστε το στο κέντρο. Η απόσταση των γραµµών του κειµένου είναι 1,92px και το χρώµα που χρησιµοποιείται έχει κωδικό #a02c5a από το Inkscape Default.
Σχήµα 4.1.10 – Ολοκληρωµένο προσκλητήριο.
www.thegreekdesign.gr | www.cppd.eu 50
4.2 Σχεδιασµός προσκλητηρίου για παιδικό πάρτι Ακολουθεί η σχεδιαστική διαδικασία δηµιουργίας προσκλητηρίου για παιδικό πάρτι που θα έχει το σχήµα ενός παγωτού σε χωνάκι.
Βήµα 1 Αρχικά, σχεδιάστε µια κάθετη διακεκοµµένη γραµµή µε το εργαλείο σχεδιασµού ευθειών και καµπύλων γραµµών ( ), µε ύψος 400px και τοποθετήστε την στην θέση 200px οριζόντια και 0px κάθετα.
Σχήµα 4.2.1 – Σχεδιασµός ευθείας.
Βήµα 2
Σχήµα 4.2.2 – ∆ηµιουργία ευθείας µε κλίση.
Έπειτα, σχεδιάστε µια άλλη κάθετη γραµµή µε το ίδιο εργαλείο και µορφοποιήστε την ώστε να έχει κλίση 30º. Η περιστροφή γίνεται από το βασικό µενού, στην επιλογή objects > transform > rotate. Στην συνέχεια προσαρµόστε το ύψος της σε αυτό της www.thegreekdesign.gr | www.cppd.eu 51
προηγούµενης γραµµής και µετακινείστε την προς την κάθετη γραµµή ώστε οι κάτω άκρες τους να ενώνονται.
Βήµα 3
Αντιγράψτε την γραµµή που µόλις δηµιουργήσατε και αντιστρέψτε την, ώστε να δηµιουργηθεί το «χωνάκι». Για να αντιστραφεί το αντικείµενο επιλέξτε object > flip horizontal από την εργαλειοθήκη ρύθµισης εργαλείων και τοποθετείστε την στην θέση 200px οριζόντια.
Σχήµα 4.2.3 – ∆ηµιουργία αντιγράφου µε αντίστροφη κλίση.
Βήµα 4
Σχεδιάστε µια οριζόντια γραµµή ( ) µε µήκος 400px και τοποθετήστε την στο ύψος 400px.
Σχήµα 4.2.4 – Το κλείσιµο του σχεδίου.
www.thegreekdesign.gr | www.cppd.eu 52
Βήµα 5
Στην συνέχεια, µε το εργαλείο σχεδιασµού κύκλων ( ), σχεδιάστε έναν κύκλο µε διάµετρο 200px. Επειδή όµως, το σχέδιο µας απαιτεί την δηµιουργία µιας ηµικυκλικής επιφάνειας, από την επιλογή του Change δηλώστε ότι ο κύκλος θα ξεκινά από τις 180 µοίρες και θα καταλήγει στις 360 µοίρες. Τοποθετήστε την ηµικυκλική επιφάνεια στην θέση X:0, Y:300px.
Σχήµα 4.2.5 – ∆ηµιουργία ηµικυκλικής επιφάνειας ή «µπάλας παγωτού».
Βήµα 6 Στη συνέχεια, αντιγράψτε αυτήν την ηµικυκλική επιφάνεια για να δηµιουργήσετε την δεύτερη µπάλα παγωτού. Χρωµατίστε τα δυο αντικείµενα µε την χρήση του εργαλείου γεµίσµατος (µε χρώµα) κλειστών περιοχών. Επιλέξτε το χρώµα µε τον κωδικό #ff5555 από το Inkscape Default.
www.thegreekdesign.gr | www.cppd.eu 53
Σχήµα 4.2.5 – Αντιγραφή αντικειµένου και χρωµατισµός.
Βήµα 7
Χρησιµοποιώντας το ίδιο εργαλείο ( ), χρωµατίστε και τα δύο τρίγωνα που σχεδιάσατε προηγουµένως µε κωδικό χρώµατος #deaa87.
Σχήµα 4.2.6 – Χρωµατισµός τριγώνου.
Βήµα 8 Στη συνέχεια, σχεδιάστε έναν µικρό κύκλο πάνω στο ηµικύκλιο µε χρώµα που έχει κωδικό #803300. Με το εργαλείο που έχει την εικόνα του σπρέι, δηµιουργήστε αντίγραφα αυτού του κύκλου και τοποθετήστε τα έτσι όπως φαίνονται στην παρακάτω εικόνα. Έπειτα, αυτοί οι κύκλοι επιλέγονται και αντιγράφονται στο άλλο ηµικύκλιο.
Σχήµα 4.2.7 – ∆ηµιουργία κουκίδων µέσω του εργαλείου «σπρέι».
www.thegreekdesign.gr | www.cppd.eu 54
Βήµα 9
Με το εργαλείο σχεδίασης ευθειών και καµπύλων γραµµών, σχεδιάστε κάθετες και οριζόντιες γραµµές πάνω στην τρίγωνη βάση. Χρησιµοποιήστε το ίδιο χρώµα µε τους µικρούς κύκλους. Οι γραµµές έχουν 20px απόσταση µεταξύ τους.
Σχήµα 4.2.8 – ∆ηµιουργία λεπτοµερειών για το χωνάκι.
Βήµα 10 Έως τώρα, είδαµε την δηµιουργία της εξωτερικής πλευράς του προσκλητηρίου. Για τον σχεδιασµό της εσωτερικής πλευράς δεν θα πρέπει να ξανασχεδιάσετε ξανά το «παγωτό» γιατί η εσωτερική πλευρά πρόκειται για το ίδιο ακριβώς σχήµα. Οπότε αντιγράψτε το σύνολο του σχεδίου µε την λεπτοµέρεια να σβήσετε τις γραµµές από το χωνάκι, ώστε στην επιφάνεια αυτή να γράψετε το κείµενο της πρόσκλησης.
Σχήµα 4.2.8 – Η µπροστά και η πίσω όψη του προσκλητηρίου.
www.thegreekdesign.gr | www.cppd.eu 55
Κεφάλαιο 5 Σχεδιασµός χαρακτήρα (cartoon) Στο πέµπτο κεφάλαιο θα παρουσιαστεί ο δηµιουργικός σχεδιασµός ενός παιδικού χαρακτήρα που µπορεί να χρησιµοποιηθεί σε διάφορες εφαρµογές όπως διαφηµιστικό φυλλάδιο, ιστορία κόµικ και συσκευασία για τρόφιµα που αναφέρονται σε παιδιά. Θα αναφερθεί η σχεδιαστική εξέλιξη του χαρακτήρα βήµα προς βήµα από την δηµιουργία του περιγράµµατος ως τον χρωµατισµό του.
5.1 Σχεδιασµός χαρακτήρα
Σχήµα 5.1.1 – Η τελική εικόνα του παιδικού χαρακτήρα που βασίζεται στην µορφή αγελάδας.
Βήµα 1
Αρχικά επιλέξτε το εργαλείο που σχεδιάζει ελεύθερες γραµµές ( γραµµές και µε το εργαλείο µορφοποίησης σχήµατος ( ώστε να προκύψει η παρακάτω µορφή.
). Σχεδιάστε δυο
) δώστε κλίση προς τα έξω
Σχήµα 5.1.2 – Η αρχή της δηµιουργίας του αυτιού.
www.thegreekdesign.gr | www.cppd.eu 56
Για την ολοκλήρωση του αυτιού συνεχίστε ως εξής: Σχεδιάστε στο εσωτερικό του αρχικού σχεδίου ένα κλειστό σχήµα στην γενική γεωµετρία του αυτιού µε το εργαλείο ( ) και έπειτα προσθέστε µε το ίδιο εργαλείο τις λεπτοµέρειες που θα δηµιουργήσουν µια ρεαλιστικότερη εικόνα του τελικού αντικείµενου.
Σχήµα 5.1.3 – Η ολοκλήρωση του σχεδίου για το αυτί.
Βήµα 2
Σχεδιάστε την βασική µορφή που θα αποτελέσει το σώµα της «µικρής αγελάδας» µε το εργαλείο ελευθέρων γραµµών, το οποίο χρησιµοποιήσατε και παραπάνω.
Σχήµα 5.1.4 – Το περίγραµµα του σώµατος.
!
Χρειάζεται λίγο προσοχή για την σωστή αποτύπωση του σχεδίου. Οι λεπτοµέρειες µπορούν να διορθωθούν µε την χρήση του εργαλείου (
).
www.thegreekdesign.gr | www.cppd.eu 57
Βήµα 3
Για τον σχεδιασµό του κεφαλιού, συνεχίστε την χρήση του ίδιου εργαλείου ( ). Η βασική γεωµετρία θυµίζει κύκλο. Μην ξεχνάτε να κάνετε χρήση της ιδιότητας επεξεργασίας µέσω των κόµβων για να δίνετε κάθε φορά την επιθυµητή καµπυλότητα στις γραµµές που σχεδιάζετε.
Σχήµα 5.1.5 – Το κεφάλι του χαρακτήρα.
Βήµα 4 Για την ολοκλήρωση του κεφαλιού απαιτείται ο σχεδιασµός και των λοιπών στοιχείων που πλαισιώνουν το συγκεκριµένο µέρος του χαρακτήρα καρτούν. Μια τέτοια λεπτοµέρεια είναι τα δυο µικρά κερατάκια που διακοσµούν το πάνω µέρος του κεφαλιού. Η επίτευξη του σχεδιασµού γίνεται µε το εργαλείο (
).
Σχήµα 5.1.6– Σχεδιασµός δύο λεπτοµερειών (κερατάκια).
www.thegreekdesign.gr | www.cppd.eu 58
Βήµα 5 Ακολουθεί ο σχεδιασµός του δεύτερου αυτιού στο αριστερό µέρος του κεφαλιού. Σχεδιάστε µε τα συγκεκριµένα εργαλεία που κάνετε χρήση στο σύνολο του παρόντος κεφαλαίου.
Σχήµα 5.1.7– Σχεδιασµός του αριστερού αυτιού.
Βήµα 6 Στο συγκεκριµένο βήµα θα τοποθετηθούν όλα τα χαρακτηριστικά στο εσωτερικό του προσώπου. Σχεδιάστε όλα τα στοιχεία (µάτια, µύτη, κτλ.) µε προσοχή όπως δείχνουν οι εικόνες της σχεδιαστικής εξέλιξης.
Σχήµα 5.1.8 – Σχεδιασµός εσωτερικών χαρακτηριστικών προσώπου.
www.thegreekdesign.gr | www.cppd.eu 59
Βήµα 7 Συνεχίστε µε τον σχεδιασµό των κηλίδων που έχει στο σώµα της η αγελάδα. Κλειστά σχήµατα ελεύθερης γεωµετρίας που αργότερα θα χρωµατίσετε δίνοντας τα µια πιο παιδική αισθητική.
Σχήµα 5.1.9 – Σχεδιασµός κηλίδων
Βήµα 8 Για την ολοκλήρωση του βασικού περιγράµµατος του χαρακτήρα απαιτείται η δηµιουργία των ποδιών.
Σχήµα 5.1.9 – Σχεδιασµός ποδιών.
www.thegreekdesign.gr | www.cppd.eu 60
Βήµα 9 Με την ολοκλήρωση του βασικού σχεδίου του παιδικού χαρακτήρα δηµιουργείται η ανάγκη για τον χρωµατισµό του. Για την επίτευξη του χρωµατισµού πρέπει να ελέγξετε το σύνολο των γραµµών που ολοκληρώνουν το σχέδιο ώστε να µην υπάρχουν κενά µεταξύ αυτών διότι δεν θα µπορεί να πραγµατοποιηθεί το γέµισµα χρώµατος. Κάθε γραµµή θα πρέπει να εφάπτεται µε κάθε γραµµή που συνορεύει ώστε να δηµιουργείται ένα κλειστό σχήµα. Η βαφή πραγµατοποιείται µε το εργαλείο (
).
Σχήµα 5.1.10 – Στο αριστερό σχήµα, µια µη κλειστή περιοχή (εσωτερικό αυτιού). Ενώ στο δεξιό, η σωστή εφαρµογή του κλειστού σχήµατος.
Βήµα 10 Όµοια θα πραγµατοποιηθεί και το γέµισµα όλων των κλειστών περιοχών, έως ότου ολοκληρωθεί η βαφή του συνόλου του χαρακτήρα. Κάθε φορά επιλέγεται τις γραµµές που πλαισιώνουν µια προς µια το κενό που επιθυµείται για χρωµατισµό. Έπειτα επιλέγεται το χρώµα και στην συνεχεία το εργαλείο γεµίσµατος.
www.thegreekdesign.gr | www.cppd.eu 61
Σχήµα 5.1.11 – Η διαδικασία γεµίσµατος µε χρώµα των κλειστών περιοχών και το τελικό αποτέλεσµα.
www.thegreekdesign.gr | www.cppd.eu 62
Κεφάλαιο 6 Σχεδιασµός λογοτύπου Σε συγκεκριµένο κεφάλαιο θα παρουσιασθεί πως σχεδιάζεται βήµα προς βήµα το γενικό λογότυπο µιας οµάδας παραδοσιακών προϊόντων, που στην συνέχεια θα τοποθετηθεί σε όλα αυτά προϊόντα µέσω των συσκευασιών τους. Αυτό το λογότυπο αποτελείται από άπλα γεωµετρικά σχήµατα όπως είναι ο κύκλος, το ορθογώνιο και το τρίγωνο. Τα χρώµατα του είναι γήινα (καφέ και πορτοκαλί )κάτι που παραπέµπει στην αγροτική φύση των προϊόντων, λόγω του ότι το θέµα των προϊόντων είναι η διατροφή. Όπως θα παρατηρηθεί και παρακάτω η σχεδίαση του είναι απλή γιατί δόθηκε έµφαση στην διαδικασία του σχεδιασµού
6.1 Σχεδιασµός λογοτύπου
Σχήµα 6.1.1 – Το τελικό αποτέλεσµα του λογοτύπου όπως θα προκύψει από την σχεδιαστική εξέλιξη.
Βήµα 1
Σχεδιάστε έναν κύκλο µε το αντίστοιχο εργαλείο ( ) και διάµετρο 215px. Το χρώµα που χρησιµοποιείται είναι από το Inkscape default µε κωδικό #2B1100.
Σχήµα 6.1.2 – Σχεδιασµός αρχικού κύκλου.
www.thegreekdesign.gr | www.cppd.eu 63
Βήµα 2 Έπειτα µε το εργαλείο σχεδίασης ορθογωνίων σχεδιάστε ένα ορθογώνιο ( ) µε διαστάσεις (W:7.5px και H:215px) και χρώµα λευκό (white). Όταν σχεδιάσετε αυτό το σχήµα τοποθετήστε το στο κέντρο του κύκλου το όποιο είναι 103,75px από την άκρη του.
Σχήµα 6.1.3 – Προσαρµογή ορθογώνιου σχήµατος πάνω στον κύκλο.
Βήµα 3 Για την συνέχεια απαιτείται η δηµιουργία και των υπολοίπων ορθογωνίων που θα ολοκληρώσουν το λογότυπο. Για το συγκεκριµένο βήµα υπάρχουν δυο διαφορετικοί τρόποι: α) δηµιουργήστε ξανά ένα ορθογώνιο σε οριζόντια διάταξη και τοποθετήστε το στο κέντρο του κύκλου, β) επιλέξτε το ήδη υπάρχων σχεδιασµένο ορθογώνιο και µε δεξί κλικ επιλέξτε copy ή duplicate (αντιγραφή ή διπλασιασµό) ώστε να δηµιουργηθεί ένα αντίγραφο του ήδη σχεδιασµένου σχήµατος . Έπειτα από την επιλογή object στο βασικό µενού επιλέξτε Rotate 90º CW ή επιλογή της εντολής transform. Έπειτα στην επιλογή rotate επιλέξτε τις µοίρες που το σχήµα θα περιστραφεί. Πατώντας το κουµπί εφαρµογή, το σχήµα περιστρέφεται στην επιθυµητή διάταξη.
www.thegreekdesign.gr | www.cppd.eu 64
Σχήµα 6.1.4 – Προσαρµογή υπολοίπων ορθογωνίων σχηµάτων στον κύκλο.
Βήµα 4 Για την δηµιουργία των υπολοίπων ορθογώνιων σχηµάτων υπάρχουν πάλι δυο τρόποι δηµιουργίας: α) σχεδιάστε ορθογώνια σχήµατα και προσαρµόστε τα σε διαγώνια διάταξη µε γωνία 30º από το κάθετο διατεταγµένο ορθογώνιο σχήµα που προϋπάρχει. Επίσης, δηµιουργήστε ένα νέο ορθογώνιο σχήµα µε τις ίδιες διαστάσεις (µε το προηγούµενο) και µε διάταξη 22,5º από το οριζόντια διατεταγµένο σχήµα. β) επιλέξτε ένα από τα δυο ορθογώνια σχήµατα (κάθετο ή ορθογώνιο). Μετά, µε το δεξί κλικ επιλέξτε copy ή duplicate για να δηµιουργηθεί ένα αντίγραφο του σχήµατος. Έπειτα, επιλέξτε transform που βρίσκεται στην επιλογή object του βασικού µενού. Εκεί πραγµατοποιείται η επιλογή της διευθέτησης των αντιγραµµένων σχηµάτων. Όπου στην περίπτωση του σχεδιασµού του λογοτύπου είναι 22,5º.
Σχήµα 6.1.5 – Προσαρµογή υπολοίπων ορθογωνίων σχηµάτων στον κύκλο (υπό γωνία).
www.thegreekdesign.gr | www.cppd.eu 65
Βήµα 5 Και έτσι συνεχίζοντας, µε την κατάλληλη διάταξη και περιστροφή όλων των ορθογωνίων κατά 22,5º από την ήδη υπάρχουσα διάταξη του αρχικού ορθογωνίου, γίνεται η αρχή της δηµιουργίας του λογοτύπου. Στην συνέχεια, δηµιουργήστε έναν κύκλο µε διάµετρο 75px, και τοποθετήστε τον στο κέντρο του ήδη σχεδιασµένου κύκλου. Για να γίνει αυτό, επιλέξτε το εργαλείο σχεδιασµού κύκλου και σχεδιάστε έναν µικρό κύκλο χωρίς συγκεκριµένη διάµετρο. Έπειτα, επιλέξτε αυτόν τον κύκλο και στην περιοχή ρύθµισης εργαλείων διαµορφώστε την διάµετρο του, η όποια είναι 75px. Στην συγκεκριµένη περίπτωση του λογοτύπου, µεταφέρετε τον νέο κύκλο 70px κάθετα και οριζόντια. Αυτό γίνεται γιατί ο µεγάλος κύκλος έχει διάµετρο 215px και ο µικρός έχει 75px, (οι αριθµοί για την σωστή τοποθέτησης προκύπτουν από τις πράξεις. 215 75 = 140 και 140 / 2 =70).
Σχήµα 6.1.6 – ∆ηµιουργία βασικής γεωµετρίας λογοτύπου.
Βήµα 6 Μετά την ολοκλήρωση της βασικής γεωµετρίας απαιτείτε ο χρωµατισµός του συνόλου. Επιλέξτε το εργαλείο που βάφει οροθετηµένες περιοχές( ) και διαλέξτε το χρώµα µε κωδικό (#C87137) από το Inkscape default. Έπειτα, γεµίστε µε χρώµα τις διάφορες κλειστές περιοχές ώστε να προκύψει το επιθυµητό αποτέλεσµα.
Σχήµα 6.1.7 – Χρωµατισµός βασικού σχήµατος λογοτύπου
www.thegreekdesign.gr | www.cppd.eu 66
Βήµα 7 Εφόσον έχει σχεδιαστεί το σχήµα για το λογότυπο, θα πρέπει να σχεδιάσετε ένα επιπρόσθετο σχήµα για να τοποθετηθεί ένα κείµενο (επωνυµία εταιρίας ή σειράς προϊόντος) που ολοκληρώνει το τελικό λογότυπο. Για να γίνει αυτό το σχήµα, επιλέξτε το µολυβί (
) και στην επιλογή mode, που
βρίσκεται στην περιοχή ρύθµισης εργαλείων, επιλέξτε ( ). Έπειτα σχεδιάστε ένα τρίγωνο µε διαστάσεις W:170px και H:85px. Έπειτα, επιλέξτε το εργαλείο επεξεργασίας σχηµάτων ( ) και επεξεργαστείτε την µικρή πλευρά του τριγώνου, τραβώντας την γραµµή του ελάχιστα προς τα έξω, έτσι ώστε να δηµιουργηθεί µια καµπύλη σε αυτή την πλευρά. Αργότερα, έχοντας επιλεγµένο το σχήµα, αντιγράψτε το παρόν σχήµα έτσι ώστε να δηµιουργηθεί ένα αντίγραφο του σχήµατος. Τέλος, περιστρέψτε το νέο σχήµα ώστε να προκύψει το επιθυµητό αποτέλεσµα.
Σχήµα 6.1.8 – ∆ηµιουργία πρόσθετου στοιχείου (πλαίσιο κειµένου)
Βήµα 8 Για την εισαγωγή του κειµένου, επιλέξτε το εργαλείο δηµιουργίας και επεξεργασίας κειµένου ( ). Επίσης, επιλέξτε την γραµµατοσειρά GFS Neohellenic Rg και σε µέγεθος 72 πληκτρολογήστε το κείµενο ¨συµπόσιο¨, σε χρώµα µε κωδικό #2B1100. Τοποθετήστε το κείµενο κάτω από τον κύκλο που αποτελεί το λογότυπο. Στην συνέχεια γράψτε το κείµενο ¨διατροφή¨ µε την ίδια γραµµατοσειρά αλλά σε µέγεθος 48 και χρώµα µε κωδικό #C87137. Τοποθετείστε το κάτω από το προηγούµενο κείµενο. Τέλος, προσθέστε το κείµενο ¨η γευστική ιστορία του τόπου µας¨. Επιλέξτε την ίδια γραµµατοσειρά, το ίδιο χρώµα και το µέγεθος 20.
www.thegreekdesign.gr | www.cppd.eu 67
Η λέξη «συµπόσιο»
Η λέξη «διατροφή»
Η επιλογή της γραµµατοσειράς
Η φράση «η γευστική ιστορία του τόπου µας»
Σχήµα 6.1.9 – Εισαγωγή κειµένων και τελικό λογότυπο
www.thegreekdesign.gr | www.cppd.eu 68
Κεφάλαιο 7 Επανασχεδιασµός λογοτύπων και δηµιουργία συσκευασιών Στο έβδοµο κεφάλαιο η σχεδίαση λογοτύπων γίνεται πιο συγκεκριµένη. Με βάση το γενικό λογότυπο που σχεδιάστηκε στο προηγούµενο κεφάλαιο, θα επανασχεδιαστούν νέα σύµβολα για παραδοσιακά προϊόντα. Όπως θα παρατηρήσετε, τα νέα σύµβολα θα έχουν αρκετά κοινά χαρακτηριστικά µε το βασικό λογότυπο αφού πρόκειται να δηµιουργηθεί µια οικογένεια προϊόντων. ∆εδοµένου ότι, αυτά το λογότυπα έχουν τα ίδια χαρακτηριστικά µε το προηγούµενο θα αντιληφθείτε ότι η διαδικασία σχεδίασης πλησιάζει σε µεγάλο βαθµό την λογική του έκτου κεφαλαίου. Επίσης, θα παρουσιαστεί αναλυτικά ο σχεδιασµός ετικετών που θα προσαρµοστούν σε κουτιά συσκευασίας.
7.1 Σχεδιασµός λογοτύπου για τυρί
Σχήµα 7.1.1 – Το τελικό αποτέλεσµα του λογοτύπου για τυρί φέτα.
Βήµα 1 Σχεδιάστε έναν κύκλο µε διάµετρο 215px Inkscape default.
και χρώµα µε κωδικό #5F8DD3 από το
Σχήµα 7.1.2 – ∆ηµιουργία κύκλου.
www.thegreekdesign.gr | www.cppd.eu 69
Βήµα 2 Έπειτα σχεδιάστε τα ορθογώνια σχήµατα όπως και στο προηγούµενο κεφάλαιο. Οι διαστάσεις και το χρώµα είναι τα ίδια µε των προηγουµένων σχηµάτων, καθώς και η τοποθέτηση τους γίνεται µε τον ίδιο τρόπο. Η διαφορά µε το προηγούµενο σχέδιο είναι ότι το παρόν λογότυπο δεν είναι διευθετηµένο κάθετα, αλλά είναι σχεδιασµένο κατά γωνία 11,25º. Έτσι στο βασικό µενού επιλέξτε object και µετά rotate για να το περιστρέψετε.
Σχήµα 7.1.3 – ∆ιαµόρφωση κύκλου.
Με τον ίδιο τρόπο προσθέστε και τα υπόλοιπα σχήµατα στον κύκλο. ∆ηλαδή αντιγραφή του σχήµατος και περιστροφή του αντιγράφου κατά 22,5º.
Σχήµα 7.1.4 – Ολοκλήρωση κύκλου.
Επίσης, στο λογότυπο υπάρχει ένας κύκλος όµοιος µε το προηγούµενο σχήµα (διάµετρος και χρώµα) και τοποθετηµένος στο ίδιο σηµείο (70px από την άκρη του µεγάλου κύκλου). Σχεδιάστε τον και τοποθετήστε τον ώστε να δηµιουργηθεί το επιθυµητό αποτέλεσµα.
Σχήµα 7.1.5 – Ολοκλήρωση βασικής γεωµετρίας λογοτύπου.
www.thegreekdesign.gr | www.cppd.eu 70
Βήµα 3 Στη συνέχεια, επιλέξτε το εργαλείο που σχηµατίζει την σπείρα ( ). ∆ηµιουργήστε µια σπείρα ώστε µε την σµίκρυνση του συγκεκριµένου στοιχείου να δηµιουργηθεί ένα ηµικύκλιο. Για τον χρωµατισµό του εσωτερικού και του περιγράµµατος (fill & stroke) επέλεξε το χρώµα µε τον κωδικό #5F8DD3.
Σχήµα 7.1.6 – ∆ηµιουργία ηµικυκλίου µέσω του εργαλείου της σπείρας.
Τοποθετήστε το ηµικύκλιο στην βασική γεωµετρία του λογοτύπου ώστε να δηµιουργηθεί το νέο σύµβολο που βασίζεται εξ ολοκλήρου στο αρχικό.
Σχήµα 7.1.7 – Η τοποθέτηση του ηµικυκλίου στο γενικό σχήµα.
Στην συνέχεια επιλέξτε το εργαλείο που βαφεί οριοθετηµένες περιοχές. Για fill χρησιµοποιείστε το λευκό χρώµα και για stroke το ίδιο χρώµα ως έχει. Έπειτα, χρωµατίστε την περιοχή που προστέθηκε το ηµικύκλιο. Τέλος, διαγράψτε το ηµικύκλιο ώστε να µην προεξέχει από κανένα σηµείο του σχεδίου.
Σχήµα 7.1.8 – Ολοκλήρωση σχήµατος.
www.thegreekdesign.gr | www.cppd.eu 71
Βήµα 4 Ακολουθεί η αντιγραφή και επανάληψη του προηγουµένου σχεδίου. Αφού το αντιγράψετε και το επικολλήσετε (copy + paste) στην περιοχή σχεδίασης περιστρέψτε το κατάλληλα, επιλέγοντας object από το βασικό µενού και transform (την καρτέλα rotate).
Σχήµα 7.1.9 – Αντιγραφή και περιστροφή αντικειµένου.
Βήµα 5
Έπειτα, επιλέξτε το µολύβι ( ) και σχεδιάστε το παρακάτω πολύγωνο. Επιλέξτε το χρώµα µε κωδικό #D38D5F από το Inkscape Default. Για την προσθήκη του ηµικυκλίου, αντιγράψτε και επικολλήστε το ηµικύκλιο που παρουσιάστηκε πιο πάνω και τοποθετήστε το στην άκρη του νέου σχήµατος. Επιλέξτε το χρώµα µε τον κωδικό #D38D5F.
Σχήµα 7.1.10 – Σχεδιασµός χαρακτηριστικών στοιχειών για το λογότυπο του τυριού.
Αντιγράψτε το σύνολο του νέου σχεδίου (πολύγωνο και ηµικύκλιο) και επικολλήστε το στην επιφάνεια εργασίας. Για την σωστή του τοποθέτηση του πρέπει να αντιστραφεί www.thegreekdesign.gr | www.cppd.eu 72
κατοπτρικά. Για την επίτευξη του συγκεκριµένου, επιλέξτε το αντικείµενο και επιλέξτε object και flip horizontal.
Σχήµα 7.1.10 – Αντιγραφή στοιχείου και επικόλληση του κατοπτρικά.
Βήµα 6 Για την τελική ολοκλήρωση του λογοτύπου δηµιουργήστε τα στοιχεία ενός προσώπου που διαµορφώνουν ένα προβατάκι που συµβολίζει τον παραδοσιακό χαρακτήρα του τυριού. Η επίτευξη του σχεδιασµού γίνεται µε το εργαλείο του µολυβιού όπως παρουσιάζεται παρακάτω.
(α)
(β)
(γ)
(δ) Σχήµα 7.1.11 – ∆ηµιουργία προσώπου.
www.thegreekdesign.gr | www.cppd.eu 73
Το τελικό αποτέλεσµα έχει ως εξής:
Σχήµα 7.1.12 – Το προβατάκι λογότυπο.
7.2 ∆ηµιουργία ετικετών για τυρί Με την ολοκλήρωση του λογοτύπου θα ακολουθήσει η δηµιουργία ετικετών που θα προσαρµοστούν ειδικά στην συσκευασία που θα αποθηκεύει το τυρί φέτα. Βασικό στοιχείο των ετικετών θα αποτελεί το λογότυπο «Συµπόσιο». Θα παρουσιαστούν τρεις ετικέτες που ανταποκρίνονται στην γεωµετρία της συσκευασίας που µπορεί να είναι ένα πλαστικό κουτί µε καπάκι (τύπου τάπερ). Ετικέτα 1
Βήµα 1 Σχεδιάστε ένα ορθογώνιο σχήµα ( και H:315px.
) , χρώµατος 5% grey και µε διαστάσεις W:600px
Σχήµα 7.2.1 – Σχεδιασµός πλαισίου ετικέτας.
www.thegreekdesign.gr | www.cppd.eu 74
Βήµα 2 Εισάγετε στην νέα επιφάνεια εργασίας όπου σχεδιάσατε το πλαίσιο της ετικέτας, το βασικό λογότυπο που συµβολίζει το τυρί φέτα. Επειδή το λογότυπο έχει αποθηκευτεί σε άλλο αρχείο χωριστά, η εισαγωγή του στο νέο παράθυρο γίνεται ως εξής: File > Import > και επιλογή κατάλληλου αρχείου από το παράθυρο που θα εµφανιστεί.
Σχήµα 7.2.2 – Εισαγωγή αρχείου σε νέα επιφάνεια εργασίας.
Βήµα 3 Οι διαστάσεις του λογοτύπου είναι αρκετά µεγάλες για τις διαστάσεις της ετικέτας που σχεδιάσατε. Οπότε, ρυθµίστε το µέγεθος του λογοτύπου από την εργαλειοθήκη ρύθµισης εργαλείων για να είναι το σχήµα του συµµετρικό. Οι νέες διαστάσεις που είναι W:150px και H:175px. Έπειτα τοποθετήστε το λογότυπο στο κατάλληλο σηµείο. Στην περίπτωση την ετικέτας είναι για Χ:225px και για Y:116,5px.
Σχήµα 7.2.3 – Τροποποίηση και τοποθέτηση λογοτύπου στην ετικέτα.
www.thegreekdesign.gr | www.cppd.eu 75
Βήµα 4 Στην συνέχεια, εισάγετε (όπως περιγράφθηκε πιο πάνω) το γενικό λογότυπο «Συµπόσιο» διότι θα χρειαστεί για την διακόσµηση της ετικέτας.
Σχήµα 7.2.4 – Εισαγωγή λογοτύπου.
Όπως παρατηρείτε σε αυτό το σχήµα, τα ορθογώνια σχήµατα που προσαρµοστήκαν κατά στην σχεδίαση τους είναι λευκά. Θα πρέπει να τα προσαρµόσετε στο χρώµα της ετικέτας ώστε να µην είναι ορατά ( ). Έπειτα, αλλάξτε το µέγεθος του συµβόλου. Οι διαστάσεις του και κάθετα και οριζόντια είναι 50px.
Σχήµα 7.2.5 – ∆ιόρθωση λεπτοµερειών.
Στην συνέχεια αλλάξτε το χρώµα του σχήµατος. Επιλέξτε όλο το σχήµα µε το εργαλείο επιλογής αντικειµένων και στην συνέχεια διαλέξτε το χρώµα µε κωδικό #FFD42A. Κάνοντας δεξί κλικ σε αυτό το χρώµα ο χρήστης διαλέξτε τις επιλογές: Set Fill, Set Stroke.
Σχήµα 7.2.6 – Επαναχρωµατισµός στοιχείου.
www.thegreekdesign.gr | www.cppd.eu 76
Βήµα 5 Έπειτα, τοποθετήστε το σύµβολο στο σηµείο X:87,5 και Y:141,5. Τέλος δηµιουργήστε ένα αντίγραφο (copy + paste) και τοποθετήστε το οριζόντια σε απόσταση 462,5px και κάθετα σε απόσταση 141,5px.
Σχήµα 7.2.7 – Τοποθέτηση νέων συµβόλων στην ετικέτα.
Βήµα 6 Στο σχέδιο υπάρχουν τρία διαφορετικά κείµενα, ¨ΠΡΟΣΤΑΤΕΥΟΜΕΝΗ ΟΝΟΜΑΣΙΑ ΠΡΟΕΛΕΥΣΗΣ¨, ¨συµπόσιο¨ και ¨τυρί πρόβειο¨ που πρέπει να προσαρµοστούν κατάλληλα στην ετικέτα ( ). Για το πρώτο κείµενο, επιλέξτε το χρώµα µε κωδικό #5F8DD3 από το Inscape Default, µέγεθος W: 150px και H:10px και τοποθέτηση για Χ:150px και για Y:270px. Για το δεύτερο κείµενο, επιλέξτε το χρώµα µε κωδικό #0B280B. Το µέγεθος του δευτέρου κειµένου είναι W:150px και H:40px και η τοποθέτηση του 225px οριζόντια και 59px κάθετα. Τέλος, το τρίτο κείµενο έχει το χρώµα του πρώτου κειµένου, πλάτος 100px και ύψος 20px. Τοποθετείστε το, οριζόντια 250px και κάθετα 34,5px.
Σχήµα 7.2.8 – Τελική ετικέτα.
www.thegreekdesign.gr | www.cppd.eu 77
Ετικέτα 2 Ακολουθεί η δηµιουργία της δεύτερης ετικέτας για το ίδιο προϊόν που θα αποτελεί την δεύτερη πλευρά του πλαστικού δοχείου που θα περιέχει το τυρί φέτα.
Βήµα 1 Σχεδιάστε ( ) ή αντιγράψτε τα ορθογώνιο σχήµα από την Ετικέτα 1, χρώµατος 5% grey και µε διαστάσεις W:600px και H:315px.
Σχήµα 7.2.9 – Σχεδιασµός πλαισίου ετικέτας.
Βήµα 2 Κάντε εισαγωγή το γενικό λογότυπο από την Ετικέτα 1 που επανασχεδιάσατε λίγο πριν. Η επανασχεδίαση αφορούσε την διαµόρφωση του µεγέθους και του χρώµατος. Προσαρµόστε το κατάλληλα στην ετικέτα.
Σχήµα 7.2.10 – Εισαγωγή συµβόλου.
Βήµα 2 Χρησιµοποιήστε το µολύβι και σχεδιάστε µια αυθαίρετη γραµµή, η όποια όµως πρέπει να ξεκινάει από το σηµείο 0 και να τελειώνει στο σηµείο 600. Το χρώµα έχει κωδικό #5F8DD3. Στη συνεχεία αντιγράψτε την συγκεκριµένη γραµµή και τοποθετήστε την λίγο πιο κάτω από την προηγουµένη. Επιλέξτε ξανά το µολύβι και δηµιουργήστε µια κάθετη γραµµή κλείνοντας τις άκρες, σχηµατίζοντας έτσι ένα σχήµα. Τέλος, επιλέξτε το www.thegreekdesign.gr | www.cppd.eu 78
εργαλείο που βαφεί οροθετηµένες περιοχές και χρωµατίστε το σχήµα στο χρώµα των γραµµών.
Σχήµα 7.2.11 – ∆ηµιουργία γραµµής.
Βήµα 3 Επιλέξτε το µολύβι και σχεδιάστε το περίγραµµα κάτω από το σχήµα που µόλις ολοκληρώσατε. ∆εν είναι απαραίτητο να κλείσει και η γραµµή κάτω από το σχήµα διότι θα κλείσει αυτόµατα. Στην συνέχεια χρωµατίστε µε το χρώµα που έχει τον κωδικό #00D400.
Σχήµα 7.2.11 – ∆ηµιουργία γραµµής.
Αφού ολοκληρωθεί και η νέα γραµµή, προσθέστε ένα πλαίσιο ( ) κάτω και από αυτήν την γραµµή που θα συναντήσει την κάτω πλευρά της ετικέτας. Με τελικό αποτέλεσµα να δοθεί η αίσθηση της δηµιουργίας ενός µικρού λόφου ή λιβαδιού. Ο χρωµατισµός (
) θα βασίζεται στον κωδικό χρώµατος #00D400.
Σχήµα 7.2.12 – ∆ηµιουργία κάτω επιφάνειας ετικέτας.
www.thegreekdesign.gr | www.cppd.eu 79
Βήµα 4 Για την συνέχεια της διακόσµησης της συγκεκριµένης ετικέτας, εισάγατε το σύµβολο – προβατάκι µέσα στην ετικέτα και τοποθετήστε το κατάλληλα όπως παρουσιάζεται παρακάτω. Προϋποθέτεται η αλλαγή µεγέθους στις διαστάσεις, W:70px και H:80px. Η τοποθέτηση του γίνεται 35px οριζόντια και 75px κάθετα.
Σχήµα 7.2.13 – ∆ηµιουργία κάτω επιφάνειας ετικέτας.
Αντιγράψτε το ίδιο σύµβολο και επικολλήστε το ξανά στο εσωτερικό της ετικέτας. Τοποθετήστε το στην δεξιά πλευρά (Χ:495px και Υ:75px).
Σχήµα 7.2.14 – Αντιγραφή επικόλληση αντικειµένου.
Βήµα 5 Συνεχίζοντας την σχεδίαση της ετικέτας, επιλέξτε το εργαλείο για τις σπείρες ( ) ώστε να σχεδιάσετε ένα σχήµα που απεικονίζει ένα σύννεφο. Η ολοκλήρωση απαιτεί περισσότερα από ένα βήµατα. Θα παρουσιαστούν αναλυτικά παρακάτω. Το χρώµα του περιγράµµατος έχει τον κωδικό #5F8DD3 και το γέµισµα του είναι λευκό. www.thegreekdesign.gr | www.cppd.eu 80
(α)
(β)
(γ)
(δ)
(ε)
(στ) Σχήµα 7.2.15 – Η δηµιουργία του σύννεφου.
Βήµα 6 Τοποθετήστε το σύννεφο στο σύνολο της ετικέτας. Έπειτα αντιγράψτε το και επικολλήστε το για δεύτερη φορά στην ίδια επιφάνεια.
Σχήµα 7.2.16 – Τοποθέτηση των σύννεφων στην ετικέτα.
www.thegreekdesign.gr | www.cppd.eu 81
Βήµα 7 Τέλος, εισάγετε τα δυο κείµενα που καθορίζουν την µάρκα του προϊόντος και το σύνθηµα ( ). Για το πρώτο κείµενο («Η γευστική ιστορία του τόπου µας») χρησιµοποιείστε χρώµα µε κωδικό #FFD42A και τοποθετείστε το 210px οριζόντια και 235px κάθετα. Για το δεύτερο κείµενο («συµπόσιο») η τοποθέτηση του είναι: X:225px και Y:115px.
Σχήµα 7.2.17 – Τελική εικόνα τρίτης ετικέτας (µετά την εισαγωγή κειµένων).
Ετικέτα 3 Ακολουθεί η δηµιουργία της τρίτης ετικέτας για το ίδιο προϊόν που θα αποτελεί την πλευρά πληροφοριών του προϊόντος.
Βήµα 1 Αντιγράψτε την δεύτερη ετικέτα και εισάγετε την στην νέα επιφάνεια εργασίας. File > Import > και επιλογή κατάλληλου αρχείου από το παράθυρο που θα εµφανιστεί. Έπειτα, διαγράψτε όλα τα ανεπιθύµητα στοιχεία από την δεύτερη ετικέτα ώστε να µείνουν στην νέα ετικέτα αυτά που θα αποτελέσουν την βάση της τρίτης.
Σχήµα 7.2.18 – Αριστερά, η δεύτερη ετικέτα και δεξιά, η βάση της τρίτης ετικέτας.
www.thegreekdesign.gr | www.cppd.eu 82
Βήµα 2 Στην συνέχεια, εισάγετε το κείµενο ( ) που αποτελεί την πληροφορία του προϊόντος: 'Το τυρί ΣΥΜΠΟΣΙΟ παράγεται από 100% φρέσκο παστεριωµένο πρόβειο γάλα το όποιο ωριµάζει µέσα σε άλµη. το πρόβειο γάλα δίνει στο νέο τυρί ΣΥΜΠΟΣΙΟ ένα ήπιο γευστικό χαρακτήρα, µε ευχάριστο άρωµα, πλούσια γεύση και συνεκτική δοµή'. Το χρώµα του έχει κωδικό #5F8DD3 και τοποθέτηση του γίνεται οριζόντια κατά 20px και κάθετα κατά 155px.
Σχήµα 7.2.19 – Εισαγωγή κειµένου.
Βήµα 3 Τέλος, µε το εργαλείο που σχεδιάζει ορθογώνια σχεδιάζεστε ένα ορθογώνιο σχήµα µε stroke τον κωδικό χρώµατος #5F8DD3 και fill 5% grey. Οι διαστάσεις του να είναι 150px πλάτος και 165px ύψος. Τοποθετήστε το, ως έξης: X:335px και Y:75px. Το συγκεκριµένο πλαίσιο θα παίξει τον ρόλο του πλαισίου διατροφικών στοιχείων του προϊόντος.
Σχήµα 7.2.20 – Εισαγωγή πλαισίου πληροφοριών.
www.thegreekdesign.gr | www.cppd.eu 83
Σύνθεση ετικετών σε ανάπτυγµα κουτιού (χωρίς καπάκι)
Σχήµα 7.2.21 – Ανάπτυγµα συσκευασίας για τυρί φέτα.
7.3 Σχεδιασµός λογοτύπου για κρασί Εδώ θα παρουσιαστεί όπως και παραπάνω, βήµα προς βήµα η σχεδίαση ενός λογοτύπου για κρασί. Τα βήµατα που θα επακολουθήσουν και τα εργαλεία που θα χρησιµοποιηθούν είναι παρόµοια µε την σχεδίαση των παραπάνω λογοτύπων.
Σχήµα 7.2.21 – Το τελικό αποτέλεσµα του λογοτύπου για κρασί.
Βήµα 1 Για την δηµιουργία του λογοτύπου του κρασιού, εισάγεται στην νέα επιφάνεια εργασίας το γενικό λογότυπο, έτσι όπως αυτό σχεδιάστηκε στο Κεφάλαιο 6. Το συγκεκριµένο βήµα απαιτείται λόγω του ότι το νέο λογότυπο βασίζεται εξ ολοκλήρου στο αρχικό. Όποτε, αποφεύγοντας την δηµιουργία εκ του µηδενός, εισάγεται το αρχικό και επεξεργαστείτε το κατάλληλα. File > Import > και επιλογή κατάλληλου αρχείου από το παράθυρο που θα εµφανιστεί. www.thegreekdesign.gr | www.cppd.eu 84
Σχήµα 7.3.1 – Εισαγωγή βασικού συµβόλου.
Βήµα 2 Περιστρέψτε κατάλληλα το σχήµα ώστε το πολύγωνο στο κάτω µέρος να είναι σε κάθετη θέση και όχι υπό γωνία. Object > Transform > Rotate.
Σχήµα 7.3.2 – Περιστροφή συµβόλου σε κατάλληλη θέση.
Βήµα 3
Έπειτα, επιλέξτε το µολυβί ( ) και σχεδιάστε ένα τρίγωνο, όπως φαίνεται παρακάτω, στο χρώµα που θα φέρει το σύνολο του λογοτύπου (#800000).
Σχήµα 7.3.3 – Περιστροφή συµβόλου σε κατάλληλη θέση.
www.thegreekdesign.gr | www.cppd.eu 85
Για την δηµιουργία του ηµικύκλιου που θα ολοκληρώσει την δηµιουργία της σταγόνας κρασιού, κάντε χρήση του εργαλείου της σπείρας (
)(όπως στο κεφάλαιο 7.1).
Τέλος, ενώστε τα δυο σχήµατα κατάλληλα για να παραχθεί η σταγόνα.
Σχήµα 7.3.4 – ∆ηµιουργία σταγόνας.
Βήµα 4 Τοποθετήστε την σταγόνα στο σύνολο του αρχικού λογοτύπου ώστε να ολοκληρωθεί το σύµβολο που θα προβάλετε στην ετικέτα και στο κουτί του κρασιού.
Σχήµα 7.3.5 – Η σύνθεση και το τελικό λογότυπο.
www.thegreekdesign.gr | www.cppd.eu 86
7.4 Σχεδιασµός ετικέτας για κρασί Ακολουθεί ο σχεδιασµός ετικέτας που θα φέρει ως βασικό στοιχείο σύνθεσης το λογότυπο όπως αυτό παρουσιάστηκε στο προηγούµενο κεφάλαιο (7.3).
Βήµα 1 Για τον σχεδιασµό της ετικέτας του κρασιού, αρχικά, επιλέξτε το εργαλείο ορθογωνίων σχηµάτων και σχεδιάστε ένα ορθογώνιο σχήµα µε διαστάσεις: 500px το πλάτος και 1000px το ύψος του. Το χρώµα έχει τον κωδικό #C8BEB7. Τοποθετήστε το µέσα στον χώρο σχεδίασης (0 για Χ και 0 για Υ).
Σχήµα 7.4.1 – ∆ηµιουργία πλαισίου ετικέτας.
Βήµα 2 Στη συνέχεια, µε το ίδιο εργαλείο σχεδιάστε ένα ακόµα ορθογώνιο µε διαστάσεις 500px µήκος και 50px ύψος, και τοποθετήστε το στο σηµείο 0 για Χ και 50 για Υ. Το χρώµα έχει κωδικό #6C5D53 από το Inkscape default.
Σχήµα 7.4.2 – ∆ηµιουργία πρόσθετου πλαισίου.
www.thegreekdesign.gr | www.cppd.eu 87
Βήµα 3 Εισάγετε και τοποθετήστε το λογότυπο στο εσωτερικό πλαίσιο της ετικέτας. Η διαδικασία της εισαγωγής είναι όµοια µε αυτές που παρουσιάστηκαν στα παραπάνω κεφάλαια (File > Import). Η τοποθέτηση γίνεται στο σηµείο X:142,5px και Y:135px. Επίσης, εισάγετε και το βασικό λογότυπο «Συµπόσιο». Τροποποιήστε το όσον αφορά τις διαστάσεις (διάµετρος, 75px) και το χρώµα (#C8BEB7). Τοποθετήστε το στην κορυφή της ετικέτας (X: 215 px, Y: 670 px).
Σχήµα 7.4.3 – Εισαγωγή λογοτύπου κρασιού και βασικού λογοτύπου.
Βήµα 4 Χρησιµοποιήστε το εργαλείο που σχεδιάζει καµπύλες και ευθείες γραµµές ( ) για να δηµιουργήσετε ένα διακοσµητικό στοιχείο. Που θα συµπεριληφθεί στην ετικέτα. Για stroke χρησιµοποιείστε το χρώµα που έχει και το λογότυπο, ενώ το fill (γέµισµα) διαγράψτε το.
(α)
(β)
(δ)
(γ)
(ε) Σχήµα 7.4.3 – ∆ιαδικασία σχεδιασµού διακοσµητικού στοιχείου.
www.thegreekdesign.gr | www.cppd.eu 88
Βήµα 5 Αντιγράψτε το συγκεκριµένο σχέδιο και τοποθετήστε το (κάθε φορά) 50px δίπλα από το προηγούµενο. Συνεχίστε την διαδικασία έως ότου φτάσετε στο τέλος της ετικέτας, δηλαδή κάθε φορά που αντιγράφετε το σχήµα προσθετέ στο Χ το 50.
Σχήµα 7.4.4 – ∆ηµιουργία διακοσµητικού στοιχείου µε βάση το Copy + Paste.
Βήµα 5 Κάνοντας χρήση το ίδιο εργαλείο ( ) σχεδιάστε ακόµη µια διακοσµητική σύνθεση που συµβολίζει την µορφολογία του αµπελιού. Οι διαστάσεις δεν είναι συγκεκριµένες γιατί οι γραµµές είναι αυθαίρετα τοποθετηµένες. Το χρώµα έχει κωδικό #E3DEDB από το Inkscape Default.
Σχήµα 7.4.5 – ∆ηµιουργία επιπρόσθετου διακοσµητικού στοιχείου.
Η ετικέτα πρέπει να έχει την εξής µορφή:
Σχήµα 7.4.6 – Μορφή ετικέτας.
www.thegreekdesign.gr | www.cppd.eu 89
Βήµα 6 Για την ολοκλήρωση της ετικέτας προσθέστε τα απαραίτητα κείµενα ( ). «η γευστική παράδοση του τόπου µας», «συµπόσιο», «οίνος», «12.5 % VOL» και 750ml.
Σχήµα 7.4.7 – Τελική µορφή ετικέτας.
Για την ρεαλιστικότητα του αποτελέσµατος µπορείς να κάνεις εισαγωγή µιας φιάλης κρασιού µέσα στην επιφάνεια εργασίας και να τοποθετήσεις την ετικέτα πάνω της, µε τέτοιο τρόπο, ώστε να δηµιουργείται η τελική εικόνα του προϊόντος.
Σχήµα 7.4.8 – Τελική εικόνα προϊόντος.
!
Έτοιµες εικόνες προϊόντων (τύπου svg), µπορείς να βρεις σε διάφορες βιβλιοθήκες στο διαδίκτυο, οι οποίες διατίθενται δωρεάν.
www.thegreekdesign.gr | www.cppd.eu 90
7.5 Σχεδιασµός συσκευασίας για κρασί Για την συσκευασία του κρασιού θα προηγηθεί ο σχεδιασµός του αναπτύγµατος του κουτιού και έπειτα θα προστεθούν όλα αυτά τα στοιχεία που θα δηµιουργήσουν το νέο προϊόν της σειράς «Συµπόσιο».
Σχήµα 7.5.1 – Ανάπτυγµα κουτιού.
!
Να σηµειωθεί ότι υπάρχουν πολλά έτοιµα αναπτύγµατα άµεσα διαθέσιµα. Σκοπός αυτού του οδηγού είναι η εκµάθηση σχεδιασµού συσκευασιών, γι αυτόν τον λόγο θα παρουσιαστεί η αναλυτική διαδικασία σχεδιασµού αναπτύγµατος.
Βήµα 1 Για την δηµιουργία του κουτιού σχεδιάστε ένα ορθογώνιο σχήµα µε διαστάσεις: W:800px, H:600px και τοποθετήστε το 40px οριζόντια και 0px κάθετα.
Σχήµα 7.5.2 – Σχεδιασµός ορθογωνίου.
www.thegreekdesign.gr | www.cppd.eu 91
Βήµα 2 Χρησιµοποιείστε το εργαλείο που σχεδιάζει καµπύλες και ευθείες γραµµές και σχεδιάστε µια οριζόντια µικρή γραµµή µε κλίση 15º (Βασικό Μενού > Object > Transform > Rotate) και τοποθετήστε την στο σηµείο (0, 0). Έπειτα, αντιγράψτε αυτήν την γραµµή και τοποθετείστε την στο σηµείο (0, 585(. Με το ίδιο εργαλείο σχεδιάστε µια κάθετη γραµµή έτσι ώστε οι άκρες της γραµµής να ενώνονται µε τις άκρες των προηγούµενων γραµµών. Τέλος, αντιγράψτε το σύνολο των γραµµών που µόλις δηµιουργήσατε και αντιστρέψτε το (flip horizontally) τοποθετώντας το στο σηµείο (839, 0).
Σχήµα 7.5.3 – Σχεδιασµός σχηµάτων και τοποθέτηση στις άκρες του ορθογώνιου.
Βήµα 3 Συνεχίστε την χρήση του ίδιου εργαλείου και σχεδιάστε µια κάθετη γραµµή στο ύψος του ορθογώνιου σχήµατος τοποθετώντας την στο σηµείο (240,0). Τροποποιήστε την γραµµή σε διακεκοµµένη. Η συγκεκριµένη ενέργεια γίνεται µε τον εξής τρόπο: α) δεξί κλικ πάνω στην γραµµή, β) επιλογή fill and stroke, γ) στο νέο παράθυρο που ανοίγει, επιλογή της καρτέλας stroke style και δ) dashes. Με την ολοκλήρωση της γραµµής, δηµιουργήστε δύο αντίγραφα και τοποθετήστε τα στα σηµεία (440,0) και (640,0).
Σχήµα 7.5.4 – Σχεδιασµός διακεκοµµένων γραµµών στο ορθογώνιο σχήµα.
www.thegreekdesign.gr | www.cppd.eu 92
Βήµα 4 Σχεδιάστε ένα ορθογώνιο µε διαστάσεις W:200px και H:150px. Τοποθετήστε το στο σηµείο (40,600). Στη συνέχεια, επιλέγοντας το εργαλείο που σχεδιάζει ευθείες και καµπύλες γραµµές σχεδιάστε ένα σχήµα έτσι όπως φαίνεται στην παρακάτω εικόνα, µε διαστάσεις W:37px και H:35px. Τοποθετήστε το στο σηµείο (40,748). Αντιγράψτε, αντιστρέψτε και µετακινήστε το ίδιο σχήµα οριζόντια (203px). Τέλος, ενώστε όλα τα σχήµατα που σχεδιάσατε (Βασικό Μενού > Path > Union).
Σχήµα 7.5.4 – Σχεδιασµός σχηµάτων και στο υπόλοιπο σχήµα.
Βήµα 5 Συνεχίστε την ίδια διαδικασία δηµιουργίας γραµµών. Οι νέες διαστάσεις είναι W:165px και H:150px. Η τοποθέτηση γίνεται 275px οριζόντια και 600px κάθετα. Αντιγράψτε, αντιστρέψτε και µετακινήστε το ίδιο σχήµα οριζόντια (640px).
Σχήµα 7.5.5 – Σχεδιασµός πτερυγίων κλεισίµατος κουτιού.
Βήµα 6 Με το ίδιο εργαλείο, σχεδιάστε ένα σχήµα έτσι όπως φαίνεται στην παρακάτω εικόνα Το πλάτος του είναι 200px και το ύψος του είναι 185px, ενώ το τοποθετείτε στο σηµείο (440,595). www.thegreekdesign.gr | www.cppd.eu 93
Σχήµα 7.5.6 – Σχεδιασµός πτερυγίων κλεισίµατος κουτιού.
Βήµα 7 Έπειτα µε το εργαλείο σχεδιασµού ευθειών και καµπύλων ( ) σχεδιάστε ένα ορθογώνιο σχήµα µε διαστάσεις W:200px και H:125px και τοποθετήστε το στο σηµείο (440,-125).
Σχήµα 7.5.7 – Σχεδιασµός πτερυγίων από την πάνω πλευρά του αναπτύγµατος.
Βήµα 8 ∆ηµιουργήστε ένα ορθογώνιο σχήµα µε διαστάσεις W:200px και Η:125px, και τοποθετήστε το στο σηµείο (640,-125). Στη συνέχεια, σχεδιάστε ένα ηµικύκλιο µε διαστάσεις W:100px, H:50px και τοποθετήστε το 690px οριζόντια και -125px κάθετα. Έπειτα, επιλέξτε αυτά τα δυο σχήµατα και ενώστε τα µε την επιλογή path (για να γίνει η ένωση, οι γραµµές του ηµικυκλίου πρέπει να διαπερνούν τα όρια του ορθογώνιου). Επιλέγοντας το εργαλείο επεξεργασίας σχηµάτων ( ), επεξεργαστείτε το σχήµα στην δεξιά πλευρά (στο σηµείο που η γραµµή ενώνεται µε το υπόλοιπο σχήµα), δηµιουργώντας µια γωνιά. Ταυτόχρονα, µετακινήστε την υπόλοιπη γραµµή 10px αριστερά. Το ολοκληρωµένο σχήµα, αντιγράψτε το και αντιστρέψτε το, ενώ για Χ δώστε την τιµή 240px.
Σχήµα 7.5.8 – Σχεδιασµός πτερυγίων από την πάνω πλευρά του αναπτύγµατος.
www.thegreekdesign.gr | www.cppd.eu 94
Βήµα 9 Τέλος, µε το εργαλείο σχεδίασης ευθειών και καµπύλων γραµµών, σχεδιάστε ακόµη ένα ορθογώνιο σχήµα (Προσοχή! στις δυο κάτω γωνίες του σχήµατος µην σχεδιάσετε γωνία αλλά µια πλαγιά γραµµή έτσι, ώστε µε το εργαλείο επεξεργασίας σχηµάτων ( ) να δηµιουργήσετε καµπυλότητα). Οι διαστάσεις είναι για W και για Η 200px και τοποθετήστε το ορθογώνιο στο σηµείο (-40,-200). Έπειτα σχεδιάστε µια διακεκοµµένη οριζόντια γραµµή και τοποθετήστε την 200px κάθετα.
Σχήµα 7.5.9 – Σχεδιασµός πτερυγίων από την πάνω πλευρά του αναπτύγµατος.
Σχεδιάστε ένα τετράγωνο µε πλευρά 200px και τοποθετήστε το στο σηµείο (-160, -200).
Σχήµα 7.5.10 – Ολοκληρωµένος σχεδιασµός αναπτύγµατος κουτιού.
Αφού ολοκληρώθηκε ο σχεδιασµός του αναπτύγµατος για το κουτί του κρασιού, θα ακολουθήσει η διαδικασία διακόσµησης του συγκεκριµένου προϊόντος. Η σύνθεση του κουτιού θα προκύψει από τα αισθητικά χαρακτηριστικά της ετικέτας της φιάλης ώστε να υπάρξει οµοιογένεια στο σύνολο της συσκευασίας.
www.thegreekdesign.gr | www.cppd.eu 95
Βήµα 10 Εισάγετε την ετικέτα του κρασιού στην επιφάνεια εργασίας όπου βρίσκεται το ανάπτυγµα του κουτιού (File > Import). Αποµαδοποιήστε τα στοιχεία της (δεξί κλικ + ungroup). Ξεκινήστε την σύνθεση της εµπρόσθιας όψης του κουτιού που θα είναι όµοια µε την ετικέτα.
Σχήµα 7.5.11 – ∆ιαδικασία διακόσµησης κουτιού.
Βήµα 11 Στην συνέχεια επιλέξτε τα διακοσµητικά στοιχεία που είναι πάνω από το γενικό λογότυπο και τοποθετήστε τα στο σηµείο Χ:30px και Υ:559px. Τέλος, επιλέξτε τα οκτώ διακοσµητικά σήµατα, αντιγράψτε τα και τοποθετήστε τα 208px πιο δεξιά, ώστε να ολοκληρωθεί η «µπορντούρα» στο πάνω µέρος της συσκευασίας.
Σχήµα 7.5.12 – ∆ηµιουργία «µπορντούρας».
Βήµα 12
Χρωµατίστε ( ) τα πτερύγια κλεισίµατος στην κάτω πλευρά του αναπτύγµατος µε το κωδικό χρώµατος #6C5D53.
www.thegreekdesign.gr | www.cppd.eu 96
Σχήµα 7.5.13 – Χρωµατισµός πτερυγίων κλεισίµατος.
Βήµα 13 Στην συνέχεια, χρωµατίστε ( ) και τα πάνω πτερύγια του αναπτύγµατος, ενώ ταυτόχρονα προσθέστε το λογότυπο και το κείµενο στην επιφάνεια κορυφής της συσκευασίας. Το κείµενο και λογότυπο θα πρέπει να είναι ανεστραµµένο 180 µοίρες διότι κατά το κλείσιµο του αναπτύγµατος θα πρέπει να διαβάζεται από τους καταναλωτές.
Σχήµα 7.5.14 – Χρωµατισµός πτερυγίων κλεισίµατος και προσθήκη κειµένου.
Βήµα 14 Προσθέστε τα διακοσµητικά στοιχεία κάτω από το λογότυπο του κρασιού στην δεξιά επιφάνεια του αναπτύγµατος της συσκευασίας. Όµοια µε αυτά που βρίσκονται στην εµπρόσθια επιφάνεια. Η πρόσθεση των διακοσµητικών γίνεται µε αντιγραφή και επικόλληση (copy + paste).
Σχήµα 7.5.15 – Πρόσθεση διακοσµητικών στοιχείων.
Μπροστά από τα διακοσµητικά στοιχεία προσθέστε και το λογότυπο του κρασιού.
www.thegreekdesign.gr | www.cppd.eu 97
Σχήµα 7.5.16 – Ολοκλήρωση πίσω πλευράς του κουτιού.
Βήµα 15 Ολοκληρώστε την διακόσµηση του κουτιού µε την προσθήκη του κειµένου στην πλάγια πλευρά του αναπτύγµατος. ( ) «Ο οίνος συµπόσιο έχει βαθύ κόκκινο χρώµα και σου προσφέρει µια πλούσια και µαλακή γεύση. Αυτό πετυχαίνεται µε την προσεκτική διαλογή των σταφυλιών και µε την τοποθέτηση του σε δρύινα βαρέλια όπου και ωριµάζει για 8 µήνες.» Αυτό το κείµενο έχει γραµµατοσειρά GFS Neohellenic Rg και µέγεθος 13px ενώ το χρώµα που χρησιµοποιείται είναι το #800000. Η τοποθέτηση του είναι στο σηµείο (317,430).
Σχήµα 7.5.17 – Προσθήκη κείµενου και τελικό ανάπτυγµα.
www.thegreekdesign.gr | www.cppd.eu 98
7.6 Σχεδιασµός λογοτύπου για λάδι Εδώ θα παρουσιαστεί, βήµα προς βήµα η σχεδίαση ενός λογοτύπου για λάδι από την σειρά παραδοσιακών προϊόντων «Συµπόσιο». Τα βήµατα που θα επακολουθήσουν και τα εργαλεία που θα χρησιµοποιηθούν είναι παρόµοια µε την σχεδίαση των παραπάνω λογοτύπων.
Σχήµα 7.6.1 – Το τελικό αποτέλεσµα του λογοτύπου για λάδι.
Βήµα 1 ∆ηµιουργήστε έναν κύκλο µε διάµετρο 215px. Το χρώµα έχει κωδικό #89A02C από το Inkscape Default.
Σχήµα 7.6.1 – ∆ηµιουργία αρχικού κύκλου.
www.thegreekdesign.gr | www.cppd.eu 99
Βήµα 2 Στην συνεχεία προσαρµόστε ορθογώνια τµήµατα πάνω στο κύκλο ώστε να δηµιουργηθεί το λογότυπο. Τα ορθογώνια σχήµατα αυτά έχουν πλάτος 7,5px και ύψος 215px. Η τοποθέτηση τους γίνεται στο κέντρο του κύκλου, δηλαδή 103.75px από την άκρη του κύκλου. Μετά την τοποθέτηση, επιλέξτε και τα δυο αντικείµενα ταυτόχρονα και επιλέξτε Path > Differnce ώστε να προκύψει το επιθυµητό αποτέλεσµα.
Σχήµα 7.6.2 – Επεξεργασία κύκλου µε επιλογές αποκοπής ειδικής περιοχής.
Βήµα 3 Συνεχίστε την ίδια διαδικασία. Αντιγραφή και επικόλληση του ορθογωνίου σχήµατος. Προσαρµογή του πάνω στον κύκλο σε κατάλληλη θέση ώστε να προκύψει το επιθυµητό αποτέλεσµα. Η διαδικασία θα επαναληφθεί πέντε φορές.
Σχήµα 7.6.3 – Τα βήµατα προς την ολοκλήρωση του λογοτύπου.
www.thegreekdesign.gr | www.cppd.eu 100
Βήµα 4 Εργαστείτε µε το εργαλείο του µολυβιού και σχεδιάστε το σχήµα που φαίνεται παρακάτω σε χρώµα µε κωδικό #2Β1100 και βασικές διαστάσεις W:190px και H:95px.
Σχήµα 7.6.4 – ∆ηµιουργία σχήµατος για κορµό δέντρου.
Βήµα 5 Σχεδιάστε ένα ηµικύκλιο µε το εργαλείο που δηµιουργεί σπείρες ( ) σε χρώµα µε κωδικό #89A02C. Το σχήµα φαίνεται παρακάτω. Στην συνεχεία, µε την βοήθεια του µολυβιού, σχεδιάστε ένα τρίγωνο πάνω από το ηµικύκλιο, στο ίδιο χρώµα. Έτσι ώστε να δοθεί µια µορφή σταγόνας.
Σχήµα 7.6.5 – ∆ηµιουργία σχήµατος σταγόνας λαδιού.
Βήµα 6 Τέλος, αντιγράψτε το σχήµα που µοιάζει µε σταγόνα δύο φορές (copy + paste) και τοποθετήστε όλες τις σταγόνες µε τέτοιο τρόπο που να δηλώνετε ροή.
Σχήµα 7.6.6 – Το τελικό αποτέλεσµα του λογοτύπου για λάδι.
www.thegreekdesign.gr | www.cppd.eu 101
7.7 Σχεδιασµός ετικέτας για λάδι Βήµα 1 Για τον σχεδιασµό της ετικέτας για το ελαιόλαδο, σχεδιάστε ένα ορθογώνιο σχήµα µε διαστάσεις για W:970 px και για Η: 600 px. Ο κωδικός χρώµατος είναι #bfb500ff.
Σχήµα 7.7.1 – Επιφάνεια ετικέτας.
Βήµα 2 Στη συνέχεια, σχεδιάστε ένα ακόµη ορθογώνιο σχήµα µε διαστάσεις W:950px και H:50 px. Το χρώµα έχει κωδικό #2Β1100 και τοποθετήστε το 0px οριζόντια και 0px κάθετα.
Σχήµα 7.7.2 – ∆ηµιουργία εδάφους στην ετικέτα.
Βήµα 3 Έπειτα εισάγετε το λογότυπο για το λάδι (File > Import). Αλλάξτε τις διατάσεις σε W:200px και Η:280px. Η τοποθέτηση του είναι Χ: 712px και Y:45px.
www.thegreekdesign.gr | www.cppd.eu 102
Σχήµα 7.7.3 – Εισαγωγή λογοτύπου στην ετικέτα.
Βήµα 4 Αντιγράψτε το λογότυπο και επιλέξτε flip horizontally από την περιοχή ρύθµισης εργαλείων. Στην συνέχεια αυξήστε το µέγεθος σε W:212px και H:280px και τοποθετήστε το νέο αντίγραφο στην θέση 300px οριζόντια και 45px κάθετα. Επαναλάβετε την διαδικασία αντιγραφής και τοποθετήστε το σύµβολο στην θέση Χ: 145px και Y:45 px. Το αντιγραµµένο λογότυπο πρέπει να αλλάξει µέγεθος σε W:150px και H:200px.
Σχήµα 7.7.4 – Αντιγραφή και επικόλληση συµβόλων.
Βήµα 5 Έπειτα, εισάγετε το βασικό λογότυπο «Συµπόσιο». Μπορείτε να το «δανειστείτε» από την ετικέτα κρασιού που δηµιουργήσατε πιο πάνω, αφού κάνετε εισαγωγή του συνόλου της ετικέτας στην επιφάνεια εργασίας. Επίσης, προσθέστε το απαραίτητο κείµενο της ετικέτας (
).
www.thegreekdesign.gr | www.cppd.eu 103
Σχήµα 7.7.5 – Προσθήκη συµβόλου και κειµένου.
Βήµα 6 Στη συνέχεια, µε το εργαλείο που σχεδιάζει ευθείες και καµπύλες γραµµές δηµιουργήστε ( ) το σχήµα του µαιάνδρου, όπως φαίνεται στην παρακάτω εικόνα. Οι διαστάσεις του είναι: W:50px, H:50px. Το χρώµα που χρησιµοποιείται έχει κωδικό #89Α02C από το Inkscape default.
Σχήµα 7.6.6 – ∆ηµιουργία µαιάνδρου.
Αντιγράψτε και τοποθετήστε αυτό το σχήµα επαναλαµβανόµενα το ένα δίπλα στο άλλο. Αυτό επαναλαµβάνεται µέχρι το σχήµα να φτάσει στο τέλος της ετικέτας. Στο τέλος γίνεται και η τοποθέτηση τους (σαν σύνολο) που είναι X:0px και Y:525px. www.thegreekdesign.gr | www.cppd.eu 104
Σχήµα 7.7.7 – Επανάληψη αντικειµένου.
Βήµα 6 ∆ηµιουργήστε τον ορεινό όγκο στο φόντο της ετικέτας. Η δηµιουργία του συγκεκριµένου στοιχείου γίνεται µε το εργαλείο του µολυβιού. Πατώντας δεξί κλικ πάνω στην αρχική γραµµή του ορεινού όγκου επιλέξτε το Fill and stroke και προσαρµόστε το χρώµα στο περίγραµµα και στο γέµισµα. Επίσης, καθορίστε το ποσοστό ορατότητας του χρώµατος, οπού σε αύτη τη περίπτωση είναι 50 %.
Σχήµα 7.7.8 – ∆ηµιουργία οπτικού στοιχείου στο φόντο.
Βήµα 6 Έπειτα, σχεδιάστε ένα τετράγωνο, µε W:150px και Y:150px και τοποθετήστε το 255px (οριζόντια) και 360px (κάθετα). Το χρώµα έχει µόνο stroke (περίγραµµα) σε λευκό χρώµα.
Σχήµα 7.7.9 – ∆ηµιουργία πλαισίου διατροφικών στοιχειών.
www.thegreekdesign.gr | www.cppd.eu 105
Βήµα 7 Τέλος, προσθέστε το κείµενο πληροφοριών για το λάδι. Οι διαστάσεις του είναι W:215px και H:260px, ενώ η τοποθέτηση του είναι για Χ:17px και για Y:240px.
Σχήµα 7.7.10 – Προσθήκη κειµένου και ολοκλήρωση ετικέτας.
Για την ρεαλιστικότητα του αποτελέσµατος µπορείς να κάνεις εισαγωγή µιας φιάλης λαδιού µέσα στην επιφάνεια εργασίας και να τοποθετήσεις την ετικέτα πάνω της, µε τέτοιο τρόπο, ώστε να δηµιουργείται η τελική εικόνα του προϊόντος.
Σχήµα 7.7.11 – Τελική εικόνα προϊόντος.
www.thegreekdesign.gr | www.cppd.eu 106
7.8 Σχεδιασµός λογοτύπου για µέλι Το τελευταίο λογότυπο αφορά τον προϊόν του µελιού. Και αυτό µε την σειρά του προέρχεται από την σειρά προϊόντων «Συµπόσιο».
Σχήµα 7.8.1 – Τελική εικόνα λογοτύπου για µέλι.
Βήµα 1 Αρχικά, εισάγετε το λογότυπο του κρασιού, ώστε να βασίσετε τον σχεδιασµό του νέου συµβόλου πάνω στο ήδη σχεδιασµένο. (File > Import). Μορφοποιήστε κατάλληλα το παλιό λογότυπο.
Σχήµα 7.8.2 – Το λογότυπο του κρασιού και η τελική του επεξεργασία.
Βήµα 2 Επιλέξτε το µολυβί και έχοντας το µαύρο χρώµα ως επιλογή, δηµιουργήστε το παρακάτω τριγωνικό σχέδιο. Στη συνέχειία επιλέξτε το εργαλείο που σχηµατίζει την σπείρα. Με αυτό το εργαλείο σχεδιάστε ένα ηµικύκλιο και τοποθετήστε το έτσι ώστε να ενώνεται µε το προηγούµενο σχήµα. www.thegreekdesign.gr | www.cppd.eu 107
Σχήµα 7.8.3 – ∆ηµιουργία πρόσθετων στοιχειών για το λογότυπο του µελιού.
Βήµα 3 Επιλέξτε και τα δυο σχήµατα που σχεδιάσατε παραπάνω (κρατώντας πατηµένο το Shift και κάνοντας κλικ µια στο ένα σχήµα και µια στο επόµενο) και αντιγράψτε τα (Copy + Paste). Αυτό το αντίγραφο που δηµιουργείται, περιστρέψτε το αντίθετα και έπειτα προσαρµόστε το όπως φαίνεται παρακάτω. Επαναλάβετε την διαδικασία (Copy + Paste) κάνοντας χρήση την εντολή flip horizontally για να αλλάξει κατεύθυνση το σχέδιο.
Σχήµα 7.8.4 – ∆ηµιουργία πρόσθετων στοιχειών για το λογότυπο του µελιού.
Βήµα 4 Αντιγράψτε το αρχικό σχήµα που σχεδιάσατε (Βήµα 2) και επικολλήστε το στο κάτω µέρος του λογοτύπου, αφού πρώτα αντιστρέψετε την φορά του (από την εργαλειοθήκη ρύθµισης εργαλείων επιλογή της ιδιότητας flip vertically).
Σχήµα 7.8.5 – ∆ηµιουργία πρόσθετων στοιχειών για το λογότυπο του µελιού.
www.thegreekdesign.gr | www.cppd.eu 108
Βήµα 5 Έπειτα, χρησιµοποιείστε το εργαλείο σχηµατισµού αστεριών και πολυγώνων ( ). Και σχεδιάστε ένα τρίγωνο. Τέλος, τοποθετήστε το κάτω από το σχήµα, όπως φαίνεται παρακάτω.
Σχήµα 7.8.6 – Εισαγωγή τριγώνου.
Βήµα 6
Στην συνεχεία, χρησιµοποιήστε ξανά το µολύβι ( ) και σχεδιάστε ένα σχήµα όµοιο µε εκείνο που παρουσιάστηκε στο Βήµα 2. Η µόνη διαφορά παρουσιάζετε στο µέγεθος του σχεδίου. Για την αντιστροφή του σχεδίου κάντε χρήση του flip horizontally από την γραµµή ρύθµισης εργαλείων.
Σχήµα 7.8.7 – ∆ηµιουργία πρόσθετων στοιχειών για το λογότυπο του µελιού.
www.thegreekdesign.gr | www.cppd.eu 109
Βήµα 7 Όµοια δηµιουργήστε νέα σχήµατα (εργαλεία: µολύβι και σπείρα) όπως και παραπάνω ή αντιγράψτε (Copy + Paste) τα ήδη υπάρχοντα για την τοποθέτηση του στο σύνολο του λογοτύπου.
Σχήµα 7.8.8 – Προσθήκη νέων στοιχείων στο λογότυπο.
Βήµα 8 Το λογότυπο ολοκληρώνετε µε τον χρωµατισµό των υπολοίπων στοιχείων.
Σχήµα 7.8.9 – Ολοκλήρωση λογοτύπου.
www.thegreekdesign.gr | www.cppd.eu 110
7.9 Σχεδιασµός ετικέτας για µέλι Βήµα 1 Αρχικά σχεδιάστε έναν κύκλο µε διάµετρο 280px και χρώµα µε κωδικό #241C1C από το Inkscape Default.
Σχήµα 7.9.1 – ∆ηµιουργία κύκλου.
Βήµα 2 Στη συνεχεία σχεδιάστε ένα ορθογώνιο σχήµα µε διαστάσεις W:60px και H:175px, στο ίδιο χρώµα µε τον κύκλο. Τοποθετήστε το στο σηµεία X:100px και Y:-179px. Στην συνεχεία αντιγράψτε το και τοποθετήστε το στο σηµείο Χ:100px και Υ:260px.
Σχήµα 7.9.2 – ∆ηµιουργία ταινιών ασφαλείας που θα ενώσουν την κεντρική ετικέτα µε την ετικέτα του καπακιού.
Βήµα 3 Έπειτα, σχεδιάστε έναν κύκλο µε διάµετρο 190px, στο ίδιο χρώµα µε τα αλλά σχήµατα και τοποθετήστε τον στο σηµείο Χ:48px και Υ:-365px. Στη συνέχεια αντιγράψτε τον νέο κύκλο και τοποθετήστε τον στο σηµείο X:48px και Y:425px.
www.thegreekdesign.gr | www.cppd.eu 111
Σχήµα 7.9.3 – ∆ηµιουργία ετικετών που εφαρµόσουν µπροστά και πίσω από το βάζο του µελιού.
Βήµα 4 Εισάγετε το λογότυπο και τοποθετήστε το στο σηµείο Χ:40px και Y:60px στην ετικέτα που θα εφαρµόσει στο καπάκι. (File > Import).
Σχήµα 7.9.4 – Εισαγωγή λογοτύπου.
Βήµα 5 Τοποθετήστε επίσης και το βασικό λογότυπο στην ετικέτα που θα εφαρµόσει στην µπροστά επιφάνεια του βάζου. Για εξοικονόµηση χρόνου, καλό θα ήταν να χρησιµοποιηθεί το λογότυπο από την προηγούµενη ετικέτα. Αλλάξτε µόνο το χρώµα σε #FFDD55. Η τοποθέτηση του γίνετε στο σηµείο X:123px και Y: -250 px.
Σχήµα 7.9.5 – Εισαγωγή λογοτύπου.
www.thegreekdesign.gr | www.cppd.eu 112
Βήµα 5
Χρησιµοποιώντας το µολύβι ( ), σχεδιάστε διακεκοµµένες γραµµές πάνω στην επιφάνεια της ετικέτας. Το χρώµα που χρησιµοποιείται είναι το ίδιο χρώµα µε το βασικό λογότυπο, το όποιο θα χρησιµοποιηθεί από εδώ και πέρα µέχρι το να τελειώσει η σχεδίαση της ετικέτας.
Σχήµα 7.9.6 – ∆ηµιουργία διακεκοµµένης γραµµής.
Βήµα 6 Η τελευταία επεξεργασία που γίνεται στην ετικέτα, είναι ( ) η τοποθέτηση των κείµενων. Το πρώτο κείµενο "η γευστική ιστορία του τόπου µας" έχει διαστάσεις W:130px και H:10px. Τοποθετήστε το στο σηµείο Χ: 78px και Υ: -270px. Το δεύτερο κείµενο, "συµπόσιο", έχει µέγεθος W:130px και H: 30px, ενώ η τοποθέτηση του είναι για Χ: 78px και για Y:-305px. Το τρίτο κείµενο, "µέλι", έχει W:30px και Η:10px και τοποθετείται στα σηµεία Χ:128px και Υ: -32 px. Το επόµενο κείµενο που αφορά τα χαρακτηριστικά του προϊόντος έχει : W:150px και H:80px. Η τοποθέτηση γίνετε στο σηµείο Χ:63px και Y:475px. Το µόνο που χρειάζεται προσοχή είναι ότι το κείµενο πρέπει να περιστραφεί 180º (Rotate). Μετά γράψτε την περιεκτικότητα του προϊόντος, το κείµενο αυτό είναι επίσης ανεστραµµένο, έχει διαστάσεις W:40, H:10 και τοποθετήστε το 123px οριζόντια και 575px κάθετα. Το τελευταίο κείµενο που υπάρχει στην ετικέτα είναι "µελί συµπόσιο, η γευστική ιστορία του τόπου µας", αυτό το κείµενο περιστρέφεται γύρω από το λογότυπο για το µελί (στην ετικέτα που εφαρµόζει στο καπάκι). Για να γίνει αυτό επιλέξτε το κείµενο και πατώντας το shift, επιλέξτε ταυτόχρονα το κυκλικό σχήµα στο όποιο βρίσκεται πάνω το λογότυπο. Στην συνέχεια από το βασικό µενού επιλέξτε text και εκεί το Put on path. Αφού γίνει αυτό τότε διορθώνεται το κείµενο, το όποιο έχει νέα µορφή, και οι www.thegreekdesign.gr | www.cppd.eu 113
διαστάσεις του είναι: W:254px, H:235px, η τοποθέτηση του είναι στα σηµεία Χ:15px και Υ:14px.
Μπροστά ετικέτα
Πίσω ετικέτα
Ετικέτα καπακιού Σχήµα 7.8.7 – Το σύνολο των ετικετών.
www.thegreekdesign.gr | www.cppd.eu 114
Παράρτηµα Εισαγωγή και Εξαγωγή δεδοµένων. Το Inkscape µπορεί να εισάγει τις παρακάτω µορφές: (File > Import) • • • • •
SVG (Scalable Vector Graphics) SVG(Z) (gzip SVG) PDF (Portable Document Format) AI (Adobe Illustrator) JPEG, PNG, GIF, κτλ.
Το Inkscape µπορεί να εξάγει σε ποικίλες µορφές συµπεριλαµβανοµένων των ακόλουθων: (File > Save) • • • • • • • • • •
SVG (Scalable Vector Graphics) SVG(Z) (gzipped SVG) PDF (Portable Document Format) PS (Postscript) EPS (Encapsulated Postscript) EPSi AI (Adobe Illustrator) TEX (LaTeX) POV (POVRay) HPGL (Hewlett-Packard Graphics Language)
www.thegreekdesign.gr | www.cppd.eu 115
Βασικές αρχές σχεδιασµού - Inkscape 0.48.4 Copyright © 2013, Αθανάσιος Μανάβης, Φλουτούρα Χασαναλιάι, Νικόλαος Ευκολίδης (MSc), ∆ρ Παναγιώτης Κυράτσης ISBN: 978-960-93-5194-2 www.thegreekdesign.gr | www.cppd.eu 116