Εικονίδιο Τοποθετείται με αντικατάσταση χρώματος στο Sketch

Με τα ισχυρά σύμβολα και τις παρακάμψεις του Sketch μπορείτε γρήγορα και εύκολα να δημιουργήσετε ένα σετ εικονιδίων που χρησιμοποιεί μια αντικατάσταση για να αλλάξει το χρώμα!

Αρχικά, ας δημιουργήσουμε τον πίνακα τέχνης του εικονιδίου μας. Αυτό που έχω εδώ είναι ένας πίνακας γραφικών 24x με 24px με εσωτερική επένδυση 2px. Μου αρέσει να δημιουργώ ένα σύνορο που μπορώ να επαναχρησιμοποιήσω για όλα τα εικονίδια μου. Αυτό το στρώμα θα κρυφτεί όταν έρθει η ώρα για την τοποθέτηση του συμβόλου.

Προσθέστε ένα περίγραμμα για να κάνετε τα εικονίδια μας να ταιριάζουν καλά!

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

Dang αυτό είναι ένα καλό δείγμα συν το συν!

Μόλις δημιουργηθεί το εικονίδιο, βεβαιωθείτε ότι είναι ισοπεδωμένο σε μονοπάτια όσο μπορεί να είναι. Μπορείτε να χρησιμοποιήσετε τις λειτουργίες Boolean Layer> Paths> Flatten ή Sketch. Ο στόχος είναι να έχετε ένα καθαρό, επίπεδο εικονίδιο. Επίσης, έχω ρυθμίσει τη γέμιση σε μαύρο μόνο για αντίθεση.

Ακολούθως, ας δούμε τρεις πίνακες πινάκων, οι οποίοι είναι κάθε 20px x 20px. Σε κάθε ένα από αυτά βάζουμε ένα ορθογώνιο που γεμίζει ολόκληρο το artboard. Ορίστε τη γέμιση στα χρώματα που μπορεί να θέλετε να είναι τα εικονίδια.

Κοιτάξτε όλα αυτά τα όμορφα χρώματα

Στο Sketch, το μέγεθος έχει σημασία. Το Σκίτσο χρησιμοποιεί το μέγεθος του φυσικού εικονοστοιχείου για να καθορίσει τη σχέση ενός συμβόλου με άλλα σύμβολα. Υποθέτει αυτόματα ότι παρόμοια σύμβολα μεγέθους ανήκουν μαζί. Θα χρησιμοποιήσουμε αυτό για να μας βοηθήσουν να διαλέξουμε διαφορετικά χρώματα για τα εικονίδια μας. Στην περίπτωση της άσκησης μας, βεβαιωθείτε ότι τα σύμβολα "χρώματος" είναι 20px x 20px, και το "εικονίδιο" είναι 24px x 24px.

Στη συνέχεια, μετατρέψτε όλα αυτά σε Σύμβολα επιλέγοντας τον πίνακα γραφικών και κάνοντας κλικ στο "Δημιουργία συμβόλου". Στη συνέχεια, μετονομάστε τα σύμβολα για να κάνετε λίγο πιο νόημα.

Ένα άλλο κομψό τέχνασμα Sketch έχει μέχρι το μανίκι έχει να κάνει με τα ονόματα των επιπέδων. Τα ονόματα των επιπέδων μπορούν να χρησιμοποιηθούν για οργάνωση. Όταν προφέρετε ονόματα στρώσεων με το ίδιο πράγμα και a / τότε θα ομαδοποιηθούν στο μενού Σύμβολα. Αυτό θα γίνει εξαιρετικά χρήσιμο αν έχετε τόνους συμβόλων!

Εδώ φαίνεται η λίστα των επιπέδων μου:

Γκρι ή Γκρίζο ... OH όχι!

Στη συνέχεια, ρίξτε ένα από τα χρώματα στην κορυφή του εικονιδίου.

Στη συνέχεια, μεταβείτε t0 Insert> Symbol> χρώμα> κίτρινο και ρίξτε το δεξιά στο εικονίδιο / συν σας πάνω από όλα τα άλλα επίπεδα.

Κλιμάρετε τη στρώση χρώματος για να γεμίσετε το πλήρες εικονίδιο artboard.

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

Whoa - τώρα έχουμε κίτρινο σύμβολο.

(Περίπου βεβαιωθείτε ότι έχετε κρύψει το στρώμα των συνόρων όταν τελειώσετε!)

Τώρα μου αρέσει να επισημαίνω το "χρώμα / κίτρινο" στρώμα στο εικονίδιό μου σε κάτι πιο σημαντικό - όπως το χρώμα . Αυτό θα διευκολύνει την εύρεση όταν χρειάζεται να αλλάξετε το χρώμα.

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

:εξωπραγματικό:

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

Νίκαια εικονίδια που έχετε εκεί

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

Προσθήκη νέας αναζήτησης;

Μπά! Τώρα ήρθε η ώρα για πάρτι!