Share
Dans les étapes suivantes, vous apprendrez à créer une icône de moniteur. C'est une astuce rapide assez simple qui vous aidera à comprendre les techniques de base de construction de formes vectorielles et certains des effets de base d'Illustrator. Ne soyez pas découragé par le nombre d'étapes. Chaque étape est simple et aussi détaillée que possible afin que vous puissiez la comprendre facilement.
Créez un document de 700 x 700 pixels. Commencez par activer la grille (Affichage> Afficher la grille) et l’alignement 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.
Choisissez l'outil Rectangle (M) et créez une forme de 40 x 20 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et ajoutez un trait noir. Faites-le 1.75pt large et alignez-le à l'extérieur. Allez dans le panneau Apparence, sélectionnez le trait existant et cliquez sur le bouton Dupliquer l'élément sélectionné en bas du panneau Apparence. Cela ajoutera un second trait à votre forme. Faites-le 0,75 pt large, définissez sa couleur à R = 147 G = 149 B = 152 et assurez-vous qu'il est aligné à l'extérieur.
Sélectionnez la forme créée à l'étape précédente, effectuez une copie devant (Contrôle + C> Contrôle + F) et récupérez l'outil Ellipse (L). Créez une forme de 120 x 25 pixels et placez-la comme indiqué dans la deuxième image. Sélectionnez ce cercle pressé avec la nouvelle copie et cliquez sur le bouton Intersection du panneau Pathfinder. Remplissez la forme résultante avec du noir et réduisez son opacité à 20%.
Choisissez l'outil Rectangle (M), créez une forme de 110 x 5 pixels et placez-le comme indiqué dans la première image. Remplissez-le avec le dégradé linéaire indiqué ci-dessous, puis sélectionnez Effet> Déformation> Arc supérieur. Entrez les données affichées dans la deuxième image, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Désactivez l'alignement sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Edition> Préférences> Général et entrez 1 dans la zone Incrément de clavier. Sé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 appuyez une fois sur la flèche du bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme résultante avec R = 88 G = 89 B = 91. Resélectionnez la forme créée à l'étape précédente et ajoutez un trait noir. Faites-le 0,75 pt large et alignez-le à l'extérieur.
Réactivez l'alignement sur la grille (Affichage> Aligner sur la grille). Choisissez l'outil Rectangle (M), créez une forme de 220 x 130 pixels et placez-le comme indiqué dans l'image suivante. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 pixels, cliquez sur OK et sélectionnez Objet> Développer l’apparence. Les nombres blancs de l'image en dégradé représentent le pourcentage d'emplacement.
Désactivez l'alignement sur la grille, sélectionnez la forme créée à l'étape précédente et effectuez deux copies à l'avant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et appuyez une fois sur la flèche du bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 35 G = 31 B = 32.
Réactivez l'alignement sur la grille, puis sélectionnez la forme créée à la sixième étape et effectuez une copie devant (Contrôle + C> Contrôle + F). Choisissez l'outil Rectangle (M), créez une forme de 230 x 70 pixels et placez-le comme indiqué dans la première image. Sélectionnez ce nouveau rectangle avec la nouvelle copie et cliquez sur le bouton Intersection du panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans la deuxième image et réduisez son opacité à 5%.
Resélectionnez la forme créée à la sixième étape et ajoutez un trait noir. Faites-le large de 1,75 pt, alignez-le sur l'extérieur puis ajoutez un second trait pour cette forme. Faites-le 0,75 pt large, alignez-le à l'extérieur et définissez la couleur à R = 147 G = 149 B = 152.
Choisissez l'outil Rectangle (M), créez une forme de 200 x 110 pixels et placez-le comme indiqué dans l'image suivante. Remplissez-le avec R = 30 G = 30 B = 30 et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1,5 px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Choisissez l'outil Ellipse (L), créez une forme de 200 x 70 pixels et placez-le comme indiqué dans la première image. Remplissez-le avec R = 128 G = 130 B = 133, baissez son opacité à 60% et allez à Effet> Déformer et transformer> Pucker & Bloat. Faites glisser le curseur à -90% et cliquez sur OK.
Resélectionnez la forme créée à l'étape précédente et allez à Effet> Déformer et transformer> Zig Zag. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Effet> Flou> Flou gaussien. Entrez un rayon de 20 pixels et cliquez sur OK.
Ensuite, vous devez masquer la forme créée à l'étape précédente. Sélectionnez la forme créée à la dixième étape et faites une copie devant (Contrôle + C> Contrôle + F). Remplissez-le de blanc et amenez-le à l'avant (Maj + Contrôle + Support carré droit). Sélectionnez cette forme blanche avec la forme floue créée à l'étape précédente et accédez au panneau Transparence (Fenêtre> Transparence). Ouvrez le menu déroulant et cliquez sur Créer un masque d'opacité. Réduisez l'opacité de cette forme masquée à 60%. En fin de compte, cela devrait ressembler à la troisième image. Accédez au panneau Calques et verrouillez cette forme..
Resélectionnez la forme créée à la dixième étape, faites une copie devant (Contrôle + C> Contrôle + F) et amenez-la au premier plan (Maj + Contrôle + Support carré droit). Remplissez cette copie avec aucun, mais ajoutez un trait. Faites-le large, alignez-le à l'intérieur et réglez la couleur sur R = 15 G = 15 B = 15. Ajoutez un second trait pour cette forme, faites-la en largeur, ajustez-la à l'extérieur et réglez la couleur sur R = 88 G = 89 B = 91.
Pour la prochaine étape, vous aurez besoin de la grille toutes les 2.5px. Allez dans Edition> Préférences> Guides> Grille et entrez 2.5 dans le quadrillage chaque case. Choisissez l'outil Rectangle (M), créez une forme de 2,5 x 5 pixels et placez-la comme indiqué dans l'image suivante. Remplissez ce rectangle simple avec le dégradé linéaire indiqué ci-dessous.
Faisons quelques changements pour la forme faite à l'étape précédente. Sélectionnez-le et ajoutez un premier coup. Faites-le large, alignez-le sur l'extérieur et réglez la couleur sur R = 28 G = 117 B = 188. Ajoutez un second trait pour cette forme, donnez-lui une largeur de 0,5 pt, alignez-le sur l'extérieur et réglez la couleur sur R = 39 G = 230 B = 225. Resélectionnez tout le chemin et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1,5 px et cliquez sur OK.
Choisissez l'outil Rectangle (M), créez une forme de 7,5 x 5 pixels, remplissez-le de blanc et placez-le comme indiqué dans la première image. Sélectionnez ce rectangle blanc avec la forme modifiée à l'étape précédente et accédez au panneau Transparence. Ouvrez le menu déroulant et cliquez sur Créer un masque d'opacité. En fin de compte, votre forme devrait ressembler à celle de la troisième image..
ss = "tutorial_image">
Sélectionnez toutes les formes créées jusqu'à présent (à l'exception de celles masquées) et effectuez une copie à l'arrière (Contrôle + C> Contrôle + B). Sélectionnez ces copies et cliquez sur le bouton Unite du panneau Pathfinder. Remplissez la forme obtenue avec R = 88 G = 89 B = 91 et sélectionnez Effet> Styliser> Ombre portée. Entrez les données ci-dessous, cliquez sur OK et vous avez terminé.
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler.
Accentsconagua