portaldacalheta.pt
  • Κύριος
  • Κατανεμημένες Ομάδες
  • Τροποσ Ζωησ
  • Αλλα
  • Κερδοφορία & Αποδοτικότητα
Σχεδιασμός Διεπαφής Χρήστη

Μια άλλη διάσταση, Νέα κυριαρχία - Ένας οδηγός ισομετρικής απεικόνισης



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

Πρέπει να ζωντανέψετε μια σελίδα προορισμού; Οπτικοποιήστε τα βαρετά δεδομένα; Προσθήκη γροθιάς σε ήπια συσκευασία; Η απεικόνιση είναι η απάντηση σε όλα τα μέτωπα.



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



Σεμινάριο ισομετρικής απεικόνισης

Σε αντίθεση με τα προοπτικά σχέδια, δεν υπάρχουν σημεία εξαφάνισης σε ισομετρικά πλέγματα.



Στο Adobe Illustrator, η παραδοσιακή ισομετρική διαδικασία απεικόνισης είναι ανιαρός . Δημιουργήστε ένα ισομετρικό πλέγμα, σχεδιάστε ένα τετράγωνο, στρέψτε το -30 °, περιστρέψτε το -30 °, συνεχώς. Ευτυχώς, υπάρχει ένας καλύτερος τρόπος. Ο εικονογράφος έχει 3D εφέ που κάνουν ισομετρικές εικόνες γρήγορες και εύκολες: 'Extrude & Bevel', 'Revolve' και 'Rotate'.

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



Έτοιμοι να εντυπωσιάσουν τους πελάτες, να ευχαριστήσουν τους χρήστες και να μάθουν τα μυστικά της ισομετρικής απεικόνιση ;

Δημιουργία ισομετρικών εικόνων

Οι ισομετρικές εικόνες είναι κατάλληλες για μια ποικιλία στυλ, τεχνικών απόδοσης και θεμάτων εικόνας. (Πάνω αριστερά: Ντομίνικ Κορόλτσουκ , Πάνω δεξιά: Oleksandr Aleksandrov , Κάτω αριστερά: Πίτερ Τάρκα , Κάτω δεξιά: Ιγκόρ Κοζάκ )



Περιστροφή & βελτίωση: Ένας οδηγός ισομετρικής απεικόνισης

Ποιος δεν απολαμβάνει ένα παγωμένο ποτό; Ας φρυγανίσουμε τις χαρές του υγρού αναψυκτικού σχεδιάζοντας ένα ισομετρικό μπουκάλι με ετικέτα.

* Τύπος Pro: Πριν ξεκινήσετε, βρείτε μια αναφορά αντικειμένου για να ενημερώσετε πώς θα είναι η φιάλη.



γιατί το γ είναι τόσο δημοφιλές

Βήμα 1: Σχεδιάστε το μπουκάλι και το υγρό

1.1) Δημιουργήστε ένα νέο έγγραφο Adobe Illustrator.

1.2) Προσθέστε την αναφορά φιαλών στο έγγραφο.



1.3) Σχεδιάστε ένα περίγραμμα της φιάλης και του υγρού στο εσωτερικό.

1.4) Χωρίστε τη φιάλη και το υγρό στα μισά (όπως φαίνεται παρακάτω).



1.5) Το πάχος της διαδρομής του περιγράμματος της φιάλης καθορίζει το πάχος του γυαλιού.

* Τύπος Pro: Αντιγράψτε και επικολλήστε το έργο τέχνης εκτός του πίνακα γραφικών ως αντίγραφο ασφαλείας.

Ισομετρική φροντιστήριο Illustrator

Χρησιμοποιήστε μια αναφορά εικόνας ή ένα σκίτσο υπογράμμισης κατά τη σχεδίαση αντικειμένων στο Adobe Illustrator.

Βήμα 2: Εφαρμόστε το Εφέ Revolve

Όπως υποδηλώνει το όνομα, το 'Revolve' γυρίζει το σχήμα γύρω από τον άξονά του. Στο Illustrator, η θέση του άξονα 'Περιστροφή' είναι κάθετα σταθερή. Αυτός είναι ο λόγος για τον οποίο το μπουκάλι ήταν περιγραμμένο και χωρίστηκε στα δύο.

* Τύπος Pro: Ούτε το περίγραμμα της φιάλης ούτε το υγρό αντικείμενο πρέπει να έχουν κλίσεις ως χρώματα πλήρωσης.

2.1) Για να βρείτε το εφέ 'Revolve', μεταβείτε στο: Effect> 3D> Revolve…

2.2) Στο επάνω μέρος του παραθύρου διαλόγου, υπάρχει ένα πεδίο με την ένδειξη 'Θέση'. Επιλέξτε 'Ισομετρική αριστερά'.

2.3) Γωνία - Αυτός είναι ο βαθμός περιστροφής γύρω από τον άξονα του αντικειμένου. Εάν οριστεί σε 180 °, το αποτέλεσμα θα είναι ένα μπουκάλι κατακόρυφα χωρισμένο στο μισό. Ρυθμίστε τη γωνία σε 360 ° για ένα πλήρως περιστρεφόμενο μπουκάλι.

2.4) Offset - Ελέγξτε την απόσταση μετατόπισης από τον κατακόρυφο άξονα του αντικειμένου. Εισαγάγετε '0'.

διαφορά μεταξύ ενός s corp και του ac corp

2.5) Επιφάνεια - Ρυθμίστε το υλικό και τις ιδιότητες φωτισμού του αντικειμένου. Επιλέξτε 'Χωρίς σκίαση'.

Εκμάθηση τρισδιάστατων εικονογράφων

Τα-ντα! Ισομετρική φιάλη με υγρό. Ώρα να ξανακάνετε, να χαλαρώσετε και – περιμένετε! Αυτό το μπουκάλι χρειάζεται μια ετικέτα.

* Τύπος Pro: Μην χρησιμοποιείτε τη λειτουργία 'Επέκταση εμφάνισης' στο μπουκάλι έως ότου δημιουργηθεί η ετικέτα.

Ισομετρική απεικόνιση κινούμενα σχέδια

Βήμα # 3: Προετοιμάστε την ετικέτα

3.1) Χρησιμοποιήστε τη φιάλη για να ορίσετε τις διαστάσεις της ετικέτας.

3.2) Στο παράδειγμα εικόνας (παρακάτω), το ύψος της ετικέτας αμαξώματος είναι εμφανές, αλλά το ύψος της ετικέτας λαιμού δεν είναι σαφές επειδή η επιφάνεια δεν είναι παράλληλη προς τον άξονα. Αρκεί ένα ύψος κατά προσέγγιση.

3.3) Το μήκος της ετικέτας υπολογίζεται χρησιμοποιώντας το τύπος περιφέρειας κύκλου 2πr.

3.4) Με μια ικανοποιητική σχεδίαση, μετατρέψτε και τις δύο ετικέτες σε σύμβολα. Η παλέτα 'Σύμβολα' βρίσκεται κάτω από: Παράθυρο> Σύμβολα

3.5) Μεμονωμένα σύρετε και αποθέστε τα σχέδια ετικετών στην παλέτα για να δημιουργήσετε σύμβολα.

*Σημείωση: Τα σύμβολα στο Illustrator και το Sketch λειτουργούν παρόμοια.

Ισομετρική απεικόνιση

Βήμα # 4: Χάρτης της ετικέτας στο μπουκάλι

Εφόσον το μπουκάλι δεν έχει διανυσματικοποιηθεί χρησιμοποιώντας τη λειτουργία 'Expand Appearance', είναι πλήρως επεξεργάσιμο.

4.1) Επιλέξτε το μπουκάλι και εμφανίστε την παλέτα 'Εμφάνιση': Παράθυρο> Εμφάνιση

4.2) Στη συνέχεια, επιλέξτε '3D Revolve' και εμφανίζεται το παράθυρο διαλόγου από το προηγούμενο.

4.3) Για να αντιστοιχίσετε τη σχεδίαση στο μπουκάλι, κάντε κλικ στην κάτω αριστερή επιλογή: 'Map Art'.

4.4) Αυτό καθιστά δυνατή την επιλογή και προσαρμογή ενός συμβόλου για τη φιάλη.

4.5) Φροντίστε να ταιριάξετε το σύμβολο με τη σωστή επιφάνεια (δείτε παρακάτω).

4.6) Κάντε κλικ στο 'Scale to Fit' και η ετικέτα αντιστοιχεί στο μπουκάλι.

4.7) Ακολουθήστε τα ίδια βήματα για την ετικέτα του λαιμού.

Ισομετρική διανυσματικά εικονογράφηση

Βήμα # 5: Αποφύγετε ένα ακατάστατο αρχείο

5.1) Τώρα, ήρθε η ώρα να μετατρέψετε το μπουκάλι σε καμπύλες Bézier χρησιμοποιώντας τη λειτουργία 'Expand Appearance': Object> Expand Appearance

Το Illustrator δεν προορίζεται κυρίως για χειρισμό αντικειμένων 3D. Η επέκταση της εμφάνισης ενός αντικειμένου δημιουργεί μια ομαδοποιημένη συλλογή μικρότερων στοιχείων που δίνουν την ψευδαίσθηση ενός τρισδιάστατου αντικειμένου.

5.2) Για να διατηρήσετε τα πράγματα τακτοποιημένα, συνδυάστε τα στοιχεία με το εργαλείο 'Pathfinder' ή 'Shape Builder' (δείτε παρακάτω).

* Τύπος Pro: Η ένωση αντικειμένων δημιουργεί ανεπιθύμητα σημεία αγκύρωσης. Μειώστε τα μεταβαίνοντας στο Object> Path> Simplify. Για εκείνους που χρησιμοποιούν τακτικά το Illustrator, το Πρόσθετο VectorScribe και το εργαλείο αφαίρεσης σημείων του συνιστάται ιδιαίτερα.

Σεμινάριο ισομετρικής απεικόνισης

Για να διευκολύνετε την προσθήκη χρωμάτων, συνδυάστε σχήματα με το 'Expand Appearance'.

Βήμα # 6: Προσθέστε ζωή με χρώματα και ντεγκραντέ

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

Δημιουργία ισομετρικών εικόνων

Υπάρχουν αμέτρητοι τρόποι για να σχεδιάσετε ισομετρικές εικόνες.

προσθέστε χρήματα στο hack πιστωτικής κάρτας

Ευθυμίες για ισομετρικές εικόνες!

Οι ισομετρικές απεικονίσεις φέρνουν βάθος, διάσταση και προσωπικότητα σε ένα ευρύ φάσμα σχέδιο έργα. Χρησιμοποιήστε τις αρχές που περιγράφονται σε αυτό το σεμινάριο για να εξερευνήσετε περισσότερες ισομετρικές δυνατότητες και μην ξεχάσετε να δοκιμάσετε τα άλλα εφέ 3D του Illustrator: 'Rotate' και 'Extrude & Bevel'.


Πείτε μας τη γνώμη σας! Αφήστε τις σκέψεις, τα σχόλια και τα σχόλιά σας παρακάτω.

• • •

Περαιτέρω ανάγνωση στο ApeeScape Design Blog:

  • Visual Shelf Life - Γιατί οι εικονογραφήσεις σχεδιασμού ιστοσελίδων είναι παλιές
  • Ένας βήμα προς βήμα οδηγός για το σχεδιασμό προσαρμοσμένων εικόνων χωρίς καμία ικανότητα σχεδίασης
  • Νέες πραγματικότητες: VR, AR, MR και το μέλλον του σχεδιασμού
  • The Designer's Edge - Μια επισκόπηση των προσθηκών του Photoshop
  • Evolving Emoji: Σχεδιασμός για το νέο πρόσωπο των μηνυμάτων

Κατανόηση των βασικών

Ποια είναι τα πλεονεκτήματα του Adobe Illustrator;

Το Illustrator είναι ένα πρόγραμμα διανυσματικών γραφικών. Τα διανυσματικά γραφικά διαφέρουν από τα γραφικά που βασίζονται σε εικονοστοιχεία (raster) στο ότι είναι απείρως κλιμακούμενα χωρίς απώλεια ποιότητας. Ένα πλεονέκτημα του Illustrator είναι η ευκολία με την οποία επεξεργάζονται σχήματα, χρώματα και κείμενο. Ως εκ τούτου, είναι ένα ιδανικό εργαλείο για τη δημιουργία ισομετρικών απεικονίσεων.

Πώς δημιουργείτε μια ισομετρική απεικόνιση;

Οι ισομετρικές απεικονίσεις βασίζονται σε πλέγματα που αποτελούνται από ομοιόμορφες κατακόρυφες γραμμές και τεμνόμενες γραμμές που εκτείνονται σε γωνίες 30 ° και -30 °. Υπάρχουν πολλά σεμινάρια ισομετρικής απεικόνισης διαθέσιμα στον Ιστό, αλλά στο πιο βασικό επίπεδο, σχεδιάζονται σχήματα και γραμμές σε σχέση με το ισομετρικό πλέγμα.

Τι είναι οι ισομετρικές εικόνες;

Οι ισομετρικές απεικονίσεις είναι τρισδιάστατες προβολές σε 2D χώρο. Ισομετρική σημαίνει 'έχοντας ίσα μέτρα.' Αυτή η αρχή παρατηρείται στο ισομετρικό πλέγμα και στις παράλληλες γραμμές του σε ίσες αποστάσεις (τρέχει κάθετα και σε γωνίες 30 ° και -30 °). Ως εκ τούτου, οι ισομετρικές εικόνες δείχνουν λεπτομέρειες σε πολλές επιφάνειες χωρίς παραμόρφωση.

Γιατί χρησιμοποιείται το ισομετρικό σχέδιο;

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

Είναι το ισομετρικό σχέδιο 2D ή 3D;

Οι ισομετρικές απεικονίσεις αντιπροσωπεύουν τρισδιάστατα αντικείμενα σε δισδιάστατο χώρο. Τα ισομετρικά πλέγματα δημιουργούν την ψευδαίσθηση του βάθους, αλλά όλες οι γραμμές που υποχωρούν στην «απόσταση» στην πραγματικότητα κινούνται παράλληλα μεταξύ τους, καθιστώντας τις ισομετρικές απεικονίσεις ευκολότερες στην απόδοση από τα προοπτικά σχέδια.

Πελάτης-πελάτη έναντι διακομιστή έναντι προ-απόδοσης για εφαρμογές Web

Πίσω Μέρος

Πελάτης-πελάτη έναντι διακομιστή έναντι προ-απόδοσης για εφαρμογές Web
Οι προκλήσεις της αρχικής εισόδου στην αγορά

Οι προκλήσεις της αρχικής εισόδου στην αγορά

Κύκλος Ζωής Προϊόντος

Δημοφιλείς Αναρτήσεις
Πώς να δημιουργήσετε μια εφαρμογή επεξεργασίας φυσικής γλώσσας
Πώς να δημιουργήσετε μια εφαρμογή επεξεργασίας φυσικής γλώσσας
Πρόβλεψη επενδυτικού κεφαλαίου 2017: Σημάδια κόπωσης
Πρόβλεψη επενδυτικού κεφαλαίου 2017: Σημάδια κόπωσης
Μια βαθιά ματιά στο JSON εναντίον XML, Μέρος 2: Τα δυνατά σημεία και οι αδυναμίες και των δύο
Μια βαθιά ματιά στο JSON εναντίον XML, Μέρος 2: Τα δυνατά σημεία και οι αδυναμίες και των δύο
Πώς να ποσοτικοποιήσετε αποτελεσματικά την αξία προϊόντος - Ένας οδηγός για τους διαχειριστές προϊόντων
Πώς να ποσοτικοποιήσετε αποτελεσματικά την αξία προϊόντος - Ένας οδηγός για τους διαχειριστές προϊόντων
Το μέλλον των ομάδων: Διαχείριση του συνδυασμένου εργατικού δυναμικού
Το μέλλον των ομάδων: Διαχείριση του συνδυασμένου εργατικού δυναμικού
 
Think Business - Πώς να αυξήσετε την αξία του σχεδιαστή σας
Think Business - Πώς να αυξήσετε την αξία του σχεδιαστή σας
Εργονομία για Ψηφιακούς Νομάδες: Εργασία στο δρόμο χωρίς να σκοτωθείτε
Εργονομία για Ψηφιακούς Νομάδες: Εργασία στο δρόμο χωρίς να σκοτωθείτε
Μια βαθιά κατάδυση στις επενδύσεις του Elon Musk: The Makings of a Billionaire
Μια βαθιά κατάδυση στις επενδύσεις του Elon Musk: The Makings of a Billionaire
Αρχιτεκτονικοί Αλγόριθμοι Βελτιστοποίησης με HorusLP
Αρχιτεκτονικοί Αλγόριθμοι Βελτιστοποίησης με HorusLP
Κοιτάζοντας τα αποτυχημένα IPO στην εποχή του μονόκερου
Κοιτάζοντας τα αποτυχημένα IPO στην εποχή του μονόκερου
Δημοφιλείς Αναρτήσεις
  • μάθουν να κωδικοποιούν σε c++
  • Αρχές της ενότητας σχεδιασμού παραδείγματα
  • ιοντικό 2 εναντίον ιοντικό 1
  • δείγμα φύλλου όρου επιχειρηματικού κεφαλαίου
  • webpack επίλυση node_modules
  • angularjs token web api ελέγχου ταυτότητας
Κατηγορίες
  • Κατανεμημένες Ομάδες
  • Τροποσ Ζωησ
  • Αλλα
  • Κερδοφορία & Αποδοτικότητα
  • © 2022 | Ολα Τα Δικαιώματα Διατηρούνται

    portaldacalheta.pt