Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Dans ce tutoriel débutant, vous apprendrez les techniques pour la création pixel art pour toujours évolutive dans Adobe Illustrator. Avec l'utilisation de l'outil Grille rectangulaire et la peinture en direct Bucket Tool, nous allons







créer simples, jolies petites icônes pixel art, et je vais vous montrer comment les buste hors de la grille, ce qui crée des icônes sans perte, les modèles d'art de pixels et plus.

1. Configuration de votre document

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

De la barre d'outils. saisir l'outil Grille rectangulaire (qui se trouve sous l'outil de segment de ligne (/). Double-cliquez sur l'outil pour afficher ses options. Entrez dans la taille de votre document pour la largeur et la hauteur. Entrez 30 pour les deux horizontales et Intercalaires verticales.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Assurez-vous que vos lignes de quadrillage rectangulaire avec votre plan de travail. Sélectionnez votre grille et définir la couleur de contour en noir ou la couleur que vous aimez le mieux afin que vous puissiez facilement voir la grille.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

2. Dessin du contour de l'ordinateur portable

Sélectionnez votre grille et prenez l'outil Pot de peinture (K) (dans la barre d'outils sous la forme d'outils Builder (Shift-M)).

Vous pouvez cliquer sur une case de la grille à la fois, ou cliquez et faites glisser le long de votre grille pour remplir plusieurs espaces en une seule fois. Quelle que soit votre méthode, remplissez un contour rectangle de 15 pixels à travers et 18 pixels vers le bas.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Utilisation de l'outil Sélection de peinture (Maj-M). sélectionnez la boîte brune dans le coin inférieur gauche du rectangle brun et le supprimer. Puis, en utilisant la peinture en direct Bucket Tool. remplir trois cases en diagonale dans le coin inférieur droit.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Pour les spirales de l'ordinateur portable, commencer deux places de la grille à gauche et à remplir deux boîtes en place, une boîte en diagonale, et deux boîtes vers le bas. Passer une colonne et répéter deux fois.

Ensuite, utilisez l'outil Sélection de peinture pour supprimer l'espace du contour du rectangle brun afin que vos spirales portables ont quatre espaces blancs du haut vers le bas (voir ci-dessous).

Remplissez trois espaces ci-dessous les grandes lignes de portable qui se connectent en diagonale pour terminer les contours en spirale.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1







3. Remplir l'ordinateur portable et extraction

Changer la couleur de remplissage bleu (# 4dc6e1) et remplir le bloc-notes, en commençant par le bord droit et le bord inférieur. Remplir les espaces en dessous de chaque forme en spirale, puis, cinq lignes de la partie supérieure de l'ordinateur portable, remplir une ligne horizontale (voir ci-dessous).

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Remplissez deux lignes plus horizontales, chacune avec deux rangées entre eux. Puis, en utilisant bleu clair (# b6f9ff) comme couleur de remplissage, remplir de grands espaces à la fois, plutôt que d'une colonne ou une ligne).

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Remplissez le reste de la page portable (sauf pour une seule colonne blanche sur le côté gauche). Gris (# B1B1B1), remplir les quatre espaces dans chaque spirale.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Une fois que vous avez terminé la conception de votre pixel art, Sélectionnez la grille, clic droit. et appuyez sur Dissocier. Ensuite, allez à l'objet> Peinture en direct> Développer pour transformer votre groupe de peinture en objets. Hit Divide dans le panneau Pathfinder si vos espaces en plein seront séparés de la grille. Enfin, utilisez la baguette magique pour sélectionner la grille caressa et le supprimer. Nous allons passer à nouveau ce processus pour les autres icônes sur ce tutoriel.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

4. Création d'un simple crayon

Utilisez la ligne rectangulaire Grille outil pour créer une autre grille pour votre pixel art vectoriel. Encore une fois, utilisez l'outil Pot de peinture pour commencer à remplir les espaces avec brun.

Remplissez quatre espaces en diagonale allant en haut à droite, puis trois espaces diagonales allant au bas à droite pour créer le point du crayon. Le reste du haut du crayon est quatre espaces vers le bas de chaque côté du point et neuf espaces à travers.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Les côtés du crayon sont 19 des espaces vers le bas et la partie inférieure est de sept espaces à travers. Ne pas oublier de remplir les trois premières lignes pour la tête du crayon et deux rangées de sept espaces près du fond pour le bit métallique de la gomme.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Nous avons besoin de deux couleurs pour chaque section du crayon: le bois, le corps jaune, le bit métallique et la gomme. La couleur plus foncée remplit deux colonnes pleines de part et d'autre de la couleur plus claire, qui remplit en trois colonnes. Les couleurs sont les suivantes:

Enfin, nous allons répéter le processus d'extraction de votre conception de pixel vecteur de la grille rectangulaire. Sélectionnez la grille, clic droit. et appuyez sur Dissocier. Ensuite, allez à l'objet> Peinture en direct> Développer pour transformer votre groupe de peinture en objets. Hit Divide dans le panneau Pathfinder si vos espaces en plein seront séparés de la grille. Enfin, utilisez la baguette magique pour sélectionner la grille caressa et le supprimer.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Cette conception est similaire au crayon, donc je vais aller sur le contour assez rapidement. Configurez votre grille de ligne de la même façon que le bloc-notes et un crayon.

Pour la troisième et dernière dans ce tutoriel, nous allons examiner les étapes d'extraction pixel art vectoriel d'une grille rectangulaire:

6. Modification des couleurs pour des conceptions alternatives

Une façon de changer facilement les couleurs est à copier (Ctrl-C) et Coller (Ctrl-V) la conception de la grille avant d'extraire votre pixel art vectoriel icône de la grille rectangulaire. Ensuite, vous pouvez facilement remplir des espaces de peinture dynamique.

Comment créer Pixel Art Icônes dans Adobe Illustrator_1

Vous pouvez également sélectionner votre modèle, allez dans Edition> Modifier les couleurs> Redéfinir illustrations et changer les couleurs de votre objet sélectionné. Je trouve que ce soit le moyen le plus rapide de changer les couleurs d'un objet.







Articles Liés