Share
Dans ce tutoriel, vous allez apprendre à illustrer une webcam en utilisant des outils Adobe Illustrator, tels que: l'outil Ellipse (L), l'outil Plume (P), l'outil Rectangle (M), les dégradés et le panneau Pathfinder. Nous suivrons un flux de travail d'illustrations vectorielles professionnel. Commençons.
Prenez l’outil Ellipse (L), dessinez une ellipse de la taille W = 394 et H = 244px. Maintenant remplissez-le avec un noir à R = 159 G = 177 B = 193, couleur radiale et appliquez la couleur de trait R = 85 G = 104 B = 109 avec un poids de 1 pt.
Effectuez deux copies de la forme de l'étape précédente à l'aide de Commande + C, puis collez-les à l'aide de Commande + F. Déplacez maintenant la forme au-dessus de 10 pixels de haut. Sélectionnez les copies des deux formes que vous venez de créer, ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant. Désactivez la couleur de trait et remplissez la nouvelle forme avec un dégradé linéaire, avec les couleurs R = 47 G = 153 B = 160 à R = 29 G = 101 B = 106. Appliquez également Feather with Radius: 2px (Effect> Stylize> Feather).
Sélectionnez la forme de l'étape précédente à laquelle vous avez appliqué Feather et accédez à Objet> Chemin> Chemin décalé. Définissez le décalage sur -2 pixels, cliquez sur OK et remplissez la nouvelle forme avec une couleur R = 91 G = 196 B = 186. Ensuite, allez dans le panneau Apparence, cliquez sur l’effet Flou, réglez le rayon sur 3px, cliquez sur OK et modifiez le mode de fusion de Normal à Superposition..
Nous continuons avec la partie supérieure de la webcam. La partie inférieure de la webcam n'est pas encore terminée, mais nous y reviendrons un peu plus tard. Après avoir fait la partie supérieure, afin de pouvoir savoir comment faire la partie supérieure de l'ombre de la webcam.
Prenez l’outil Ellipse (L) et tracez un cercle de la taille W = 316 px et H = 316 px. Maintenant remplissez-le avec un dégradé linéaire en utilisant les couleurs R = 159 G = 177 B = 193 à R = 139 G = 158 B = 156. Placez la forme au-dessus de toutes les autres formes comme indiqué ci-dessous.
Avec la forme de l'étape précédente sélectionnée, allez à Objet> Chemin> Chemin décalé. Appliquer le décalage: -2px et cliquez sur OK. Remplissez maintenant la nouvelle forme avec les couleurs du dégradé radial R = 244 G = 248 B = 249 à R = 159 G = 177 B = 193.
Faites deux copies de la forme de l'étape précédente en utilisant Commande + C puis collez avec Commande + F, puis à nouveau Commande + F. Ensuite, déplacez la forme supérieure 10px vers le haut. Sélectionnez les copies des deux formes que vous venez de créer, ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant. Remplissez maintenant la nouvelle forme avec R = 200 G = 214 B = 224 couleurs.
Créez la partie supérieure de la forme de la même manière en faisant deux copies de la forme de l'étape 5, puis faites glisser la deuxième copie 2px vers le bas. Sélectionnez les deux copies, ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant et remplissez-le avec un R = 200 G = 214 B = 224 couleurs.
Prenez l'outil Ellipse (L), dessinez une ellipse de taille W = 226 px et H = 244 px, remplissez-la d'une couleur R = 211 G = 226 B = 232 et placez-la en place, comme indiqué dans l'image ci-dessous. :
Avec la forme de l'étape précédente sélectionnée, allez à Effet> Styliser> Ombre portée. Définissez les valeurs indiquées ci-dessous et cliquez sur OK.
La forme de l'étape précédente étant toujours sélectionnée, sélectionnez Objet> Chemin> Chemin décalé. Définissez le décalage sur -2 pixels et cliquez sur OK. Ouvrez maintenant le panneau d'apparence. Supprimez l'effet Ombre portée et remplissez la forme avec les couleurs du dégradé radial R = 40 G = 51 B = 55 à R = 21 G = 26 B = 28.
Dupliquer deux fois la forme de l'étape précédente. Déplacez la seconde copie de quelques pixels vers le bas et vers la droite, puis sélectionnez les deux copies. Ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant. Faites la même chose pour la partie droite de la forme, puis regroupez les deux dernières formes (Objet> Groupe) et remplissez-les de R = 61 G = 70 B = 76 couleurs. Appliquez un rayon de plume à 10 px au groupe et cliquez sur OK. Changez maintenant le mode de fusion de Normal à Multiplier et réduisez l'opacité à 20%.
Prenez l'outil Crayon (P) et faites les formes les unes sur les autres. Si les formes sortent de la forme que vous avez remplie avec un dégradé radial à l'étape 10, utilisez le panneau Pathfinder et le bouton Intersection. Remplissez-les avec un dégradé linéaire et appliquez un flou gaussien. Changez le mode de fusion de chaque forme comme indiqué ci-dessous:
Prenez l'outil Ellipse (L), dessinez une ellipse de taille W = 105 px et H = 111 px et en position comme indiqué dans l'image ci-dessous. Remplissez-le avec un dégradé linéaire en utilisant les couleurs R = 139 G = 158 B = 156 à R = 211 G = 226 B = 232.
Dupliquez deux fois la forme de l'étape précédente avec Command + C, puis collez-les à nouveau avec Command + F et Command + F. Déplacez la seconde copie de quelques pixels vers la droite, puis sélectionnez les deux formes. Ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant et remplissez la forme obtenue avec une couleur R = 35 G = 31 B = 32.
Sélectionnez la forme à l'étape 13 et accédez à Objet> Chemin> Décalage du chemin. Définissez le décalage sur -3 pixels, cliquez sur OK et remplissez la nouvelle forme avec les couleurs du dégradé linéaire R = 21 G = 26 B = 28 à R = 40 G = 51 B = 55.
Prenez l'outil Crayon (P) et commencez à ajouter des formes dans la position et la couleur indiquées ci-dessous. J'ai également appliqué le flou gaussien à certains d'entre eux, regardez les images ci-dessous pour plus de détails:
Prenez l'outil Ellipse (L), tracez une ellipse de taille W = 58 px et H = 62 px. Maintenant remplissez-le avec R = 0 G = 12 B = 15 couleur. Placez la forme comme indiqué ci-dessous:
Sélectionnez la forme de l'étape précédente et accédez à Objet> Chemin> Décalage du chemin. Définissez le décalage sur -2 pixels et cliquez sur OK. Remplissez-le ensuite avec les couleurs du dégradé linéaire R = 85 G = 104 B = 109 à R = 75 G = 93 B = 97. Déplacer la forme 1px vers la gauche.
Copiez la forme de l'étape précédente à l'aide de Commande + C, puis collez-la à l'aide de Commande + F. Utilisez l'outil Crayon (P) pour créer une autre forme sur la copie, comme indiqué dans l'image ci-dessous..
Sélectionnez maintenant la copie et la forme que vous venez de créer. Ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant et remplissez la nouvelle forme avec les couleurs du dégradé linéaire R = 211 G = 226 B = 232 au blanc avec une opacité de 0%. Puis changez le mode de fusion de la forme de Normal à Écran et réglez l’opacité à 70%..
Copiez la forme de l'étape 18 avec Command + C puis collez avec Command + F. Utilisez l'outil de sélection directe (A) pour sélectionner les points clé gauche et inférieur. Maintenant, appuyez sur Suppr sur le clavier. Puis éteignez la couleur de remplissage et appliquez un trait de 1px avec une couleur blanche.
Faites deux copies de la forme à l’étape 18, déplacez la copie supérieure 3px vers la droite, puis sélectionnez les deux copies et ouvrez le panneau Pathfinder. Cliquez sur le bouton Moins avant et changez la couleur de la forme obtenue en R = 85 G = 104 B = 109.
Copiez la forme de l'étape précédente avec Command + C puis collez avec Command + F. Utilisez maintenant l'outil Sélection directe (A) pour sélectionner et supprimer le point clé droit. Désactivez la couleur de remplissage et appliquez un trait de 1px avec R = 211 G = 226 B = 232 couleurs. Regardez la photo ci-dessous pour plus de détails:
Sélectionnez toutes les formes de la partie supérieure de la webcam et regroupez-les (Objet> Groupe).
Dans cette étape, nous allons créer l'ombre de la partie supérieure de la webcam. Pour ce faire, prenez l'outil Ellipse (L) et tracez une ellipse dans la position que vous jugez préférable, puis remplissez-la d'une couleur sombre. Appliquez un flou gaussien de 4 pixels et modifiez le mode de fusion de Normal à Multiplier avec une opacité de 50%. Utilisez maintenant l'outil Plume (P) pour ajouter les formes illustrées ci-dessous, appliquez-leur également un flou gaussien et modifiez également le mode de fusion, comme illustré ci-dessous:
Sélectionnez les formes qui représenteront l'ombre de la partie supérieure de la webcam, regroupez-les (Objet> Groupe), puis envoyez-les sous le groupe de la partie supérieure du groupe en accédant à Objet> Organiser> Envoyer en arrière. Regardez l'image ci-dessous:
Dans les prochaines étapes, nous allons faire de l’antenne de la webcam.
Prenez l'outil Rectangle (M), tracez un rectangle de taille W = 72 px et H = 332 px avec des coins arrondis de 40 px Rayon.
Avec le rectangle que vous avez arrondi aux coins sélectionnés, accédez à Objet> Développer l'apparence et remplissez la forme avec un dégradé linéaire, comme indiqué ci-dessous:
Sélectionnez la forme de l'étape précédente et accédez à Objet> Chemin> Décalage du chemin. Définissez le décalage sur -2 pixels et cliquez sur OK. Déplacez la nouvelle forme apparue après avoir appliqué Offset 1px à gauche, ouvrez le panneau de dégradé et cliquez sur le bouton Inverser le dégradé..
La dernière forme créée à l'étape précédente étant sélectionnée, allez à Objet> Chemin> Chemin de décalage, définissez le décalage sur -2 pixels, puis cliquez sur OK. Déplacez la nouvelle forme apparue après l'application de Offset 1px vers la gauche et modifiez les couleurs du dégradé..
Effectuez deux copies de la dernière forme à l'aide de Commande + C, puis collez-les avec Commande + F, puis à nouveau Commande + F. Déplacez la copie supérieure d'un pixel vers le bas et d'un pixel vers la droite. Maintenant, sélectionnez les deux copies, ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant et remplissez la forme avec du blanc.
Sélectionnez toutes les formes de l'antenne et regroupez-les (Objet> Groupe). Faites pivoter les formes du groupe jusqu'à -8 degrés et envoyez-les derrière les formes supérieures de la webcam en appliquant Objet> Organiser> Envoyer en arrière.
Copiez la forme de l'étape 28 avec Command + C, puis collez avec Command + F. Utilisez l'outil Crayon (P) pour créer une autre forme sur la copie, comme indiqué ci-dessous. Sélectionnez maintenant la copie et la forme que vous venez de créer. Ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant, remplissez la nouvelle forme avec une couleur noire, puis changez le mode de fusion de Normal à Multiplier avec 20% d'opacité..
À la fin, vous pouvez ajouter un arrière-plan et une ombre à votre guise. Voici le résultat final:
Accentsconagua