voir l'intérieur

 

 

 

 

 

 

 




Follow Me on Pinterest

 

Spilt Milk 

(mon blog photo)

pancartes Portfolio Tutorials papertoys Magic Sketchbook Free stuff Motifs de t'a moi Oizos! lapin!

Archives

Entries in Tutorials (52)

Tuesday
Apr082008

Brosses Photoshop (2)

If you have an older version of Photoshop and are not able to use my CS3 brushes, you can use this picture with my first brush tutorial, and then learn to parameter your brushes with this other tutorial about Photoshop Brushes. These images are free to use for non commercial projects, please draw your own brushes if you want to sell your pictures!

 

Des petits details en plus. Pour ceux qui on une version ancienne de Photoshop et qui n'arrivent pas a utiliser mes brosses CS3 :

-Utilisez mon premier tutorial sur les brosses , en selectionnant la fleur qui vous interesse dans cette image:

Brosses

Vous pouvez ensuite utiliser mon autre tutorial sur les brosses pour les parametrer. J'ai note que la personne absolument vertueuse qui conchie les copieurs avait aussi utilise mes petits pois, alors je vous les ai rajoutes comme ca y'a pas de jaloux. J'ai explique autrefois a cette personne comment faire du dore sur Photoshop, je crois qu'elle a besoin de se rafraichir la memoire alors je vous ferais bientot un tuto aussi. :)

Usage non commercial ( dessinez vos propres fleurs si vous voulez faire un usage commercial), merci!

Pour la personne absolument adorable qui desire partager les siennes, je ferais un tuto la prochaine fois :)

Saturday
Oct062007

Photopaint tutorial

Comme d'habitude, je vais avoir besoin de votre aide pour la traduction Francaise des termes Adobe? Merciii

 

Del_tuto060000I already made a tutorial about Photopaint, but this one is far more simple. Some people were not able to read the animation so I added a few pictures to help. Just click on the icons to see them.

For this tutorial you will need Photoshop ( any version ). You also need to be a bit of a Photoshop artist.
You also need to  know how to use : layers, pattern stamp tool , and the filter average.

If you don't know how to, please check the Photoshop Help!

1.First of all, pick a photo. It's always easier with a large picture. Crop it if you like, but from now don't resize or crop it anymore.

2. Select> All , then Edit>Define Pattern.

3.Duplicate Background layer

Del_tuto0601174.Apply Filter>Blur>Average. This will fill your layer with one color.  Make a nice background for your picture. This color is the mix of all the colors of your picture. If your picture is well balanced between light and dark and colors, you'll get a gray. Usually it's a brown. Don't worry about this. You will get a background color that will most likely fit your painting.

5.Make this layer a bit transparent until you can see the photo, but not too much or it will make your work uneasy.

6.Choose the pattern stamp tool. Use your photo as the pattern.Click on the arrow near the tiny icon representing the patterns to choose your photo from the library. Click the options : aligned, and impressionist.

7. Right click, pick a nice brush. The key thing is to use a brush with scattering . You can download here a brush I find fun to work with:

 

Download del4yo_brush.zip

8. Create a  new transparent layer.

Del_tuto060124
9. Paint. Begin with a large brush and paint the shapes of you photo. Faces, house, tree etc. If it a portrait, define the surface of cheeks, hair, etc. It's messy, a bit gooey, don't worry. Follow with the brush the forms of the surface (as in : if it's round, make circle movements).

 

 

Del_tuto060244
10. Use a smaller brush and paint  details, following them more closely. At this point, getting tired of the process, I created a new layer under my painting layer and with the tool brush (not the pattern)  and I painted a background with large strokes.Then, I came back to the paint layer.

 

Del_tuto060264
11.Continue to paint with a smaller brush. Zoom, unzoom, look at the details closely. Hair and small lines like a baby mouth are hard to catch. Click on the visibility icon of your larger  to check with the original photo under it from time to time. At this point, creating a group of your layers above the photo could be a good idea.

Tip: if you are afraid of loosing effects you like, create new layers  each time you make a new step in details.

 

Del_tuto060359
12.This is far the most difficult part. You need to be able to draw a bit.
Make the underground layer with only one color 100% visible. Then create a layer on top of your painting. Getting back to the brush tool, with a fine brush and picking the colors where necessary, define light in the eyes, repaint strokes of hair (painting flesh on it and redrawing if necessary) and all the tiny details you couldn't get. It won't be perfect. It won't look exactly like the picture. But it will look like something you've made, and this is good.

 

The key of this tutorial is to adapt painting technique to Photopaints. I learned Academic painting when I was a young student, and I've been taught 2  very important things:

-Going from generic to details. Structure is an important thing.

-Following perspective and shape with strokes.

Then I learned this all by myself: Have fun. If I don't, it's crap.

 

Et voila! Happy little bushes! I hope you will enjoy this technique. Try it for some scrapbooking!

 

----------------------------------------------------------------------------

 

 

Traduction Francaise

Del_tuto060000J'ai déjà fait un tutoriel  de Photopaint,
mais celui-ci est plus simple . Cliquez
sur les icônes pour  voir les etapes en grand.

Pour ce tutoriel vous aurez besoin de Photoshop (n'importe quelle version fera l'affaire) Vous devez également savoir un peu dessiner dans Photoshop.
Vous devez également savoir employer : couches, l'outil de tampon de motif et le filtre flou "average". 

Si vous ne savez pas, s'il vous plait consultez la notice de de Photoshop avant de m'envoyer des emails affoles !

 

1.Avant tout, sélectionnez une photo. C'est toujours plus facile avec une
grande image. Si vous voulez reduire la taille de l'image ou l'agrandir ou la cropper, c'est le moment, il ne faut plus le faire apres sinon ca va pas le faire avec le motif.

2. Selectioner > tout, puis Edit > Definir le motif

3.Dupliquer le layer de fond ( celui qui contient la photo)

Del_tuto0601174.Appliquer filtres > atténuation > moyenne .  Ce filtre rempli le layer d'une seule couleur qui est la moyenne de toutes les couleurs de l'image. Si l'image est bien equilibree c'est un gris. En general c'est un brun. De toutes les facons ca devrait faire un bon fond de depart pour votre image.

5. Rendez cette couche un peu transparente jusqu'à ce que vous puissiez
voir la photo, mais pas trop ou cela rendra votre travail impossible. Le but est juste de voir ou vous dessinez.

6.Selectionnez l'outil tampon de motif ( pas le tampon tout court hein ca fera rien le tampon tout court). Employez votre photo comme motif. Cliquer sur la flèche près de l'icône minuscule représentant
les motifs pour choisir votre photo dans  la liste. Cliquez les
options : aligné, et impressionniste ( c'est important, sinon ca fera que croute)

7. Le bon clic, sélectionnent une brosse gentille. Mouarf les traducteurs automatique j'adore. Je fais la base de ma traduction avec, je corrige ensuite. Ca donne portnawak des fois.
Hum. Clic droit, choisissez une bonne brosse. C'est ca que je disais vous suivez hein? Le truc c'est d'utiliser une brosse avec de  la dispersion (scattering). Vous pouvez
télécharger ici une brosse que je trouve l'amusement pour travailler
avec (
si si je trouve de l'amusement terrible. Je devrais laisser faire la traduction auto, c'est trop drole):

 

Téléchargement del4yo_brush.zip

8. Créez une nouvelle couche transparente.

Del_tuto060124
9. Peindre. Definissez les grandes zones de la peinture, par surface. Suivez les formes des surfaces avec le pinceau. Genre si c'est un rond, faites des mouvements ronds. Ca donne du volume.

 

Del_tuto060244
10. Employer une plus petite brosse et peindre les détails,en les definisant de pres . En ce moment, obtenant fatiguée du processus ( un peu sans interet faut le dire quand on sait peindre pour de bon hein), j'ai créé
une nouvelle couche sous ma couche de peinture et avec l'outil pinceau (pas le tampon) et j'ai brosse un fond a grands coups de pinceaux, ca desennuie.
Puis, je suis revenu à la couche ou je peignais.

 

Del_tuto060264
11.Continuez a travaillez les details avec des brosses de plus en plus petites. Zoomez. Dezoomez, regardez bien les details.Il est difficile de chopper les cheveux et les petites
lignes comme une bouche de bébé. Cliquer sur l'icône de visibilité du layer pour pour vérifier avec la photo originale qui est dessous de
temps en temps. A ce moment, créer un groupe de vos couches au-dessus
de la photo a peut-être une bonne idée.

Truc : si vous avez peur de perdre des etapes que vous aimez,
créer de nouvelles couches chaque fois que vous faites une nouvelle
étape dans les détails.

 

Del_tuto060359 12.L'etape la plus dure, mais la plus interessante. Vous devez savoir dessiner un peu.
Rendrez opaque a 100% la couche unicolore. Créez
alors une couche au dessus de  votre peinture. Avec une brosse fine (outil brosse, n'utilisez plus l'outil tampon) et en sélectionnant les couleurs avec la pipette, définissez la lumière dans les yeux, peignez les meches des
cheveux (en les effacant et en les repeignant au besoin) et peignez tous
les détails minuscules que vous n'avez pas pu  obtenir. Le resultat ne sera pas
parfait. Ca ne sera pas exactement comme la photo.  Mais ca aura l'air de quelquechose que vous et vous seul(e) avez fait, et ca c'est une bonne chose.


La
clef de ce tuto est d'adapter des techniques de peinture academique au
Photopaint. J'ai retenu deux choses importantes des cours de dessins academique que j'ai recu quand j'etais etudiante (aie, ca fait vingt ans):

- Allez du plus general aux détails. Ca va structurer le resulat et lui donner de l'assise, c'est super important.

- Suivez les formes et la persective avec la brosse. Ca aide enorment a definir des formes un peu difficile a lire autrement.

Alors j'ai appris ce tout par me : Avoir l'amusement. Si je pas, c'est merde.(oh cette traduction automatique j'adorehuhu trop drole)

Et j'ai appris par moi meme quelque chose de beaucoup plus important: si je m'ennuie en dessinant, ca se voit et c'est de la crotteuh!

 

Et voila ! Petits buissons heureux ! J'espère que vous apprécierez cette technique. Un truc a essayer pour le scrapbooking !

 

Si vous n'avez pas tout compris et que vous m'ecrivez un gentil mail c'est possible que je vous reponde, mais seulement si vous etes poli et que vous utilisez le mot magique et tout ca.

 

Thursday
Jun072007

White wall

(transparent screen with a twist, end)

If your screen is in front of a white wall and you don't want to move it to take a picture, follow these steps:
Download my whitewall texture ( a white wall has a texture. This one is for a white wall painted with a roll, approximatively 2.5 inches behind a flat screen)

Download white.jpg

A very interesting picture indeed.
You will need my birds too, or any picture on a transparent layer:

Download burds_make02.png

Then:

Grad

1.Open white.jpeg in Photoshop. Add a gradient layer, in multiply mode, to recreate the shadow on your wall ( there is always a shadow, if not there is too much light in your room, or not enough, go to the beach instead of working there, it's not good for your eyes).

2.Copy and paste my burds. Double clic on the layer. Add a drop shadow effect with a

opacity: corresponding to the density of the shadows on your wall
distance: corresponding to thedistance between your wall and the birds
size: corresponding of the way your shadows are blurred on your wall.

A shadow is always softer and lighter than you think.

et voila, instant transparent screen, just add water!

Fondeccopyright del4yo  2007

Wednesday
Jun062007

Transparent screen with a twist (2)

Here is the real result on Krysalia screen, far away in France when I'm in San Francisco. Thank you so much Krysalia. The result I shown yesterday was a simulation. It's so much fun to work with a friend you never met, I love blogging!

Fondretouchepetitcopyright del4yo & krysalia 2007

If you have a plain white wall behind your screen, don't bother make a picture, I'll show you what to do on my next post!

Monday
Jun042007

transparent screen with a twist

Desolee, pas de traduction francaise cette fois-ci, je n'ai pas trop le temps...
All images copyright del4yo & krysalia. Menus are from Photoshop CS3.

Today we will have a lot of fun, adding some quirky graphic birds with realistic shadows to a "transparent screen".

Please, please don't say " I can do this with the effects in Photoshop hahaha". First, not everybody has Photoshop and this tutorial can be applied to other graphic softwares if you are just a little bit clever (you will need layers, though). Then , there is no "perspective" option in the Photoshop effects and that's the interesting part.

1.First of all:

make a photo of what's behind your screen. (thanks, krysalia!)

 

Tvto_01

crop the image to the portion corresponding to your screen.

2.Then:

Download burds_make02.png

3.Copy and paste this image (burds_make02.png) in a layer. Copy, move, etc. to your taste:

 

 

Tvto02

It's fun, but it would be more realistic with shadows matching the real ones. Let's do it!

 

4. duplicate this layer, then select  layer 1. Lock the transparency of the layer1

Tvto03

5.Fill with black (d,x,⌘+delete key).
If the shadows in your room are blue, or brown, use a blue or a brown instead of black.

Tvto04

6. UNLOCK the layer. Use the blur filter, to match the way the shadows are blurred in your room. Notice that the more close an object is to a surface, the less blurred will be the shadow.

 

Tvto05

7.Play with the opacity of the layer until the shadows match the real ones.

 

Tvto06

 

8. Make the duplicated layer visible. Use the transform tool ( in the Edit menu) so the shadows will match the other shadows in your picture. Note the light direction and just follow it!

 

Tvto07

 

 

Et voila!

 

 

Krysalia01

 

9. Use it as a desktop background .  There is quirky birds behind your screen!

 

Tvtodelbis02

(This is a simulation)

Tuesday
Feb202007

Aging your patterns

Gulls01

Now you know how to make your own patterns ( a tutorial here). But still, they have this peculiar digital look and you would be very pleased to add a little texture to give them more reality. I'm going to show you today 2 very quick ways to age your patterns.

1.First, scan a sheet of paper. Colors are better, a lot of grain is welcome. Cut a  square the exact size of your pattern ( here 256x256 pixels).   Or half, third if you want to repeat it. I make all my patterns in  a restricted array of sizes to be able to mix and match  (512x512, 256x512, etc).

Mauve3

2. Apply the filter>offset  with (here ) an offset of 128 pixels. A seam will appear in the middle of your picture. Make it invisible with the stamp tool or the healing brush tool to create a seamless pattern.  Then you can make the grain more visible with one of the Sharpen filters.

Mauve_sharpcan you see the difference with the precedent picture?

3. Aging with no change of the original picture colors.

Desaturate your picture ( ⌘+shift + U)
Then apply the filter>Other>High Pass. Set the radius so the picture keeps only the grain. Too large of a radius will create a seam. This filter keeps the grain and equalize the picture to a medium gray.

Mauve_nb

4. copy and paste this texture in a new layer over your pattern ( here my bird pattern). Set the layer in overlay mode in the layer palette. Change the transparency of the layer to your taste, et voila! A bird pattern on paper.

 

 

Gulls_overlay

------------------------------------------------------

 

Here is another solution:

3. Aging and yellowing the picture.

Prepare your paper texture as in (1) and (2). Then using Image>adjustments>curves and Image>adjustments>hue saturation, change your texture to a pale yellow one with a lot of grain.

 

Mauve_jaune

 

 

4.Copy and paste this texture in a new layer
over your pattern ( here my bird pattern). Set the layer in multiply mode in the layer palette. Change the transparency of the layer to your
taste, et voila! A bird pattern on paper, with just enough of yellow to make it look vintage.

 

 

Gulls_multiply

 

Comme d'habitude, j'ai besoin d'aide a la traduction que vous trouverez ici:
Je patine mes textures

 

 

 

 

 

 

 

French translation:

Gulls01

Maintenant vous savez faire vos propres motif ( un tutorial ici). Mais bon, ca ressemble bien a un motif digital et ce serait plus chouette avec un peu de texture pour lui donner un aspect realiste. Je vais vous montrer aujourd'hui deux moyens tres simple de patiner vos motifs.

1.D'abord, scanner une feuille de papier. En couleur ce sera plus facile, avec beaucoup de grain si possible. Coupez un rectangle exactement de la taille de votre motif ( ici 256x256 pixels).   Si vous voulez le repeter, restez proportionnel ( un tiers, la moitie, etc). Pour pouvoir utiliser mes textures sur tous mes motifs, je travaille toujours sur les meme formats  (512x512, 256x512, etc).

Mauve3

2. Utilisez le filtre  filter>offset  avec (ici ) un offset de 128 pixels. Une couture devrait aparaitre au milieu de votre image. Supprimez la en utilisant l'outil tampon, ou encore mieux, la healing brush. Voila , votre motif est raccord. Vous pouvez rendre le grain plus visible avec un des filtres "sharpen".

Mauve_sharp

3.Ajouter du grain a une image sans changer les couleurs.

Desaturez votre texture de papier ( ⌘+shift + U)
Appliquez ensuite le filtre filter>Other>Passe Haut. Reglez le rayon de telle sorte que seul le grain du papier apparaisse. Un rayon trop grand creera une couture dans l'image. Ce filtre garde le grain et egalise l'image vers un gris moyen.

Mauve_nb

4. Copiez-collez cette texture dans un nouveau calque au dessus de votre motif ( ici mes oiseaux). Mettez le calque en mode Superposition dans la trousse des calques. Changez la transparence du calque a votre gout et voila! Des oiseaux sur papier.

 

 

Gulls_overlay

------------------------------------------------------

 

Voici une autre solution:

3. Ajouter du grain et jaunir le motif.

Preparez votre texture de papier comme dans (1) et (2). Ensuite utilisez Image>adjustments>curves et Image>adjustments>hue saturation, pour changer le papier mauve en un papier jaune pale avec beaucoup de grain.

 

Mauve_jaune

 

 

4.Copiez-collez cette texture dans un nouveau
calque au dessus de votre motif ( ici mes oiseaux). Mettez le calque en
mode Produit dans la trousse des calques. Changez la transparence du
calque a votre gout et voila! Des oiseaux sur papier juste assez jaune pour lui donner un peu de patine ancienne.

 

 

Gulls_multiply

 

 

 

 

 

 

 

Sunday
Jan212007

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.

Brosses_01

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. 

Brosses_02

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.

Brosses_03

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.

Brosses_04

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.

Brosses_05

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.

Brosses_06

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.

Brosses_07

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:

 

Scatter

 

 

 

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.

Random_1I 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.

Brosses_01

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. 

Brosses_02

 

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.

Brosses_03

 

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.

Brosses_04

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.

Brosses_05

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.

Brosses_06

 

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.

Brosses_07

 

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 :

 

Éparpillement

 

 

 

  

 

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.

Random_1

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!

Tuesday
Nov212006

[Photoshop] Dotted tutorial

Fly_dog03

Adelie asked me how to create the halftone dots in this picture. These were really a brush I found on the internet, But here is how to do your own dotty pictures

Click here to read the tutorial

 

Dotty

Un petit tuto pour Adelie qui se demande comment creer des trames halftone sur Photoshop.
Cliquer ici pour lire le tuto

 

______________________________________

 

Halftone Pattern Tutorial
______________________________________

 

(Black is for english, brown for French.)

Dog_tuto01

 

1. first take a picture. Don't make it too big , or too detailed. Halftone pattern fun is a question of details and scale.
1.Prenez une image, pas trop grande, pas trop detaillee. La trame quadri c'est une question de details et d'echelle.

 

Dog_tutonb
2. first be sure your colors are set to black and white (+D)
2. verifiez d'abord que vos couleurs sont Noir et Blanc (+D)

 

Dog_halftone

 

3.Then choose Filter>Sketch>Halftone pattern
choose size and contrast to your taste.

3.Utilisez  Filter>Sketch>Halftone pattern (je ne sais pas en Francais...)

Here is the result:

 

Dog_tuto02

Ca c'est le resultat.

 

4.If like me you would like an oversized effect on the dots, overscale your picture:
choose Image> Image size (⌥+⌘+i)

4. Si comme moi vous vouliez une texture a gros points, agrandissez l'image:
Image> Image size (⌥+⌘+i)

 

Dog_resize

 

Dog_tuto03

 

5.The result is a bit blury. I like its crisp. Choose :
Image> Adjustments>Threshold

5.Le resultat n'est pas assez net a mon gout. Je n'y vais pas avec le dos de la cuillere et je fais:
Image> Adjustments>Threshold


Dog_threshold

Now your picture is crisp and sharp. playing with masks and Colours you can really have fun:
Maintenant vous avez de beaux points bien nets, a vous de jouer!

 

Poster_dog04