Share
Dans le tutoriel suivant, vous apprendrez à créer une règle transparente. La grille et l'alignement sur la grille vous seront utiles car nous allons créer plusieurs chemins avec des dimensions précises. En utilisant plusieurs remplissages et traits avec différents modes de fusion et pourcentages d'opacité, nous allons créer l'illustration globale de la règle. Pour les derniers détails, nous utiliserons un pinceau intégré et quelques effets de base..
Créez un document RVB de 700 x 300 pixels. Commencez par activer la grille (Affichage> Grille) et l’alignement sur la grille (Affichage> Aligner sur la grille). Ensuite, vous aurez besoin d'une grille toutes les 1px. Allez dans Edition> Préférences> Guides> Grille, entrez 1 dans le quadrillage toutes les cases 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 cliquez sur votre plan de travail. Entrez 628 dans la zone de largeur et 60 dans la zone de hauteur, puis cliquez sur OK. Remplissez la forme résultante avec R = 209 G = 211 B = 212 puis effectuez une copie devant (Contrôle + C> Contrôle + F). Tournez la visibilité de cette copie, vous en aurez besoin plus tard.
Saisissez l'outil Plume (P), tracez un chemin horizontal de 628 pixels et placez-le comme indiqué dans la première image. Remplissez-le avec aucun et ajoutez un trait blanc de 1 pt. Encore une fois, faites une copie de ce chemin (Contrôle + C> Contrôle + F) et rendez-le invisible. Maintenant, sélectionnez les deux formes visibles et cliquez sur le bouton Diviser du panneau Pathfinder. Vous devriez former un groupe avec deux nouvelles formes. Sélectionnez-le dans le panneau Calques et dissociez-le (Maj + Ctrl + G).
Choisissez l'outil Ellipse (L), créez une forme de 12 x 12 pixels et placez-le comme indiqué dans la première image. Faites une copie de ce cercle et rendez-le invisible, vous en aurez besoin plus tard. Sélectionnez le cercle visible ainsi que la forme grise inférieure (créée à l'étape précédente) et cliquez sur le bouton Moins avant dans le panneau Pathfinder..
Ajoutons maintenant un joli fond pour cette règle. Vous pouvez utiliser ce papier peint en bois que Laszlo Prekop a eu la gentillesse de vous offrir. Enregistrez-le sur votre disque dur, puis faites-le glisser dans votre fichier illustrateur. Envoyez-le dans la partie inférieure du panneau Calques (Maj + Ctrl + Support carré gauche), puis verrouillez-le pour vous assurer de ne pas le sélectionner ou le déplacer accidentellement..
Choisissez l'outil Plume (P), tracez un nouveau chemin d'accès de 628px et placez-le comme indiqué dans la première image. Remplissez-le avec aucun et utilisez le pinceau "Chalk-Scribble" pour le trait. Vous devriez l'avoir dans votre panneau Pinceaux. Sinon, voici comment vous pouvez le trouver: ouvrez le menu déroulant du panneau Pinceaux et accédez à Ouvrir une bibliothèque de pinceaux> Artistique> Artistic_ChalkCharcoalPencil. Faites-le blanc puis baissez son opacité à 10%.
Resélectionnez la forme grise du bas et faites-en une copie devant (Contrôle + C> Contrôle + F). Remplissez-le de blanc et amenez-le au premier plan (Maj + Ctrl +]), puis sélectionnez-le avec le pinceau blanc et accédez au panneau Transparence. Ouvrez le menu déroulant et cliquez sur Créer un masque d'opacité. Cela masquera la moitié inférieure de votre pinceau.
Ajoutons maintenant de nouvelles couleurs pour les formes grises. Sélectionnez la forme inférieure et remplissez-la avec le dégradé linéaire gauche illustré ci-dessous, puis accédez au panneau Apparence. Sélectionnez le remplissage existant et réduisez son opacité à 40%, puis ouvrez le menu déroulant du panneau Apparence et cliquez sur Ajouter un nouveau remplissage. Évidemment, cela ajoutera un deuxième remplissage à votre forme. Sélectionnez-le dans le panneau Apparence, diminuez l'opacité à 10% et utilisez le dégradé linéaire de droite indiqué ci-dessous..
Portez une attention particulière aux images en dégradé. Les chiffres blancs représentent l'emplacement de l'opacité, tandis que les chiffres jaunes représentent le pourcentage d'opacité. Cela signifie que vous devez sélectionner les curseurs de dégradé et définir les pourcentages d'opacité et d'emplacement comme indiqué dans l'image suivante..
Passons à la forme supérieure. Commencez par remplacer le gris plat par le dégradé linéaire gauche, puis ajoutez un second remplissage et utilisez le dégradé linéaire droit. Resélectionnez le premier remplissage et diminuez son opacité à 40%, puis sélectionnez le second remplissage et abaissez l'opacité à 30%. N'oubliez pas de définir les pourcentages d'opacité et d'emplacement comme indiqué dans l'image suivante..
Concentrez-vous sur la partie gauche des formes existantes. Choisissez l'outil Rectangle (M), créez une forme de 120 x 60 pixels et placez-le comme indiqué dans la première image. Choisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage supérieur droit et déplacez-le de 60 pixels vers la gauche. Maintenant, votre forme devrait ressembler à la deuxième image. Remplissez-le avec le dégradé linéaire montré dans l'image finale puis baissez son opacité à 10%.
Retournez à visible pour la copie faite dans la troisième étape et amenez-la à l'avant (Maj + Ctrl + Support carré droit). Retournez à visible la copie faite dans la deuxième étape et amenez-la à l'avant (Maj + Ctrl + Support carré droit). Remplissez-le avec aucun et ajoutez un 2 pt, aligné sur le trait extérieur.
Définissez sa couleur sur R = 109 G = 110 B = 113, puis ouvrez le menu déroulant du panneau Apparence et cliquez sur Ajouter un nouveau contour. Cela ajoutera un second trait à votre forme. Sélectionnez si dans le panneau Apparence, faites le en blanc et définissez la taille sur 1 pt. Resélectionnez tout le chemin et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1px puis cliquez sur OK.
Retournez à visible pour la copie faite à la quatrième étape et amenez-la à l'avant (Maj + Contrôle + Support carré droit). Remplissez-le avec aucun et ajoutez un trait blanc de 2 points. Alignez-le sur l'extérieur puis ajoutez un deuxième trait. Réglez la couleur à R = 109 G = 110 B = 113 et la taille à 1 pt puis assurez-vous qu'elle est alignée à l'extérieur.
Désactivez la visibilité de l'image d'arrière-plan. Choisissez l'outil Plume (P), tracez un tracé vertical de 9 px et placez-le comme indiqué dans la première image. Examinez de plus près la grille dans l'image agrandie pour comprendre l'emplacement exact. Remplissez-le avec aucun, ajoutez un trait d'un trait et définissez sa couleur sur R = 65 G = 64 B = 66. Ensuite, allez dans le panneau Contour (Fenêtre> Contour), cochez le bouton Arrondi, puis sélectionnez Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Effet> Déformer et transformer> Transformer. Entrez les données montrées dans l'image suivante puis cliquez sur OK.
Continuez avec l'outil Plume (P) et tracez quatre nouveaux chemins verticaux. Faites-les 5px hauteur et utilisez les propriétés de trait indiquées à l'étape précédente. Ajoutez le même effet Ombre portée, puis regroupez ces nouveaux chemins (Contrôle + G). Enfin, sélectionnez ce groupe et allez à Effet> Déformer et transformer> Transformer. Entrez les données montrées dans l'image suivante puis cliquez sur OK.
Revenir à visible pour l'image de fond. Resélectionnez les deux grandes formes et dupliquez-les (Contrôle + C> Contrôle + F). Sélectionnez ces copies et cliquez sur le bouton Unite du panneau Pathfinder. Remplissez la forme obtenue avec R = 35 G = 31 B = 32 et envoyez-la dans le bas du panneau Calques, juste au-dessus de l'image d'arrière-plan. Réduisez son opacité à 10%, appuyez une fois sur la flèche droite et deux fois sur la flèche bas, puis sélectionnez Effet> Flou> Flou gaussien. Entrez un rayon de 2px puis cliquez sur OK.
Enfin, vous pouvez ajouter de nouvelles couleurs pour votre règle. Resélectionnez les deux grandes formes qui constituent la règle générale et ajoutez un troisième remplissage. Réduisez son opacité à 10% puis utilisez une couleur simple et plate.
Voici à quoi devrait ressembler votre illustration finale. Naturellement, vous pouvez utiliser différentes couleurs pour votre règle. Il y a d'innombrables possibilités, voyez ce que vous pouvez trouver!
Accentsconagua