Share
Dans le didacticiel suivant, vous apprendrez à créer une illustration de rouleau de peinture avec un effet de texte grungy. Nous utiliserons des méthodes éprouvées de construction de vecteurs parfaits au pixel, ajouterons des effets d'éclairage et d'opacité, et tracerons des effets de raster grunge dans des chemins vectoriels. Découvrez chaque étape de la création de cet effet de texte au rouleau.
Appuyez sur Commande + N pour créer un nouveau document. Entrez 1350 dans la case de largeur et 1000 dans la case de 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 1px. Allez dans Édition> Préférences> Guides et 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 définir 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), créez cinq formes de 25 par 1 px, placez-les l'une sous l'autre et remplissez-les avec les couleurs indiquées ci-dessous. Sélectionnez tous ces chemins et accédez au panneau Formes (Fenêtre> Formes). Ouvrez le menu déroulant, cliquez sur Nouveau pinceau, cochez le bouton Motif pinceau et cliquez sur OK..
La fenêtre Options de motif de la brosse doit s’ouvrir. Entrez les données indiquées ci-dessous, cliquez sur OK et vous trouverez votre nouveau pinceau de motif dans le panneau Pinceaux. Resélectionnez ces sept rectangles gris et supprimez-les du panneau Calques. Vous n'en aurez plus besoin.
Pour l’étape suivante, vous aurez besoin d’une grille toutes les 5 pixels. Alors, allez dans Edition> Préférences> Guides et grille et entrez 5 dans le quadrillage chaque case. Saisissez à l'aide de l'outil Plume (P) et tracez un chemin simple, semblable au chemin noir montré dans l'image suivante..
Ne vous inquiétez pas, le composant logiciel enfichable sur la grille facilitera votre travail. Basculez sur l’outil Rectangle (M), créez une forme de 110 x 30 pixels et remplissez-le avec R = 240, G = 240, B = 240. Créez maintenant une forme de 20 x 60 pixels et remplissez-la avec R = 62 G = 143 B = 209. Placez ces deux rectangles comme indiqué ci-dessous. Encore une fois, l’alignement sur la grille facilitera votre travail.
Resélectionnez le chemin noir créé à l'étape précédente et accédez au panneau Apparence. Assurez-vous de ne pas définir de couleur pour le remplissage, puis sélectionnez le trait. Déplacez-vous dans le panneau Pinceaux, cliquez sur votre motif, puis sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 2px et cliquez sur OK.
Retournez à "grille toutes les 1px". Alors, allez dans Edition> Préférences> Guides et grille et entrez 1 dans le quadrillage chaque case. Concentrez-vous sur la forme bleue et sélectionnez l'outil de sélection directe (A). Sélectionnez le point d'ancrage supérieur gauche, puis déplacez-le de 2 pixels vers la droite, puis sélectionnez le point d'ancrage supérieur droit et déplacez-le de 2 pixels vers la gauche. La forme obtenue devrait ressembler à la deuxième image.
Resélectionnez la forme bleue et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et sélectionnez Effet> Déformation> Arc inférieur. Entrez les données indiquées ci-dessous, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Désactivez l'option Aligner sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Edition> Préférences> Général et assurez-vous que l'incrément de clavier est défini sur 1px. Resélectionnez la forme bleue et allez à Effet> Chemin> Décalage du chemin. Entrez un décalage de -1.5px et cliquez sur OK.
Remplissez la forme résultante avec du blanc et faites-en une copie devant (Commande + C> Commande + F). Sélectionnez cette copie et cliquez deux fois sur la flèche droite. Resélectionnez les deux formes blanches et cliquez sur le bouton Moins avant du panneau Pathfinder. Sélectionnez la forme obtenue et réduisez son opacité à 30%.
Resélectionnez la forme bleue et allez à Effet> Chemin> Décalage du chemin. Entrez un décalage de -1,5 px et cliquez sur OK. Encore une fois, remplissez la forme résultante avec du blanc et faites-en une copie devant (Commande + C> Commande + F). Sélectionnez cette copie et cliquez deux fois sur la flèche gauche. Resélectionnez les deux formes blanches et cliquez sur le bouton Moins avant du panneau Pathfinder. Sélectionnez la forme obtenue et réduisez son opacité à 30%.
Réactivez l'alignement sur la grille (Affichage> Aligner sur la grille). Choisissez l'outil Ellipse (L), créez un cercle de 4 pixels et placez-le comme indiqué dans la première image. Sélectionnez-le avec la forme bleue et cliquez sur le bouton Moins avant dans le panneau Pathfinder..
Resélectionnez la forme bleue, concentrez-vous sur le panneau Apparence et cliquez simplement sur le bouton Ajouter un nouveau remplissage. C'est le petit carré blanc au bas du panneau Apparence. Évidemment, cela va ajouter un nouveau remplissage pour votre forme.
Sélectionnez-le dans le panneau Apparence, diminuez son opacité à 30% et utilisez le dégradé linéaire présenté dans l'image suivante. Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité. Assurez-vous que ce nouveau remplissage est toujours sélectionné et allez à Effet> Chemin> Chemin décalé. Entrez un décalage de -1.5px et cliquez sur OK.
Resélectionnez la forme bleue et un premier trait. Faites-le large de 1,5 pt, alignez-le à l'intérieur et réglez sa couleur sur R = 153, G = 200, B = 220. Assurez-vous que cette forme est toujours sélectionnée et cliquez sur le bouton Ajouter un trait au bas du panneau Apparence. Sélectionnez ce nouveau contour, faites-le sur une largeur de 0,75 pt, alignez-le à l'intérieur et réglez sa couleur sur R = 32, G = 93, B = 153..
Choisissez l'outil Rectangle (M), créez une forme de 5 x 6 pixels et une forme de 6 x 3 pixels, puis placez-les comme indiqué ci-dessous. Sélectionnez la forme supérieure et accédez à Effet> Déformation> Arc inférieur. Entrez les données indiquées ci-dessous, cliquez sur OK et accédez à Objet> Développer l’apparence. Sélectionnez la forme du bas et allez à Effet> Warp> Arc supérieur. Entrez les données indiquées ci-dessous, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Resélectionnez le chemin avec le pinceau de motif et effectuez une copie devant (Command + C> Command + F). Sélectionnez cette copie et allez à Objet> Développer l'apparence. Sélectionnez le groupe de formes obtenu et cliquez sur le bouton Unir dans le panneau Pathfinder. Dupliquer le chemin résultant (Commande + C> Commande + F).
Sélectionnez la forme supérieure créée à la douzième étape, ainsi que l'une des formes créées à l'étape précédente, puis cliquez sur le bouton Intersection dans le panneau Pathfinder. Remplissez la forme obtenue avec du noir et abaissez son opacité à 15%. Sélectionnez la forme inférieure créée à la douzième étape, ainsi que la forme restante créée à l'étape précédente, puis cliquez sur le bouton Intersection dans le panneau Pathfinder. Remplissez la forme résultante avec du noir et réduisez son opacité à 20%.
Montez jusqu'au rectangle gris. Sélectionnez-le et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 2 pixels, cliquez sur OK et sélectionnez Effet> Déformation> Renflement. Entrez les données indiquées ci-dessous, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Resélectionnez la forme modifiée à l'étape précédente et mettez en surbrillance le panneau Apparence. Sélectionnez le remplissage et remplacez la couleur à plat par le dégradé linéaire indiqué ci-dessous. Assurez-vous que ce remplissage est toujours sélectionné et accédez à Effet> Styliser> Inner Glow. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez la forme modifiée à l'étape précédente, ajoutez un nouveau remplissage et sélectionnez-la dans le panneau Apparence. Définissez sa couleur sur R = 240, G = 240, B = 240. Baissez maintenant son opacité à 10%, changez le mode de fusion en Multiplier et allez à Effet> Artistique> Éponge. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez la forme modifiée à l'étape précédente et ajoutez le premier trait. Faites-le large de 1,5 pt, alignez-le à l'intérieur et réglez sa couleur sur R = 240, G = 240, B = 240. Sélectionnez-le dans le panneau Apparence et sélectionnez Effet> Déformer et transformer> Roughen. Entrez les données ci-dessous et cliquez sur OK.
Assurez-vous que ce trait est toujours sélectionné et cliquez sur le bouton Dupliquer l'élément sélectionné. C'est la petite icône de fichier au bas du panneau Apparence. Évidemment, cela ajoutera une copie de l’alarme sélectionnée. Sélectionnez-le, diminuez la taille à 0,75 pt et définissez la couleur à R = 209, G = 211, B = 212.
Choisissez l'outil Rectangle (M), créez deux formes de 3 x 8 pixels et placez-les comme indiqué dans l'image suivante. Sélectionnez les deux formes et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1px et cliquez sur OK.
Sélectionnez uniquement la forme de gauche et accédez à Effet> Warp> Arc supérieur. Entrez les données indiquées ci-dessous, cliquez sur OK et accédez à Objet> Développer l’apparence. Sélectionnez le rectangle de droite et allez à Effet> Déformation> Arc inférieur. Encore une fois, entrez les données indiquées ci-dessous, cliquez sur OK et appliquez Objet> Développer l’apparence..
Resélectionnez les deux formes créées à l'étape précédente, remplissez-les de R = 230, G = 231, B = 232 et ajoutez un trait de 0,75 pt. Alignez-le à l'intérieur et définissez sa couleur sur R = 147, G = 149, B = 152. Accédez au panneau Calques et faites glisser ces deux formes sous la grande forme arrondie. À la fin, cela devrait ressembler à la deuxième image montrée.
Choisissez l'outil Rectangle (M), créez une forme de 12 x 3 pixels et placez-le comme indiqué dans l'image suivante. Remplissez-le avec R = 230, G = 231, B = 232 et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1 px, cliquez sur OK et allez à Effet> Warp> Arc supérieur. Entrez les données indiquées ci-dessous, cliquez sur OK et appliquez Objet> Développer l'apparence..
Resélectionnez la forme créée à l'étape précédente et ajoutez un trait de 0,75 pt. Définissez sa couleur sur R = 147, G = 149, B = 152 et alignez-la à l'intérieur.
Sélectionnez toutes les formes créées jusqu'à présent et regroupez-les (Commande + G). Sélectionnez ce nouveau groupe et allez à 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 effectuez une copie devant (Command + C> Command + F). Concentrez-vous sur ce nouveau groupe et changez la couleur de la poignée. Remplacez les propriétés existantes par celles indiquées dans l'image suivante.
Continuons avec le fond. Choisissez l'outil Rectangle (M), créez une forme de la taille de votre planche de travail et remplissez-la avec le dégradé radial indiqué ci-dessous. Le nombre blanc de l'image en dégradé représente le pourcentage d'emplacement. Cela signifie que vous devez sélectionner la petite icône en forme de diamant et la faire glisser vers l'emplacement: 65%.
Resélectionnez le rectangle créé à l'étape précédente, ajoutez un nouveau remplissage et noircissez-le. Sélectionnez-le dans le panneau Apparence, diminuez son opacité à 20%, changez le mode de fusion en Multiplier, puis sélectionnez Effet> Esquisse> Papier pour notes. Entrez les données ci-dessous et cliquez sur OK.
Une fois encore, sélectionnez la forme créée à l'étape précédente et ajoutez un troisième remplissage. Sélectionnez si dans le panneau Apparence, diminuez son opacité à 10%, changez le mode de fusion en Multiplier et utilisez le dégradé radial indiqué ci-dessous..
Choisissez l'outil Plume (P) et tracez quelques lignes simples qui constitueront votre texte. Sélectionnez ces chemins, supprimez la couleur du remplissage, ajoutez un trait blanc de 110px, puis sélectionnez Objet> Chemin> Contour du contour. Cela élargira le trait. Accédez au panneau Calques, concentrez-vous sur ces nouvelles formes et attribuez-leur un nom. Il vous sera plus facile de les trouver dans les étapes ultérieures..
Faites pivoter les groupes de rouleaux de peinture et placez-les comme indiqué dans l'image suivante.
Concentrons-nous sur l'une des formes blanches. Je vais commencer par le "T2". Sélectionnez-le, accédez au panneau Apparence et supprimez la couleur du remplissage. Faites une copie de ce chemin, sélectionnez-le et remplissez-le de noir.
Resélectionnez la forme noire créée à l'étape précédente et allez à Effet> Coup de pinceau> Coup pulvérisé. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Objet> Développer l'apparence..
Resélectionnez le chemin créé à l'étape précédente. Tout d'abord, sélectionnez Objet> Live> Trace> Make, puis sélectionnez Objet> Live Trace> Options de traçage. Entrez les numéros indiqués ci-dessous, assurez-vous que la case Ignorer les blancs est cochée et cliquez sur Tracer.
Resélectionnez la forme modifiée à l'étape précédente et sélectionnez Objet> Suivi en temps réel> Développer. Sélectionnez le groupe de formes obtenu et accédez à Objet> Chemin composé> Créer.
Resélectionnez "T2" et effectuez une nouvelle copie devant (Commande + C> Commande + F). Remplissez cette copie de blanc, puis sélectionnez le chemin d'accès composite créé à l'étape précédente et remplissez-le de R = 35, G = 31, B = 32.
Resélectionnez les deux chemins édités à l'étape précédente et accédez au panneau Transparence (Fenêtre> Transparence). Ouvrez le menu déroulant, cliquez sur Make Opacity Mask, puis décochez la case Clip. Resélectionnez cette forme masquée et allez à Effet> Flou> Flou gaussien. Entrez un rayon de 1px et cliquez sur OK.
Resélectionnez "T2", faites une nouvelle copie devant (Commande + C> Commande + F) et amenez-la au premier plan (Maj + Commande +]). Remplissez-le de noir et allez à Effet> Esquisse> Papier pour notes. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez le chemin créé à l'étape précédente. Tout d'abord, sélectionnez Objet> Live> Trace> Make, puis sélectionnez Objet> Live Trace> Options de traçage. Entrez les numéros indiqués ci-dessous, assurez-vous que la case Ignorer les blancs est cochée, puis cliquez sur Tracer..
Resélectionnez la forme modifiée à l'étape précédente et sélectionnez Objet> Suivi en temps réel> Développer. Sélectionnez le groupe de formes résultant et appliquez Object> Compound Path> Make..
Resélectionnez "T2" et effectuez une nouvelle copie devant (Commande + C> Commande + F). Remplissez cette copie de blanc, puis sélectionnez le chemin d'accès composite créé à l'étape précédente et remplissez-le avec R = 35, G = 31, B = 32.
Resélectionnez les deux chemins édités à l'étape précédente et accédez au panneau Transparence (Fenêtre> Transparence). Ouvrez le menu déroulant, cliquez sur Make Opacity Mask, puis décochez la case Clip. Resélectionnez cette forme masquée et allez à Effet> Flou> Flou gaussien. Entrez un rayon de 1px et cliquez sur OK.
Sélectionnez de nouveau "T2", placez-le au premier plan (Maj + Commande + touche Support droit) et remplissez-le avec le dégradé linéaire présenté ci-dessous. Réduisez son opacité à 30% et accédez à Effet> Flou> Flou gaussien. Entrez un rayon de 1px et cliquez sur OK.
Resélectionnez les deux formes masquées, réduisez leur opacité à 60%, puis sélectionnez-les (ainsi que la forme modifiée à l'étape précédente), puis regroupez-les (Commande + G)..
Focus sur la forme "V2" et répéter les techniques utilisées dans les treize dernières étapes.
Utilisez les mêmes techniques pour la forme "T1". La seule différence est que vous devrez masquer le groupe final. Faites une copie de "T1" et faites-la glisser au-dessus du groupe (dans le panneau Calques). Remplissez-le avec le dégradé linéaire indiqué ci-dessous et accédez à Effet> Flou> Flou gaussien. Entrez un rayon de 1px et cliquez sur OK.
Sélectionnez la forme créée à l'étape précédente, avec le groupe "T1", puis accédez au panneau Transparence. Ouvrez le menu déroulant et cliquez sur Créer un masque d'opacité. A la fin, votre groupe devrait ressembler à la deuxième image montrée.
Passez à la forme "V1", répétez les techniques mentionnées dans les étapes précédentes, et vous avez terminé.
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler.
Accentsconagua