Créer une souris sans fil et un pavé avec des textures vectorielles à l'aide d'Adobe Illustrator

Dans le tutoriel d'aujourd'hui, nous allons apprendre à créer une souris sans fil et un tapis de souris à l'aide de formes, de pinceaux et de dégradés de base dans Adobe Illustrator. Vous apprendrez à créer une variété de pinceaux à mélanger, ainsi que l’effet de texture étrange. Alors, commençons!


Étape 1

Pour commencer, vous devez créer l'esquisse géométrique principale de la souris, illustrée dans le diagramme ci-dessous. Nous allons créer ce plan initial à partir duquel nous pouvons ajouter des rehauts et des ombres pour le rendre moins plat. Si vous savez réaliser les grandes lignes de l'objet et de ses éléments, passez à l'étape 8. Sinon, lisez attentivement les étapes suivantes..


Étape 2

À l’aide de l’outil Ellipse (L), modifiez la couleur de trait en null et la couleur de remplissage en orange, puis illustrez le chemin qui représentera la forme de la souris..

À l'aide de l'outil de rotation (R), faites pivoter l'ellipse d'environ 45 degrés..

Avec l'outil de sélection directe (A), modifiez les poignées d'ancrage du chemin afin de former la vue suivante.


Étape 3

A l’aide de l’outil crayon (P), dessinez une rainure pour le pouce, comme indiqué ci-dessous, en gris.

Sélectionnez le chemin orange, Copier et coller devant (Command + C puis Command + F).

Sélectionnez la forme orange dupliquée et le gris, puis accédez au panneau Pathfinder et cliquez à cet endroit sur le bouton Intersection. Vous pouvez également utiliser l'outil Shape Builder (Maj + M) à cette fin si vous utilisez la version CS5 ou CS6..


Étape 4

Le chemin bleu est créé de la même manière.


Étape 5

Créez un chemin violet indiqué ci-dessous au-dessus du chemin bleu à l'aide de l'outil Plume (P)..

Cette partie représentera deux boutons de la souris. Tracez une ligne divisant la forme à l'aide de l'outil Plume (P).

Un léger retrait au centre de la ligne doit permettre de placer le bouton de la molette de défilement..


Étape 6

Après cela, sélectionnez les deux: cette ligne et le tracé violet, puis cliquez sur le bouton Diviser du panneau Pathfinder..

Ensuite, allez à Objet> Dissocier et changez la couleur de remplissage de n'importe quel bouton de la souris..


Étape 7

Créez la cavité de roue représentée avec une forme brune…

… Et la roue elle-même montrée avec une forme jaune.

Dessinez un bouton noir dans la partie inférieure des boutons de la souris et votre esquisse de la géométrie principale sera terminée..


Étape 8

Sélectionnez le chemin orange, Copier et coller devant (Command + C puis Command + F). Nommez la copie "Chemin principal", rendez-la invisible et verrouillez-la dans le panneau Calques..

Ensuite, sélectionnez à nouveau le chemin orange, sélectionnez Objet> Créer un filet de dégradé, puis définissez les valeurs que vous pouvez voir dans la boîte de dialogue ci-dessous..

À l'aide de l'outil Maillage (U) ou de l'outil de sélection directe (A), modifiez les couleurs des nœuds de maillage visibles conformément au principe de répartition de la lumière..


Étape 9

Superposons une texture à la surface de la souris présentée avec un maillage.

Savez-vous comment y parvenir? Tout d’abord, tracez deux lignes inclinées blanches comme le montre l’image ci-dessous avec l’outil Segment de ligne (\)..

Allez à Effet> Déformer et transformer> Roughen et définissez les valeurs affichées dans la boîte de dialogue ouverte..


Étape 10

Sélectionnez Objet> Fusion> Options de fusion, définissez l’espacement sur Étapes spécifiées et le nombre d’étapes sur environ 80..

Allez à Objet> Mélanger> Créer (Commande + Alt + B).

Diminuer l'opacité du mélange.

Et changez le poids de trait des chemins inclus dans le mélange.


Étape 11

Après cela, sélectionnez le "Chemin principal", Copier et coller devant (Command + C puis Command + F).

Sélectionnez le mélange et allez à Objet> Masque d'écrêtage> Créer (commande + 7)..


Étape 12

Le pouce de la souris se fera de la même manière, en utilisant un filet de dégradé.


Étape 13

À l’aide de l’outil Ellipse (L), tracez un tracé elliptique horizontal. Remplissez-le de blanc et changez la couleur de trait en null.

Avec l'outil de sélection directe (A), sélectionnez le point d'ancrage le plus à droite…

… Et appuyez sur le bouton Supprimer de votre clavier.

Allez à Objet> Chemin> Rejoindre (Commande + J) pour fermer le chemin ouvert..


Étape 14

Sélectionnez les deux points d'ancrage les plus à droite avec l'outil de sélection directe (A)…

… Et les convertir en douceur.

Avec les points sélectionnés, tirez-les vers la droite pour créer une forme longue et mince.


Étape 15

Allez à Objet> Transformer> Échelle, définissez les valeurs affichées dans la boîte de dialogue, puis cliquez sur le bouton Copier..

Déplacer la copie du chemin vers la gauche, comme indiqué dans le diagramme ci-dessous.


Étape 16

Changer l'opacité du plus grand chemin à 0%.

Créez ensuite un mélange à partir des deux chemins en forme de goutte..


Étape 17

Glissez-déposez ce mélange dans le panneau Formes et choisissez l'option Pinceau artistique dans la boîte de dialogue ouverte..

Nommez le pinceau comme "pinceau blanc" et cliquez sur OK.


Étape 18

Avec une méthode similaire, créez un autre pinceau à partir de Blends and Ellipses (L)..

Toutefois, changez la méthode de colorisation en Changement de teinte afin de gérer plus efficacement la couleur du pinceau..


Étape 19

Créez un point lumineux sur la souris en traçant une ligne avec l'outil Plume (P), puis en lui appliquant le "pinceau blanc"..

Changer le poids de trait du chemin.


Étape 20

Remplissez le tracé bleu avec un dégradé radial allant du blanc au gris. Utilisez l'outil Dégradé (G) pour déplacer la source du dégradé..

Copiez ce chemin et collez-le devant (Commande + C puis Commande + F), modifiez le remplissage du dégradé en linéaire.

Changez le mode de fusion en Gravure sur couleur dans le panneau Transparence..


Étape 21

Le point lumineux précédemment créé doit être poursuivi sur la partie grise de la souris afin de respecter le principe de répartition de la lumière..

Alors, sélectionnez le chemin gris, copiez-le et collez-le devant (Commande + C puis Commande + F), prenez l'outil Ciseaux (C) et coupez le chemin..

Appliquez le "pinceau noir" dessus, changez la couleur de trait en blanc et changez l'opacité du tracé.

Et recadrer ceci avec le masque d'écrêtage correspondant (Commande + 7).


Étape 22

Les deux boutons de la souris (cramoisis et violets) sont remplis de dégradés linéaires angulaires, comme indiqué dans les images suivantes..

La cavité brune de la roue est également remplie d’un gradient linéaire en angle.


Étape 23

Voyons l'image à l'échelle. Quelque chose cloche ici. Vous savez quoi?

Oui, tu as raison! Les boutons sont fusionnés les uns avec les autres et avec les autres chemins de la souris. Afin de résoudre ce problème, vous devez appliquer le "pinceau noir" aux bordures des boutons. Changez ensuite les opacités, les couleurs de trait et les poids de trait des tracés auxquels le "pinceau noir" sera appliqué. Voir l'image ci-dessous pour référence.

Mais si ce n'est pas le cas, copiez le bouton gauche de la souris et collez-le devant (Command + C puis Command + F). Modifiez les deux: la couleur de remplissage et la couleur de trait sur Aucune, prenez l'outil Ciseaux (C) et cliquez avec le point d'ancrage indiqué..

Appliquez le "pinceau noir" à la couleur noire Stroke.

Changer le poids de trait et l'opacité du chemin, afin d'obtenir le résultat suivant.

Appliquez le "pinceau noir" avec la couleur de trait blanc sur le tracé analogue sur le bouton droit. Changer le poids de trait et l'opacité de la même manière.

Après que tous les chemins soient complétés…

… Recadrez-les tous avec un masque d'écrêtage correspondant. Voir l'image ci-dessous.


Étape 24

La trajectoire jaune de la roue doit être remplie d’un dégradé radial blanc à noir.

Ensuite, il devrait être copié et collé devant (commande + C puis commande + F), et rempli avec un dégradé linéaire.

Définissez le mode de fusion de la copie sur l'écran via le panneau Transparence..


Étape 25

L'ombre douce de la roue est illustrée à l'aide du "pinceau noir".

Dessinez un point lumineux sur la roue et recadrez-le avec un tracé de détourage (Commande + 7). La molette de la souris sera complétée..


Étape 26

Le petit bouton de la souris est coloré de la même manière. Appliquez simplement les techniques que vous avez apprises précédemment dans le didacticiel et faites-le vous-même. Utilisez les images ci-dessous pour votre référence.


Étape 27

Placez la souris sur le pad. À l’aide de l’outil Plume (P), tracez le tracé indiqué et remplissez-le avec un dégradé linéaire en angle.

Le pad n'est pas une figure 2D, mais une figure 3D, bien que son épaisseur soit faible. Copiez le pad et collez-le à l’arrière (Commande + C puis Commande + B), déplacez-le légèrement vers le bas et remplissez la copie avec un dégradé linéaire, comme indiqué dans le diagramme ci-dessous..


Étape 28

Avec l'outil Segment de ligne (\), tracez une pente grise comme indiqué ci-dessous..

Faites-le glisser et déposez-le dans le panneau Pinceaux, puis choisissez l'option Pinceau Scatter dans la boîte de dialogue ouverte..

Choisissez les valeurs affichées pour les options dans la boîte de dialogue, puis cliquez sur OK..


Étape 29

A l'aide de l'outil Pinceau (B) et pendant que ce pinceau Scatter est sélectionné dans la palette Pinceaux, tracez le chemin indiqué ci-dessous..


Étape 30

Allez à Objet> Développer l'apparence,…

… Supprimer les chemins inutiles et changer le mode de fusion en superposition dans le panneau Transparence pour les chemins restants.

Recadrer les chemins avec un masque d'écrêtage (commande + 7).


Étape 31

Double-cliquez sur l'outil Grille rectangulaire dans la barre d'outils et spécifiez les options affichées dans la boîte de dialogue. Changez la couleur de trait en gris et le poids de trait si cela est nécessaire dans vos propres créations..


Étape 32

Avec l'outil Lasso (Q), sélectionnez les points d'ancrage supérieurs de la grille…

… Allez à Objet> Transformer> Échelle pour réduire l’échelle non uniforme pour créer une perspective.

Puis faites légèrement pivoter la grille si cela est nécessaire dans votre illustration à l'aide de l'outil Rotation (R)..

Ajouter la grille au groupe de masques d'écrêtage créé précédemment.


Étape 33

Créez un mélange noir circulaire à l'aide de l'outil Ellipse (L). Le cercle extérieur aura besoin d'une opacité de 0% et d'une opacité de 100% intérieure. Dans Options de mélange, définissez l'espacement comme "Etapes spécifiées" avec la valeur 50. Cliquez une fois sur OK..

Réduisez l'intensité de la couleur en modifiant l'opacité des tracés dans le mélange.

Créez un mélange similaire, mais cette fois-ci avec un remplissage blanc.


Étape 34

L'ombre de la souris est créée à l'aide du "pinceau noir".


Conclusion

Utilisez les techniques que vous avez apprises ici dans vos propres œuvres d'art. J'espère que vous avez apprécié ce tutoriel.