Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Affinity Designer
Design

Πως να δημιουργήσετε μια σειρά από επίπεδα εικονίδια πεζοπορίας χρησιμοποιώντας το Affinity Designer

by
Difficulty:IntermediateLength:LongLanguages:

Greek (ελληνικά) translation by Savvas Theodosiou (you can also view the original English article)

Final product image
What You'll Be Creating

Το καλοκαίρι είναι μια υπέροχη εποχή που θα μπορούσαμε να πάμε για πεζοπορία, κάτι που μας φέρνει πιο κοντά στην άγρια φύση. Είστε έτοιμοι για αυτό;  Σε αυτό το μάθημα θα δημιουργήσετε μια σειρά από μοντέρνα, επίπεδα εικονίδια με αντικείμενα πεζοπορίας χρησιμοποιώντας το Affinity Designer. Θα χρησιμοποιήσουμε ποικιλία από τεχνικές για να δημιουργήσουμε σκιές και εναλλαγή μεταξύ των Personas, καθώς και εφαρμογή grungy υφής στα εικονίδιά μας. Ας ξεκινήσουμε! 

1. Δημιουργία Εικονιδίου Σκηνής

Βήμα 1

Ας δημιουργήσουμε ένα Νέο Αρχείο, 600 x 600 px και ξεκινούμε να σχηματίζουμε το πρώτο εικονίδιο.  Πάρτε το Rectangle Tool (M) και δημιουργήστε ένα στενό ορθογώνιο, τοποθετώντας το σε οριζόντια διάταξη.  (Το μέγεθός του είναι περίπου 90.5 x 7.6 px, αλλά μπορείτε να το κάνετε μεγαλύτερο ή μικρότερο, ανάλογα με το μεγέθος του αρχείου σας. Στη διάρκεια του μαθήματος θα αναφέρομαι σε μεγέθη απλώς για να δείξω τις κατά προσέγγιση αναλογίες των αντικειμένων που θα δημιουργήσουμε.)

Χρησιμοποιήστε το Triangle tool για να φτιάξετε ένα τρίγωνο και τοποθετείστε το στην κορυφή του ορθογωνίου.  Επιλέξτε τα δύο σχήματα και ευθυγραμμίστε (Align) τα οριζοντίως (Horizontal) στο κέντρο (Centre) από την άνω εργαλειοθήκη (η περιοχή κάτω από τους επιλογείς αντικειμένου - Persona Selectors).

create the base of the tent from rectangle and triangle

Βήμα 2

Δημιουργείστε ένα μικρότερο τρίγωνο (μεγέθους περίπου 31.8 x 34.1 px) μέσα στο πρώτο, σχηματίζοντας την είσοδο της σκηνής μας. Προσθέστε δύο μικροσκοπικά πασσαλάκια και στις δύο πλευρές της σκηνής και ευθυγραμμίστε (Align) με το κάτω μέρος της σκηνής καθέτως (Vertical) προς τα κάτω (Bottom).

add the entrance of the tent

Βήμα 3

Πάρτε το Pen Tool (P) και σχεδιάστε μερικές ευθείες γραμμές από τη σκηνή και στα δύο πασσαλάκια, απεικονίζοντας το σχοινί. 

add the rope with the pen tool

Βήμα 4

Ας κάνουμε τις δυο πλευρές της σκηνής λίγο καμπυλωτές, προσθέτοντας μια ρεαλιστική πινελιά στην επίπεδη μας εικόνα. Επιλέξτε το μεγάλο ορθογώνιο και Μετατρέψτε (Convert) το σε Καμπύλες (Curves) από την άνω εργαλειοθήκη. Τώρα μπορούμε να τροποποιήσουμε το σχήμα. Πάρτε το Node Tool (A), αρπάξτε την πλευρά του τριγώνου και τραβάτε το λίγο προς τα κάτω, κάμπτοντας το σχήμα. 

bend the sides of the tent with the node tool

Βήμα 5

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

Πρώτα από όλα, δημιουργήστε ένα νέο άδειο αρχείο και σχηματίστε μερικά σχήματα με τα επιθυμητά χρώματα (δέστε τη σειρά από ορθογώνια παρακάτω). Μετακινηθείτε στον πίνακα δειγμάτων (Swatches panel), βρέστε το εικονείδιο του μενού στην πάνω δεξιά γωνία του πίνακα και επιλέξτε Create Palette From Document > As Document Palette.

Τώρα που έχουμε τα χρώματα μας στα Δείγματα (Swatches), ας αποθηκεύσουμε την παλέτα μας ούτως ώστε να μπορούμε να την χρησιμοποιήσουμε σε κάθε αρχείο. Επιλέξτε Export Palette από το αναπτυσσόμενο μενού στον πίνακα δειγμάτων, και αποθηκεύστε τον οπουδήποτε στον υπολογιστή σας.

Επιστρέψτε στο αρχείο με τα εικονίδια πεζοπορίας και πηγαίνετε στο μενού δειγμάτων (Swatches) και επιλέξτε Import Palette > As Document Palette. Υπέροχα! Τώρα μπορούμε να εφαρμόσουμε τα χρώματα που δημιουργήσαμε ευθέως από τον πίνακα δειγμάτων (Swatches panel).

make document color palette in swatches

Βήμα 6

Επιλέξτε τη βάση της σκηνής και γεμίστε την με το ελαφρώς μπεζ χρώμα, επιλέγοντάς το από τα Δείγματα (Swatches). Χρωματίστε και τα άλλα σημεία της σκηνής με ανάλογο τρόπο. Εφαρμόστε το πιο σκούρο μπεζ χρώμα στο σχοινί εφαρμόζοντας το με το Περίγραμμα (Stroke).

start coloring the tent

Βήμα 7

Επιλέξτε όλα τα μέρη της σκηνής μας (εκτός από το σχοινί) και αλλάξτε το χρώμα για το περίγραμμα (Stroke) σε κανένα (none), ούτως ώστε να μην έχουμε μαύρα περιγράμματα.

delete the outlines

Βήμα 8

Ας σχηματίσουμε την βάση του εικονιδίου μας κάνοντας ένα κύκλο μεγέθους 150 x 150 px με το Ellipse Tool (M) (έχετε πατημένο το πλήκτρο Shift για ένα άρτιο σχήμα). Γεμίστε το με πράσινο χρώμα από την παλέτα μας.

form the circle base of the icon

Βήμα 9

Για να κάνουμε το εικονίδιο πιο πολύπλοκο, ας προσθέσουμε στη σκηνή ένα εφέ ημιδιάφανης σκιάς. Πρώτα από όλα, ομαδοποιήστε (Command-G) όλα τα μέρη της σκηνής και μετά διπλασιάστε το γκρουπ (Command-C > Command-V). Επιλέξτε το αντίγραφο της σκηνής, δεξί κλικ και Ungroup All.

add shadow to the tent 1

Βήμα 10

Με επιλεγμένα τα αντικείμενα που διπλασιάστηκαν, μετατρέψτε (Convert) τα σε καμπύλες (Curves) και χρησιμοποιώντας τη λειτουργία προσθήκης (Add Operation), από την άνω εργαλειοθήκη, για να συγχωνευτούν όλα τα μέρη σε ένα μόνο σχήμα, σχηματοποιώντας έτσι τη σιλουέτα της σκηνής μας.

Αλλάξτε το σχήμα αυτό σε 50% Opacity, Multiply Blend Mode από τις ρυθμίσεις του πίνακα επιπέδων (Layer panel), για να γίνει σκούρο και ημιδιαφανές.  Μετά προσθέστε ένα ορθογώνιο, καλύπτοντας το δεξί μισό μέρος της σκηνής ( το χρώμα και η διαφάνεια του τετραγώνου δεν παίζουν ρόλο, επειδή χρειάζεται μόνο να καλύψουμε μέρος της σκηνής).

add shadow to the tent 2

Βήμα 11

Τώρα ας χρησιμοποιήσουμε το Mask Layer για να σχηματίσουμε τη σκιά. Στον πίνακα επιπέδων (Layers panel), επιλέξτε το ορθογώνιο που τοποθετήσαμε πάνω από τη σκηνή, και τραβήξτε το πάνω από το εικονίδιο προεπισκόπησης (thumbnail preview) της σιλουέτας της σκηνής. Θα δείτε ότι ένα μικρό μπλε τετράγωνο εμφανίζεται δίπλα από το εικονίδιο προεπισκόπησης (thumbnail).  Αφήστε το πλήκτρο του ποντικιού. Με αυτόν τον τρόπο συνδυάστηκαν τα δύο σχήματα και δημιουργήθηκε ένα πιο σκούρο μισό μέρος στη σκηνή.

add shadow to the tent 3

Βήμα 12

Τώρα θα προσθέσουμε ένα μοντέρνο εφέ μακρυάς σκιάς στη βάση της σκηνής. Κάντε ένα ορθογώνιο με το Rectangle Tool (M) και περιστρέψτε το 45 μοίρες. Μετατρέψτε (Convert) το σχήμα σε καμπύλες (Curves) και χρησιμοποιήστε το Node Tool (A) για να προσαρμόσετε το ορθογώνιο, κρύβοντας το αριστερό μέρος κάτω από τη σκηνή, όπως στην εικόνα παρακάτω. Μπορείτε να προσθέσετε περισσότερα σημεία (nodes) με διπλό κλικ στην πλευρά του σχήματος με το Node Tool (A), και  διαγράφοντας τα αχρείαστα σημεία επιλέγοντάς τα και πατώντας το πλήκτρο Backspace.

create a long shadow 1

Βήμα 13

Αλλάξτε το χρώμα της σκίασης σε πράσινο και την διαφάνεια (opacity) σε 50% και το Blend Mode σε Multiply. Κρύψτε το αχρείαστο μέρος της σκιάς μέσα στο εικονίδιο βάσης, χρησιμοποιώντας το Mask Layer, όπως κάναμε και πριν.

Ας προσθέσουμε μια ακόμα λεπτομέρεια στην σκηνή μας για να την κάνουμε ακόμα πιο ενδιαφέρουσα.  Διπλασιάστε τη σκηνή δυο φορές. Επιλέξτε το πάνω αντίγραφο και τραβήξτε την κάτω πλευρά του προς τα πάνω, συμπιέζοντας το σχήμα. Γεμίστε το σχήμα από κάτω με πορτοκαλί χρώμα, κάνοντάς το να μοιάζει με φωτεινή ράβδωση. Επιλέξτε τα δυο αντίγραφα και χρησιμοποιήστε τη λειτουργία αφαίρεσης (Subtract Operation) για να κόψετε τα αχρείαστα μέρη.

create a long shadow and add details to the tent

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

finished tent icon

2. Δημιουργώντας ένα εικονίδιο σακιδίου

Βήμα 1

Αρχίστε σχηματίζοντας τη βάση του σακιδίου δημιουργώντας ένα ψηλό ορθογώνιο (μεγέθους γύρω στα 52.4 x 87 px). Προσθέστε δύο ακόμη ορθογώνια μικρότερου μεγέθους στο πάνω και στο κάτω μέρος, και ευθυγραμμίστε (Align) τα σχήματα στο κέντρο (Center).

make the backpack icon base

Βήμα 2

Επιλέξτε το πάνω ορθογώνιο και κάντε τις γωνίες του σε κυκλικές (Corners Rounded25% από την άνω εργαλειοθήκη. Εξωθείστε λίγο το σχήμα προς τα πάνω, μετακινώντας το πάνω μέρος του έξω από τη βάση του ορθογωνίου.

make the backpack icon base 2

Βήμα 3

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

add details to the backpack base

Βήμα 4

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

apply the colors to the backpack icon

Βήμα 5

Ας προσθέσουμε σκίαση, χρησιμοποιώντας μια άλλη τεχνική αυτή τη φορά. Αντιγράψτε το γκρουπ του σακιδίου, εφαρμόστε ungroup σε όλα τα μέρη και μετατρέψτε (Convert) τα σε καμπύλες (Curves). Χρησιμοποιώντας τη Λειτουργία Προσθήκης (Add Operation) δημιουργείστε τη σιλουέτα του σακιδίου.

Όπως προηγουμένως, αλλάξτε τη σιλουέτα σε 50% Opacity, Multiply Blend Mode. Με επιλεγμένη τη σιλουέτα, πάρτε το Vector Crop Tool και κόψτε το αριστερό κομμάτι του σχήματος. Στην πραγματικότητα δεν καταστρέψατε αυτό το σχήμα και πάντοτε μπορείτε να το επεξεργαστείτε  με το Vector Crop Tool  μιας και δουλεύει με τον ίδιο ακριβώς τρόπο με το Mask Layer  κάνοντας το κομμάτι του σχήματος αόρατο.

create a shadow with the vector crop tool

Βήμα 6

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

make the icon base

3. Δημιουργώντας ένα εικονίδιο πυξίδας

Βήμα 1

Αρχίστε φτιάχνοντας μια βάση πυξίδας από ένα άρτιο κύκλο. Προσθέστε ένα μικρό ορθογώνιο στο πάνω κεντρικό σημείο του κύκλου, σχηματίζοντας μια κάθετη βοηθητική γραμμή. Επιλέξτε το δημιουργημένο αντικείμενο, με πατημένα τα πλήκτρα Option (Alt) και Shift τραβήξτε το σχήμα προς τα κάτω, αντιγράφοντάς τα.

make the compass base

Βήμα 2

Αντιγράψτε τα ορθογώνια και περιστρέψτε τα 90 μοίρες, σχηματίζοντας περισσότερες βοηθητικές γραμμές. Κάντε ένα μικρό τρίγωνο και τοποθετείστε το μέσα στη βάση της πυξίδας, ούτως ώστε να αγγίζει στην κορυφή.  Διπλασιάστε το τρίγωνο και αντιστρέψτε (Flip) το αντίγραφο καθέτως (Vertical) από το μενού Μετατροπών (Transforms menu) από την άνω εργαλειοθήκη. Τώρα έχουμε τη βελόνα της πυξίδας μας!

add magnetic compass needle with triangles

Βήμα 3

Ας περιστρέψουμε τη βελόνα στο λίγο στο πλάι.

rotate the compass needle

Και μπορούμε να αρχίσουμε το χρωμάτισμα της πυξίδας! Επιλέξτε το βασικό κύκλο, διπλασιάστε τον και γεμίστε το περίγραμμα (Stroke) με σκούρο καφέ χρώμα, ορίζοντας το Stroke Width σε 6pt, κάνοντας το Cap και το Joint κυκλικό και ευθυγραμμίζοντας (Aligning) το περίγραμμα (Stroke) προς τα μέσα (Inside) Ορίστε το γέμισμα (Fill) χρώματος του αντίγραφου βάσης της πυξίδας σε ελαφρύ μπεζ και χρωματίστε τα υπόλοιπα στοιχεία. 

start coloring the compass

Βήμα 4

Κάντε μια ημιδιαφανές σκούρα σιλουέτα της πυξίδας μας και χρησιμοποιήστε το Vector Crop Tool για να σχηματίσετε τη σκιά στο δεξί μισό μέρος του αντικειμένου.

create a shadow on the compass

Βήμα 5

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

add the long shadow and the icon base

4. Δημιουργώντας ένα εικονίδιο βουνών

Βήμα 1

Πρώτα απ' όλα, ας σχηματίσουμε τη βάση των βουνών. Κάντε ένα τρίγωνο μεγέθους 93 x 73.2 px και μετά δημιουργήστε ένα μικρότερο, τοποθετώντας το στη δεξιά του πλευρά, καλύπτοντας μέρος του τριγώνου. Ευθυγραμμίστε (Align) τα στο κάτω μέρος (Bottom).

Πάρτε το Pen Tool (P) και σχηματίστε της βουνοκορφές. Πρόκειται να αφαιρέσουμε τα αχρείαστα κομμάτια, έτσι δεν χρειάζεται να είστε πολύ ακριβείς. Μπορείτε να σχεδιάσετε και έξω από τη βάση του τριγώνου. Διπλασιάστε ένα τρίγωνο, και μετά επιλέξτε το αντίγραφο και τη βουνοκορφή. Χρησιμοποιώντας το Intersect Operation κάντε τη βουνοκορφή να ταιριάζει με την κορυφή του τριγώνου.

form the mountains base

Βήμα 2

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

color the mountains and start forming a cloud

Βήμα 3

Τοποθετείστε ένα στενό ορθογώνιο στο κάτω μέρος του συννέφου και κάντε τις γωνίες του 100% Rounded. Συνδυάστε τα σχήματα για να τα κάνετε να ταιριάζουν μεταξύ τους, και χρησιμοποιώντας την Λειτουργία Προσθήκης (Add Operation) συγχωνέψτε τα σχήματα. Μπορείτε να επιλέξετε αχρείαστα σημεία (nodes) στο περίγραμμα του καινούριου μας σχήματος με το Node Tool (A) και να τα διαγράψετε πατώντας το Backspace, για να κάνετε το σύννεφο πιο λείο και πιο κυκλικό. Γεμίστε το σύννεφο με μπλε χρώμα από την παλέτα.

Βήμα 4

Προσθέστε περισσότερα σύννεφα αντιγράφοντας τα και αντιστρέφοντάς (flipping) τα οριζοντίως (horizontally), και σχηματίστε μια προσεγμένη σκίαση για κάθε βουνό. Τέλος, τοποθετείστε τη σύνθεση σε μια κυκλική βάση με μακριά σκίαση.

add shadows and create the icon base

5. Δημιουργώντας ένα εικονίδιο αυτοκινήτου

Βήμα 1

Ας φτιάξουμε το σκελετό του αυτοκινήτου δημιουργώντας δύο ορθογώνια - ένα στενό (για τον προφυλακτήρα) και ένα μεγαλύτερο - και τα τοποθετούμε το ένα πάνω στο άλλο. Προσθέστε δυο μικρότερα ορθογώνια με κυκλικές γωνίες για τις ρόδες. Για να το ξεκαθαρίσω, σχηματίζουμε το μπροστινό μέρος του αυτοκινήτου μας.

make the base of the car bottom

Βήμα 2

Προσθέστε δυο άρτιους κύκλους για τα φώτα του αυτοκινήτου. Αντιγράψτε το μεγάλο ορθογώνιο και τοποθετείστε το αντίγραφο πάνω από το αρχικό σχήμα για να δημιουργήσουμε την καμπίνα του οδφηγού. Επιλέξτε το πάνω αριστερά σημείο (node) με το Node Tool (A) και μετακινείστε το στην δεξιά πλευρά πατώντας το δεξί βέλος στο πληκτρολόγιο μερικές φορές, λοξεύοντας το σχήμα του.  Επαναλάβετε την ίδια διαδικασία με το δεξί σημείο (node), και προσθέστε το εσωτερικό κομμάτι της καμπίνας διπλασιάζοντάς το σχήμα και κάνοντάς το λίγο μικρότερο.

create the drivers cabin

Βήμα 3

Ας προσθέσουμε τις αντανακλάσεις στο μπροστινό γυαλί της καμπίνας. Σχηματίστε δυο στενά ορθογώνια και κάντε τα λοξά μετακινώντας όλα τα άνω σημεία (nodes) προς τα δεξιά. Κάντε το αυτοκίνητο πιο λεπτομερές προσθέτοντας δυο ορθογώνια με κυκλικές γωνίες στην κορυφή της καμπίνας, σχηματίζοντας με αυτό τον τρόπο στιλιζαρισμένες αποσκευές.

add the reflections and the luggage on the top of the car

Βήμα 4

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

color the car and add a minor detail

Βήμα 5

Σχηματίστε μια σκοτεινή σιλουέτα για το αυτοκίνητο και χρησιμοποιήστε το Vector Crop Tool για να σχηματίσετε μια λεπτή σκιά.

add shadow to the car

Βήμα 6

Ολοκληρώστε το εικονίδιο τοποθετώντας το αυτοκίνητο σε μια πράσινη κυκλική βάση και σχηματίστε μια μακριά σκιά.

add the icon base with long shadow

6. Δημιουργώντας ένα εικονίδιο φωτιάς

Βήμα 1

Ξεκινήστε σχηματίζοντας το σχήμα της φωτιάς από έναν κύκλο. Χρησιμοποιήστε το Ellipse Tool (M) για να κάνετε ένα άρτιο σχήμα, μετατρέψτε το (Convert) σε καμπύλες (Curves) και τραβήξτε το κορυφαίο σημείο (node) του με το Node Tool (A), ούτως ώστε το σχήμα να μοιάζει με αυγό. Μετατρέψτε το άνω σημείο του (node) με αιχμηρή (Sharp) γωνιά από την άνω εργαλειοθήκη.

form the fire basic shape from ellipse

Βήμα 2

Διπλασιάστε το σχήμα της φωτιάς και κάντε το πιο μικρό, σχηματίζοντας το εσωτερικό κομμάτι. Συνεχίστε και αρχίστε να κάνετε τα ξύλινα κούτσουρα.  Κάντε δυο άρτιους κύκλους για το μπροστά κομμάτι των κουτσούρων. Επιπρόσθετα, σχεδιάστε το εξωθημένο κομμάτι του κούτσουρου με το Pen Tool (P).

add wood logs to the campfire

Βήμα 3

Σχηματίστε δύο ακόμα κούτσουρα και στις δυο πλευρές της φωτιάς και κάντε τις άκρες τους κυκλικές  λυγίζοντας τις καμπύλες με το Node Tool (A). Εφαρμόστε χρώματα στα δημιουργημένα περιγράμματα, φτιάχνοντας ένα φωτεινό σύμβολο φωτιάς.

apply the colors to the campfire symbol

Βήμα 4

Πάρτε το Pencil Tool (N) και σχεδιάστε μια σπιράλ στροβιλισμένη  γραμμή στα δυο μπροστινά μέρη των κούτσουρων, κάνοντας την ξύλινη επιφάνεια πιο ρεαλιστική. Σχηματίστε μια προσεγμένη σκίαση στο δεξί μέρος της φωτιάς, είτε με το Vector Crop Tool είτε με το Mask Layer, όπως κάναμε προηγουμένως. Τέλος, ολοκληρώστε το εικονίδιο τοποθετώντας το σε μια μπλε κυκλική βάση και προσθέστε μια μακριά σκίαση.

add details and shadow to the fire and form the icon base

7. Χρησιμοποιώντας το Pixel Persona για προσθήκη grungy υφής

Από την αρχή του μαθήματος χρησιμοποιούσαμε το Draw Persona το οποίο ήταν υπέροχο για διανυσματικά γραφικά. Παρόλα αυτά, το Affinity Designer μας επιτρέπει να συνδυάσουμε vector και raster graphics, δημιουργώντας ασυνήθιστες αναμίξεις ειδών.  Ας δούμε πως δουλεύει!

Βήμα 1

Βρέστε τους εναλλαγείς Persona από την άνω εργαλειοθήκη και επιλέξτε το Pixel Persona (το μεσαίο). Πηγαίνετε πίσω στο πρώτο εικονίδιο - τη σκηνή - και επιλέξτε την πορτοκαλί λωρίδα.  Βρείτε την Insert Target λειτουργία από την άνω εργαλειοθήκη και επιλέξτε Insert Inside the Selection mode. Τώρα οτιδήποτε σχεδιάζετε θα εμφανίζεται μόνο μέσα από τα όρια του επιλεγμένου σχήματος, όπως στη χρήση Layer Mask.

switch to Pixel persona

Βήμα 2

Πάρτε το Paint Brush από την άνω εργαλειοθήκη και πηγαίνετε στο Brushes για να επιλέξετε το επιθυμιτό πινέλο. Χρησιμοποιήστε ένα από τα Texture ή Spray-paints πινέλα για να δημιουργήσετε ένα grungy, ακατάστατο εφέ. Πατήστε το Add Pixel Layer εικονίδιο στο κάτω μέρος του Layers panel  (αλλιώς, το Pixel layer θα δημιουργηθεί αυτόματα), επιλέξτε το πιο σκούρο πορτοκαλί χρώμα και κάντε μερικές μολυβιές, προσθέτοντας λεκέδες, τονίζοντας την υφή της σκηνής.

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

start drawing with grungy Paint Brush

Βήμα 3

Προσθέστε την grungy υφή από εικονοστοιχεία και στα υπόλοιπα εικονίδια.

Add the grungy pixel texture to the other icons

Υπέροχη δουλειά, παιδιά! Είμαστε έτοιμοι για πεζοπορία!

Συγχαρητήρια! Έχουμε ολοκληρώσει τη σειρά επίπεδων εικονιδίων πεζοπορίας με grungy υφές στο Affinity Designer! Εύχομαι να απολαύσατε τη χρήση αυτού του προγράμματος τόσο όσο και εγώ, και να ανακαλύψατε μερικά χρήσιμα κόλπα για τις μελλοντικές σας δουλειές. Καλή τύχη!

finished flat hiking icons
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.