Comment créer une fermeture à glissière ouverte et fermée dans Adobe Illustrator

Dans le didacticiel suivant, vous apprendrez à créer une illustration de fermeture à glissière simple dans Adobe Illustrator. Nous allons créer les formes de départ à l'aide de l'outil Rectangle, du panneau Pathfinder et de quelques techniques de base pour la construction de formes. Nous ajouterons ensuite les détails à l’aide des effets Transformer et Ombre portée, ainsi que des techniques de fusion de base. Pour les touches finales, nous utiliserons des effets Warp, le panneau Apparence et un motif intégré simple..


Étape 1

Appuyez sur Commande + N pour créer un nouveau document. Entrez 600 dans la zone de largeur et 800 dans la zone de hauteur, puis cliquez sur le bouton Avancé. Sélectionnez RVB, Écran (72ppi) et assurez-vous que la case "Aligner les nouveaux objets sur la grille de pixels" est décochée avant de cliquer sur OK..

Activer la grille (Affichage> Afficher la grille) et Aligner sur la grille (Affichage> Aligner sur la grille). Vous aurez besoin d'une grille toutes les 1px. Allez simplement dans Édition> Préférences> Guides> Grille, entrez 5 dans le quadrillage toutes les cases 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 définir 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

À l’aide de l’outil Rectangle (M), définissez la couleur de remplissage sur R = 237 G = 203 B = 72 et créez une forme de 7 x 12 pixels. Continuez avec l'outil Rectangle (M), créez un carré de 4 pixels et placez-le comme indiqué dans la deuxième image. Enfin, créez une forme de 4 x 8 pixels et placez-la comme indiqué dans la troisième image. Sélectionnez les trois formes, ouvrez le panneau Pathfinder et cliquez sur le bouton Unir..


Étape 3

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 effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le haut à l'aide de la flèche vers le haut de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Sélectionnez le groupe de formes obtenu, transformez-le en chemin composé (Objet> Chemin composé> Créez) et remplissez-le avec R = 200 G = 136 B = 26.


Étape 4

Sélectionnez la forme créée à la deuxième étape et sélectionnez Objet> Chemin> Décalage du chemin. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le bas à l'aide de la flèche vers le bas depuis votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Sélectionnez le groupe de formes obtenu, transformez-le en chemin composé (Objet> Chemin composé> Créer), remplissez-le de blanc et modifiez le mode de fusion en superposition..


Étape 5

Sélectionnez la forme créée à la deuxième étape et concentrez-vous sur le panneau Apparence. Ajoutez un trait de 1 pt, alignez-le à l'intérieur et réglez la couleur sur R = 208 G = 154 B = 62. Resélectionnez cette forme jaune ainsi que les deux chemins composés des deux dernières étapes et regroupez-les (Contrôle + G). Sélectionnez ce nouveau groupe et allez à Objet> Transformer> Refléter. Cochez le bouton Vertical et cliquez sur le bouton Copier. Cela créera une copie de groupe retournée horizontalement. Sélectionnez-le et placez-le comme indiqué dans la quatrième image.


Étape 6

Sélectionnez les deux groupes créés à l'étape précédente et accédez à Effet> Déformer et transformer> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.


Étape 7

Resélectionnez les deux groupes édités à l'étape précédente et regroupez-les (Contrôle + G). Sélectionnez ce nouveau groupe et accédez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre du haut, cliquez sur OK et accédez à nouveau à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre du bas et cliquez sur OK.


Étape 8

Concentrez-vous sur le bas du groupe créé à l'étape précédente. À l'aide de l'outil Rectangle (M), créez une forme de 24 x 10 pixels, remplissez-la de R = 208 G = 154 B = 62 et placez-la comme indiqué dans l'image suivante. Assurez-vous que ce rectangle jaune est sélectionné et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1 px, cliquez sur OK et allez à Effet> Warp> Arc supérieur. Entrez les propriétés indiquées ci-dessous, cliquez sur OK et sélectionnez Objet> Développer l'apparence..


Étape 9

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 effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le haut à l'aide de la flèche vers le haut de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplir la forme résultante avec R = 200 G = 136 B = 26.


Étape 10

Sélectionnez la forme créée à la huitième étape et allez à Objet> Chemin> Chemin décalé. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le bas à l'aide de la flèche vers le bas depuis votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme résultante avec du blanc et changez le mode de fusion en superposition.


Étape 11

Resélectionnez la forme créée à la huitième étape et concentrez-vous sur le panneau Apparence. Ajoutez un trait de 1 pt, alignez-le à l'intérieur et réglez la couleur sur R = 208 G = 154 B = 62.


Étape 12

Resélectionnez toutes les formes créées au cours des quatre dernières étapes et regroupez-les (Contrôle + G). Sélectionnez ce nouveau groupe et accédez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de gauche, cliquez sur OK et accédez à nouveau à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de droite et cliquez sur OK.


Étape 13

Concentrez-vous sur le panneau Calques et ouvrez le groupe constitué à la septième étape. Sélectionnez le sous-groupe du bas et faites une copie devant (Contrôle + C> Contrôle + F). Sélectionnez ce nouveau groupe et faites-le glisser en dehors du groupe principal, en haut du panneau Calques. Assurez-vous que votre nouveau groupe est toujours sélectionné, placez-le comme indiqué dans la première image, puis faites la mise au point sur le panneau Apparence. Tout d’abord, ouvrez l’effet de transformation existant et modifiez-le comme indiqué dans l’image suivante, puis ajoutez l’effet Ombre portée illustré ci-dessous..


Étape 14

Sélectionnez le groupe constitué à l'étape précédente et allez à Objet> Transformer> Refléter. Cochez le bouton Vertical et cliquez sur le bouton Copier. Sélectionnez ce groupe nouvellement créé, faites-le glisser vers la droite et placez-le comme indiqué dans la troisième image. Assurez-vous que ce nouveau groupe est toujours sélectionné et concentrez-vous sur le panneau Apparence. Ouvrez l’effet Ombre portée et modifiez-le comme indiqué dans l’image suivante..


Étape 15

Concentrez-vous sur la partie supérieure du groupe créé à l'étape précédente. Choisissez l'outil Rectangle (M) et créez une forme de 14 x 7 pixels. Remplissez-le avec R = 237 G = 203 B = 72, placez-le comme indiqué dans la première image et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 2 pixels, cliquez sur OK et sélectionnez Objet> Développer l'apparence..


Étape 16

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 effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le haut à l'aide de la flèche vers le haut de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplir la forme résultante avec R = 200 G = 136 B = 26.


Étape 17

Sélectionnez la forme créée à la quinzième étape et accédez à Objet> Chemin> Décalage du chemin. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le bas à l'aide de la flèche vers le bas depuis votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme résultante avec du blanc et changez le mode de fusion en superposition.


Étape 18

Resélectionnez la forme créée à la quinzième étape et concentrez-vous sur le panneau Apparence. Ajoutez un trait de 1 pt, alignez-le à l'intérieur et réglez la couleur sur R = 208 G = 154 B = 62. Sélectionnez ce rectangle arrondi ainsi que les deux formes créées aux deux dernières étapes et regroupez-les (Contrôle + G). Sélectionnez ce nouveau groupe et accédez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la deuxième image et cliquez sur OK. Faites une copie de ce groupe (Contrôle + C> Contrôle + F), faites-le glisser vers la gauche et placez-le comme indiqué dans la troisième image..


Étape 19

Sélectionnez toutes les formes créées jusqu'à présent et dupliquez-les (Contrôle + C> Contrôle + F). Sélectionnez toutes ces copies et faites-les glisser de quelques pixels vers la droite, comme indiqué dans la première image. Concentrez-vous sur cette nouvelle fermeture à glissière, sélectionnez les deux groupes pointés dans la première image et supprimez-les simplement. En fin de compte, votre deuxième fichier compressé devrait ressembler à celui de la deuxième image..


Étape 20

Concentrez-vous sur cette seconde fermeture à glissière réalisée à l'étape précédente. Sélectionnez les deux groupes mis en surbrillance dans la première image et accédez à Objet> Développer l'apparence. Regroupez les formes obtenues et accédez à Effet> Déformation> Arc. Entrez les propriétés indiquées dans l'image suivante, cliquez sur OK et sélectionnez Objet> Développer l'apparence..


Étape 21

Sélectionnez le groupe de formes créé à l'étape précédente et accédez à Objet> Transformation> Rotation. Entrez un angle de 18 degrés et cliquez sur OK. Placez ce groupe comme indiqué dans la deuxième image.


Étape 22

Sélectionnez le groupe modifié à l'étape précédente et accédez à Objet> Transformation> Refléter. Cochez le bouton Vertical et cliquez sur le bouton Copier. Sélectionnez le groupe nouvellement créé et placez-le comme indiqué dans la troisième image..


Étape 23

À l’aide de l’outil Rectangle (M), créez une forme de 18 x 170 pixels, remplissez-la de R = 80 G = 80 B = 80 et placez-la comme indiqué dans la première image. Continuez avec l'outil Rectangle (M), créez une forme de 18 x 185px, remplissez-la avec R = 80 G = 80 B = 80 et placez-la comme indiqué dans la première image. Sélectionnez les deux rectangles et envoyez-les à l'arrière (Maj + Ctrl + [).


Étape 24

Sélectionnez le rectangle de gauche créé à l'étape précédente et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous, cliquez sur OK et concentrez-vous sur le panneau Apparence. Sélectionnez le remplissage et allez à Effet> Styliser> Inner Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.


Étape 25

Sélectionnez l'autre rectangle gris et sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 15 pixels, cliquez sur OK et sélectionnez Effet> Déformation> Arc. Entrez les propriétés indiquées dans l'image suivante, cliquez sur OK, puis sélectionnez Effet> Warp> Shell supérieur. Entrez les propriétés indiquées ci-dessous, cliquez sur OK et accédez à Effet> Styliser> Ombre portée. Entrez les données affichées dans l'image suivante, cliquez sur OK et mettez en évidence le panneau Apparence. Sélectionnez le remplissage et allez à Effet> Styliser> Inner Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.


Étape 26

À l'aide de l'outil Rectangle (M), créez une forme de 28 x 70 pixels, remplissez-la avec le dégradé linéaire illustré ci-dessous et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et sélectionnez Effet> Déformation> Renflement. Entrez les données affichées dans l'image suivante, cliquez sur OK et sélectionnez Objet> Développer l'apparence..


Étape 27

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 effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le bas à l'aide de la flèche vers le bas depuis votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme résultante avec du blanc et changez le mode de fusion en superposition.


Étape 28

Sélectionnez la forme créée à la vingt-sixième étape et accédez à Objet> Chemin> Décalage du chemin. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le haut à l'aide de la flèche vers le haut de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplir la forme résultante avec R = 200 G = 136 B = 26.


Étape 29

Sélectionnez la forme créée à la vingt-sixième étape, concentrez-vous sur le panneau Apparence et ajoutez un trait de 3 points. Sélectionnez-le, réglez la couleur sur R = 208 G = 154 B = 62, alignez-la sur l'intérieur et abaissez l'opacité à 25%. Continuez à vous concentrer sur le panneau Apparence et ajoutez un second trait pour cette forme à l'aide du bouton Ajouter un nouveau trait (indiqué par la petite flèche bleue). Sélectionnez ce nouveau trait, agrandissez-le de 2 points, définissez la couleur sur R = 208 G = 154 B = 62, alignez-le sur l'intérieur et abaissez l'opacité à 25%. Ajouter un troisième trait pour votre forme, la faire 1 pt de large, aligner à l'intérieur et définir la couleur à R = 208 G = 154 B = 62.


Étape 30

Concentrez-vous sur le dessus de la forme modifiée à l'étape précédente. À l'aide de l'outil Rectangle (M), créez une forme de 28 x 30 pixels, remplissez-la avec le dégradé linéaire illustré ci-dessous, placez-la comme indiqué dans l'image suivante et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et sélectionnez Effet> Déformation> Renflement. Entrez les propriétés indiquées dans l'image suivante, cliquez sur OK et sélectionnez Objet> Développer l'apparence..


Étape 31

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 effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le bas à l'aide de la flèche vers le bas depuis votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme résultante avec du blanc et changez le mode de fusion en superposition.


Étape 32

Sélectionnez la forme créée à la trentième étape et accédez à Objet> Chemin> Chemin décalé. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la d'une pixel vers le haut à l'aide de la flèche vers le haut de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme résultante avec R = 200 G = 136 B = 26. Resélectionnez la forme créée à la trentième étape et concentrez-vous sur le panneau Apparence. Ajoutez un trait de 1 pt, alignez-le à l'intérieur et réglez la couleur sur R = 208 G = 154 B = 62.


Étape 33

Choisissez l'outil Rectangle (M) et créez une forme de 14 x 32 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous, placez-le comme indiqué dans l'image suivante et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1 px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..


Étape 34

Sélectionnez la forme créée à l'étape précédente et effectuez deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et déplacez-la 1px vers la gauche. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 208 G = 154 B = 62.


Étape 35

Sélectionnez la forme créée à la trente-troisième étape et effectuez deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et déplacez-la 1px vers la droite. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 208 G = 154 B = 62.


Étape 36

Sélectionnez la forme créée à la trente-troisième étape et effectuez deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie supérieure et déplacez-la 1px vers le haut. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 200 G = 136 B = 26.


Étape 37

Sélectionnez la forme créée à la trente-troisième étape et accédez à Objet> Chemin> Décalage du chemin. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie et déplacez-la 1px vers le bas. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme résultante avec du blanc et changez le mode de fusion en superposition.


Étape 38

À l’aide de l’outil Rectangle (M), créez une forme de 20 x 11 pixels et placez-la comme indiqué dans la première image. Remplissez-le avec aucun, mais ajoutez un trait de 3 points. Choisissez une couleur aléatoire pour le trait, puis choisissez Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et sélectionnez Objet> Chemin> Contour du contour. Sélectionnez la forme obtenue, envoyez-la à l'arrière-plan et concentrez-vous sur le panneau Apparence. Remplissez-le avec le dégradé linéaire indiqué ci-dessous puis ajoutez un trait d'un trait et définissez sa couleur sur R = 208 G = 154 B = 62.


Étape 39

À l’aide de l’outil Rectangle (M), créez une forme de 20 x 1 px, remplissez-la de R = 208 G = 154 B = 62 et placez-la comme indiqué dans la première image. Assurez-vous que ce mince rectangle est sélectionné et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 0,5 pixels, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Entrez les propriétés indiquées ci-dessous, cliquez sur OK et accédez à Effet> Déformer et transformer> Transformer. Entrez les données affichées dans l'image suivante et cliquez sur OK.


Étape 40

Sélectionnez toutes les formes créées au cours des quatorze dernières étapes et regroupez-les (Contrôle + G). Sélectionnez ce nouveau groupe et ajoutez les trois effets Ombre portée illustrés dans l'image suivante (commencez par celui de gauche)..


Étape 41

Sélectionnez le groupe créé à l'étape précédente et effectuez une copie devant (Contrôle + C> Contrôle + F). Placez ces deux groupes comme indiqué dans l'image suivante.


Étape 42

Enfin, ajoutons un joli fond. A l’aide de l’outil Rectangle (M), créez une forme de la taille de votre planche d’art et remplissez-la avec R = 225 G = 225 B = 215. Assurez-vous que ce rectangle reste sélectionné et faites la mise au point sur le panneau Apparence. Ajoutez un second remplissage pour cette forme à l’aide du bouton Ajouter un nouveau remplissage (indiqué par la petite flèche bleue). Sélectionnez ce nouveau remplissage et utilisez le dégradé radial indiqué dans l'image suivante. Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité.

Retournez dans le panneau Apparence et ajoutez un troisième remplissage à votre forme d'arrière-plan. Sélectionnez-le, faites-le en noir, changez le mode de fusion en Multiplier, baissez son opacité à 3% et accédez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées ci-dessous, cliquez sur OK, retournez au panneau Apparence et ajoutez un quatrième remplissage. Vous aurez besoin d'un modèle intégré pour ce remplissage final.

Accédez au panneau Nuancier, ouvrez le menu déroulant et sélectionnez Ouvrir la bibliothèque de nuanciers> Motifs> Graphiques de base> Textures_de_globe de base. Une nouvelle fenêtre avec un ensemble de modèles intégrés devrait s'ouvrir. Assurez-vous que le quatrième remplissage est toujours sélectionné, ajoutez le motif "Diamant", diminuez son opacité à 10%, changez le mode de fusion en Multiplier et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées ci-dessous, cliquez sur OK et vous avez terminé.


Conclusion

Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..