Share
Dans le tutoriel suivant, vous apprendrez à créer une simple icône de presse-papiers. Utilisez un flux de travail Illustrator CS5 complet, des techniques de création de formes vectorielles et des effets vectoriels pour concevoir cette icône. Commençons.
Appuyez sur Commande + N pour créer un nouveau document. Entrez 600 dans les cases largeur et hauteur, puis cliquez sur le bouton Avancé. Sélectionnez RVB, Écran (72ppi) et assurez-vous que la case Aligner les nouveaux objets sur la grille de pixels est décochée avant de cliquer sur OK. Activez maintenant la grille (Affichage> 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 des pixels dans Édition> 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 240 x 325 pixels. Le composant logiciel enfichable à la grille facilitera votre travail. N'oubliez pas de regarder dans votre panneau d'information pour l'aperçu en direct avec la taille et l'emplacement de votre forme. Une fois créé, remplissez votre forme avec R = 195, G = 153, B = 108. Enlevez la couleur du trait. Déplacer vers le panneau Calques, double-cliquez sur cette nouvelle forme et nommez-la "Support"..
Sélectionnez de nouveau "Support" et accédez au panneau Apparence. Sélectionnez le remplissage existant et allez à Effet> Styliser> Inner Glow. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez "Support" et cliquez sur le bouton Ajouter un nouveau remplissage. Il s’agit de la petite icône carrée blanche au bas du panneau Apparence. Évidemment, cela ajoutera un nouveau remplissage à votre forme. Sélectionnez-le dans le panneau Apparence, définissez sa couleur sur R = 35 G = 31 B = 32, baissez l'opacité à 5%, modifiez le mode de fusion en Multiplier et accédez à Effet> Esquisse> Stylo graphique. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez "Support" et ajoutez un troisième remplissage. Faites glisser ce nouveau remplissage vers le bas du panneau Apparence, remplissez-le avec le dégradé linéaire présenté ci-dessous, puis sélectionnez Effet> Déformer et transformer> Transformer. Entrez les données indiquées ci-dessous et cliquez sur OK. Les chiffres blancs de l'image du dégradé représentent le pourcentage d'emplacement..
Resélectionnez "Support" et concentrez-vous sur le panneau Apparence. Sélectionnez le remplissage ajouté à l'étape précédente et cliquez sur Dupliquer l'élément sélectionné. C'est la petite icône de fichier située au bas du panneau Apparence. Cela va ajouter une copie du remplissage.
Sélectionnez ce nouveau remplissage, définissez sa couleur sur R = 35 G = 31 B = 32, baissez son opacité à 5%, modifiez le mode de fusion en Multiplier et accédez à Effet> Esquisse> Stylo graphique. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez "Support" et ajoutez un cinquième remplissage. Faites-le glisser vers le bas du panneau Apparence, remplissez-le avec R = 117 G = 76 B = 41, puis allez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez "Support" et ajoutez un sixième remplissage. Faites-le glisser vers le bas du panneau Apparence, remplissez-le avec R = 35 G = 31 B = 32, baissez son opacité à 20% et accédez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez "Support" et ajoutez un premier trait. Définissez sa couleur sur R = 212 G = 183 B = 150, donnez-lui 2 pt de large et alignez-le sur l’intérieur. Concentrez-vous sur le panneau Apparence et ajoutez un second trait à l'aide du bouton Ajouter un nouveau trait. C'est le petit carré noir au bas du panneau Apparence. Sélectionnez ce nouveau trait, définissez sa couleur sur R = 138 G = 94 B = 60, rendez-le large d'un point et assurez-vous qu'il est aligné à l'intérieur.
Sélectionnez de nouveau "Support", assurez-vous qu'aucun fond ou trait n'est sélectionné, puis sélectionnez Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 7 px et cliquez sur OK. Examinez de plus près le panneau Apparence et assurez-vous que l’effet Coins arrondis est en haut du panneau..
Pour les étapes suivantes, vous aurez besoin d’une grille toutes les 1px. Alors, allez dans Edition> Préférences> Guides> Grille et entrez 1 dans la grille chaque case. Choisissez l'outil Rectangle (M), créez une forme de 210 x 290 pixels et remplissez-le de blanc. Basculez sur l'outil Ellipse (L), créez un cercle de 7 pixels, remplissez-le d'une couleur aléatoire et placez-le comme indiqué dans l'image suivante..
Resélectionnez le cercle créé à l'étape précédente et allez à Effet> Déformer et transformer> Transformer. Entrez les données indiquées ci-dessous, cliquez sur OK et appliquez Objet> Développer l'apparence..
Sélectionnez le groupe de cercles créé à l'étape précédente, ainsi que le rectangle blanc, puis cliquez sur le bouton Moins avant dans le panneau Pathfinder..
Resélectionnez la forme blanche (résultat de l'étape précédente) et placez-la comme indiqué à l'étape suivante..
Resélectionnez la forme blanche et ajoutez un trait. Définissez sa couleur sur R = 229 G = 230 B = 231, faites-la 2 pt de large et alignez-la à l'intérieur. Ajoutez un second trait pour cette forme, réglez la couleur sur R = 255 G = 255 B = 255, agrandissez-la de 1 pt et alignez-la à l'intérieur.
Choisissez l'outil Rectangle (M) et créez une forme 202 par 1px. Remplissez-le avec R = 152, G = 199, B = 219. Maintenant, placez-le comme indiqué dans l'image suivante.
Resélectionnez la forme bleue créée à l'étape précédente et allez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Choisissez l'outil Rectangle (M) et créez une forme de 1 sur 282 pixels. Remplissez-le avec R = 246, G = 186, B = 186. Maintenant placez-le comme indiqué.
Resélectionnez la forme rose créée à l'étape précédente et accédez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Sélectionnez la forme blanche, ainsi que les formes bleue et rose, puis regroupez-les (Commande + G). Sélectionnez ce nouveau groupe et accédez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez le groupe créé à l'étape précédente et accédez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Choisissez l'outil Rectangle (M) et créez une forme de 95 x 24px. Retirez la couleur du remplissage et ajoutez un trait de 3 points. Définissez sa couleur sur R = 109, G = 110, B = 113. Assurez-vous que cette nouvelle forme est toujours sélectionnée et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 px et cliquez sur OK. Finalement, votre forme devrait ressembler à la première image montrée.
Resélectionnez-le et faites-en une copie devant (Commande + C> Commande + F). Sélectionnez cette copie, augmentez la taille du trait à 5 pt, puis sélectionnez Objet> Chemin> Contour du contour. Sélectionnez le chemin résultant et effectuez une copie devant (Commande + C> Commande + F).
Choisissez l'outil Rectangle (M), créez deux carrés de 17 px et placez-les comme indiqué dans la première image. Sélectionnez le carré de gauche, avec l'un des chemins créés à la fin de l'étape précédente, puis cliquez sur le bouton Intersection du panneau Pathfinder. Sélectionnez le bon carré, ainsi que l'autre chemin créé à la fin de l'étape précédente, puis cliquez à nouveau sur le bouton Intersection du panneau Pathfinder..
Concentrez-vous sur les deux formes créées à l'étape précédente. Tout d'abord, vous aurez besoin du script Round Any Corner. Vous pouvez le trouver dans l'article Vectortuts + 20 gratuit et utile Scripts Adobe Illustrator. Enregistrez-le sur votre disque dur et récupérez l'outil de sélection directe (A)..
Sélectionnez les huit points d'ancrage mis en surbrillance dans la première image et sélectionnez Fichier> Scripts> Autre script. Ouvrez le script Round Any Corner, entrez un rayon de 1 px et cliquez sur OK. A la fin, vos formes devraient ressembler à la deuxième image montrée.
Resélectionnez les deux formes éditées à l'étape précédente et remplacez la couleur de fond du remplissage par le dégradé radial indiqué ci-dessous..
Encore une fois, resélectionnez les formes créées à l'étape précédente et ajoutez les deux traits simples indiqués dans le panneau Apparence..
Resélectionnez le rectangle arrondi créé à l'étape 22. Ajoutez un deuxième trait pour ce chemin, agrandissez-le de 2,5 pt et définissez la couleur sur blanc. Ajouter un troisième trait pour ce chemin, le rendre large de 1,75 pt et définir sa couleur sur R = 229, G = 230, B = 231..
Resélectionnez la forme modifiée à l'étape précédente et ajoutez un nouveau trait. Sélectionnez-le dans le panneau Apparence, agrandissez-le de 0,5 pt, définissez sa couleur sur R = 166, G = 168, B = 171. Maintenant, allez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Choisissez l'outil Rectangle (M) et créez deux formes de 13 par 1 pixels. Remplissez les deux formes avec R = 250 G = 250 B = 250 et placez-les comme indiqué dans l'image suivante.
Sélectionnez toutes les formes créées au cours des huit dernières étapes et regroupez-les (Commande + G). Sélectionnez ce nouveau groupe et accédez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous et cliquez sur OK.
Choisissez l'outil Ellipse (L) et créez un cercle de 14 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et placez-le comme indiqué dans l'image suivante. Ajoutez un trait de 2 points pour cette forme, alignez-la à l'intérieur et définissez sa couleur à R = 245, G = 245, B = 245. Ajoutez un second trait pour ce tracé, définissez sa couleur sur R = 166, G = 168, B = 171, rendez-le large d'un point et alignez-le sur l'intérieur. Ajoutez un troisième trait pour ce trajet, définissez sa couleur sur R = 88 G = 89 B = 91, donnez-lui une largeur de 0,3 pt et alignez-le sur l'extérieur.
Choisissez l'outil Rectangle (M), créez une forme de 85 x 11 pixels, remplissez-le avec R = 229, G = 230, B = 231. Maintenant, placez-le comme indiqué dans l'image suivante. Déplacez-vous dans le panneau Apparence et ajoutez les trois traits illustrés ci-dessous..
C'est le même ensemble de traits utilisé pour la forme créée à l'étape précédente. Assurez-vous que cette forme est toujours sélectionnée et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3px et cliquez sur OK.
Choisissez l'outil Rectangle (M), créez une forme de 83 x 3 pixels et remplissez-le avec R = 166, G = 168, B = 171. Maintenant, placez-le comme indiqué dans la première image. Continuez avec l'outil Rectangle (M) et créez deux formes de 81 par 1 px. Remplissez-les avec R = 245 G = 245 B = 245 et R = 128 G = 129 B = 132, puis placez-les comme indiqué dans la deuxième image ci-dessous..
Sélectionnez toutes les formes et les groupes créés lors des douze dernières étapes et regroupez-les (Commande + G). Sélectionnez ce nouveau groupe et placez-le comme indiqué dans la deuxième image..
Choisissez l'outil Rectangle (M), créez une forme de 83 x 8 pixels, remplissez-le avec le dégradé linéaire illustré ci-dessous et placez-le comme indiqué dans l'image suivante. Concentrez-vous sur le panneau Apparence et ajoutez les trois traits illustrés ci-dessous. Accédez au panneau Calques et faites glisser ce nouveau rectangle sous les deux groupes..
Enfin, si vous pouvez éditer la forme "Support". Dans les images suivantes, vous pouvez trouver deux ensembles de propriétés différents que vous pouvez utiliser pour cette forme..
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler.
Accentsconagua