Comment créer une icône de valise dans Adobe Illustrator

Dans le tutoriel suivant, vous apprendrez à créer une icône de valise, adaptée à un site orienté voyage ou à une brochure de vacances. Saisissez vos outils vectoriels et passons à la construction.


Étape 1

Créez un document 255 par 255px. Commencez par activer la grille (Affichage> Grille) et l’alignement sur la grille (Affichage> Aligner sur la grille). Ensuite, vous aurez besoin d'une grille toutes les 5px. Allez dans Édition> Préférences> Guides et grille, entrez 5 dans le quadrillage chaque case et 1 dans la zone Subdivisions..

Vous pouvez également ouvrir le panneau Info (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de remplacer l'unité de mesure en pixels dans Edition> Préférences> Unité> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.


Étape 2

Sélectionnez l'outil Rectangle (M). Créez une forme de 225 x 170 pixels et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 10 pixels, cliquez sur OK, puis sélectionnez Objet> Développer l'apparence..


Étape 3

Sélectionnez la forme créée à l'étape précédente et remplissez-la avec le dégradé linéaire présenté ci-dessous. Ensuite, vous aurez besoin d'un modèle spécifique. Ouvrez le menu déroulant du panneau Nuancier, puis choisissez Ouvrir une bibliothèque de nuances> Motifs> Graphiques de base> Textures_de_globe de base. Une nouvelle fenêtre avec quelques motifs sympas devrait s'ouvrir.

Resélectionnez la forme existante, ouvrez le menu déroulant du panneau Apparence et cliquez sur Ajouter un nouveau remplissage. Cela va ajouter un deuxième remplissage pour votre forme. Sélectionnez-le, abaissez son opacité à 8%, puis remplissez-le avec le motif Diamond. Ajouter un troisième remplissage pour cette forme. Faites-le noir, changez son mode de fusion en Multiplier, baissez l'opacité à 10% puis allez à Effet> Déformer> Lueur diffuse. Entrez les données indiquées ci-dessous et cliquez sur OK. Maintenant, votre forme devrait ressembler à l'image ci-dessous.


Étape 4

Ensuite, vous devez masquer la forme existante. Sélectionnez-le, appuyez d'abord sur Ctrl + C, puis sur Ctrl + F. Cela ajoutera une copie devant. Sélectionnez-le, remplissez-le uniquement de blanc (supprimez les remplissages supplémentaires dans le panneau Apparence), puis ouvrez le panneau Transparence. Sélectionnez les deux formes créées jusqu'à présent, ouvrez le menu déroulant du panneau Transparence et cliquez sur Créer un masque d'opacité..


Étape 5

Désactivez l'alignement sur la grille et faites deux copies de la forme existante. Sélectionnez la copie du haut et appuyez une fois sur la flèche gauche et la flèche haute. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme résultante avec R = 158, G = 100, B = 72. Modifiez maintenant son mode de fusion sur Multiplier et réduisez l'opacité à 50%..

Faites deux autres copies de la forme masquée. Sélectionnez la copie du haut et appuyez deux fois sur la flèche gauche. Resélectionnez ces deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez cette nouvelle forme avec R = 158, G = 100, B = 72. Maintenant, changez son mode de fusion sur Multiplier et réduisez l'opacité à 25%.


Étape 6

Sélectionnez la forme masquée et allez à Objet> Chemin> Chemin décalé. Entrez un décalage de 1 px et cliquez sur OK. Remplissez la forme obtenue avec une couleur sombre et diminuez son opacité. Il vous sera plus facile de le distinguer dans les étapes suivantes. Double-cliquez dessus (dans le panneau Calques) et renommez-le "00."


Étape 7

Activer l'alignement sur la grille. Choisissez l'outil Ellipse (L), créez quatre cercles parfaits et placez-les comme indiqué dans l'image suivante. Les quatre cercles doivent mesurer 35 px de large et de haut.


Étape 8

Concentrez-vous sur le cercle en haut à gauche. Commencez par dupliquer "00." Ensuite, sélectionnez cette copie avec le cercle supérieur gauche et cliquez sur le bouton Intersection du panneau Pathfinder. Maintenant, vous devez ajouter un effet de rondeur discret en utilisant le script Round Any Corner..

Enregistrez-le sur votre disque dur, puis sélectionnez l'outil de sélection directe (A). Sélectionnez les points d'ancrage mis en surbrillance dans la deuxième image et sélectionnez Fichier> Scripts> Autre script. Ouvrez le script Round Any Corner, entrez un rayon de 1 px et cliquez sur OK. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image finale. Le texte blanc de l’image en dégradé correspond à Emplacement.


Étape 9

Passons au sommet, cercle de droite. Faites une nouvelle copie de "00", sélectionnez-la avec le cercle et cliquez sur le bouton Intersection dans le panneau Pathfinder. Choisissez l'outil de sélection directe (A), sélectionnez les points d'ancrage mis en surbrillance dans la deuxième image et sélectionnez Fichier> Scripts> Autre script. Ouvrez le script Round Any Corner, entrez un rayon de 1 px et cliquez sur OK. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image finale.


Étape 10

Continuez avec le cercle en bas à gauche. Encore une fois, faites une copie de "00". Sélectionnez-le avec le cercle et cliquez sur le bouton Intersection dans le panneau Pathfinder. Choisissez l'outil de sélection directe (A), sélectionnez les points d'ancrage mis en surbrillance dans la deuxième image et sélectionnez Fichier> Scripts> Autre script. Ouvrez le script Round Any Corner, entrez un rayon de 1 px et cliquez sur OK. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image finale.


Étape 11

Enfin, le cercle en bas à droite. Sélectionnez l'original "00" avec le cercle et cliquez sur le bouton Intersection dans le panneau Pathfinder. Choisissez l'outil de sélection directe (A), sélectionnez les points d'ancrage mis en surbrillance dans la deuxième image et sélectionnez Fichier> Scripts> Autre script. Ouvrez le script Round Any Corner, entrez un rayon de 1 px et cliquez sur OK. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image finale.


Étape 12

A partir de maintenant, vous aurez besoin d'une grille toutes les 1px. Allez dans Edition> Préférences> Guides et grille et entrez 1 dans le quadrillage chaque case. Choisissez l'outil Ellipse (L) et créez une forme de 3 par 3px. Remplissez-le avec le dégradé radial indiqué ci-dessous et ajoutez 0,15 pt, aligné sur la course extérieure (R = 60, G = 36, B = 21). Faites deux copies de ce cercle, puis placez les trois formes comme indiqué dans l'image suivante. Le composant logiciel enfichable à la grille facilitera votre travail.


Étape 13

Créez de nouvelles copies de la forme créée à l'étape précédente et placez-les comme indiqué ci-dessous..


Étape 14

Saisissez l'outil Rectangle (M) et créez une forme de 15 x 172 pixels. Placez-le comme dans l'image suivante, puis sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 1 px, cliquez sur OK, puis sélectionnez Objet> Développer l'apparence..


Étape 15

Sélectionnez la forme obtenue à l'étape précédente et remplissez-la avec le dégradé linéaire indiqué ci-dessous..


Étape 16

Sélectionnez l'outil Crayon (P) et tracez deux chemins verticaux, comme indiqué dans l'étape suivante. Ajoutez un trait de 0,25 pt (R = 169, G = 124, B = 80) pour chaque trajet, puis ouvrez le panneau des traits. Cochez le bouton Ligne en pointillé et entrez 1 pt dans le premier tiret.


Étape 17

Prenez l'outil Ellipse (L), créez un petit cercle (2 par 2 pixels) et placez-le comme indiqué dans l'image suivante. Remplissez-le avec R = 96, G = 57, B = 19, ajoutez 0,25 pt, aligné sur le trait extérieur (R = 169, G = 124, B = 80), puis sélectionnez Effet> Déformer et transformer> Transformer. Entrez 2 dans la zone Copies et faites glisser le curseur Move-Vertical vers 10px puis cliquez sur OK. Dupliquez cette forme et celles créées dans les trois dernières étapes. Sélectionnez ces copies et déplacez-les vers la gauche, comme indiqué dans la deuxième image..


Étape 18

Choisissez l'outil Rectangle (M) et créez une forme de 45 x 10 pixels. Placez-le comme indiqué dans l'image suivante, puis sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 1px, cliquez sur OK puis sélectionnez Objet> Développer l’apparence..


Étape 19

Sélectionnez la forme obtenue à l'étape précédente et remplissez-la avec R = 98, G = 58, B = 39. Ajouter un deuxième remplissage pour cette forme. Faites-le noir, déplacez-le sous le remplissage existant, puis allez à Effet> Déformation> Renflement. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Effet> Distorsion> Déformer et transformer. Apportez des modifications uniquement dans la section Echelle (comme indiqué), puis cliquez sur OK. Avec le fond noir toujours sélectionné, allez à Effet> Flou> Flou gaussien et entrez un rayon de 1px.


Étape 20

Saisissez l'outil Rectangle (M) et créez une forme de 43 x 8 pixels. Placez-le comme indiqué dans l'image suivante, puis sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 1 px, cliquez sur OK, puis sélectionnez Objet> Développer l’apparence. Remplissez la forme résultante avec aucun et ajoutez un trait pointillé de 0,25 pt (R = 169, G = 124, B = 80). Faites deux nouvelles copies de la forme créée à la douzième étape et placez-les comme indiqué dans l'image finale.


Étape 21

Dupliquez les formes créées dans les trois dernières étapes. Sélectionnez ces copies et déplacez-les vers la gauche, comme indiqué dans l'image suivante..


Étape 22

Choisissez l'outil Rectangle (M), créez une forme de 17 x 6 pixels et placez-le comme indiqué dans l'image suivante. Remplissez-le avec le dégradé linéaire, puis allez à Effet> Styliser> Coins arrondis et entrez un rayon de 2px.

Créez une seconde forme. Faites 2px de haut et 3px de large, remplissez-le avec R = 241, G = 158, B = 86, puis allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 0,5 pt et cliquez sur OK. Assurez-vous que ces deux formes sont placées à l'arrière du reste des formes. Dupliquez ces deux formes et déplacez les copies vers la gauche, comme indiqué dans l'image finale ci-dessous.


Étape 23

Choisissez l'outil Rectangle, créez deux formes similaires (7 x 2px) et placez-les comme indiqué dans l'image suivante. Remplissez les deux avec le dégradé linéaire indiqué ci-dessous, puis allez à Effet> Styliser> Coins arrondis et entrez un rayon de 1 pt..


Étape 24

Encore une fois, créez deux formes similaires (14 par 2px) et placez-les comme indiqué dans l'image suivante. Remplissez les deux avec R = 80, G = 45, B = 27. Maintenant, allez à Effet> Styliser> Coins arrondis et entrez un rayon de 1 pt.


Étape 25

Saisissez l'outil Rectangle (M), créez une forme de 49 x 23 pixels et placez-le comme indiqué dans l'image suivante. Remplissez-le avec aucun et ajoutez un 8 pt, aligné sur le trait extérieur, puis allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1 px, cliquez sur OK après l'application de l'objet> Développer l'apparence..

Dupliquer la forme masquée. Sélectionnez la copie et le trait développé, puis cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme résultante avec R = 80, G = 45, B = 27. Maintenant, appliquez Effect> Stylize> Inner Glow et entrez les données ci-dessous..


Étape 26

Sélectionnez la forme créée à l'étape précédente et accédez à Objet> Chemin> Décalage du chemin. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue et remplacez la couleur de remplissage existante par le dégradé linéaire présenté dans l'image suivante..


Étape 27

Enfin, sélectionnez la forme masquée et accédez à Objet> Chemin> Décalage du chemin. Entrez un décalage de -2 pixels et cliquez sur OK. Remplissez la forme résultante avec aucun, ajoutez un trait de 1 pt puis allez à Objet> Développer.

Sélectionnez cette forme nouvellement créée. D'abord, amenez-le au premier plan (Maj + Ctrl +]), puis remplissez-le avec le dégradé linéaire indiqué dans l'image finale. Changez son mode de fusion en superposition, baissez l'opacité à 50% puis allez à Effet> Flou> Flou gaussien. Entrez un rayon de 1px, cliquez sur OK et vous avez terminé.


Conclusion

L'image finale est ci-dessous. Maintenant, prenez des vacances vectorielles.