Brushes Tutorial

Cliquez ici pour la traduction francaise du tutoriel sur les brosses

It is not the easiest thing to understand how to make your own brushes in a graphic software.

Today I will show you what kind of variables you can use. I'm not going to explain you how to do one brush, but what is the process to make a brush. I think it will help you to do your own instead of copying mine. It's more fun!

The examples shown here are made with Photoshop, but this tutorial will help you to make your own brushes in any software, like Painter, Gimp, etc.

I will explain here how to use some different options like shape and textures.

Please read your software manual/help before sending me the usual email "where can I find the shape/texture/whatever preset in my software?". 
In Photoshop you will find most of the parameters I'm talking about in the brush window.

1. Brush presets, brush shapes:

The shape is the basic element of a brush. It can be a simple circle, but any shape will do, like a star, or here a felt pen dot on paper, scanned and sharpened. It will define the shape of your stroke. If you want to reproduce an existing media, imagine a section (slice) of the tool : a chalk is a grainy square, a paint brush a cloud of tiny dots, a crayon a grainy round dot, a felt pen a soft square.

A computer brush is made with tiny dots or shapes. If the spacing between the dots is small or inexistent, the stroke will be continuous. If there is a lot of space between the dots, the stroke will be discontinued. Here, the felt pen shape is used with no spacing. The star brush has a lot of spacing between the dots.

2.Using Pressure:

If you are the lucky owner of a graphic tablet (I recommend Wacom tablets), then you can link the pressure as a variable on your stroke. The most common variables are size and transparency. 

Here, the more pressure you apply on the tablet pen, the more the brush will be big or transparent. Note the difference of effect with the same round shape.

3.Spacing and rotation.

You can add an angle jitter to most brushes. You won't be able to see it if the shape is a round dot ( that's actually very interesting if you are trying to re-invent the wheel). Make tests with a rectangular shape, with a large spacing (200%) until you find the right kind of rotation for the stroke to look like a seam. A random jitter is applied on the star stroke (1). Rotation can help you vary a stroke to make it more whimsical.

here is a tutorial to make whimsical brushes like the star brush

4.Texture.

In a lot of softwares you can add a texture, or pattern parameter in your stroke. Here is the stroke, my brush shape, and the pattern I used. The stroke will be transparent on black, opaque on white, semi transparent on gray (and colors), like through a mask.

I used two examples to show you how it works. Texture parameters can reproduce the feeling of drawing on paper, and help to make a painting stroke more realistic. Some texture brushes are able to react to pressure, the more pressure the more grain. A big texture pattern can slow down a brush and make it difficult to use.

Learn how to make patterns here. (bilingual)

5. Soft texture, sharp texture, brush preset.

If your texture is not very contrasted as in (4) (soft texture) , the effect will be more smooth. A sharp texture (contrasted) can help you reproduce mediums with a lot of grain, like chalk or charcoal. Textures can be named patterns, textures, or papers, it depends of the software.

Mixing different parameters, like here texture+brush shape, will help you get closer to a realistic effect.

6. Dual brushes.

Photoshop (only) allows you to mix two brushes, one being used as a main brush, the second as a mask. It's a bit like the texture, but a brush has a restricted surface ( shape) when the texture is repeated on the whole working surface. The intersection of two brushes, each one with its own parameters, can give a wide array of different brushes. It's quite memory demanding and can slow down the rendering of the stroke heavily.

Here is my favorite brush in 3 steps: first the intersection of two shapes, then adding a texture pattern.

7. More random effects : color dynamics, scattering.

When you paint while mixing your color on a real palette, your stroke will have a slightly different color each time. Some softwares reproduce exactly the palette (like Painter) or the mixing effect ( like Art Rage). Photoshop and Painter can introduce a variable of hue, color and saturation in your stroke. In Photoshop it's called color dynamics. I use it with low variables (1 to 5%) to create subtle effects. The effect is accented on the right to be more understandable.

I also used scattering on this brush. Scattering will spray the shapes or dots on your stroke with a percentage of random. An example will explain it better than words:

8. Choosing the right effect.

On this brush I tried to reproduce a chalk effect. First thing I did is to look at chalks, then trace on paper. The square from of the chalk wasn't very important to me. But I was very interested in the heavy grain and soft texture of the paper. It has a random quality I tried to reproduce.

I tried pattern grain,rotation and scattering...What is your favorite?

 

That's only a few of all the parameters you can use. As I said, it depends of the software, you can find more or less the same effects. What is really important is not the parameters, but the results you will reach. I had a lot of fun creating gazillion brushes, but I only use 10 to 20 in my illustrations, 5 to ten in my paintings, and I add one or two specifically for each professional project I work on.

The best way to create a brush is to know what you want to do. There's millions of possibilities. Do you want to imitate a brush on paper? Copy embroidery seams? Do you want to create a new way to use wrapping paper motifs?

Then you need to analyse what's is important in the effect :
the grain in the paper, the stitch in the seam, the scale of the motif, the hair of a brush.

The main parameters are :

1. Brush shape
2. Stroke transparency
3. Paper grain
4. Stroke randomness

When this is done, transfer these parameters to computer brushes:
the paper will be a texture, the stitch a shape , the motif will be repeated on a pattern, the hair of the brush can be reproduced with tiny dots.

If you follow this logical path you can make very creative and personal brushes.

Enjoy!

Traduction Francaise

Comment creer vos brosses numeriques

Comprendre comment créer votre propre brosse dans un logiciel de graphisme n'est pas forcément évident. C'est meme tres difficile, il y a beaucoup de parametres ,et plus il y a de parametres plus c'est facile de se tromper.

Je vous propose ici autre chose qu'un pas a pas sur Photoshop. Il s'agit plutot  d'un mini manuel pour comprendre comment ca marche a peut pres dans n'importe quel logiciel bitmap, avec comme base Photoshop. Ca devrait vous permettre de vous dire "Tiens on peut faire ci ou ca, je vais regarder la doc pour voir ce que je peux faire chez moi"

Avant de m'envoyer les questions habituelles du genre " ou est le bouton pour allumer mon ordinateur, et ou est cette palette de brosses?" je vous conseille de consulter l'aide ou le manuel de votre logiciel. Mais vous le connaissez deja par coeur n'est-ce pas?

Dans Photoshop vous trouverez la plupart des paramètres ici decrits dans la palette "brosses"

1. Formes de brosse :

La forme est l'élément de base d'une brosse.  Le pinceau de base est un point ou un disque. mais on peut utiliser n'importe quelle forme, comme ici une etoile, ou le scan d'un point de feutre sur du papier. Cette forme de base definira les contours du trait. Si vous voulez reproduire des médias existants, imaginez une section (tranche) de l'outil que vous voulez reporduire: une craie est un polygone avec du grain, les poils d'un pinceau forment un nuage de points minuscules, un crayon de couleur a comme section un point rond grenu, un stylo  feutre , un petit rectangle un peu mou.

Un trait fait avec une brosse numerique est constitue de la repetition de ces formes. Si l'espacement entre les points est petit ou inexistant, le trait sera continu. S'il y a beaucoup de l'espace entre les points, le trait sera discontinu.

Le trait de stylo feutre, en haut, a un espacement minimum de 4%, les points se chevauchent, le trait est continu. La brosse etoile a un espacement de plus de 100% entre les points, de telle sorte qu'on distingue tous les contours du motif.

2.Utiliser la pression comme parametre

Si vous êtes l'heureux propriétaire d'une tablette graphique (je recommande les tablettes Wacom), la pression appliquee sur le stylet peut devenir un parametre pour vos brosses. Les variables les plus communes sont la taille et la transparence. 

Ici, plus que vous appliquez de pression, plus la brosse sera grande ou transparente. Notez la différence de l'effet avec la même forme ronde.  Je me souviens de l'introduction de ces parametres de base avec emerveillement : on pouvait enfin peindre avec un ordinateur!

Apprenez a gerer la pression de votre tablette dans les preferences et dans votre programme graphique, c'est tres important. Installez les drivers et soyez surs d'avoir toujours la derniere version!

3. Espacement et rotation.

Vous pouvez ajouter une parametre d'angle à la plupart des brosses, qui permet de faire tourner la brosse selon un angle aleatoire, lie à la pression ou a la direction. C'est evident que ca ne se remarque pas quand la forme en question est ronde (ceci dit c'est très intéressant si vous essayez de réinventer la roue). Faites des essais avec une forme rectangulaire, avec un grand espacement (200%) jusqu'à ce que vous trouviez le bon typede rotation pour que le trait ressemble à une couture. J'ai applique une rotation aleatoire sur la brosse etoile (1). La rotation peut aussi vous aider à rendre un trait plus amusant.

voici un cours d'instruction pour faire des brosses amusantes comme la brosse etoile

4.Texture.

Dans beaucoup de logiciels vous pouvez ajouter une texture, ou un paramètre de motif dans votre brosse. Voici le trait, ma forme de brosse, et le motif que j'ai employé. Le trait sera transparent sur le noir, opaque sur le blanc, semi-transparent sur le gris (et couleurs), comme au travers d'un masque.

Voici  deux exemples pour vous montrer comment cela fonctionne. Les paramètres de texture peuvent reproduire la sensibilite du dessin sur le papier, permettent de faire des coups de pinceau tres realiste. Quelques brosses de texture peuvent réagir à la pression, le plus de pression, le plus de grain. Une grande texture peut ralentir une brosse et la rendre difficile à employer.

Apprenez comment faire des textures ici. (bilingue)

5. Texture douce, texture contrastee, forme de brosse.

Si votre texture n'est pas très contrastée comme dans (4) (soft texture), l'effet sera plus lisse. Une texture plus dure (contrastée) peut vous aider à reproduire des materiaux avec beaucoup de grain, comme le pastel ou le fusain. Les textures peuvent être appelées motifs, ou textures, ou  papiers, selon le logiciel.

En mélangeant différents paramètres, comme ici un papier et une forme de brosse, vous vous approcherez au plus pres d'un effet realiste. Je m'amuse souvent a reproduire les stylos de ma trousse pour retoucher mes croquis, et j'ai tenté de reproduire les coups de pinceau de mon peintre preferé, mais ca c'est tres difficile!

6. Dual brushes, les brosses composites.

Photoshop (seulement) vous permet de mélanger deux brosses, la premiere étant employée comme brosse principale, la seconde comme masque. C'est un peu comme pour les textures, mais une brosse a une surface restreinte (forme) quand la texture est répétée sur la surface de votre dessin. L'intersection de deux brosses, chacune avec ses propres paramètres, peut donner une grande sélection de différentes brosses. Ca peut demander beaucoup de memoire et rende le trait tres lent.

Voici ma brosse préférée en3 étapes : d'abord l'intersection de deux formes,en ajoutant ensuite une  texture.

7. Des effets plus aléatoires : color dynamics, scaterring.

Quand vous peignez tout en  mélangeant vos couleurs sur une vraie palette de peintre, votre trait aura une couleur légèrement différente chaque fois. Quelques logiciels reproduisent exactement la palette ( Painter)  ou l'effet de mélange (Art rage, Painter). Photoshop et Painter peuvent présenter une variable de tonalité, de couleur et de saturation dans le trait. Dans Photoshop ca s'appelle "color dynamics". Je l'emploie avec des parametres peu eleves (1 à 5%) pour créer des effets subtils. L'effet est accentué a droite afin d'être plus compréhensible.

J'ai également employé du scattering (dispersion ) sur cette brosse. Le scattering disperse les formes ou les points sur votre trait de maniere aléatoire. Un exemple expliquera mieux que des mots :

8. Choix du bon effet.

Sur cette brosse j'ai essayé de reproduire une matiere de craie. J'ai fait des tests sur papeir pour voir a quoi ca ressemble.  La forme carree de de la craie n'était pas très importante pour moi. Mais j'étais très intéressé par le grain contraste et la texture du papier. la craie ajoute un cote podre et aleatoire que j'ai essaye de reproduire avec differents parametres. Trouver le bon parametre n'est pas forcement evident, ca prend du temps.

J'ai essayé  de mettre une texture, du scattering, de travailler avec des rotations aleatoires...Quel rendu preferez-vous?

Je n'ai parle icic que de quelques-uns de tous les parametres possibles, mais cela me paraissait une bonne introduction au sujet ardu des brosses. Comme je l'ai deja signale, les parametres sont differents selon les logiciels, a vous de tester!. Ce qui est vraiment important ce ne sont pas les paramètres techniques, mais les résultats artistiques que vous atteindrez. J'ai cree des milliers de brosses pour m'amuser ou travailler, mais j'en emploie seulement 10 à 20 dans mes illustrations, 5 à dix dans mes peintures, et je cree specifiquement  d'autres brosse pour chacun des projets sur le quel je travaille ( brosse a rouille, brosse a goudron, brosse a sourcil, brosse a enluminure celtique, etc)

La meilleure manière de créer une brosse est de savoir ce que vous voulez faire. Il y a des millions de possibilités. Voulez-vous imiter un pinceau sur papier ? La broderie au point de chainette? Voulez-vous créer une nouvelle manière d'employer des motifs de papier d'emballage cadeau?

Alors vous devez analyser ce qui est est important dans l'effet :
le grain dans le papier, le point dans la couture, la balance du motif, les poils d'une brosse.

Les paramètres principaux sont :

1. Forme de brosse
2. Transparence du trait
3. Grain du papier 
4. Aspect aléatoire du trait

Quand ceci est fait, transférez ces paramètres aux brosses numeriques :
le papier sera une texture, le point une forme, le motif sera répété sur une texture, les poils de la brosse peut être reproduit avec un nuage de  points minuscules.

Si vous suivez ce chemin logique vous pouvez creer des brosses très créatrices et personnelles.

Bon courage, amusez-vous bien!

Comments

[del4yo]

Je sais,c'est pas traduit en Francais...il va me falloir une bonne raison pour y passer 4 a 5 heures. Vous en avez une?

[charlie pop]

oui, oui !
je suis pas sûre d'avoir tout compris ! :$
néanmoins, ça me semble déjà une mine, je pense que je comprendrais à l'usage...
Thanks a lot for the english explanation !
je garde la version française de cette phrase pour un futur post !? :P

[del4yo]

http://babelfish.altavista.com/babelfish/trurl_pagecontent?lp=en_fr&url=http%3A%2F%2Fdel4yo.blogs.com%2Fnon_dairy_diary%2F2007%2F01%2Fbrushes.html

Hihihi hhuhuhu ha snirfl. Ok je vais faire la traduction,mais d'abord je vais dormir.

[Marraine]

Impressionant, je ne savais pas qu'on pouvait faire autant de choses avec une palette graphique! Je vais finir par m'y mettre... Merci pour les infos!

[charlie pop]

waow ! Babel fish est malgré tout carrément plus efficace que Google linguistique, dis donc ! :)

[Doune]

Oui, bon, d'accord, je ne me suis pas accrochée à mon apprentissage de l'anglais... et ben, voilà le résultat! y a pleins de trucs qui m'échappent :S

[Robert Vandenbego]

Hi! Really your blog is original. I like it.
Regards ;0)

Robert Vandenbego
Madrid, Spain

[a n g e l]

mais tu lis dans ma tête ou bien???

hier je faisais une brosse sur photoshop, et je me disais qu'à part le truc de base, beh je savais pas trop à quoi servait tout le schmilblick, et hop aujourd'hui, miracle, une explication claire, détaillée, toussa!

c'est dingue :)

(rinavoir: ton adresse c'est toujours la même que sur ton faire part de mariage? histoire de t'envoyer mes voeux, j'ai utilisé le tampopo vert en fond en plus, c'est dire)

[Vicki in Michigan]

Thank you so much for working up this tutorial!

I come to Photoshop Elements from the "manipulation of photos" side of things, but am hoping to branch out more into digital collage. I am eager to see what I can do with brushes.....

Thanks.

[Adélie]

Tu sais que tu devrais être déclarée d'utilité publique et être remboursée par la sécu ?

*smack* :-).

Merciiii !

[sfmike]

I met an early Photoshop Painter in the early '90s named Barbara Mehlman, who I believe still teaches art and multimedia courses around the Bay Area, and I just remember her utter delight in being able to create her own patterned brushes. Your delight in same is wonderful to see. Thanks for trying to share.

[Jolene Oldham]

Fabulous tutorial! I thought I knew how to do this already, but the Dual Brush thing always mystified me. Thanks!

pearlimae.etsy.com

[del4yo]

A tous> la traduction en Francais est maintenant ici
http://del4yo.blogs.com/non_dairy_diary/2007/01/brushes.html#more

bon je suis un peu fatiguee alors ca doit pas toujours etre parfait...

SfMike> I learnt Photoshop in the early nineties too, with the same delight, and I'm happy you felt how enthusiastic I am about digital painting!

Welcome to all the newcomers!

[Clo]

bon là j'ai un peu un boulot de ouf, mais je vais venir relire et expérimenter tout ça :-) je sens que je vais apprendre plein de trucs : chouette ! merci de nous faire ce cadeau !
comment te remercier ? des cookies ? les douaniers vont les manger ... un dessin ? tu fais tout tellement bien !
bon, des blog-bisous alors...

[Zab]

Mille mercis de partager tout ça et de faire des tutoriels faciles à comprendre, même pour les débutantes comme moi :-)
A bientot
Zab

[laure]

merci c'est génial !! je vais me plonger dedans !!!

[fedesbois]

mm...moui! heu c'était passionnant a lire mais étant donné que je commence a peine a découvrir gimp et que j'ai appris a scanner ce mois ci bin...là j'ai rien compris!!

[Diane]

Merci!
J’avais oublié comment tout cela fonctionnait et je n'avais pas la force de chercher dans le mode d'emploi et voilà que tu nous offres tout ça.
Merci 2X

[del4yo]

clo> huhu des bisous a toi aussi

fedesbois> c'est pas grave tu sais, une chose apres l'autre...tu y reviendras quand tu en aura besoin!

[julielanne]

Ouaiiiis,
t'es un amour!
de prendre le temps, de partager, d'être, enfin voilà quoi!
merci mille fois!
*smoutch*

[Piou]

Comprend rien...mais c'est pas grave !

[fedesbois]

del4yo> bin j'en aurai bien besoin! mais c'est vrai que ca parait trop dure quand on débute en tout cas merci!

[krysalia]

formidable ce que tu expliques bien tout ça ! et quel temps ça a du te prendre ! je suis z-épatée :)

[Caroline]

c'est super sympa de faire un tuto comme ça. J'ai également trouvé un forum où un type crée ses propres brosses. J'ai pas tout lu mais ça a l'air pédagogique, donc je fais profiter : http://forum.hardware.fr/hfr/Graphisme/Infographie-2D/
tuto-photoshop-brosses-sujet_15676_1.htm

voili voilou

marmouze.canalblog.com