Σχεδίαση με σχήματα στο Adobe InDesign

01 από 08

Πάρτε το InDesign Επιστροφή στη δεκαετία του '60

Σίγουρα, θα μπορούσατε να δημιουργήσετε όλα τα σχέδια διανυσμάτων που βλέπετε στην παραπάνω διαφήμιση χρησιμοποιώντας το Illustrator ή κάποιο άλλο λογισμικό γραφικών. Αλλά μπορείτε επίσης να το κάνετε εντελώς στο InDesign. Στις επόμενες αρκετές σελίδες θα σας καθοδηγήσω πώς να δημιουργήσετε αυτά τα funky λουλούδια, το λάβα λάβα, και ακόμη και το μπλε blob κάτω από το Early Bird Sales και τον απλό χάρτη στη γωνία.

Τα βασικά εργαλεία που χρησιμοποιούνται για την κατάρτιση όλων αυτών των εικόνων είναι:

• Ορθογώνιο, ελλειψοειδές, εργαλεία σχήματος πολυγώνου
• Μετατρέψτε το εργαλείο κατεύθυνσης σημείου κατεύθυνσης (κάτω από το εργαλείο στυλό εργαλείων)
• Άμεσο εργαλείο επιλογής (λευκό βέλος στη γραμμή εργαλείων)
• Ευρίσκων τον δρόμο

Για να ολοκληρώσετε τις εικονογραφήσεις σας, θα χρησιμοποιήσετε επίσης τα εργαλεία πλήρωσης / διαδρομής για να χρωματίσετε τα σχήματα και τα εργαλεία μετασχηματισμού για να κλιμακώσετε και να περιστρέψετε .

Το κείμενο και η διάταξη

Αυτό το σεμινάριο δεν καλύπτει τα τμήματα κειμένου αυτής της διαφήμισης, αλλά εδώ είναι μερικά πράγματα που μπορεί να θέλετε να μάθετε αν θέλετε να προσπαθήσετε να αναπαράγετε κάποια εμφάνιση.

Γραμματοσειρές:

• Επικεφαλίδα: Γύρος καραμελών BTN
• Όνομα καταστήματος (Bell Bottom Thrift) στο Laser Bottom Laser ( πόσο σωστό! ) Και το Calibri
• Άλλο αντίγραφο: Berlin Sans FB
• Ετικέτες χαρτών: Basic Sans SF

Εφέ κειμένου:

• Το Bell Bottom έχει ένα βασικό εφέ Bevel Bevel
• Το αντίγραφο Πωλήσεων Early Bird έχει ένα απλό εφέ σκιάσης

Διάταξη:

• 3π περιθώρια γύρω από το παράθυρο (προεπιλογή του InDesign)
• Η διάταξη χρησιμοποιεί τον κανόνα των τρίτων τόσο κατακόρυφα όσο και οριζόντια.
• Ο λαμπτήρας λάβας καταλαμβάνει μία κάθετη τρίτη.
• Τα στοιχεία επικοινωνίας και ο χάρτης βρίσκονται στο κάτω οριζόντιο τρίτο.
• Το όνομα του καταστήματος βρίσκεται στην επάνω δεξιά διασταύρωση των τρίτων και γύρω από το οπτικό κέντρο.
• Η λίστα των πωλήσεων Early Bird βρίσκεται γύρω από την κάτω δεξιά διασταύρωση των τρίτων.

Σελίδες σε αυτό το Tutorial

1. Επισκόπηση των Bell Bottoms Thrift Ad (αυτή τη σελίδα)
2. Σχεδίαση του πρώτου λουλουδιού
3. Σχεδίαση του δεύτερου λουλουδιού
4. Σχεδίαση του Blob
5. Σχεδίαση της λυχνίας
6. Σχεδίαση της λάβα στη λάμπα
7. Σχεδίαση απλού χάρτη
8. Συναρμολόγηση του εικονογράφου

02 από 08

Σχεδίαση του πρώτου λουλουδιού

Το σεμινάριο μου για τα αστέρια στο InDesign γίνεται πιο λεπτομερές σχετικά με τη μετατροπή πολυγώνων σε σχήματα αστεριών και είναι χρήσιμο εάν δεν έχετε δουλέψει ποτέ με το εργαλείο Polygon / Star στο InDesign.

Για το πρώτο μας λουλούδι ξεκινάμε με ένα αστέρι.

1. Σχεδιάστε ένα αστέρι 5 σημείων
   • Επιλέξτε το εργαλείο μορφοποίησης πολυγώνου από το αναπτυξιακό πλαίσιο Shape στα εργαλεία σας
   • Κάντε διπλό κλικ στο εργαλείο σχήματος πολυγώνου για να εμφανιστεί το παράθυρο διαλόγου Ρυθμίσεις πολυγώνου
   • Ορίστε το πολύγωνο σας για 5 πλευρές και ένα αστέρι Star της τάξης του 60%
   • Κρατήστε το πλήκτρο Shift ενώ σχεδιάζετε το αστέρι σας
2. Γυρίστε τα αστεροειδή σημεία στα πέταλα
   • Επιλέξτε το εργαλείο Μετατροπή κατεύθυνσης σημείου από το αναπτυσσόμενο μενού Pen στα εργαλεία σας

     Μετατροπή εργαλείου σημείου κατεύθυνσης : Επιλέξτε το εργαλείο. Κάντε κλικ σε ένα υπάρχον σημείο αγκύρωσης. Κρατήστε το κουμπί του ποντικιού. Θα εμφανιστούν οι λαβές αυτού του σημείου αγκύρωσης. Εάν σύρετε το ποντίκι τώρα, θα μπορείτε να αλλάξετε μια ήδη υπάρχουσα καμπύλη. Εάν μια λαβή είναι ήδη ορατή, αν κάνετε κλικ στη χειρολαβή και σύρετέ την, θα αλλάξετε επίσης μια υπάρχουσα καμπύλη. - Το εργαλείο Pen InDesign

   • Κάντε κλικ και κρατήστε πατημένο το σημείο αγκύρωσης στο τέλος του κορυφαίου σημείου του αστέρι σας
   • Σύρετε τον κέρσορα προς τα αριστερά και θα δείτε το σημείο που μεταμορφώνεται σε ένα στρογγυλό πέταλο.
   • Επαναλάβετε για τα άλλα τέσσερα σημεία στο αστέρι σας
   • Εάν θέλετε να εξισορροπείτε τα πέταλά σας μετά τη μετατροπή των 5 σημείων αγκύρωσης, χρησιμοποιήστε το εργαλείο Μετατροπή κατεύθυνσης ή Άμεση επιλογή (λευκό βέλος στα εργαλεία σας) για να επιλέξετε τις χειρολαβές από κάθε καμπύλη και να τις σύρετε μέσα ή έξω μέχρι να σας αρέσει το βλέμμα του λουλουδιού σας.
3. Δώστε στο λουλούδι σας ωραίο περίγραμμα
   • Κάντε ένα αντίγραφο του λουλουδιού σας και αφήστε το στην άκρη (για να κάνετε το δεύτερο λουλούδι)
   • Επιλέξτε ένα εγκεφαλικό χρώμα της επιλογής σας
   • Κάντε το χτύπημα παχύτερο (5-10 βαθμοί)
4. Βελτιώστε το λουλούδι σας
   • Ανοίξτε τον πίνακα Strokes (F10)
   • Αλλάξτε την επιλογή Συμμετοχή στο Round Join (αν δίνει μια ωραία ματιά στις εσωτερικές γωνίες)

Σελίδες σε αυτό το Tutorial

1. Επισκόπηση των Bell Bottoms Thrift Ad
2. Σχεδίαση του πρώτου λουλουδιού (αυτή τη σελίδα)
3. Σχεδίαση του δεύτερου λουλουδιού
4. Σχεδίαση του Blob
5. Σχεδίαση της λυχνίας
6. Σχεδίαση της λάβα στη λάμπα
7. Σχεδίαση απλού χάρτη
8. Συναρμολόγηση του εικονογράφου

03 του 08

Σχεδίαση του δεύτερου λουλουδιού

Το δεύτερο μας λουλούδι ξεκίνησε επίσης ως Polygon / Star, αλλά θα εξοικονομήσουμε χρόνο χρησιμοποιώντας ένα αντίγραφο του πρώτου λουλουδιού μας.

1. Ξεκινήστε με το πρώτο λουλούδι . Πιάσε το αντίγραφο που κάνατε από το πρώτο λουλούδι πριν προσθέσετε το εγκεφαλικό επεισόδιο. Ίσως θελήσετε να κάνετε ένα άλλο ή δύο αντίγραφα, σε περίπτωση που δυσκολευτείτε.
2. Κάντε καμπύλες στο εσωτερικό των γωνιών. Χρησιμοποιήστε το εργαλείο Μετατροπή κατεύθυνσης σημείου στα πέντε εσωτερικά σημεία αγκύρωσης του λουλουδιού σας
3. Stretch πέταλα λουλουδιών . Χρησιμοποιήστε το εργαλείο άμεσης επιλογής για να τραβήξετε τα εξωτερικά σημεία αγκύρωσης μακριά από το κέντρο, επεκτείνοντας κάθε ένα από τα πέταλα λουλουδιών σας
4. Λείανση λουλουδιών. Χρησιμοποιήστε το εργαλείο άμεσης επιλογής για να αρπάξετε τις λαβές οποιασδήποτε από τις καμπύλες σας για να παχύνετε τα εξωτερικά άκρα των πετάλων σας και να κάνετε τα εσωτερικά μέρη των πετάλων λεπτότερα και να πάρετε όλα τα πέταλα περισσότερο ή λιγότερο του ίδιου μεγέθους.
5. Τελειώστε το λουλούδι σας. Μόλις σας αρέσει το βλέμμα του λουλουδιού σας, δώστε το ένα Fill και Stroke της επιλογής σας.

Σελίδες σε αυτό το Tutorial

1. Επισκόπηση των Bell Bottoms Thrift Ad
2. Σχεδίαση του πρώτου λουλουδιού
3. Σχεδίαση του δεύτερου λουλουδιού (αυτή τη σελίδα)
4. Σχεδίαση του Blob
5. Σχεδίαση της λυχνίας
6. Σχεδίαση της λάβα στη λάμπα
7. Σχεδίαση απλού χάρτη
8. Συναρμολόγηση του εικονογράφου

04 του 08

Σχεδίαση του Blob

Μπορείτε να κάνετε το blog σας οποιοδήποτε σχήμα θέλετε και θα μπορούσατε να ξεκινήσετε με το περισσότερο κάθε είδους σχήμα. Εδώ είναι ένας τρόπος για να το κάνετε.

1. Κάντε το σχήμα εκκίνησης. Σχεδιάστε ένα πολύγωνο 6 όψεων
2. Τροποποιήστε το σχήμα. Χρησιμοποιήστε το εργαλείο Μετατροπής κατεύθυνσης σε ορισμένα ή όλα τα σημεία αγκύρωσης σύροντας το πολύγωνο σε οποιοδήποτε επιθυμητό σχήμα.
3. Χρώμα Blob. Γεμίστε τη σκούπα με ένα χρώμα της επιλογής σας

Δεν ήταν σκόπιμη, αλλά νομίζω ότι το blob έχει μια αόριστη bird-in-flight ματιά σε αυτό που απηχεί το αντίγραφο "Early Bird Πωλήσεις" που πηγαίνει πάνω από το blog στην διαφήμιση Bell Bottom Thrift.

Σελίδες σε αυτό το Tutorial

1. Επισκόπηση των Bell Bottoms Thrift Ad
2. Σχεδίαση του πρώτου λουλουδιού
3. Σχεδίαση του δεύτερου λουλουδιού
4. Σχεδίαση του Blob (αυτή τη σελίδα)
5. Σχεδίαση της λυχνίας
6. Σχεδίαση της λάβα στη λάμπα
7. Σχεδίαση απλού χάρτη
8. Συναρμολόγηση του εικονογράφου

05 του 08

Σχεδίαση της λυχνίας

Τρία σχήματα συνθέτουν τον λαμπτήρα μας. Θα προσθέσουμε την "λάβα" στην επόμενη σελίδα.

1. Δημιουργία σχήματος λαμπτήρων. Σχεδιάστε ένα πολύγωνο ύψους 6 πλευρών
2. Τροποποιήστε τη λάμπα. Με το εργαλείο άμεσης επιλογής επιλέξτε τα δύο μεσαία σημεία αγκίστρωσης και σύρετέ τα προς τα κάτω, έως ότου το πολυγωνικό σας σχήμα μοιάζει με το σχήμα στο σχήμα # 2.
3. Προσθέστε σχήμα καπακιού. Σχεδιάστε ένα ορθογώνιο πάνω από το επάνω μέρος της λυχνίας για το πώμα.
4. Τροποποίηση της κεφαλίδας. Επιλέξτε τα δύο κάτω άγκιστρα (ένα κάθε φορά) με το εργαλείο άμεσης επιλογής και σπρώξτε τα ελαφρά μέχρι να μοιάζουν με το σχήμα # 4.
5. Προσθήκη Σχήματος Βάσης. Σχεδιάστε ένα άλλο πολυγωνικό όριο 6 όψεων στο κάτω μέρος της λυχνίας για τη βάση, με την επάνω άκρη ακριβώς στα ή κάτω από τα σημεία μεσαίας αγκύρωσης που μετακινήσατε στο βήμα 2.
6. Τροποποίηση βάσης. Σύρετε την άνω και κάτω άγκυρες στη μία πλευρά της βάσης μέχρι να καλύψουν τη λάμπα. Σύρετε μια μεσαία άγκυρα προς τα μέσα, όπως φαίνεται. Επαναλάβετε από την άλλη πλευρά του πολυγώνου.
7. Έγχρωμη λάμπα. Γεμίστε τη λάμπα, το καπάκι και τη βάση με τα χρώματα της επιλογής σας.

Σελίδες σε αυτό το Tutorial

1. Επισκόπηση των Bell Bottoms Thrift Ad
2. Σχεδίαση του πρώτου λουλουδιού
3. Σχεδίαση του δεύτερου λουλουδιού
4. Σχεδίαση του Blob
5. Σχεδίαση της λυχνίας (αυτή τη σελίδα)
6. Σχεδίαση της λάβα στη λάμπα
7. Σχεδίαση απλού χάρτη
8. Συναρμολόγηση του εικονογράφου

06 του 08

Σχεδίαση της λάβα στη λάμπα

Προσθέστε λάβα στη Λάβα λάβα σας χρησιμοποιώντας το Εργαλείο σχήματος ελλειπτικού.

1. Σχεδιάστε τη λάβα. Σχεδιάστε τυχαία στρογγυλά / ωοειδή σχήματα χρησιμοποιώντας το Εργαλείο σχήματος ελλείψεων, επικαλύπτοντας ένα μικρό και μεγάλο ζευγάρι στη μέση της λάμπας.
2. Κάντε διπλό στυλό. Επιλέξτε τα δύο αλληλεπικαλυπτόμενα σχήματα και επιλέξτε Αντικείμενο> Pathfinder> Προσθήκη για να τα μετατρέψετε σε ένα σχήμα.
3. Βελτιώστε το Διπλό Blob. Χρησιμοποιήστε τα εργαλεία Μετατροπής κατεύθυνσης και Άμεσης επιλογής για να τροποποιήσετε τις καμπύλες έως ότου αποκτήσετε αυτό που μοιάζει με ένα μεγάλο στέλεχος που χωρίζει σε δύο μέρη.
4. Χρωματίστε τη λάβα. Συμπληρώστε τα σχήματα της λάβα με ένα χρώμα της επιλογής σας.
5. Μετακινήστε τη λάβα. Επιλέξτε το καπάκι και τη βάση της λυχνίας και φέρτε τα μπροστά: Αντικείμενο> Τακτοποίηση> Φέρτε στο μπροστινό μέρος (Shift + Control +]) ώστε να καλύπτουν εκείνες τις λάμπες λάβα που επικαλύπτουν το καπάκι και τη βάση.

Σελίδες σε αυτό το Tutorial

1. Επισκόπηση των Bell Bottoms Thrift Ad
2. Σχεδίαση του πρώτου λουλουδιού
3. Σχεδίαση του δεύτερου λουλουδιού
4. Σχεδίαση του Blob
5. Σχεδίαση της λυχνίας
6. Σχεδίαση της λάβα στη λάμπα (αυτή τη σελίδα)
7. Σχεδίαση απλού χάρτη
8. Συναρμολόγηση του εικονογράφου

07 του 08

Σχεδίαση απλού χάρτη

Για τη διαφήμισή μας δεν χρειαζόμαστε περίπλοκο χάρτη της πόλης. Κάτι απλό και στυλιζαρισμένο λειτουργεί καλά.

1. Σχεδιάστε τους δρόμους.
   • Σχεδιάστε ένα μακρύ, λεπτό ορθογώνιο που αντιπροσωπεύει έναν δρόμο.
   • Δημιουργήστε πολλά αντίγραφα και χρησιμοποιήστε το Transform> Rotate για να τα κανονίσετε όπως απαιτείται.
   • Ως επί το πλείστον μπορείτε να παραλείψετε καμπύλες και μικρές ζαγκ τσάγια στο δρόμο. Αν υπάρχει σημαντική καμπύλη στο δρόμο, επεξεργαστείτε το ορθογώνιο σε καμπύλη.
   • Επιλέξτε όλους τους δρόμους και, στη συνέχεια, μεταβείτε στο Object> Pathfinder> Add για να τις μετατρέψετε σε ένα αντικείμενο.
2. Επισυνάψτε τον Χάρτη. Τοποθετήστε ένα ορθογώνιο πάνω στους δρόμους σας, καλύπτοντας μόνο το τμήμα που θέλετε να χρησιμοποιήσετε για τον χάρτη σας.
3. Κάντε το χάρτη. Επιλέξτε τους δρόμους και το ορθογώνιο και μεταβείτε στο Object> Pathfinder> Minus Back

Για να ολοκληρώσετε τον χάρτη σας, προσθέστε ένα ορθογώνιο για να αναπαριστάτε τον προορισμό και να επισημάνετε τους κύριους δρόμους.

Σελίδες σε αυτό το Tutorial

1. Επισκόπηση των Bell Bottoms Thrift Ad
2. Σχεδίαση του πρώτου λουλουδιού
3. Σχεδίαση του δεύτερου λουλουδιού
4. Σχεδίαση του Blob
5. Σχεδίαση της λυχνίας
6. Σχεδίαση της λάβα στη λάμπα
7. Σχεδίαση απλού χάρτη (αυτή τη σελίδα)
8. Συναρμολόγηση του εικονογράφου

08 από 08

Συναρμολόγηση του εικονογράφου

Δεν χρειάζεται να κάνουμε πολύ περισσότερα για τη λυχνία Lava, το Blob και τον Χάρτη μας από ό, τι να τα μετακινήσουμε στη θέση τους. Αλλά τα λουλούδια μας απαιτούν λίγους περισσότερους χειρισμούς.

• Πάρτε κάθε λουλούδι και κάντε πολλά αντίγραφα.
• Κλιμάρετε, περιστρέψτε και αλλάξτε τα χρώματα πλήρωσης / διαδρομής όπως θέλετε.
• Επιλέξτε δύο ή τρία σχήματα λουλουδιών και εφαρμόστε λίγο Feathering (Object> Effects> Basic Feather)

Ευχάριστος! Η εικονογραφημένη εικοσαετία μας είναι πλήρης. Και το κάνατε όλα στο Adobe InDesign. Απλά προσθέστε το κείμενο για να ολοκληρώσετε τη διαφήμιση Bell Bottom Thrift (βλ. Σελίδα 1 για λεπτομέρειες, αν θέλετε να κάνετε αυτή την άσκηση μέχρι το τέλος).

Σελίδες σε αυτό το Tutorial

1. Επισκόπηση των Bell Bottoms Thrift Ad
2. Σχεδίαση του πρώτου λουλουδιού
3. Σχεδίαση του δεύτερου λουλουδιού
4. Σχεδίαση του Blob
5. Σχεδίαση της λυχνίας
6. Σχεδίαση της λάβα στη λάμπα
7. Σχεδίαση απλού χάρτη
8. Συναρμολόγηση του εικονογράφου (αυτή τη σελίδα)