Share
Dans ce didacticiel, vous apprendrez à créer un périphérique Bluetooth à l'aide de certains des outils de base disponibles dans Adobe Illustrator. Pour construire ce superbe appareil, vous utiliserez des coins ronds, un chemin déporté et Pathfinder..
Créez un rectangle de 148px par 230px et accédez à Effet> Styliser> Coins arrondis, définissez le Rayon sur: 40px, puis cliquez sur OK. Copiez et collez le rectangle arrondi à l'aide de Ctrl + C suivi de Ctrl + F. Déplacez la copie de quelques pixels vers le bas, ouvrez le panneau Apparence, cliquez sur le calque Arrondis et réglez le rayon sur: 70px, regardez l'image ci-dessous. pour référence.
Sélectionnez les deux formes et allez à Objet> Développer l'apparence, ouvrez le panneau Pathfinder, cliquez sur le bouton Unir et remplissez la nouvelle forme de noir..
Copiez la forme de l'étape précédente en utilisant les touches Ctrl + C, puis Ctrl + F, déplacez la copie de 7 à 8 pixels vers la gauche, changez la couleur en blanc et sélectionnez Objet> Chemin> Chemin de décalage, définissez le décalage sur: 2, 5px, cliquez sur OK. Changez la couleur de la nouvelle forme en noir, puis sélectionnez les deux formes arrière et sélectionnez Objet> Fusion> Créer (Alt + Ctrl + B)..
Sélectionnez la forme qui est apparue au-dessus des autres formes et allez à Objet> Transformer> Échelle, entrez les paramètres suivants: Uniforme, Échelle: 98% et cliquez sur le bouton Copier..
Créez un rectangle avec une largeur de 4 px et une hauteur supérieure à la forme apparue à l'étape précédente. Centrez le rectangle, puis créez un autre rectangle avec une hauteur de 3px et plus large que la forme apparue à l'étape précédente, positionnez les rectangles comme indiqué dans l'image ci-dessous. Sélectionnez les deux rectangles que vous venez de créer, ouvrez le panneau Pathfinder, cliquez sur le bouton Ajouter à la zone de forme, puis sélectionnez la forme de l'étape précédente et la forme qui vient d'apparaître, ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant..
Sélectionnez le groupe contenant les quatre formes apparues à l'étape précédente, copiez-le à l'aide de Ctrl + C suivi de Ctrl + F et remplissez les formes avec un dégradé linéaire, comme indiqué dans l'image ci-dessous..
Créez un rectangle noir de 58px par 81px et allez à Effet> Styliser> Coins arrondis, réglez le Rayon sur: 25px, cliquez sur OK et allez à Objet> Développer l'apparence et déplacez la forme comme indiqué dans l'image ci-dessous..
La forme de l'étape précédente étant toujours sélectionnée, accédez à Objet> Chemin> Décalage, définissez le décalage sur: -2px, cliquez sur OK, puis à l'aide de l'outil Maillage (U), cliquez sur le côté intérieur de la forme à différents endroits. et corrigez les couleurs comme indiqué dans l'image ci-dessous.
Créez une ellipse noire de 135 pixels par 130 pixels dans une position comme dans l'exemple ci-dessous, puis sélectionnez Objet> Chemin> Chemin d'accès, réglez le décalage sur: -3 pixels, cliquez sur OK et remplissez la forme avec un dégradé linéaire, comme indiqué..
L'ellipse étant toujours sélectionnée, accédez à Objet> Chemin> Décalage, définissez le décalage sur: -2px, cliquez sur OK et remplissez la forme avec un dégradé linéaire avec des couleurs allant du noir à R: 26 G: 26 B: 26, Angle: 32 degrés.
La forme étant toujours sélectionnée, accédez à Objet> Chemin> Chemin décalé, définissez le décalage sur: -9 pixels, cliquez sur OK et remplissez-le avec un dégradé radial avec des couleurs de R: 102 G: 102 B: 102 à R: 26 G: 26 B: 26.
Nous devons utiliser la même technique à nouveau. Par conséquent, avec la forme de l'étape précédente toujours sélectionnée, accédez à Objet> Chemin> Chemin de décalage, puis réglez le décalage sur: -2px, cliquez sur OK et remplissez-le de noir..
Appliquez un décalage à la forme de l'étape précédente. Pour ce faire, sélectionnez la forme, sélectionnez Objet> Chemin> Décalage, définissez le décalage sur: -2px, cliquez sur OK et remplissez-le avec R: 26 G: 26 B: 26.
Avec l'outil Plume (P), ajoutez des formes sur les boutons, appliquez un trait conique blanc de 0,1 px, ajoutez également les icônes nécessaires aux boutons, consultez l'image ci-dessous à titre de référence..
Créez un cercle noir de 45px par 45px au centre de la dernière ellipse et accédez à Objet> Chemin> Chemin de décalage, définissez le décalage sur: -1px, cliquez sur OK et remplissez-le avec un dégradé radial avec les couleurs de R: 102 G: 102 B: 102 à R: 26 G: 26 B: 26.
Appliquez un décalage de -1px au dernier cercle et remplissez-le avec R: 26 G: 26 B: 26, puis sélectionnez toutes les formes du Bluetooth et regroupez-les en allant à Objet> Groupe..
Nous allons maintenant créer la couverture pour le Bluetooth Créer 3 rectangles avec l'outil Rectangle (M), le premier aura 144px sur 121px, le second 170px sur 176px et le troisième 177px sur 75px, autour des coins des 3 rectangles avec un rayon de: 12px. Placez les rectangles les uns sur les autres, comme indiqué ci-dessous, puis sélectionnez Objet> Développer l'apparence. Ouvrez le panneau Pathfinder et cliquez sur le bouton Unite, regardez l'image ci-dessous.
Avec la forme de l'étape précédente sélectionnée, remplissez-la d'un dégradé linéaire avec les couleurs R: 66 G: 66 B: 66 à R: 91 G: 91 B: 93.
Comme indiqué ci-dessous, créez un rectangle noir de 125px par 240px par-dessus la forme précédente et arrondissez les coins avec un rayon de 7px.
La forme étant toujours sélectionnée, accédez à Objet> Chemin> Décalage, puis réglez le décalage sur: -1 px, cliquez sur OK et remplissez-le avec un dégradé linéaire avec des couleurs de R: 85 G: 85 B: 87 à R: 127 G : 126 B: 132, Angle: 90.
Créez un rectangle noir de 100 pixels sur 55 pixels, sélectionnez Effet> Styliser> Coins arrondis, puis définissez le rayon sur: 6 pixels, puis cliquez sur Objet> Agrandir l’apparence et positionnez la forme dans la partie inférieure de la couverture. Avec la forme toujours sélectionnée, allez à Objet> Chemin> Chemin de décalage, et définissez le décalage sur: -1 px, cliquez sur OK. Remplissez la forme obtenue avec un dégradé radial avec les couleurs R: 127 G: 126 B: 132 à R: 66 G: 66 B: 66. Sélectionnez la première forme que vous avez créée pour la couverture à l'aide des touches Ctrl + C, puis Ctrl + F, puis déplacez-la sur toutes les autres en accédant à Objet> Arranger> Premier plan. Sélectionnez les formes que vous avez créées précédemment et la forme que vous avez déplacées par-dessus les autres et accédez à Objet> Masque d'écrêtage> Créer (Contrôle + 7)..
En utilisant la même technique, ajoutez les formes ci-dessous.
Créez une forme à l'emplacement indiqué dans l'image ci-dessous à l'aide de l'outil Plume (P), remplissez-la d'un dégradé linéaire avec des couleurs allant du gris au noir. Appliquez une ombre portée en sélectionnant Effet> Styliser> Ombre portée et entrez les paramètres suivants: Mode: Normal, Opacité: 30%, Décalage X: 8px, Décalage Y: 8px, Flou: 2px, cliquez sur OK. Copiez la forme à l'aide des touches Ctrl + F puis Ctrl + F, retournez-la horizontalement et positionnez-la de l'autre côté du capot..
Créez un rectangle de 177px par 162px, remplissez-le de dégradé linéaire comme indiqué dans l'image ci-dessous..
La forme étant toujours sélectionnée, envoyez-la derrière toutes les autres en allant dans Objet> Organiser> Envoyer à l'arrière.
Maintenant, sélectionnez la forme que vous avez envoyée derrière les autres, allez à Objet> Chemin> Chemin de décalage, réglez le décalage sur: -2,5 pixels, cliquez sur OK et changez la couleur en noir.
Créez un rectangle aussi large que celui de l'étape 24 (dans ce cas, 177px) et configurez la hauteur à 32px. Arrondissez les angles de la forme en sélectionnant Effet> Styliser> Coins arrondis, définissez le rayon sur: 6px, cliquez sur OK, sélectionnez Objet> Développez l'apparence et remplissez la forme avec le dégradé de l'étape 24. Déplacez la forme en position et corrigez le haut. points du rectangle, comme indiqué ci-dessous.
La forme étant toujours sélectionnée, copiez-la à l'aide de Ctrl + C puis de Ctrl + F et remplissez-la avec un dégradé linéaire, comme indiqué ci-dessous, puis changez le mode de fusion de Normal à Color Dodge.
Nous devons maintenant placer le périphérique Bluetooth à l'intérieur de la couverture. Pour ce faire, sélectionnez le groupe contenant les formes de Bluetooth et positionnez-le entre les formes, comme indiqué dans l'image ci-dessous..
Pour terminer votre illustration, vous pouvez suivre les instructions d'un tutoriel que j'ai écrit précédemment pour créer un effet 3D. Expérimentez différentes valeurs dans les options Extrusion et Bevel pour trouver le résultat qui vous convient. Vous trouverez ci-dessous différentes manières d’afficher le périphérique. J'espère que vous avez apprécié cette tut.
Accentsconagua