Comment utiliser les effets de griffonnage dans Illustrator

Il existe de nombreux outils Illustrator que beaucoup d’entre nous n’ont jamais utilisés, ce qui est compréhensible. Nous avons souvent un flux de travail que nous avons trouvé efficace et nous y tenons. De temps en temps, c’est une bonne idée d’ouvrir Illustrator et d’examiner certaines de ses fonctionnalités sous-utilisées. Les effets de griffonnage valent la peine d’être examinés, car ils constituent un moyen rapide d’ajouter de la texture à vos créations et un peu de personnalité..

La texture ajoutée est similaire au nom de l'effet (gribouillis), mais vous pouvez contrôler beaucoup de variance et vous pouvez également ajouter une sensation aléatoire. Voyons comment utiliser cet effet et comment créer de la créativité.!

Aperçu de l'image finale

Vous trouverez ci-dessous une des conceptions du dernier ensemble de brosses Photoshop sur lesquelles nous allons travailler dans ce didacticiel, après avoir expliqué le fonctionnement de l'effet Scribble dans Illustrator. Vous souhaitez accéder à l'intégralité des fichiers Vector Source (et du fichier Brosses ABR), ainsi qu'aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: Adobe Illustrator CS4
  • Programme: Adobe Photoshop CS4
  • Difficulté: Débutant intermédiaire
  • Temps d'exécution estimé: 1 heure

introduction

Dans ce tutoriel, nous examinerons de près toutes les options du menu Effet Gribouillis. Ensuite, je vais vous montrer comment l’appliquer à un motif rectangulaire et à un motif floral simple. Je vais même vous expliquer comment créer un ensemble de pinceaux Photoshop utilisant cet effet..

Etant donné que l’effet Scribble peut produire d’intéressantes textures pouvant apparaître à la main, il constitue un excellent outil pour créer un pinceau de tampon intéressant pour Photoshop. J'ai récemment créé un ensemble de pinceaux Scribble à l'aide de cette méthode pour Psd Plus, et vous pouvez voir les résultats dans cette version. Pinceaux Photoshop à motif gribouillis Floral - Pack Psd Plus.

Gardez à l'esprit qu'il y a beaucoup plus que vous pourriez potentiellement créer en utilisant cet effet. Vous pouvez utiliser l’effet Gribouillis pour créer des motifs hachurés permettant d’ombrer les motifs de vos personnages, des gribouillis enfantins, etc. Le didacticiel vidéo Découvrez l’effet Scribble dans Illustrator à partir du podcast de Creative Suite présente cet outil et donne quelques conseils sur les utilisations possibles, telles que les animations Flash, ce qui élargit vraiment la portée des possibilités créatives. C'est l'un de ces outils qu'une fois que vous l'ouvrez vous donne envie de jouer avec. Les résultats semblent même ludiques, alors expérimentez!

Illustrator CS4 est fourni avec un ensemble d’effets Scribble que vous pouvez ouvrir et utiliser ou tout simplement analyser. Notez que plusieurs d'entre eux ont plus d'un effet de gribouillis appliqué (comme indiqué dans le panneau Apparence ci-dessous). Vous pouvez voir qu'il y a deux remplissages avec les effets Scribble appliqués ici. Vous pouvez les ouvrir en allant dans Windows> Bibliothèques de styles graphiques> Effets de griffonnage.

Contexte

Avant d'examiner Scribble Effects, il est judicieux de comprendre ce que sont les effets dans Illustrator et les avantages qu'ils offrent par rapport à l'utilisation des filtres. Vous devez également avoir une compréhension de base des apparences et des options offertes par la palette Apparence..

Vous trouverez un article intitulé Travailler le plus efficacement possible avec des effets sur le site Layers Magazine. Il utilise même l'effet Scribble pour de nombreux exemples et constitue un excellent article à lire pour comprendre les effets avant de poursuivre ce didacticiel. De plus, même s’il est limité, ce serait une bonne idée de lire l’aide d’Illustrator sur la création d’une esquisse à l’aide de l’effet Scribble. Maintenant commençons!

Section 1 - Exploration des options d'effet Scribble

Dans cette section du didacticiel, nous allons explorer chacune des options offertes par l'effet Scribble et donner des exemples visuels illustrant leur utilisation et expliquant tous les paramètres. Après avoir parcouru cela rapidement, vous comprendrez comment utiliser pleinement cet outil: les paramètres ne seront plus un mystère..

Étape 1 - Paramètres globaux installés

Tout d'abord, il y a plusieurs options sous l'onglet Paramètres dans les options de gribouillis. Ce sont des paramètres globaux, qui sont essentiellement des paramètres Scribble prédéfinis. Commencer à regarder ces paramètres est excellent. Il montre une bonne diversité d'options disponibles et des résultats de gribouillis intéressants. Jetez un coup d'œil à chacun d'entre eux, notez les modifications apportées à chaque option, différentes caractéristiques de chaque gribouillage, et assurez-vous de cocher Aperçu pour pouvoir les visualiser sans avoir à appliquer. Ci-dessous quelques exemples.

Étape 2 - Angle

L'option angle est simple à comprendre. Il contrôle l'angle des lignes de gribouillis. Notez également que chaque fois que vous apportez une modification à cette option, ou aux options suivantes, la liste déroulante Paramètres change de Par défaut à Personnalisé, ce qui indique que vous créez un effet de gribouillis unique à ce stade. Notez le changement de l'angle a l'effet, comme le montrent les exemples ci-dessous.

Étape 3 - Chevauchement et variation du chemin

Déplacer le curseur de recouvrement de trajectoire vers l'intérieur déplace la zone dans laquelle l'effet de dessin est appliqué à l'intérieur de la forme (voir la première image ci-dessous). Tandis que vous déplacez le curseur vers l’extérieur, les lignes de gribouillis sont appliquées au-delà des dimensions extérieures de la forme (voir la deuxième image ci-dessous). Le chevauchement de chemin contrôle la quantité de lignes gribouillées restant dans ou s'étendant au-delà des limites du chemin..

En appliquant l'effet au centre, l'effet reste appliqué au bord extérieur de la forme. Toutefois, si vous augmentez la variation, le tracé varie en fonction de la valeur que vous augmentez. La variation contrôle les longueurs de la différence entre les longueurs des lignes de gribouillis. Dans le dernier exemple ci-dessous, la variation est suffisamment augmentée pour aller à la fois à l'intérieur et à l'extérieur du contour des formes..

Étape 4 - Options de ligne: largeur de trait

La largeur de trait fonctionne comme vous le souhaitez. Cela fonctionne de la même manière que le panneau de traits. cela change la largeur de la ligne de gribouillage. Si vous augmentez ou diminuez la taille du trait, la modification est appliquée à la seule ligne longue constituant l’effet de gribouillis. Quelques exemples sont présentés ci-dessous.

Étape 5 - Curviness and Variation

La courbure manipule la courbe des lignes de gribouillis avant qu’elles ne s’inversent. Le premier exemple ci-dessous montre la courbure par défaut, qui est réglée relativement bas, et le second montre la courbure tournée vers le haut..

La variation de courbure contrôle la différence entre les courbes de lignes de griffonnage. Remarquez dans la première image ci-dessous en quoi les lignes ont un aspect relativement identique, dans la mesure où Variation est définie sur 1; ça a l'air propre. Dans le dernier exemple ci-dessous, la variation est augmentée et remarquez à quel point toutes les lignes sont différentes les unes des autres. ça a l'air un peu brouillon.

Étape 6 - Espacement et variation

Espacement contrôle la quantité d'espace entre les plis de la ligne gribouillée. Notez à quel point les changements d'espacement sont extrêmes en augmentant simplement le curseur Spacing de 5px à 24 px dans l'exemple ci-dessous..

La variation d'espacement contrôle la différence d'espace entre les plis de ligne. Notez la différence entre la première et la dernière image dans l'exemple ci-dessous. L'augmentation de la variation crée des zones d'espacement différent entre chaque ligne - l'espacement n'est plus uniforme.

Maintenant, mettez le tout ensemble

Tout mettre en place est une question d'expérimentation. Maintenant, en fonction du projet, vous pouvez créer une variété de résultats. Vous trouverez ci-dessous quelques exemples utilisant plusieurs paramètres combinés, qui montrent également comment les paramètres peuvent fonctionner ensemble et s’affecter mutuellement. Dans le premier exemple ci-dessous, l'espacement est considérablement réduit, ce qui nécessite également de diminuer la largeur de trait, sans quoi il deviendrait une masse solide. Le deuxième exemple est juste une expérience aléatoire.

Vous souhaiterez peut-être également enregistrer certaines de ces expériences en tant que styles graphiques afin de pouvoir les réutiliser ultérieurement. Une fois que vous avez créé un effet de gribouillis que vous aimez, faites-le glisser dans la palette Styles graphiques, puis cliquez sur le bouton fléché situé dans le coin supérieur droit de la palette et choisissez Enregistrer la bibliothèque de styles graphiques, ce qui l'ajoutera à la nouvelle collection..

Section 2 - Appliquer des effets de gribouillis et créer des pinceaux Photoshop

Dans cette section, nous allons apprendre à appliquer les effets Scribble à un simple motif diagonal composé de plusieurs rectangles de différentes tailles. Ensuite, nous allons créer un petit échantillon de pinceaux Photoshop..

Étape 1 - Créer un nouveau document

Créons un nouveau document Illustrator (j'utilise Illustrator CS4) à la taille souhaitée pour le pinceau, qui dans ce cas sera de 2500 pixels par 2500 pixels. Créez maintenant un rectangle de base rempli de noir et ne comportant pas de trait de taille préférée, puis créez également une poignée d'autres rectangles de taille aléatoire..

Étape 2 - Rotation, copie et organisation

Faites pivoter ces formes en sélectionnant l'outil de rotation (R), puis maintenez la touche Maj enfoncée pour contraindre et faire pivoter de 45 degrés, comme indiqué. Maintenant, copiez les formes et collez-les dans un calque nommé "Rectangle_1". Continuez à copier, coller et organiser les formes jusqu'à ce que vous créiez la composition de votre choix. Vous pouvez également modifier la taille des rectangles ou en ajouter d'autres si nécessaire. Gardez à l'esprit, vous pouvez toujours changer cela plus tard.

Étape 3 - Expérimenter avec des effets de gribouillis

Expérimentez maintenant avec différents effets de griffonnage jusqu'à en créer un qui, à votre avis, constituerait un bon pinceau pour Photoshop. Nous travaillons avec le noir dans ce didacticiel, mais les pinceaux Photoshop peuvent interpréter une échelle de gris complète, alors gardez cela à l'esprit avec vos propres conceptions..

Vous trouverez ci-dessous un effet de griffonnage que je suis heureux d’utiliser pour un ensemble de brosses. Notez que les motifs interagissent les uns avec les autres, ce qui est cool et vous pouvez les expérimenter - même en jouant la directivité des lignes les unes dans les autres. Vous pouvez créer des effets de moiré de cette façon par exemple. Ici, nous maintenons tout droit à un angle de 45 degrés, comme indiqué dans la capture d'écran des paramètres Scribble..

N'oubliez pas qu'il s'agit d'un effet live afin que nous puissions manipuler l'effet Scribble à tout moment. Pour manipuler cet effet, utilisez la palette Apparence, comme indiqué ci-dessous. N'allez pas dans Effet> Styliser> Gribouillage, car cela appliquera une seconde instance d'un effet Gribouillage à vos formes..

Étape 4 - Créer plus de conceptions

Créez maintenant quelques autres modèles de formes rectangulaires variables. Un bon jeu de pinceaux Photoshop devrait comporter au moins 15 motifs qui fonctionnent ensemble comme un ensemble visuel, mais qui sont également distincts. Pour les besoins de ce didacticiel, je vais simplement en ajouter quelques-uns, qui sont illustrés ci-dessous. Nous allons donc travailler avec un ensemble de trois pour ce tutoriel. J'ai placé ces motifs sur de nouveaux calques nommés "rectangles_2" et "rectangle_3" pour que tout reste organisé.

Étape 4 - Transformez ces dessins en pinceaux Photoshop

Copiez maintenant le motif "Rectangles_1", auquel est appliqué l'effet Scribble Live. Lancez Photoshop (j'utilise Photoshop CS4). Ouvrez un nouveau fichier Photoshop (Commande + N). Photoshop doit détecter automatiquement la taille du dessin copié, qui doit être légèrement inférieure à 2500 x 2500 pour ce dessin, car les rectangles n'atteignent pas les bords de la présentation. Assurez-vous de nommer le fichier de manière appropriée. Dans ce cas, il s'appelle "rectangle_1".

Avec ce nouveau document Photoshop ouvert, collez le motif de dessin "Rectangles_1". Un dialogue surgit. Dans ce cas, choisissez bien Pixels, puis appuyez sur Entrée pour appliquer le collage..

Maintenant, sélectionnez l'outil Pinceau (B). Allez dans les paramètres de l’outil Pinceau en haut à gauche de l’interface de Photoshop. Cliquez sur la flèche déroulante pour ouvrir le sélecteur de préréglages de brosses. Dans le sélecteur se trouve une petite flèche dans le coin supérieur droit. Cliquez dessus et choisissez Gestionnaire de préréglages..

Dans la zone de pinceaux de Preset Manager, appuyez sur Commande + A pour sélectionner tous les pinceaux, puis cliquez sur Supprimer. Cela supprimera les pinceaux du sélecteur de préréglage de pinceaux, comme indiqué dans la dernière image ci-dessous, mais ne supprimera pas les fichiers ABR de ces pinceaux, tant que ces fichiers sont enregistrés..

Maintenant, allez dans Édition> Définir le préréglage du pinceau et enregistrez le pinceau sous le nom "Rectangle_1". Maintenant, nous avons notre premier pinceau créé.

Suivez le même processus de copie, de collage et de définition du flux de travail prédéfini des pinceaux pour créer le reste de vos pinceaux. Dans ce cas, nous créons des pinceaux: "Rectangle_2" et "Rectangle_3" comme indiqué.

Étape 5 - Exportez votre ensemble de pinceaux Photoshop final

Maintenant, cliquez sur et ouvrez le sélecteur de préréglages de pinceaux, puis cliquez sur la flèche dans le coin supérieur droit et cliquez sur Enregistrer les pinceaux comme indiqué. Enregistrez les brosses avec le nom "rectangular_angled_brushes", ce qui crée le fichier ABR. Ce fichier peut être enregistré, donné à des amis ou vendu et chargé dans n’importe quel autre Photoshop de la même version (CS4 dans ce cas)..

Informations sur l'évolutivité de la conception

Gardez à l'esprit que lors de la création de ces types de pinceaux, ils ne sont pas bien redimensionnés, même s'ils sont basés sur des dessins vectoriels. Ils sont plus utilisés comme des timbres dans Photoshop. Donc, si vous concevez des pinceaux énormes de 2500px par 2500px, ils sont parfaits pour le travail à grande échelle, ou pour appliquer de grandes textures ou de grands arrière-plans.

Si vous souhaitez créer ces pinceaux pour un travail à plus petite échelle ou pour une utilisation à plus petite échelle, vous devez les créer dans Illustrator à l'échelle à laquelle vous prévoyez de les utiliser. Si vous avez besoin de les utiliser à 600px par 600px par exemple, il est préférable de concevoir d'abord à cette taille dans Illustrator..

Vous pouvez penser que vous pourriez les créer en gros, exporter les fichiers EPS, puis les adapter à n’importe quelle taille, mais cela ne fonctionne pas ainsi. En effet, les pinceaux sont constitués de lignes. Lorsque ces lignes deviennent plus petites, elles se mélangent. Cela change radicalement le caractère du dessin, même au format vectoriel, sans parler de pinceaux pixel. La meilleure solution consiste à planifier le dessin à la taille à laquelle vous exporterez les pinceaux..

Section 3 - Comment créer rapidement des pinceaux à griffonner floraux

Dans cette section, nous allons jeter un coup d'œil sur le processus que j'ai utilisé pour créer des pinceaux Floral Scribble Photoshop - Psd Plus Pack. La création du pinceau est identique, nous allons donc passer en revue les techniques de vecteurs et les effets Scribble appliqués..

Étape 1 - Créez un ovale et faites-le tourner

Tout d’abord, créez un ovale dont la taille est environ la moitié de celle de votre document. Utilisez l'outil Sélection directe pour manipuler la forme de l'ovale afin de lui donner l'aspect d'une pétale..

Maintenant que la forme est sélectionnée, saisissez l'outil Rotation (R), maintenez la touche Alt enfoncée et cliquez sous la forme du pétale, ce qui ouvrira la boîte de dialogue Paramètres de rotation..

Insérer un degré pour faire tourner le pétale. Il est bon de choisir quelque chose de divisible par 360, qui est un cercle complet. Utilisez 45 degrés, ce qui donnera un total de 8 pétales une fois la compétition terminée. Maintenant, cliquez sur OK. Continuez et appuyez sur Command + D six fois de plus pour terminer la création de la forme florale. Sélectionnez Tout (Commande + A), puis copiez et collez, ce qui permettra de centrer la forme sur la toile tant que votre toile sera centrée. Continuez et maintenez la touche Maj enfoncée (pour contraindre l’échelle) tout en sélectionnant cette forme, puis ajustez la taille selon vos préférences..

Étape 2 - Donnez à la fleur une sensation organique

Utilisez l'outil de sélection directe pour manipuler les points et les poignées de chaque fleur. Vous pouvez également souhaiter les redimensionner et les déplacer un peu à l'aide de l'outil de sélection. Le but ici est de donner à chaque pétale une sensation plus organique et de finaliser la forme florale. Vous pouvez voir que j'ai apporté pas mal de modifications au dessin final de la fleur.

Étape 3 - Appliquez l'effet Gribouillis

Allez-y et appliquez l'effet Gribouillis au motif de fleur en utilisant les paramètres indiqués ci-dessous ou choisissez vos propres paramètres. La fleur de griffonnage finale est présentée ci-dessous.

Vous pouvez maintenant appliquer le même processus pour créer davantage de motifs floraux ou utiliser d’autres motifs floraux comme base pour appliquer l’effet Scribble. Une fois que vous avez une collection de bonne taille, continuez et appliquez les mêmes étapes que dans la section 2 pour créer un jeu de brosses..

Conclusion

Armés de connaissances sur le fonctionnement des effets de griffonnage dans Illustrator, lancez-vous et créez vos propres effets. Amusez-vous à appliquer ces effets à vos créations vectorielles. C'est un outil intéressant à utiliser et un moyen rapide d'ajouter de la texture. Aussi, pour votre travail Photoshop, ne soyez pas timide pour créer vos propres pinceaux. Comme démontré, le processus est vraiment simple.

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.