Share
Dans le didacticiel suivant, vous apprendrez à créer une illustration de bouteille de savon liquide. Nous allons commencer par une base 3D et ajouter des détails et des modes de fusion pour créer une illustration vectorielle stylisée et raffinée..
Créez un nouveau document en appuyant sur Commande + N. Entrez 600 px dans les zones Largeur et 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). Ensuite, vous aurez besoin d'une grille toutes les 5px. Allez dans Edition> Préférences> Guides> 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.
À l'aide de l'outil Rectangle (M), créez une forme de 80 x 170 pixels, remplissez-la d'un gris aléatoire et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Concentrez-vous sur le dessus de la forme créée à l'étape précédente. Avec l'outil Rectangle (M), créez une forme de 40 x 20 pixels, remplissez-la d'un gris aléatoire, placez-la comme indiqué dans l'image suivante et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
À l'aide de l'outil Rectangle (M), créez une forme de 30 x 15 pixels, remplissez-la d'un gris aléatoire, placez-la comme indiqué dans l'image suivante et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Avec l'outil Rectangle (M), créez une forme de 10 x 25 pixels, remplissez-la d'un gris aléatoire et placez-la comme indiqué dans l'image suivante..
Avec l'outil Rectangle (M), créez une forme de 40 x 5 pixels, remplissez-la d'un gris aléatoire et placez-la comme indiqué dans l'image suivante..
Basculez sur l'outil Ellipse (L), créez une forme de 40 x 10 pixels et placez-la comme indiqué dans la deuxième image. Sélectionnez-le avec le rectangle créé au début de l'étape et cliquez sur le bouton Unir du panneau Pathfinder..
Ensuite, vous avez besoin du script Round Any Corner. Vous pouvez le trouver dans l'article Vectortuts + 20 Scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, revenez à Illustrator et récupérez l’outil de sélection directe (A). Sélectionnez les deux points d'ancrage mis en surbrillance dans la troisième image et allez simplement dans Fichier> Scripts> Autre script. Ouvrez le script Round Any Corner, entrez un rayon de 3 px et cliquez sur OK. En fin de compte, vos formes doivent ressembler à la quatrième image..
Resélectionnez toutes les formes créées jusqu'à présent et cliquez sur le bouton Unir du panneau Pathfinder. Remplir la forme résultante avec R = 235 G = 235 B = 235.
À l'aide de l'outil Rectangle (M), créez une forme de 45 x 240 pixels et placez-la comme indiqué dans la première image. Assurez-vous qu'il recouvre la moitié gauche de la forme créée à l'étape précédente. Sélectionnez les deux formes et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Accédez au panneau Calques, double-cliquez sur cette nouvelle forme et nommez-la "3D"..
Resélectionnez "3D" et allez à Effet> 3D> Révolution. Cliquez sur le bouton Plus d'options, entrez toutes les données indiquées ci-dessous, puis cliquez sur OK. Maintenant, votre forme devrait ressembler à l'image suivante. Assurez-vous qu'il est toujours sélectionné et faites une copie devant (Contrôle + C> Contrôle + F).
Ouvrez le panneau Symboles, vous devez créer un symbole simple. En utilisant l’outil Rectangle (M), créez une forme de 50 x 100 pixels et remplissez-la de blanc. Sélectionnez-le et cliquez sur le bouton Nouveau symbole en bas du panneau Symboles. Entrez "label" dans la case Nom et cliquez sur OK. Jetez un nouveau regard dans le panneau Symboles et vous devriez trouver votre nouveau symbole..
Resélectionnez la copie faite à la fin de la neuvième étape, concentrez-vous sur le panneau Apparence et ouvrez l'effet Revolve existant. Définissez la "Surface" sur "Pas d'ombrage" et cliquez sur Map Art. Allez à "Surface 3" et sélectionnez votre symbole "label" dans le menu déroulant Symbole. Placez-le comme indiqué dans l'image suivante, cliquez sur OK, puis sélectionnez Objet> Développer l'apparence..
Déplacez-vous dans le panneau Calques et concentrez-vous sur le groupe résultant de l'étape précédente. Ouvrez-le, sélectionnez uniquement la forme blanche et faites-le glisser en dehors du groupe. Resélectionnez tout le groupe et supprimez-le simplement. Revenez à cette forme blanche, réduisez son opacité à 70% et changez le mode de fusion en lumière douce..
Désactivez l'alignement sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Edition> Préférences> Général et assurez-vous que l'incrément du clavier est défini sur 1 pixel..
Resélectionnez la forme blanche de 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 le bas et la droite à l'aide des touches fléchées de votre clavier. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Sélectionnez la forme obtenue et définissez son mode de fusion sur Normal..
Resélectionnez la forme blanche créée à la douzième étape et effectuez deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du bas 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 copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme résultante avec du noir et réduisez son opacité à 10%.
Resélectionnez "3D", faites une copie devant (Contrôle + C> Contrôle + F) et amenez-la devant (Maj + Contrôle + [). Sélectionnez cette copie, concentrez-vous sur le panneau Apparence et ouvrez l'effet Revolve existant. Définissez la "Surface" sur "Pas d'ombrage", cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Déplacez-vous vers le panneau Calques, concentrez-vous sur le groupe résultant de l'étape précédente et verrouillez le reste des formes. Saisissez l'outil de sélection (V), sélectionnez les formes en surbrillance dans la première image et cliquez sur le bouton Unir du panneau Pathfinder. Remplir la forme résultante avec R = 120 G = 182 B = 100.
Sélectionnez les formes en surbrillance dans la première image et cliquez sur le bouton Unir dans le panneau Pathfinder. Remplir la forme résultante avec R = 255 G = 222 B = 23.
Sélectionnez les formes en surbrillance dans la première image et cliquez sur le bouton Unir dans le panneau Pathfinder. Remplir la forme résultante avec R = 190 G = 30 B = 45.
Sélectionnez les formes en surbrillance dans la première image et cliquez sur le bouton Unir dans le panneau Pathfinder. Remplir la forme résultante avec R = 28 G = 117 B = 188.
Sélectionnez les formes en surbrillance dans la première image et cliquez sur le bouton Unir dans le panneau Pathfinder. Remplir la forme résultante avec R = 255 G = 165 B = 189.
Ensuite, vous devez organiser les formes créées à l'étape précédente. Accédez au panneau Calques, assurez-vous que la forme rose est en bas, puis continuez avec le bleu, le rouge, le vert et le jaune..
Resélectionnez la forme jaune et concentrez-vous sur le panneau Apparence. Sélectionnez le remplissage, remplacez le jaune par R = 39 G = 170 B = 225 et remplacez le mode de fusion par Color Burn..
Resélectionnez la forme modifiée à l'étape précédente et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez-le avec la forme verte et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Sélectionnez la forme obtenue et concentrez-vous sur le panneau Apparence. Sélectionnez le remplissage, remplacez le vert par R = 39 G = 170 B = 225 et remplacez le mode de fusion par Color Burn..
Resélectionnez la forme modifiée à l'étape précédente, concentrez-vous sur le panneau Apparence et ajoutez un second remplissage à l'aide du bouton Ajouter un nouveau remplissage. Sélectionnez-le, réduisez son opacité à 50%, changez le mode de fusion en Multiplier et ajoutez le dégradé linéaire indiqué sous la première image..
Continuez à vous concentrer sur le panneau Apparence, assurez-vous que le nouveau remplissage est toujours sélectionné et cliquez sur le bouton Dupliquer l'élément sélectionné pour ajouter un troisième remplissage. Sélectionnez-le et inversez l'angle utilisé pour le dégradé. Accédez au panneau Nuancier et enregistrez le dégradé utilisé à cette étape. Vous en aurez besoin encore.
Resélectionnez la forme modifiée à l'étape précédente et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez-le avec la forme rouge et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Sélectionnez la forme obtenue et concentrez-vous sur le panneau Apparence. Sélectionnez le remplissage, remplacez le rouge par R = 39 G = 170 B = 225 et remplacez le Mode de fusion par Color Burn. Ajoutez un second remplissage pour cette forme et sélectionnez-le dans le panneau Apparence. Réduisez son opacité à 50%, modifiez le mode de fusion sur Multiplier et ajoutez le dégradé linéaire enregistré à l'étape précédente..
Resélectionnez la forme modifiée à l'étape précédente et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez-le avec la forme bleue et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Sélectionnez la forme obtenue et concentrez-vous sur le panneau Apparence. Sélectionnez le remplissage, remplacez le bleu par R = 39 G = 170 B = 225 et remplacez le Mode de fusion par Color Burn. Ajoutez un second remplissage pour cette forme, réduisez son opacité à 50%, changez le mode de fusion en Multiplier et ajoutez le dégradé linéaire enregistré à la vingtième étape..
Resélectionnez la forme modifiée à l'étape précédente et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez-le avec la forme de sélection et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Sélectionnez la forme obtenue, effectuez une copie devant (Contrôle + C> Contrôle + F) et renvoyez-la à l'arrière (Maj + Contrôle + [). Vous aurez besoin de cette copie plus tard.
Sélectionnez la forme rose avant et concentrez-vous sur le panneau Apparence. Sélectionnez le remplissage, remplacez le rose par R = 39 G = 170 B = 225 et remplacez le Mode de fusion par Color Burn. Ajoutez un second remplissage pour cette forme, réduisez son opacité à 20%, changez le mode de fusion en Multiplier et ajoutez le dégradé linéaire présenté dans l'image suivante..
Resélectionnez cette forme rose dans la partie inférieure du panneau Calques, placez-la au premier plan (Maj + Ctrl +]) et effectuez deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F)..
Activer l'alignement sur la grille (Affichage> Aligner sur la grille). Prenez l'outil Ellipse (L), créez une forme de 160 x 335 pixels et placez-le comme indiqué dans la première image. Sélectionnez-le avec l'une des formes roses et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image suivante, réduisez son opacité à 10% et réglez le mode de fusion sur Superposition..
À l’aide de l’outil Ellipse (L), créez une forme de 160 x 335 pixels et placez-la comme indiqué dans la première image. Sélectionnez-le avec l'une des formes roses et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image suivante, réduisez son opacité à 10% et réglez le mode de fusion sur Superposition..
À l’aide de l’outil Ellipse (L), créez une forme de 160 x 335 pixels et placez-la comme indiqué dans la première image. Sélectionnez-le avec la forme rose restante et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image suivante, réduisez son opacité à 10% et réglez le mode de fusion sur Superposition..
Pour les étapes suivantes, vous aurez besoin d’une grille toutes les 1px. Alors, allez dans Edition> Préférences> Guides et grille et entrez 1 dans le quadrillage chaque case. À l'aide de l'outil Rectangle (M), créez une forme de 36 x 22 pixels et placez-la comme indiqué dans l'image suivante. Remplissez-le avec aucun, mais ajoutez un poids de trait de 4 points, définissez sa couleur sur R = 150 G = 150 B = 150 et alignez-le sur l'intérieur. Continuez à vous concentrer sur cette forme et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 10 pixels, cliquez sur OK pour obtenir Objet> Chemin> Contour du contour.
Avec l'outil Rectangle (M), créez une forme de 27 x 7 pixels et placez-la comme indiqué dans la première image. Sélectionnez-le avec la forme créée à l'étape précédente et cliquez sur le bouton Intersection du panneau Pathfinder..
Désactivez l'alignement sur la grille (Affichage> Aligner sur la grille). Resé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 le haut et la droite. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 110 G = 110 B = 110.
Resélectionnez la forme réalisée à la trentième étape et faites une copie devant (Contrôle + C> Contrôle + F). Sélectionnez-le, déplacez-le 1px vers la gauche, puis dupliquez-le (Contrôle + C> Contrôle + F). Sélectionnez cette nouvelle copie et déplacez-la 1px vers le bas et vers la gauche. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image finale.
Resélectionnez la forme créée à la trentième étape, faites une copie devant (Contrôle + C> Contrôle + F) et amenez-la au premier plan (Maj + Contrôle + [). Sélectionnez-le, remplissez-le avec R = 39 G = 170 B = 225 et changez le Mode de fusion en Gravure sur couleur..
Activer l'alignement sur la grille (Affichage> Aligner sur la grille). Saisissez l'outil Rectangle (M), créez une forme de 1 x 4 pixels, placez-le comme indiqué dans l'image suivante et remplissez-le avec le dégradé linéaire présenté ci-dessous..
Désactivez l'alignement sur la grille (Affichage> Aligner sur la grille). Avec l'outil Crayon (P), tracez un tracé similaire à celui présenté dans l'image suivante et remplissez-le avec le dégradé linéaire présenté ci-dessous..
Resélectionnez la forme créée à l'étape précédente, concentrez-vous sur le panneau Apparence et ajoutez un second remplissage. Sélectionnez-le, définissez sa couleur sur R = 255 G = 217 B = 227 et sélectionnez Effet> Chemin> Décalage du chemin. Entrez un décalage -1px et cliquez sur OK.
Continuez à vous concentrer sur la forme rose et ajoutez un troisième remplissage. Sélectionnez-le, définissez sa couleur sur R = 255 G = 240 B = 245 et sélectionnez Effet> Chemin> Décalage du chemin. Entrez un décalage de -3px, cliquez sur OK et sélectionnez Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Activer l'alignement sur la grille (Affichage> Aligner sur la grille). Prenez l'outil Ellipse (L), créez une forme de 83 x 33 pixels, remplissez-le de noir, baissez son opacité à 15% et placez-le comme indiqué dans l'image suivante.
À l'aide de l'outil Ellipse (L), créez une forme de 87 x 37 pixels, remplissez-la avec le dégradé linéaire illustré ci-dessous, baissez son opacité à 10% et placez-la comme indiqué dans l'image suivante..
Dupliquez la forme créée à l'étape précédente (Contrôle + C> Contrôle + F). Sélectionnez cette copie, remplissez-la de noir et allez à Effet> Flou> Flou gaussien. Entrez un rayon de 3px et cliquez sur OK.
Resélectionnez les trois formes créées lors des trois dernières étapes, regroupez-les (Contrôle + G) puis renvoyez-les à l'arrière (Maj + Contrôle + [).
Enfin, voici comment vous pouvez facilement recolorer votre bouteille. Resélectionnez les formes remplies avec R = 39 G = 170 B = 225 et changez simplement la couleur.
En chassant légèrement les couleurs, vous pouvez créer diverses versions de cette illustration de bouteille. Jusqu'à la prochaine fois, j'espère que vous avez apprécié ce tutoriel.
Accentsconagua