Créer une icône Jeans Pocket à l'aide d'Adobe Illustrator

Dans ce tutoriel, nous allons travailler avec des éléments de base pour créer une série d’icônes. Après avoir étudié ce didacticiel simple, vous apprendrez de nombreuses techniques utiles et nécessaires, telles que la création de texture vectorielle, l'utilisation du pinceau à dispersion, de la palette Style graphique, la création de rayures et de plis sur le tissu, l'utilisation du filet de dégradé, etc. . Croyez-moi, ça vaut votre attention.


Étape 1

Commencez par créer une poche en jeans à l'arrière. Prenez l'outil Crayon (P) et créez deux lignes droites horizontales à une certaine distance l'une de l'autre. La ligne du bas doit être légèrement plus courte que la ligne supérieure. Sélectionnez les deux lignes et alignez-les sur la verticale à l'aide de la palette Aligner..


Étape 2

En gardant les lignes sélectionnées, joignez leurs points avec l'outil Plume (P).

À l'aide du même outil, créez un nouveau point d'ancrage au centre de la poche inférieure. Pour rechercher rapidement le centre des côtés, activez le mode Guides intelligents (Commande + U). Déplacez ce point directement vers le bas à l'aide de l'outil de sélection directe (A), tout en maintenant la touche.


Étape 3

Maintenant, allez à Effet> Styliser> Coins ronds? et définir le rayon d'angle dans la boîte de dialogue.


Étape 4

Créons maintenant la texture en denim. Prenez l'outil Rectangle (M) et créez un rectangle rempli de bleu..

Conservez le rectangle sélectionné, accédez à Effet> Texture> Texturizer et définissez les paramètres indiqués dans la figure ci-dessous..


Étape 5

Nous avons appliqué un effet de trame au rectangle. Convertissez maintenant notre texture en vecteur. Sélectionnez le rectangle et allez à Objet> Développer l'apparence, maintenant à Objet> Suivi réel> Options de traçage? définir les paramètres de trace et cliquer sur le bouton Tracer dans la boîte de dialogue.

Aller à l'objet> Développer, nous avons donc notre texture denim.


Étape 6

Faites pivoter la texture à 45 degrés. Sélectionnez la texture et allez à Objet> Transformer> Rotation? et définir l'angle de rotation dans la boîte de dialogue.

Prenez l'outil Rectangle (M) et créez un carré sur la texture afin que ses bords ne dépassent pas la texture. Carré doit être sans remplissage et sans trait.

Déplacez le carré sous la texture. Pour ce faire, déplacez le calque inférieur dans la palette Calques ou passez à Objet> Arranger> Arrière (Commande + [). Sélectionnez la texture et le carré, allez dans Edition> Définir un motif? , nommez le motif et cliquez sur le bouton OK dans la boîte de dialogue..

Sélectionnez maintenant la forme de la poche et cliquez sur le motif dans la palette Nuancier..


Étape 7

Copiez et collez la forme de la poche devant (Command + C, Command + F). Remplissez la poche avec un dégradé radial coloré du bleu au noir.

Définissez maintenant le mode de fusion des écrans dans la palette Transparence pour cet objet..


Étape 8

Sélectionnez votre poche et accédez à Objet> Chemin> Chemin décalé, puis définissez -10px dans la boîte de dialogue..

Désactiver le remplissage et activer le trait de n'importe quelle couleur, de sorte que le nouvel objet soit visible sur le fond de la poche.

Le nouvel objet servira de base pour la couture sur le bord de la poche. Son mode de fusion est identique à celui de l'objet avec le remplissage en dégradé. Réglez donc ce paramètre sur Normal dans la palette Transparence..


Étape 9

Créez la forme de la deuxième couture, Objet> Chemin> Chemin de décalage, puis définissez -10px dans la boîte de dialogue..

Prenez l'outil Ciseaux (C) et coupez cette forme aux points A et B.

Maintenant, enlevez la partie supérieure de la couture.

À l'aide de l'outil de sélection directe (A), ajustez la forme de la couture intérieure à la vue illustrée dans la figure ci-dessous..

Prenez l'outil Crayon (P) et créez une autre couture intérieure à la partie supérieure de la poche..


Étape 10

Prenez l'outil Ellipse (L) et créez deux cercles, comme indiqué dans la figure ci-dessous..

Maintenant, prenez l'outil Ciseaux (C) et coupez le cercle aux points A, B, C et D.

Enlevez les morceaux de cercles qui vont au-delà de la poche.


Étape 11

Continuez à travailler avec la couture de poche. Sélectionnez deux points avec des coins arrondis et sélectionnez Objet> Développer l'apparence..

Sélectionnez la couture extérieure et changez la couleur du trait en bleu foncé d'une largeur de 10 points. Ouvrez la palette Apparence, les étapes suivantes seront effectuées avec elle?


Étape 12

Sélectionnez le panneau Trait dans la palette Apparence, dupliquez la couture, changez la couleur du trait en bleu foncé et définissez une largeur de trait égale à 6 pt..

En utilisant la même technique, créez un autre trait, cette fois en couleur noire et en largeur de 4 points.


Étape 13

Nous devons maintenant créer des fils pour la couture. La brosse à dispersion fonctionnera bien pour cette étape. Créez maintenant un élément de pinceau. Prenez l'outil Crayon (P) et créez un arc de cercle d'un trait brun clair de 12 pt d'épaisseur. Activer le capuchon rond dans la palette Trait.

Créez un autre arc avec une épaisseur de trait de 8 pt et une nuance de brun plus claire, comme indiqué dans la figure ci-dessous..

Et enfin, créez un autre petit arc épais de 6 pt et de la plus légère nuance de brun.

Tous les objets créent un jeu de lumière sur le fil à coudre. Sélectionner et regrouper tous les éléments (Commande + G)


Étape 14

Sélectionnez le fil de point et allez à Objet> Développer.

Réduisez le point pour qu'il soit comparable aux éléments de la couture.

Transférez maintenant le point dans la palette Formes.

Et enregistrez le nouveau pinceau en tant que pinceau à dispersion.


Étape 15

Sélectionnez la couture de la poche extérieure pour créer un nouveau trait dans la palette Apparence et appliquez-lui le pinceau créé..

Eh bien, nous n’avons pas obtenu ce que nous voulions, d’où la nécessité de modifier les paramètres de pinceau. Double-cliquez sur l'icône de la forme dans la palette Formes pour ouvrir une boîte de dialogue contenant ses paramètres. Appliquer les ajustements indiqués dans l'image ci-dessous.


Étape 16

Pour accélérer le travail sur le reste de la couture de poche, créez un nouveau style graphique. Sélectionnez la couture extérieure de la poche, ouvrez la palette Style graphique et enregistrez le nouveau style..

Sélectionnez ensuite les autres points de la poche et appliquez-leur le style créé..


Étape 17

Aux intersections de la couture, nous avons le chevauchement erroné des éléments les uns sur les autres.

Fixons-le. Sélectionnez la couture et allez à Objet> Développer l'apparence. Après cette opération, nous avons reçu un groupe contenant différents éléments pouvant être manipulés. Dissocier la couture (Commande + Maj + G).

Regroupez maintenant les éléments inférieurs de la couture qui représentent des arcs noir et bleu de différentes largeurs.

Déplacez ce groupe dans la palette Calques de manière à le placer sous les éléments de couture qu'il croise..

Cette technique peut être appliquée à tous les points d'intersection des lignes.


Étape 18

Créez une étiquette sur la poche. Prenez l'outil Crayon (P) et créez la forme illustrée dans la figure ci-dessous. Remplissez la forme avec un dégradé linéaire composé de nuances de rouge.

En utilisant le même outil, créez le dos de l'étiquette, le dégradé de cette forme doit reproduire l'ombre sur la surface intérieure du tissu..


Étape 19

Créez maintenant des éraflures entre les piqûres de la poche. Prenez l'outil Rectangle (M) et créez un rectangle rempli de noir. Le rectangle doit être placé sous la couture de la poche dans la palette Calques..

Conservez le rectangle sélectionné, sélectionnez Objet> Créer un filet de dégradé? et définir le nombre de lignes et de colonnes dans la boîte de dialogue.

Vous pouvez légèrement plier la ligne centrale du maillage en dégradé à l’aide de l’outil de sélection directe (A), pour créer des marques irrégulières. Sélectionnez tous les autres nœuds situés sur la ligne centrale du maillage et remplacez sa couleur par le bleu foncé.

Sélectionnez le maillage entier et définissez pour cela le mode de fusion de l'écran dans la palette Transparence..


Étape 20

En utilisant cette technique, créer des éraflures entre les points de suture verticaux de la poche.

Il est également pratique d’utiliser cette technique pour créer des plis sur le tissu..


Étape 21

Passons maintenant aux rivets. Prenez l'outil Ellipse (L) et créez un cercle. Remplissez-le avec un dégradé radial allant du jaune clair au brun.

Créer un autre cercle rempli d'un jaune uni.

Et enfin, créez un autre cercle, qui est également rempli d'un dégradé radial, semblable au cercle du bas.

Regroupez tous les éléments des rivets, dupliquez-les et faites-les glisser dans le coin droit de la poche.


Étape 22

Créez la frange sur les bords de la poche. Copiez la forme de la poche et collez-la à nouveau (Commande + C, Commande + B). Désactivez le remplissage de cet objet et définissez le trait bleu sur une largeur de 2 points. Conservez l'objet sélectionné, allez à Effet> Styliser> Gribouiller? et réglez les paramètres indiqués dans la figure ci-dessous.


Étape 23

Créez un arrière-plan avant de créer l'ombre de la poche. Prenez l'outil Rectangle (M) et créez un rectangle avec un dégradé linéaire vertical, puis remplissez du bleu au bleu clair..


Étape 24

Maintenant, créez une ombre de la poche. Copiez la forme de la poche et collez-la à nouveau (Commande + C, Commande + B). Remplissez-le avec un dégradé linéaire vertical allant du noir au bleu (pour une meilleure visibilité sur la figure ci-dessous, j'ai désactivé la visibilité de tous les éléments de la poche, à l'exception de la frange)..

Copiez la forme créée et collez-la à nouveau. Augmentez ses tailles à l’aide de l’outil de sélection (V) tout en maintenant les touches Shift + Alt enfoncées. Remplissez cette forme avec une couleur bleue unie et définissez-la sur 0% d'opacité dans la palette Transparence..


Étape 25

Sélectionnez les deux formes et accédez à Objet> Fusion> Créer. La poche est prête!


Conclusion

Nous avons créé l'élément de base pour créer une série d'icônes. Vous pouvez maintenant mettre différents objets dans la poche pour chaque élément de la série. Je mets quelques billets dans celui-ci.