Share
Dans ce tutoriel, je vais vous montrer comment créer un lecteur de DVD interactif dans Illustrator. Pour atteindre le résultat final, nous allons utiliser l'outil Outil Rectangle arrondi, l'option 3D> Extruder et biseautage et l'option Cartographie.
Ouvrez un nouveau document aux dimensions 900px / 1200px, sélectionnez l'outil Rectangle arrondi et créez un rectangle ayant les dimensions suivantes: largeur: 639px, hauteur: 939px, rayon de coin: 40px.
Créez un autre rectangle avec les dimensions suivantes: Largeur: 520px, Hauteur: 66px, Rayon d’angle: 40px dans la partie supérieure du premier rectangle en position indiquée ci-dessous:
Maintenant, sélectionnez les deux rectangles que vous avez créés précédemment, ouvrez le panneau Pathfinder en allant dans Fenêtre> Pathfinder (Maj + Commande + F9) et cliquez sur le bouton Moins avant..
Choisissez l'outil Rectangle (M), créez un rectangle aux dimensions 563px / 390px et remplissez-le avec le dégradé linéaire en allant dans Fenêtre> Bibliothèques d'échantillons> Dégradés> Métaux, sélectionnez le dégradé argenté..
Comme le dernier rectangle que vous avez créé est toujours sélectionné, allez à Objet> Chemin> Chemin décalé, sélectionnez Décalage: -4 px, puis cliquez sur OK et remplissez le rectangle nouvellement créé avec un dégradé linéaire du gris au gris foncé..
Maintenant, choisissez l'outil Plume (P) et tracez une ligne au bas du dernier rectangle créé ainsi que dans la partie gauche. Désactivez la couleur de remplissage et appliquez la couleur de trait: noir et poids: 5px.
Choisissez l'outil Rectangle (M) et créez un rectangle sous l'écran du DVD avec la même largeur que le rectangle de l'étape 1. Remplissez de noir, créez un cercle de dimensions: 130px / 130px, positionnez-le sur le côté droit du rectangle précédent..
Sélectionnez le rectangle et le cercle, ouvrez le panneau Pathfinder et cliquez sur le bouton Ajouter à la zone de forme..
La forme créée à l'étape 8 étant toujours sélectionnée, accédez à Objet> Chemin> Décalage, dans la fenêtre, définissez Décalage: -2 pixels, appuyez sur OK et modifiez la couleur de remplissage en R = 51 G = 51 B = 51.
Sélectionnez l'outil Ellipse (L) et créez un cercle sur la dernière forme créée à droite, apparue après l'application du décalage. Remplir de blanc.
Avec le cercle toujours sélectionné, sélectionnez Objet> Chemin> Décalage du chemin et définissez Offset: -1px. Cliquez sur OK et remplissez avec Dégradé linéaire - Fenêtre> Bibliothèques d'échantillons> Dégradés> Métaux et sélectionnez le dégradé Chrome. Tout de suite après, allez à Effet> Flou> Flou radial, définissez Montant: 100, Méthode de flou: Rotation, Qualité: Bon, puis cliquez sur OK..
Avec le cercle que vous avez appliqué au flou radial toujours sélectionné, allez à Objet> Chemin> Décalage du chemin et dans la nouvelle fenêtre d’ouverture, définissez Décalage: -20px et cliquez sur OK..
Avec le cercle toujours sélectionné, ouvrez le panneau Apparence en allant dans Fenêtre> Apparence (Maj + F6), supprimez l’effet Flou radial en le sélectionnant avec la souris, en le faisant glisser vers le bac et en le remplissant avec le dégradé linéaire, comme indiqué dans l’image. au dessous de.
Avec le cercle toujours sélectionné, allez à Objet> Chemin> Chemin décalé, définissez Décalage: -4px, cliquez sur OK et modifiez la couleur de remplissage en noir..
Choisissez l'outil Rectangle arrondi et créez une ellipse aux dimensions suivantes: Largeur: 30px Hauteur: 15px Rayon d'angle: 40 px. Remplissez de noir et déplacez l'ellipse dans la position indiquée dans l'image ci-dessous.
Avec l'ellipse toujours sélectionnée, allez à Objet> Chemin> Chemin de décalage et dans la nouvelle fenêtre, définissez le décalage: -2 pixels. Cliquez sur OK et remplissez l'ellipse nouvellement créée avec le dégradé linéaire contenant les couleurs allant du gris au noir, puis déplacez l'ellipse de quelques pixels vers le bas et vers la gauche..
Sélectionnez les deux dernières ellipses et regroupez-les. Pour ce faire, sélectionnez les deux ellipses et accédez à Objet> Groupe (Commande + G). Avec les deux ellipses sélectionnées, allez à Effet> Déformer et transformer> Transformer, dans la nouvelle fenêtre, définissez Copies: 9, Move: Horizontal 45px. Activez Aperçu pour voir le résultat final. Si vous êtes satisfait, cliquez sur OK..
Choisissez l'outil Ellipse (L) et créez un cercle de dimensions: 12px / 12px sous les formes de l'étape 17 et remplissez-le de la couleur R = 128, G = 128, B = 128..
Le cercle toujours sélectionné, accédez à Effet> Déformer et transformer> Transformer, choisissez les paramètres suivants dans la nouvelle fenêtre de dialogue: Copies: 35 Horizontal: 16px et cliquez sur OK..
Les cercles nouvellement créés étant toujours sélectionnés, accédez à Effet> Déformer et transformer> Transformer et choisissez les paramètres suivants dans la nouvelle fenêtre: Copies: 3 Vertical: -16. Cliquez sur OK et tout de suite après, allez à Objet> Développer l'apparence..
Copiez les cercles de l'étape 20 à l'aide de Commande + C suivi de Commande + F, changez la couleur de remplissage en noir et déplacez les copies un peu vers le bas et légèrement vers la gauche, comme indiqué dans l'image ci-dessous..
Choisissez l'outil Rectangle arrondi et créez un rectangle de dimensions: 570px / 30px et Rayon d'angle: 40px. Remplir de noir.
La dernière forme que vous avez créée étant toujours sélectionnée, allez à Objet> Chemin> Chemin décalé et, dans la nouvelle fenêtre, définissez Décalage: -2 pixels, puis cliquez sur OK. Ensuite, changez la couleur de remplissage en gris et déplacez la forme créée que vous avez appliquée Offset légèrement vers le haut et vers la droite..
Sélectionnez toutes les formes à l'exception de la forme de l'étape 2 et regroupez-les en sélectionnant Objet> Groupe (Commande + G)..
Sélectionnez le groupe que vous venez de créer, ouvrez le panneau de symboles (Maj + Commande + F11), faites glisser les formes dans le panneau de symboles. Cela créera un nouveau symbole, qui sera utilisé dans les prochaines étapes..
Sélectionnez maintenant la forme à l'étape 2 et allez à Effet> 3D> Extruder et biseauter, puis choisissez les paramètres suivants dans la nouvelle fenêtre: Spécifier la rotation autour de l'axe X: -26, Spécifier la rotation autour de l'axe Y: 30, Spécifier la rotation autour de Axe Z: -35, perspective: 45, profondeur d'extrusion: 100 pts.
Activez Aperçu pour voir la perspective et cliquez sur OK dans le bouton Art. Dans la nouvelle fenêtre, sélectionnez le symbole que vous avez créé à l'étape précédente et cliquez sur OK..
Le joueur étant toujours sélectionné, sélectionnez Objet> Développer l'apparence, puis dissociez les formes en sélectionnant Objet> Dissocier (Maj + Commande + G), sélectionnez les formes latérales du lecteur et ouvrez le panneau Pathfinder (Maj + Commande + F9). , cliquez sur le bouton Ajouter à la zone de forme et remplissez avec le dégradé linéaire, comme indiqué dans l'image ci-dessous.
Sélectionnez les formes comme indiqué sur l'image ci-dessous, ouvrez le panneau Pathfinder (Maj + Commande + F9), cliquez sur le bouton Ajouter à la zone de forme et remplissez-le avec le dégradé linéaire comme indiqué ci-dessous..
Sélectionnez la forme principale du lecteur à l'aide de l'outil de sélection directe (A) et remplissez-la de dégradé linéaire..
Copiez la forme que vous avez remplie avec le dégradé linéaire de l'étape précédente à l'aide de Commande + C et placez-la en haut de Commande + F..
Avec la forme que vous avez positionnée par-dessus les autres sélectionnés, allez à Objet> Chemin> Chemin décalé et dans la nouvelle fenêtre, définissez Décalage: -4px et cliquez sur OK. De cette façon, nous dupliquerons la forme dans une taille plus petite. Avec la forme plus petite toujours sélectionnée, allez à Objet> Chemin> Chemin de décalage et dans la nouvelle fenêtre, définissez Décalage: -4 px et cliquez sur OK..
Nous avons maintenant deux doublons. Vous pouvez supprimer le chemin de l'original. Sélectionnez la forme la plus grande et déplacez-la au-dessus de la forme la plus petite en sélectionnant Objet> Organiser> Avancer. Désactivez la couleur de remplissage et appliquez la couleur de trait avec un poids: 8x. La couleur n'est pas importante car nous allons remplir la forme avec le dégradé linéaire.
Avec la forme que vous avez appliquée à Couleur de trait, sélectionnez Objet> Chemin> Contour de contour et remplissez-le de dégradé linéaire..
Maintenant, sélectionnez la copie qui est restée sous la forme précédente. Désactivez la couleur de remplissage et appliquez la couleur de trait noir et le poids: 5px.
Sélectionnez les formes du joueur et regroupez-les en sélectionnant toutes les formes et en allant dans Objet> Groupe..
Choisissez l'outil Rectangle arrondi et créez un rectangle de dimensions: 400px / 700px; Rayon de coin: 40px. Dans les étapes suivantes, nous appliquerons un effet 3D au rectangle que nous avons créé, mais avant cela, nous devons créer le symbole auquel nous allons l'appliquer..
Choisissez l'outil Ellipse (L) et créez un cercle de dimensions 25px / 25px. Remplissez-le avec le dégradé linéaire en allant dans Fenêtre> Bibliothèques d’échantillons> Dégradés> Métaux et en sélectionnant le dégradé argenté..
Avec le cercle sélectionné, allez à Objet> Chemin> Chemin décalé et, dans la nouvelle fenêtre, définissez Décalage: -2px. Cliquez sur OK et changez la couleur en noir.
Avec le cercle noir toujours sélectionné, allez à Objet> Chemin> Chemin décalé et, dans la nouvelle fenêtre, définissez Décalage: -2 px. Cliquez sur OK et remplissez avec le dégradé linéaire avec des couleurs allant du blanc au noir. Réduisez l'opacité à 60% comme indiqué dans l'image ci-dessous.
Créez plus de formes en utilisant la même technique, ouvrez le panneau de symboles en allant dans Fenêtre> Symboles (Maj + Commande + F11) et faites glisser les formes dans le panneau de symboles.
Sélectionnez le rectangle de l'étape 35, accédez à Effet> 3D> Extruder et biseauter, puis sélectionnez les paramètres suivants: Spécifier la rotation autour de l'axe X: -26, Spécifier la rotation autour de l'axe Y: 40, Spécifier la rotation autour de l'axe Z: -35 , Perspective: 45, Profondeur d'extrusion: 100 pt. Activez Aperçu pour voir la perspective et cliquez sur le bouton Art. Dans la nouvelle fenêtre, sélectionnez le symbole que vous avez créé à l'étape précédente et cliquez sur OK..
Avec la forme nouvellement créée pour laquelle vous avez appliqué l'effet 3D, déplacez-la derrière le lecteur en allant dans Objet> Organiser> Mettre à l'arrière-plan et positionnez la forme comme indiqué dans l'image ci-dessous..
Continuez à créer les parties du lecteur. Choisissez l'outil Rectangle (M) et créez un rectangle de dimensions: 345px / 610px. Créez un autre rectangle de dimensions: 210px / 330px. Placez-le sur le précédent, ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant..
Choisissez l'outil Rectangle arrondi et créez un rectangle de dimensions: 300px / 196px, coins arrondis: 40px, puis créez un autre rectangle plus large et positionnez-le dans la partie supérieure du précédent. Sélectionnez les deux rectangles, ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant, regardez l'image ci-dessous à titre de référence.
Sélectionnez maintenant la forme à l'étape 42 et allez à Effet> 3D> Extruder et biseauter. Dans la nouvelle fenêtre, définissez les paramètres suivants: Spécifier la rotation autour de l'axe X: -69, Spécifier la rotation autour de l'axe Y: 47, Spécifier la rotation autour de l'axe Axe Z: -26, Perspective: 0, Profondeur d'extrusion: 25 pt et cliquez sur OK.
Sélectionnez la forme la plus petite et allez à Effet> 3D> Extruder et biseauter. Dans la nouvelle fenêtre, choisissez les paramètres suivants: Spécifier la rotation autour de l'axe X: -3, Spécifier la rotation autour de l'axe des ordonnées: 41 -26, Perspective: 0, Profondeur d'extrusion: 25 pt, cliquez sur OK et déplacez la forme derrière la précédente dans la position indiquée ci-dessous..
Maintenant, sélectionnez les deux dernières formes et allez à Objet> Développer l'apparence.
Choisissez l'outil de sélection directe (A), maintenez la touche Maj enfoncée, cliquez sur les côtés droits de la forme, ouvrez le panneau Pathfinder, cliquez sur le bouton Ajouter à la zone de forme et sélectionnez Objet> Arranger> Mettre au premier plan. Après cela remplissez avec le dégradé linéaire comme indiqué dans l'image ci-dessous.
Continuez à remplir les formes avec dégradé. Pour ce faire, cliquez sur la forme à remplir à l’aide de l’outil de sélection directe (A), allez au Panneau de dégradé et remplissez-le..
Envoyez la dernière forme derrière toutes les autres en allant dans Objet> Organiser> Envoyer à l’arrière (Maj + Commande + [) et positionnez-la comme indiqué..
Il est maintenant temps de créer un disque. Comment faire un CD vectoriel est un bon tutoriel sur le sujet. Une fois le disque créé, sélectionnez toutes les formes à partir du disque et accédez à Effet> 3D> Rotation. Dans la nouvelle fenêtre, sélectionnez les paramètres suivants: Spécifier la rotation autour de l'axe X: -32, Spécifier la rotation autour de l'axe Y: 51, Spécifier la rotation autour de l'axe Z: -48, cliquez sur OK et positionnez le disque entre le lecteur et la forme créée après celui-ci..
Choisissez l'outil Rectangle arrondi et créez un rectangle de dimensions: 20px / 340px et Rayon d'angle: 40px avec une couleur noire et une couleur de trait blanc, poids: 5px. Faites pivoter la forme et placez-la sous le disque. Elle devrait ressembler à l'image ci-dessous..
Pour terminer votre illustration, vous pouvez ajouter un fond d’ombre à votre guise..
Accentsconagua