Πώς να εφαρμόσετε τη διαφάνεια σε SVG
Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.
Μέσα στον καμβά του Adobe Illustrator CC, οι πίνακες γραφικών είναι διακριτοί χώροι μεγέθους που διευκολύνουν την εξαγωγή, την κοινή χρήση ή την εκτύπωση τμημάτων του καμβά. Ο καμβάς είναι η περιοχή του χώρου εργασίας του Illustrator όπου δημιουργείτε γραφικά. Ο καμβάς είναι βασικά όλα όσα βλέπετε στην οθόνη εκτός από τη διεπαφή (όπως το μενού, τον πίνακα ελέγχου και άλλους πίνακες).
Οι πίνακες τέχνης είναι συνεκτικοί και διακριτοί. Πολύ φιλοσοφικό; Εντάξει, εδώ είναι το θέμα: Οι πίνακες τέχνης κληρονομούν και μοιράζονται πολλές ιδιότητες του εγγράφου μέσα στο οποίο βρίσκονται, όπως η λειτουργία χρώματος ή η ανάλυση εφέ ράστερ. Και αυτό είναι ωραίο γιατί σημαίνει ότι μπορείτε να εργαστείτε σε διαφορετικά γραφικά, συμπεριλαμβανομένων γραφικών διαφορετικού μεγέθους, με κοινές ιδιότητες.
Για παράδειγμα, μπορεί να έχετε ένα έργο όπου σχεδιάζετε μια αφίσα εκτύπωσης, μια κάρτα παλάμης και ένα πλαστικό banner για μια εκδήλωση. Αν και αυτά θα είναι διαφορετικά σε μέγεθος, πιθανότατα θα χρησιμοποιούν το ίδιο σύνολο χρωμάτων και ίσως άλλα χαρακτηριστικά, όπως σύμβολα.
Ή μπορείτε να χρησιμοποιήσετε πολλούς πίνακες τέχνης του ίδιου μεγέθους για να προετοιμάσετε ένα πρωτότυπο μιας εφαρμογής για κινητά που εμφανίζει διαφορετικές καταστάσεις αλληλεπίδρασης με τον χρήστη. Εδώ, δεκάδες πίνακες τέχνης μπορεί να είναι χρήσιμοι. Και πάλι, αυτό το έργο έχει κοινές ιδιότητες εγγράφου που ισχύουν για όλους τους πίνακες τέχνης, όπως το χρώμα RGB και τα εικονοστοιχεία ως μονάδα μέτρησης.
Για να σας βοηθήσω να αξιοποιήσετε τα χρήματά σας από τους πίνακες τέχνης, εξετάζω πρώτα ορισμένους βασικούς κανόνες για τη δημιουργία και τη χρήση τους. Στη συνέχεια, σας καθοδηγώ στα δύο σενάρια που μόλις προσδιόρισα—το πρωτότυπο του έργου εκτύπωσης και της εφαρμογής—για να σας βοηθήσω να κατανοήσετε την αποτελεσματικότητα των πινάκων τέχνης και να σας εκθέσω σε βασικές τεχνικές για την ανάπτυξη πινάκων τέχνης.
Μπορείτε να έχετε 1 έως 1000 πίνακες τέχνης ανά έγγραφο. Δεν έχω χρησιμοποιήσει ποτέ 1.000 πίνακες τέχνης σε ένα έργο, αλλά είναι ωραίο να γνωρίζω ότι είναι εκεί αν τους χρειάζομαι. Όπως εξηγώ στην αρχή αυτού του κεφαλαίου, μπορείτε να ορίσετε τον αριθμό των γραφικών για ένα έγγραφο όταν το δημιουργείτε για πρώτη φορά, αλλά μπορείτε επίσης να προσθέσετε και να αφαιρέσετε πίνακες γραφικών αφού ξεκινήσετε την εργασία σε ένα έγγραφο.
Το εργαλείο Artboard είναι μέρος του συνόλου εργαλείων Basic. Μπορείτε να δημιουργήσετε πίνακες τέχνης σε ένα έγγραφο επιλέγοντας το εργαλείο Artboard και σχεδιάζοντας διαδραστικά στον καμβά, όπως φαίνεται.
Σχεδιάζοντας έναν πίνακα τέχνης.
Ή μπορείτε να δημιουργήσετε έναν πίνακα γραφικών κάνοντας κλικ στο εικονίδιο Νέος πίνακας γραφικών στο παράθυρο Artboard ή στον πίνακα ελέγχου (ή Ιδιότητες). Ανοίγει το παράθυρο διαλόγου Επιλογές Artboard που εμφανίζεται εδώ.
Δημιουργία πίνακα γραφικών με το παράθυρο διαλόγου Επιλογές Artboard.
Η δημιουργία ενός artboard σάς επιτρέπει να ονομάσετε το artboard καθώς το δημιουργείτε, μαζί με τον καθορισμό των διαστάσεων και της τοποθεσίας ψηφιακά.
Μπορείτε να διαχειριστείτε τους πίνακες τέχνης με πολλούς τρόπους. Το παρακάτω δείχνει πώς να ορίσετε και να επωφεληθείτε από τις επιλογές του artboard που πιστεύω ότι θα σας φανούν χρήσιμες για την οργάνωση και την κοινή χρήση έργων.
Για να αλλάξετε τα μεγέθη του artboard στο Illustrator ή να μετακινήσετε ένα artboard διαδραστικά, ακολουθήστε τα εξής βήματα:
1. Με το εργαλείο Artboard, κάντε κλικ μία φορά μέσα στο artboard.
2. Σύρετε για να μετακινήσετε το artboard, όπως φαίνεται.
Μετακίνηση ενός πίνακα τέχνης.
3. Κάντε κλικ και σύρετε σε ένα πλαϊνό ή γωνιακό (τετράγωνο) πλαίσιο για να αλλάξετε το μέγεθος του πίνακα τέχνης, όπως φαίνεται.
Αλλαγή μεγέθους ενός πίνακα τέχνης.
Μπορείτε να αλλάξετε οποιαδήποτε ιδιότητα του artboard χρησιμοποιώντας τον πίνακα Control ή Properties:
Μερικές άλλες βασικές συμβουλές για το artboard:
Επιτρέψτε μου να παρουσιάσω μια βασική αλλά τυπική ροή εργασίας πολλαπλών γραφικών: μια ροή εργασίας όπου δημιουργείτε διαφορετικές εκδόσεις του ίδιου γραφικού αλλά με διαφορετικές διαστάσεις. Κάνοντας αυτό, μοιράζομαι μερικές τεχνικές και προσεγγίσεις που μπορείτε να εφαρμόσετε στις δικές σας ιδιαίτερες ανάγκες.
Ας υποθέσουμε ότι έχετε αναλάβει να σχεδιάσετε μια διαφήμιση που θα προβάλλεται σε διαφορετικές πλατφόρμες μέσων κοινωνικής δικτύωσης και σε διαφορετικούς προσανατολισμούς: τετράγωνο, οριζόντιο (οριζόντιο) και κατακόρυφο (κάθετο). Η διαφήμιση πρέπει να έχει το ίδιο βασικό περιεχόμενο, αλλά να ταιριάζει στις ακόλουθες προδιαγραφές μεγέθους:
Τα παρακάτω βήματα είναι ένας αποτελεσματικός τρόπος για να ρυθμίσετε τους πίνακες τέχνης για αυτό το έργο:
1. Δημιουργήστε ένα νέο έγγραφο με ένα τετράγωνο γραφικό 1080 px, όπως φαίνεται .
ένα. Επιλέξτε Αρχείο→ Νέο και παρακάμψτε το παράθυρο διαλόγου Νέο έγγραφο κάνοντας κλικ στην επιλογή Περισσότερες ρυθμίσεις. Εμφανίζεται το παράθυρο διαλόγου Περισσότερες ρυθμίσεις.
σι. Ονομάστε το έργο Διαφημίσεις.
ντο. Στο αναπτυσσόμενο μενού Προφίλ, επιλέξτε Ιστός.
ρε. Στο πλαίσιο Number of Artboards, πληκτρολογήστε 3.
μι. Ορίστε τη διάταξη του artboard σε Τακτοποίηση κατά σειρά (το τρίτο εικονίδιο).
φά. Στα πλαίσια Ύψος και Πλάτος, πληκτρολογήστε 1080. Η ρύθμιση Units θα είναι από προεπιλογή Pixels και η Color Mode σε RGB. Αυτές και άλλες προεπιλογές είναι καλές.
ζ. Κάντε κλικ στην επιλογή Δημιουργία νέου εγγράφου.
Καθορισμός εγγράφου τριών πινάκων.
2. Ονομάστε τους τρεις πίνακες τέχνης Τετράγωνο, Κάθετο και Οριζόντιο:
ένα. Εάν δεν εμφανίζεται ο πίνακας Artboards, επιλέξτε Window→ Artboards.
σι. Κάντε διπλό κλικ στο όνομα του Artboard 1 και πληκτρολογήστε Square . Με τον ίδιο τρόπο, μετονομάστε το δεύτερο artboard Vertical και το τρίτο artboard Horizontal .
ντο. Επιλέξτε Προβολή→ Προσαρμογή όλων στο παράθυρο για να δείτε και τους τρεις πίνακες τέχνης, όπως φαίνεται.
Ονομασία πινάκων τέχνης.
3. Αλλάξτε το μέγεθος του κάθετου και του οριζόντιου πίνακα γραφικών:
ένα. Στον πίνακα Artboard, κάντε διπλό κλικ στο εικονίδιο στα δεξιά του artboard με το όνομα Vertical. Στον πίνακα ελέγχου που εμφανίζεται, αλλάξτε το ύψος σε 1350 px και κάντε κλικ στο OK.
σι. Με παρόμοιο τρόπο, αλλάξτε τις διαστάσεις του Horizontal artboard σε πλάτος 1200 pixel επί ύψος 628 pixel.
4. Τακτοποιήστε τους πίνακες τέχνης για να δημιουργήσετε μια πιο συνεκτική εμφάνιση:
ένα. Κάντε κλικ στην επιλογή Αναδιάταξη όλων των πινάκων τέχνης στον πίνακα ελέγχου. Ανοίγει το παράθυρο διαλόγου Αναδιάταξη όλων των πινάκων τέχνης.
σι. Διατηρήστε τη διάταξη Τακτοποίηση κατά σειρά και τις ρυθμίσεις Σειρά διάταξης από αριστερά προς τα δεξιά που ορίσατε όταν δημιουργήσατε το έγγραφο. Αφήστε το διάστημα να οριστεί στα 20 pixel και αφήστε το Move Artwork με επιλεγμένους Artboards, όπως φαίνεται και μετά κάντε κλικ στο OK.
Αυτό το βήμα διατηρεί τη βασική δομή διάταξης στη θέση του, αλλά επαναφέρει την απόσταση μεταξύ των πινάκων τέχνης που έχουν αλλάξει μέγεθος, ώστε να μην επικαλύπτονται.
Τακτοποίηση πινάκων τέχνης.
5. Σχεδιάστε τη διαφήμισή σας σε έναν από τους πίνακες τέχνης.
Σχεδιάζοντας ένα ενιαίο πίνακα τέχνης.
6. Αντιγράψτε το πρώτο περιεχόμενο διαφήμισης στους άλλους πίνακες τέχνης:
ένα. Χρησιμοποιήστε το εργαλείο επιλογής ή άμεσης επιλογής για να επιλέξετε όλο το περιεχόμενο στον πρώτο πίνακα γραφικών, αυτόν με το περιεχόμενο.
σι. Επιλέξτε Επεξεργασία→ Αποκοπή.
ντο. Επιλέξτε Επεξεργασία→ Επικόλληση σε όλους τους πίνακες τέχνης.
Η τεχνική Επικόλληση σε όλους τους πίνακες τέχνης αποδίδει όταν εργάζεστε με δεκάδες ή και εκατοντάδες πίνακες τέχνης! Φυσικά, το επικολλημένο έργο τέχνης δεν ταιριάζει σωστά σε πίνακες τέχνης διαφορετικού μεγέθους. Η διόρθωση αυτού είναι το τελευταίο βήμα.
7. Επεξεργαστείτε τη σχεδίαση των οριζόντιων και κάθετων πινάκων τέχνης για να ταιριάζει το τετράγωνο περιεχόμενο, όπως φαίνεται.
Προσαρμογή σχεδίων για διαφορετικούς πίνακες τέχνης.
Τι κάνετε με ένα σετ από πίνακες τέχνης; Αποθηκεύονται αυτόματα ως μέρος του εγγράφου σας στο Illustrator. Μετά από αυτό, μπορείτε να εξαγάγετε ένα, μερικά ή όλα για έξοδο οθόνης ή εκτύπωσης.
Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.
Αφού εισαγάγετε τις εικόνες σας στο Adobe XD, δεν έχετε μεγάλο έλεγχο επεξεργασίας, αλλά μπορείτε να αλλάξετε το μέγεθος και να περιστρέψετε τις εικόνες όπως θα κάνατε με οποιοδήποτε άλλο σχήμα. Μπορείτε επίσης να στρογγυλοποιήσετε εύκολα τις γωνίες μιας εισαγόμενης εικόνας χρησιμοποιώντας τα γραφικά στοιχεία γωνίας. Απόκρυψη των εικόνων σας Ορίζοντας ένα κλειστό σχήμα […]
Όταν έχετε κείμενο στο έργο σας Adobe XD, μπορείτε να αρχίσετε να αλλάζετε τις ιδιότητες κειμένου. Αυτές οι ιδιότητες περιλαμβάνουν Οικογένεια γραμματοσειράς, Μέγεθος γραμματοσειράς, Βάρος γραμματοσειράς, Ευθυγράμμιση, Διάστιχο χαρακτήρων (πυρήνωση και παρακολούθηση), Διάστιχο γραμμής (προπορευόμενο), Γέμισμα, Περιθώριο (εγκεφαλικό επεισόδιο), Σκιά (σκιά πτώσης) και Θάμπωμα φόντου. Ας εξετάσουμε λοιπόν πώς εφαρμόζονται αυτές οι ιδιότητες. Σχετικά με την αναγνωσιμότητα και τη γραμματοσειρά […]
Όπως και στο Adobe Illustrator, οι πίνακες γραφικών του Photoshop παρέχουν τη δυνατότητα δημιουργίας ξεχωριστών σελίδων ή οθονών σε ένα έγγραφο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν κατασκευάζετε οθόνες για μια εφαρμογή για κινητά ή ένα μικρό φυλλάδιο. Μπορείτε να σκεφτείτε ένα artboard ως έναν ειδικό τύπο ομάδας επιπέδων που δημιουργείται χρησιμοποιώντας τον πίνακα Layers. Το […]
Πολλά από τα εργαλεία που βρίσκετε στον πίνακα Εργαλεία InDesign χρησιμοποιούνται για τη σχεδίαση γραμμών και σχημάτων σε μια σελίδα, επομένως έχετε πολλούς διαφορετικούς τρόπους δημιουργίας ενδιαφέροντων σχεδίων για τις δημοσιεύσεις σας. Μπορείτε να δημιουργήσετε οτιδήποτε, από βασικά σχήματα μέχρι περίπλοκα σχέδια μέσα στο InDesign, αντί να χρειάζεται να χρησιμοποιήσετε ένα πρόγραμμα σχεδίασης όπως […]
Η αναδίπλωση κειμένου στο Adobe Illustrator CC δεν είναι ακριβώς το ίδιο με το τύλιγμα ενός δώρου — είναι πιο εύκολο! Μια αναδίπλωση κειμένου αναγκάζει το κείμενο να αναδιπλωθεί γύρω από ένα γραφικό, όπως φαίνεται σε αυτό το σχήμα. Αυτή η δυνατότητα μπορεί να προσθέσει λίγη δημιουργικότητα σε οποιοδήποτε κομμάτι. Το γραφικό αναγκάζει το κείμενο να τυλιχτεί γύρω του. Πρώτα, δημιουργήστε […]
Όταν σχεδιάζετε στο Adobe Illustrator CC, συχνά χρειάζεστε ένα σχήμα για να έχει ακριβές μέγεθος (για παράδειγμα, 2 x 3 ίντσες). Αφού δημιουργήσετε ένα σχήμα, ο καλύτερος τρόπος για να αλλάξετε το μέγεθός του σε ακριβείς μετρήσεις είναι να χρησιμοποιήσετε τον πίνακα Transform, που φαίνεται σε αυτό το σχήμα. Επιλέξτε το αντικείμενο και, στη συνέχεια, επιλέξτε Παράθυρο→ Μετατροπή σε […]
Μπορείτε να χρησιμοποιήσετε το InDesign για να δημιουργήσετε και να τροποποιήσετε γραφικά με κώδικα QR. Οι κωδικοί QR είναι μια μορφή γραμμικού κώδικα που μπορεί να αποθηκεύσει πληροφορίες όπως λέξεις, αριθμούς, διευθύνσεις URL ή άλλες μορφές δεδομένων. Ο χρήστης σαρώνει τον κωδικό QR χρησιμοποιώντας την κάμερα και το λογισμικό του σε μια συσκευή, όπως ένα smartphone, και το λογισμικό χρησιμοποιεί […]
Μπορεί να υπάρξει κάποια στιγμή που χρειάζεστε μια νέα φωτογραφία για να φαίνεστε παλιά. Το Photoshop CS6 σας καλύπτει. Η ασπρόμαυρη φωτογραφία είναι ένα νεότερο φαινόμενο από ό,τι φαντάζεστε. Οι δαγκεροτυπίες και άλλες πρώιμες φωτογραφίες είχαν συχνά έναν καφέ ή γαλαζωπό τόνο. Μπορείτε να δημιουργήσετε δικά σας αριστουργήματα σε τόνους σέπια. Οι τονισμένες εικόνες μπορούν να δημιουργήσουν […]
Χρησιμοποιώντας τη δυνατότητα Live Paint στο Adobe Creative Suite 5 (Adobe CS5) Illustrator, μπορείτε να δημιουργήσετε την εικόνα που θέλετε και να συμπληρώσετε περιοχές με χρώμα. Ο κάδος Live Paint εντοπίζει αυτόματα περιοχές που αποτελούνται από ανεξάρτητες διασταυρούμενες διαδρομές και τις γεμίζει ανάλογα. Η βαφή σε μια δεδομένη περιοχή παραμένει ζωντανή και ρέει αυτόματα εάν υπάρχει […]