Πώς να σχεδιάσετε ισομετρική τυπογραφία

Jan 30, 2026
πως να

Η προοπτική είναι όλα στο σχεδιασμό. Εάν κάτι που έχετε σχεδιάσει έχει μια τέλεια προοπτική, θα βοηθήσει τη δουλειά σας πιο ρεαλιστική. Εναλλακτικά, ο Pablo Picasso έκανε ιστορία με την κατάρτιση με μια πολύ στραμμένη αίσθηση της πραγματικότητας γύρω του.

Ισομετρική σχέδιο είναι τόσο μεγάλο μέρος μιας επιστήμης όσο οτιδήποτε. Έχει ένα πολύ αυστηρό σύνολο κανόνων όταν πρόκειται για αυτό που πηγαίνει όπου. Αυτό είναι αρκετά δύσκολο να καθίσετε και να τραβήξετε τον εαυτό σας, αλλά όταν πρόκειται για το Photoshop, μπορείτε να δημιουργήσετε έναν οδηγό για οτιδήποτε.

Σε αυτό PhotoShop Tutorial , Θα ξεκινήσουμε ένα τέλειο ισομετρικό δίκτυο προτού δημιουργήσουμε έναν κόσμο σε γραμμές με εξαγωνικά στραμμένα. Σε αυτή την εικόνα εμπνευσμένη από το Λονδίνο, πρόκειται να εντοπίσουμε τον Τάμεση ισομετρικά και ακόμη και να δημιουργήσουμε ισομετρικές εκδόσεις ορόσημων. Θα διαπιστώσετε ότι οτιδήποτε μπορεί να δημιουργηθεί σε αυτό το πλέγμα, καθώς απλά κατέχει κυβικά σχήματα μαζί. Οι καμπύλες μπορούν απλά να έλκονται από τη γωνία στη γωνία.

Όλα στην εικόνα θα ακολουθήσουν αυτή τη δομή πάρα πολύ. Μπορείτε να χρησιμοποιήσετε τις εικόνες για να αντιγράψετε, μπορείτε να ακολουθήσετε τα βήματα μας θρησκευτικά ή μπορείτε να σχεδιάσετε τα δικά σας εικονίδια ακολουθώντας ισομετρικά πρότυπα. Είναι εξ ολοκλήρου από εσάς - μέσα στα όρια της ισομετρίας, φυσικά.

01. Ξεκινήστε το πλέγμα

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Ξεκινήστε δημιουργώντας ένα νέο έγγραφο 20 x 20 pixels. Δημιουργήστε μια μαύρη λωρίδα κάτω από το δεξί και το κάτω μέρος του εγγράφου με το ορθογώνιο εργαλείο Marquee. Χρησιμοποιήστε το πλέγμα αν χρειαστεί, χτυπώντας CMD / CTRL + '.

02. Καθορίστε το μοτίβο σας

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Πηγαίνετε στο Edit & GT, ορίστε το πρότυπο. Ονομάστε το και στη συνέχεια κάντε κλικ στο OK. Δημιουργήστε ένα νέο έγγραφο του 1920 x 1080, πηγαίνοντας στο αρχείο και το GT, και στη συνέχεια πηγαίνετε στο κάδο βαφής (g). Χρησιμοποιήστε πλήρωση μοτίβου και σε ένα νέο στρώμα, γεμίστε με το σχέδιο που έχετε δημιουργήσει.

03. Μετατρέψτε το μοτίβο

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Τώρα θα κάνουμε το μοτίβο ισομετρικό! Κάντε το πλάτος και το ύψος πολύ μεγαλύτερο, η γωνία 35 μοίρες και τοποθετήστε το στο κέντρο του εγγράφου. Το δίκτυο πρέπει να είναι κατασκευασμένο από σχήματα διαμαντιών.

04. Επιλέξτε την παλέτα σας

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Θα χρησιμοποιήσουμε πέντε διαφορετικά χρώματα γι 'αυτό, αλλά διαφορετικές αποχρώσεις του καθενός. Τα χρώματα είναι βασιλικά μπλε (# 021574), σίγαση κόκκινο (# F22F50), δόρυγμα (# 6ec5cf), μέντα (# 6ecfB0), μαύρισμα (# ff935e) και λευκό (#ffffff).

05. Ορίστε το κείμενό σας

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

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

06. Δημιουργήστε μερικά γράμματα

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

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

07. Εργαστείτε με τα γράμματα

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

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

08. Σκιάστε τα γράμματα

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Ομάδα κάθε σειρά στρωμάτων για κάθε γράμμα. Δημιουργήστε μάσκες αποκοπής για το καθένα και προσθέστε είτε το φως είτε με σκιά στα γράμματα έτσι ώστε να εμφανίζονται 3D. Εργαστείτε όπου το φως βρίσκεται στην εικόνα και κρίνει ανάλογα.

09. Χρώμα και κατασκευή γέφυρες

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Δημιουργήστε νέα στρώματα επικάλυψης πάνω από κάθε ένα από τα γράμματα και γεμίστε με ένα από τα χρώματα σας. Προσθέστε χρωματικά στρώματα, κλιπ και βούρτσα σε ένα άλλο χρώμα για να το σβηστείτε. Στη συνέχεια, δημιουργήστε γέφυρες μεταξύ μερικών από τα γράμματα. Χρωματίστε αυτό με ένα άλλο χρώμα.

10. Δημιουργήστε ένα ηχείο

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Τώρα, θα προσθέσουμε αντικείμενα στη σκηνή. Δημιουργήστε ένα κουτί χρησιμοποιώντας τον ισομετρικό οδηγό, το φωτισμό και το σκούρισμα κάθε πλευρά του πλαισίου για να δημιουργήσετε την προοπτική. Δημιουργήστε δύο κύκλους και μετατρέψτε αυτά για να ταιριάζουν στο κουτί κατά μήκος του οδηγού. Προσθέστε ένα εγκεφαλικό επεισόδιο στους κύκλους χρησιμοποιώντας στυλ στρώματος.

11. Προσθέστε μια σημαία

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Στη συνέχεια, θα δημιουργήσουμε μια σημαία. Και πάλι, χρησιμοποιήστε το εργαλείο στυλό για να σχεδιάσετε κατά μήκος του οδηγού, και στη συνέχεια να γεμίσετε με λευκό. Κλείστε τα στρώματα σε αυτό και αγγίξτε τις μαλακές μαύρες brushstrokes πάνω από τη μία πλευρά της σημαίας για να προσθέσετε σκιά.

12. Φυτεύστε μερικά δέντρα

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Τα δέντρα είναι εύκολο να δημιουργηθούν με το στυλό. Δημιουργήστε ένα τρίγωνο με τις δύο πλευρές κάτω από την επένδυση κατά μήκος του ισομετρικού οδηγού και στη συνέχεια σκουραίνουν τη μία πλευρά. Επαναλάβετε αυτό δύο φορές, προσθέστε ένα κούτσουρο. Χρώμα με στρώμα επικάλυψης.

13. Κυλιόμενες σκάλες και σχεδιασμό χαρτών

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Έχουμε δημιουργήσει κυλιόμενες σκάλες χρησιμοποιώντας τις ίδιες μεθόδους που χρησιμοποιήσαμε για να δημιουργήσουμε τα άλλα αντικείμενα, χρησιμοποιώντας τον ισομετρικό οδηγό για να σχεδιάσετε. Μετά από αυτό, έχουμε χρησιμοποιήσει έναν πραγματικό χάρτη του Λονδίνου για να εντοπίσει περίπου τον Τάμεση και να σχεδιάσει ένα λευκό περίγραμμα για να γεμίσει λίγο νερό.

14. Καμπύλη των άκρων

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Χρησιμοποιήστε το εργαλείο πένα για να καμπυλώσετε τις άκρες της λευκής δομής που μόλις δημιουργήσατε και γεμίστε με # 808080. Χρησιμοποιήστε μια μαλακή, μαύρη βούρτσα για να δημιουργήσετε την ψευδαίσθηση ενός καμπύλου χώρου για να καθίσετε το νερό.

15. Γεμίστε με νερό

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Χρησιμοποιήστε το εργαλείο πένα για να επιλέξετε τον γκρι χώρο σε κάθε μία από τις λευκές κατασκευές και να πέσετε από τις κορυφαίες δομές και να γεμίσετε με μπλε χρώμα σε ένα νέο στρώμα. Ορίστε αυτό το στρώμα σε σκληρό φως για να φανεί σαν να είναι πραγματικό υγρό. Κλείστε ένα λευκό στρώμα και διαγράψτε ένα ασχολημένο μοτίβο στη μέση για πρόσθετο αποτέλεσμα.

16. Ξεκινήστε τον πολυέλαιο

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Δημιουργήστε ένα νέο στρώμα και προσθέστε κουκκίδες στις διασταυρώσεις των γραμμών όπως μπορείτε να δείτε στο στιγμιότυπο οθόνης. Επιλέξτε τις πλάτες σειρές αυτών των κουκίδων και μειώστε την ελαφρότητα σε -10 χρησιμοποιώντας HUE / Κορεσμό (CMD / Ctrl + U). Διπλότυπο αυτό προς τα κάτω για να δημιουργήσετε περισσότερες τελείες.

17. Τελειώστε τον πολυέλαιο

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Δημιουργήστε το ίδιο αποτέλεσμα τρεις φορές με πολλαπλές σειρές κουκκίδων και στη συνέχεια αλλάξτε το μέγεθος των δύο τελευταίων. Στοίβα αυτά για να δημιουργήσετε ένα φαινόμενο πολυέλαιου. Σε νέα στρώματα 20%, δημιουργήστε λευκές κουκίδες για να προτείνετε το φως που προέρχονται προς τα έξω.

18. Δημιουργήστε το Big Ben

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Χρησιμοποιήστε μια φωτογραφία του Big Ben για να σχεδιάσετε το ρολόι με το εργαλείο στυλό? Δεν χρειάζεται να είστε τόσο λεπτομερείς, αν και, φυσικά. Σχεδιάστε το σε αποχρώσεις του γκρι. Σχεδιάστε το σπείρωμα στη μία πλευρά του κτιρίου και όχι ευθεία προς τα πάνω.

19. Τοποθετήστε το ορόσημο

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Χρώμα Big Ben με μερικά στρώματα επικάλυψης, αντιγράψτε το στρώμα και στη συνέχεια αναστρέψτε αυτό το νέο οριζόντια. Αλλαγή μεγέθους και τα δύο στρώματα και το λοξό με ελεύθερο μετασχηματισμό για να ταιριάζει κατά μήκος του οδηγού που έχετε δημιουργήσει.

20. Τελικές πινελιές

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

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

21. Προσθέστε το θόρυβο

Hit the icon to open the full-sized image.

Χτυπήστε το εικονίδιο για να ανοίξετε την εικόνα πλήρους μεγέθους.

Τέλος, επιλέξτε μαύρο και άσπρο στα δείγματα σας (D). Δημιουργήστε ένα νέο στρώμα, γεμίστε με μαύρο (Alt / Opt + Delete) και μεταβείτε στο Filter & GT; θόρυβος. Επιλέξτε 400%, ελέγξτε το μονοχρωματικό και κάντε κλικ στο OK. Ορίστε αυτό το στρώμα σε μαλακό φως, 10% αδιαφανές.

Αυτό το άρθρο δημοσιεύθηκε αρχικά σε εξέταση 271 του δημιουργικού σχεδιασμού Web Magazine Web Design. Αγοράστε τεύχος 271 ή Εγγραφείτε στο Web Designer .

Σχετικά Άρθρα:

  • Δημιουργία ισομετρικού δικτύου 3d γράμματα στο Illustrator
  • Ισομετρική τέχνη διάνυσμα έκανε εύκολη
  • Δημιουργήστε ένα 3D ισομετρικό αποτέλεσμα

πως να - Τα πιο δημοφιλή άρθρα

Πώς να σταματήσετε τα γυαλιά σας να σκουπίζετε όταν φοράτε μάσκα προσώπου

πως να Jan 30, 2026

(Πιστωτική εικόνα: Getty Images) Εάν τα γυαλιά σας κρατούν την ομίχλη ό..


Πώς να σχεδιάσετε ένα τριαντάφυλλο: αρχάριος και προηγμένες συμβουλές

πως να Jan 30, 2026

Πώς να σχεδιάσετε ένα τριαντάφυλλο - Πώς να σχεδιάσετε ένα τριαντάφυλλο βίντεο ..


Ξεκινήστε με webvr

πως να Jan 30, 2026

ΠΗΔΑΩ ΣΕ: Πόροι Webvr Το WebV..


Πώς να κάνετε ρεαλιστικές διαφανείς επιφάνειες

πως να Jan 30, 2026

Η δημιουργία ενός διαφανούς υλικού όπως το γυαλί φαίνεται εύκολο - απλ�..


Ξεκινήστε με την εκτύπωση μονοτύπου

πως να Jan 30, 2026

Μερικές φορές πρέπει να σφίξετε τα πράγματα με το δικό σας Σχέδια �..


Πώς να δημιουργήσετε μια αυθεντική ταινία Manga Comic

πως να Jan 30, 2026

Σελίδα 1 από 2: Σελίδα 1 Σελίδα 1 Σελίδα 2 ..


Κρατήστε τον τέλειο έλεγχο έκδοσης με την αφηρημένη

πως να Jan 30, 2026

Ο έλεγχος της έκδοσης αποσκοπούσε αρχικά στους προγραμματιστές που ερ..


Δημιουργήστε έναν ρεαλιστικό φανταστικό ιππότη

πως να Jan 30, 2026

Σε αυτό το εργαστήριο, θα σας δείξουμε πώς να βάψετε έναν ιππότη χρησιμ..


Κατηγορίες