Comment utiliser la grille de perspective pour créer un téléviseur moderne

Dans ce tutoriel, vous apprendrez à créer votre propre téléviseur moderne sur un support. En utilisant la grille de perspective dans Illustrator CS5 comme base de votre travail, vous apprendrez à créer rapidement une illustration de produit avec une perspective parfaite..


Étape 1

Ouvrez un nouveau document avec la taille souhaitée. J'ai utilisé 600 x 600 px, cliquez sur l'outil Grille de perspective (Maj + P). Par défaut, vous verrez [2P Normal-View] mais nous aurons besoin de [1P Normal-View]. Pour ce faire, sélectionnez Affichage> Grille de perspective> Perspective à un point> [Vue normale 1P] et corrigez la perspective à l'aide de l'outil Grille de perspective, comme indiqué dans l'image 1.1 ci-dessous..


Étape 2

Avec l'outil Rectangle (M), créez un rectangle comme indiqué dans l'image ci-dessous et remplissez-le avec les couleurs du dégradé linéaire allant du brun au brun foncé..


Étape 3

Avec la forme de l'étape précédente sélectionnée, copiez-la à l'aide de Ctrl + C suivie de Ctrl + F, modifiez les couleurs du dégradé en R: 255 G: 228 B: 140 à R: 229 G: 178 B: 0 et modifiez le mode de fusion. de normal à multiplier.


Étape 4

A l'aide de l'outil Stylo (P), créez une forme à gauche des formes précédentes et remplissez-la d'un dégradé linéaire de couleurs R: 66 G: 33 B: 11 à R: 83 G: 71 B: 65, photo ci-dessous.


Étape 5

Avec l'outil Rectangle (M), créez un rectangle par-dessus les formes précédentes dans la position indiquée ci-dessous et remplissez-le avec le dégradé linéaire. Pour ce faire, ouvrez le panneau Dégradé. Vous avez besoin de 3 curseurs de gradient. Pour le premier de gauche à droite, définissez la couleur R: 167 G: 177 B: 177, pour le second R: 215 G: 222 B: 255, Emplacement: 50% et pour le troisième curseur de dégradé R: 239 G: 238 B: 246.


Étape 6

Copiez la forme de l'étape précédente en utilisant les touches Ctrl + F, puis Ctrl + F, choisissez l'outil Plume (P), créez une forme sur la copie comme indiqué ci-dessous, puis sélectionnez la copie et la forme que vous venez de créer, ouvrez le panneau Pathfinder. , cliquez sur le bouton Moins avant, changez la couleur en blanc et réduisez l'opacité à 60%.


Étape 7

Choisissez l'outil Rectangle (M), créez un rectangle par-dessus les formes précédentes dans la position indiquée ci-dessous et remplissez-la avec un dégradé linéaire. Pour ce faire, ouvrez le panneau Dégradé. Vous avez besoin de trois curseurs de gradient. Pour le premier de gauche à droite, définissez la couleur R: 167 G: 177 B: 177, pour le second R: 215 G: 222 B: 255 et pour le troisième curseur de dégradé, sélectionnez le noir.


Étape 8

Avec la dernière forme toujours sélectionnée, allez à Objet> Chemin> Décalage, réglez Décalage: -1 px, cliquez sur OK et remplissez la nouvelle forme avec R: 116 G: 143 B: 155.


Étape 9

Copiez la forme apparue après l'application du décalage de l'étape précédente, à l'aide des touches Ctrl + C puis Ctrl + F, à l'aide de l'outil Plume (P), créez une forme sur la copie, comme indiqué dans l'image ci-dessous. Ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant, puis remplissez la forme avec le dégradé linéaire. Vous avez besoin de deux curseurs de dégradé. Pour chaque curseur, sélectionnez le blanc et réduisez l'opacité à 0% pour le deuxième curseur de dégradé..


Étape 10

Avec l'outil Crayon (P), créez une forme à gauche des formes précédentes, comme indiqué dans l'image ci-dessous, puis remplissez-la avec R: 66 G: 33 B: 11.


Étape 11

Créez une autre forme noire sous toutes les autres formes du téléviseur et accédez à Effet> Flou> Flou gaussien, définissez le rayon sur: 15 pixels et cliquez sur OK..


Étape 12

Choisissez l'outil Rectangle (M), créez un rectangle de couleur noire, comme indiqué dans l'image ci-dessous, et envoyez-le derrière tous les autres en sélectionnant Objet> Organiser> Envoyer à l'arrière-plan..


Étape 13

A l'aide de l'outil Stylo (P), créez une forme sur le côté gauche de la forme de l'étape précédente, comme indiqué dans l'image ci-dessous, puis remplissez-la avec les couleurs du dégradé linéaire R: 66 G: 33 B: 11 à R: 83 G: 71 B: 65. Maintenant, vous pouvez supprimer le "net" car nous n'en aurons pas besoin dans les prochaines étapes.


Étape 14

Encore une fois, à l’aide de l’outil Plume (P), créez des formes à la position indiquée dans l’illustration ci-dessous et remplissez-les avec R: 83 G: 41 B: 25.


Étape 15

Avec l'outil Rectangle (M), créez un rectangle à l'emplacement indiqué dans l'image ci-dessous, puis sélectionnez Objet> Transformation> Cisaillement, entrez les paramètres suivants: Angle de cisaillement: -25 degrés, sélectionnez Vertical et remplissez la forme avec Linéaire. Dégradé en ouvrant le panneau Dégradé. Nous aurons besoin de trois curseurs de gradient. Pour le premier, définissez la couleur R: 215 G: 222 B: 225, pour le second R: 167 G: 177 B: 177 et pour le troisième curseur de dégradé, définissez la même couleur que celle que vous avez définie pour le premier..


Étape 16

En utilisant l’outil Plume (P), ajoutez une forme sur le côté droit de la forme précédente, remplissez-la de couleur R: 128 G: 128 B: 128, puis regroupez les deux formes en allant dans Objet> Groupe et envoyez-les derrière toutes les autres. en allant dans Objet> Organiser> Envoyer à l'arrière.


Étape 17

Avec l'outil Ellipse (L), créez une ellipse sous toutes les autres dans la position indiquée ci-dessous, faites pivoter l'ellipse sur Angle: 20 degrés et remplissez-la avec les couleurs du dégradé linéaire R: 112 G: 120 B: 120 à R : 215 G: 222 B: 225.


Étape 18

Copiez l'ellipse de l'étape précédente à l'aide de Ctrl + C, placez-la derrière l'original, appuyez sur Ctrl + B, déplacez la copie de quelques pixels vers le haut, ouvrez le panneau Dégradé si vous l'avez fermée et modifiez les paramètres suivants: Type: Radial , pour le premier dégradé, couleur du jeu de curseurs R: 166 G: 172 B: 174 à R: 136 G: 145 B: 145


Étape 19

Créez une ellipse noire par rapport aux deux autres que vous avez créées précédemment et accédez à Effet> Flou> Flou gaussien, définissez Rayon: 6 pixels et cliquez sur OK, puis avec l'outil Stylo (P), créez une forme comme le montre l'image ci-dessous, désactivez-la. Remplissez la couleur et appliquez le trait conique avec la couleur R: 102 G: 102 B: 102 Poids: 0,2px


Étape 20

Avec l'outil Plume (P), créez une forme dans la position indiquée dans l'image ci-dessous et remplissez-la avec les couleurs du dégradé linéaire R: 64 G: 27 B: 36 à R: 136 G: 27 B: 36, Emplacement: 50%.


Étape 21

Copiez la forme de l'étape précédente en utilisant les touches Ctrl + C, placez-la derrière l'original, cliquez sur Ctrl + B, déplacez la copie de quelques pixels vers le bas, modifiez la couleur en noir et sélectionnez Objet> Fusion> Options de fusion dans la nouvelle ouverture. Dans la fenêtre, sélectionnez Spacing: Specified, Steps: 10, cliquez sur OK, puis allez directement à Object> Blend> Make..


Étape 22

En utilisant la même technique, créez une autre forme avec la couleur R: 136 G: 27 B: 36 de l'autre côté, comme indiqué dans l'image ci-dessous, puis déplacez les formes situées sous le groupe de l'étape 16..


Étape 23

Nous continuons à travailler avec l'outil Plume (P). Créez une forme avec la couleur R: 136 G: 27 B: 36 sur toutes les autres, répétez les mêmes opérations que celles effectuées aux étapes 21 et 22, puis allez à Objet> Développer, regardez l'image ci-dessous..


Étape 24

Sélectionnez maintenant le groupe à l’étape 16, copiez-le à l’aide des touches Ctrl + F, puis Ctrl + F, déplacez la copie sur toutes les autres en accédant à Objet> Arranger> Amener au premier plan, puis copiez la forme tout en haut du groupe apparaissant dans le menu déroulant. étape précédente après avoir appliqué Expand à l'aide de Ctrl + C suivi de Ctrl + F, déplacez la copie sur toutes les autres. Maintenant, sélectionnez les deux formes que vous avez déplacées par-dessus toutes les autres formes, allez à Objet> Masque d'écrêtage> Créer et réduire l'opacité à 30%.


Étape 25

Créez une forme noire en position, comme indiqué dans l'image ci-dessous, puis allez à Effet> Flou> Flou gaussien, définissez le rayon: 7px, cliquez sur OK et réduisez l'opacité: 30%..


Étape 26

Encore une fois, copiez le groupe de l’étape 16 en utilisant les touches Ctrl + F, puis Ctrl + F, déplacez la copie vers le bas, remplacez-la puis colorez en noir, appliquez un flou gaussien avec rayon: 20px, puis copiez l’ellipse de l’étape 17, déplacez-la sur forme à laquelle vous avez appliqué le flou gaussien. Sélectionnez les deux formes, allez à Objet> Masque d'écrêtage> Créer et réduire l'opacité: 35%.


Étape 27

Maintenant il est temps de faire le tuner. Avec l'outil Rectangle (M), créez un rectangle de dimensions 90px par 60px avec des coins arrondis 2px.


Étape 28

Nous allons maintenant appliquer un effet 3D au tuner. Pour ce faire, sélectionnez le rectangle que vous avez créé à l'étape précédente et accédez à Extrusion> 3D> Extrusion & biseautage. Dans la nouvelle fenêtre d’ouverture, entrez les paramètres suivants: Spécifiez la rotation autour de l’axe des X: 59, Spécifiez la rotation autour de l’axe des Y: -43, Spécifiez la rotation autour de l’axe des Z: 22, Perspective: 83, Profondeur d’extrusion: 10, puis cliquez sur OK. positionnez le tuner comme indiqué dans l'image ci-dessous, ajoutez également des boutons comme vous le souhaitez.


Étape 29

Regroupez toutes les formes du syntoniseur, puis copiez le groupe à l'aide de Ctrl + C suivi de Ctrl + B, déplacez la copie de quelques pixels vers le bas et réduisez l'opacité à 30%. De cette façon, vous créerez une réflexion pour le tuner.


Conclusion

En fin de compte, vous pouvez créer des livres de la même manière que vous avez créé le syntoniseur. Ensuite, vous pouvez ajouter une réflexion, une ombre et tout ce que vous souhaitez. Voici le résultat final.