Bonjour,
 
Depuis un certain temps je reçois des demandes pour remettre ce tuto, qui avec la fermeture de ColoBrush était indisponible
J'espère que vous prendrez beaucoup de plaisir à le lire
 
 
Bienvenue sur ce tutorial.
 
Je pense que vous êtes impatients d'apprendre le Colobrush. Me dites pas non je le sais.
Ce tuto va vous permettre d'apprendre les bases du Colobrush, le reste étant le fruit de vos expérimentations personnelles
 
 

 
====================================================================
Tutorial Photoshop : Apprendre les bases du Colobrush
====================================================================
 
Bien on va pouvoir commencer.  
 
I Ce qu'on doit éviter  
 
Je vais d'abord commencer par vous dire comment, dès le départ, donner de la qualité à vos icônes en évitant tout pièges.
 
Prenons exemple avec ce patron :

 
Une bonne ColoBrush, pour moi, ça serait d'arriver à ça :

 
Bien sûr tout le monde a un style différent et vous n'arriverez peut être pas à obtenir tout de suite quelque chose d'aussi beau.  
Mais croyez-moi, ça viendra
 
Passons donc aux pièges à éviter.
 
Piège n°1
 
Le plus classique : le ColoBrush en "biseautage".
 

 
Explication : On met de l'ombre partout où il y a un contour. Certes on utilise les brush mais le résultat est vraiment horrible car
l'ombre ne suit pas du tout la forme et a tendance justement à aplatir l'image.
 
 
Piège n°2
 
Un piège nul : Le ColoBrush flou
 
Pas d'exemple.
 
Explication : N'hesitez pas à faire des ombres "dures", c'est à dire bien délimitées lorsque c'est nécessaire.  
N'utilisez pas ou peu le flou gaussien.
 
 
Piège n°3
 
Le piège qui gache tout : le ColoBrush trop Sombre
 

 
Explication : C'est moche, n'est-ce pas? En fait le résultat est du à l'utilisation abusive de la couleur noire.
Cette couleur a tendance à vite assombrir, même à faible opacité. Une solution : suivre le tuto.
 
 
Piège n°4
 
Le piège de l'ombre qui bave.
 

 
Explication : Un piège assez connu et pourtant très repandu. Beaucoup de personnes ont du mal avec les ombres.
Heureusement, le ColoBrush est là, et va vous aider à en faire de belles.
 
 
Je pense qu'on a vu tous les petits pièges à éviter. Notez que si vous êtes tombés dans un piège (héhé) recommencez jusqu'à ne plus l'avoir.
 
 
II Les bases du ColoBrush
 
La meilleure façon de comprendre les bases, c'est de faire une icône dans le style ColoBrush.
 
Ouvrez Photoshop (si ce n'est déjà fait) et créez un document 512*512 fond blanc.
 
Nous l'avons vu précédemment, le brush s'appuie tout d'abord sur les contours irréguliers.
Pour cette partie, nous allons créer une nétoile bizarre.
 
Ouvrez les formes personnalisées (Maj + U) et selectionnez la forme comme ci dessous.

 
Selectionnez comme couleur de premier-plan #79B9E6 et tracer la forme dans l'espace de travail (maintenez MAJ enfoncé pour que la forme ne soit pas aplatie)

 
Nous allons maintenant créer le contour irrégulier si important au colobrush.
Pour cela, placez vous en dessous du Calque de la forme bizarre, selectionnez la couleur #447EA6 en premier plan
et ouvrez l'outil plume (MAJ + U)

 
Maintenant il va falloir zoomer. Zoomez, puis commencez à créer vos points en créant une sorte de bordure avec la forme de nétoile.

 
Faites tout le tour. Vous arriverez à ça :

 
 
 
J'espère que vous suivez toujours  
 
 
 
Nous en avons fini avec les formes vectorielles. Nous allons disposer nos calques comme ceci :

 
 
A partir de maintenant, je vais vous expliquer ma méthode de Colobrush.
 
Au fur et à mesure du temps, vous en trouverez une qui vous correspond. Mais pour l'instant, c'est moi qui dis comment faire.
 
Utilisez donc un pinceau rond    par défaut de Photoshop (MAJ +B).  
Et prenez les configurations suivantes : Taille 36 px et dureté 6%.
Mettez le mode de pinceau en mode produit, l'opacité, de 17%.
 
Placez-vous sur le calque Pdt et c'est parti pour le brush !
 
Faites un mouvement de va et vient comme indique la flèche rouge. Normalement, au bout de quelques coups de pinceau, une ombre bleue apparaît. Continuez jusqu'à obtenir comme sur le 3.
 

 
 
Continuez pour le reste de l'étoile. Vous devriez obtenir ceci :
 

 
Maintenant, placez-vous sur le calque Dl-. Pour la brosse, utilisez le mode Densité linéaire - avec les mêmes réglages que précédemment.
 
De même, brushez avec des va-et-vient de telle sorte à donner des effets de lumière. Brushez aux endroits où vous pensez que la lumière arrive. C-est vous qui décidez.
 
Vous devriez obtenir quelque chose comme ça.
 

 
Maintenant nous passons à l'ombre.
 
Placez-vous sur le calque ombre et sélectionnez le noir comme couleur de premier-plan.
 
Pour le pinceau, mettez le mode en produit et l'opacité en 3% (vous vous rappelez, le noir a tendance a vite obscurcir).
 
J'ai choisi un diamètre de 36px et dureté de 6%.
 
 
Nous allons premièrement faire les ombres les plus fortes, c'est-à-dire celles qui sont directement entre l'étoile et le sol.
 

 
Maintenant, modifiez la taille de la Brosse à 50px et l'opacité à 2%.
Brushez tout doucement en faisant une ellipse (cercle aplati)  autour de la base de l'étoile.
 
Voilà ce qu'on obtient :
 

 
Le résultat est très satisfaisant : si on compare avec la partie 1, nous ne sommes tombés dans aucun piège : pas trop sombre, pas trop flou, pas de « biseautage » et enfin l'ombre ne bave pas.
 
 

 
Avec un peu de volonté et de la patience, on peut obtenir de bons résultats, je vous encourage donc à vous entraîner, et surtout de diversifier les formes. Le Brush n'est pas tout : il faut avoir de bonnes formes

Ouiiiiiiiiiiii, j'ai attendu si longuement.
Merci!

Merci Epo', ça fait longtemps qu'on l'avait plus vu ce tuto

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

Mes gadgets Flash  
Tutos Flash

On sent l'impatience des gens , sinon super tutoriel que j'avais lu à l'époque sur le site défunt.

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

[Paintings & Airbrushing]-[Webdesigns]
La vitesse de la lumière va plus vite que celle du son,
c'est pour cela que l'on voit les gens brillants avant de les savoir cons.

Ça fait un moment qu'on ne l'avait plus vu ce tuto, ça nous manquait.
(Wizzer si tu passes par là, faudrait que tu songes à l'adapter pour gimp, c'était toi qui t'approchais le plus du résultat photoshop à l'époque)

sympa ce tuto, ça me donne envie de m'y mettre j'adore le résultat du colobrush.
 
Merci Epona    

Merci je vais en avoir grandement besoin .
 
Par contre moi j'obtiens ça :
 

 
Faut que tu m'explique savoir si je dois garder la couleur #447EA6 pour les ombres et la couleur #79B9E6 pour le relief, car c'est ce que j'ai fais.
 
Après je pense avec de l'entrainement j'arriver à mieux faire, en tout cas je l'espère .

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

 
A vu d'oeil, je pense que l'opacité de ta brush est trop importante

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

Photoshop, Illustrator, QuarkXpress.

Pourtant j'ai mis 17% comme tu la indiqué .
 
J'ai peut être donné trop de fois des coups de pinceau .

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

 
Possible, oui, mais si tu peux baisser encore l'opacité, n'hesite pas, quitte à devoir donner plus de coups de pinceau.

Yeees , Merci epona. =)

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

merci epona pour avoir rendu ce superbe tuto de nouveau accesible    
faut que je réapprenne certain points .

J'ai essayé de m'y remettre un peu, avec The Gimp.

Alors, on ne me demande pas ce que c'est ce truc, moi même j'en sais rien.
Et je sais que l'ombre est à ch*er
 
Ça fait bizzare de se remettre au colobrush, je reprendrais ça plus tard en m'appliquant un peu plus    
 

Pas mal , peut être le contour à refaire vers le bas et les couleurs sont un peut flashi à mon goût .
 
V1 :
 

 
V2 :
 

 
Il suffit de bien imaginé le positionnement de la lumière et ensuite le tour est joué .

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

Petit essai colobrushien.

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

Fran' Merci, et en fait je me rend compte que t'as raison pour les couleurs, faut que je revoie ça (et le contour aussi).
 
Question volume ta V1 est mieux, la lumière est mieux placée je trouve, mais les couleurs de la V2 sont meilleures
 
Jarox Je pense qu'il faut que t'insiste plus avec les brushs, c'est trop doux là, mais tu tiens le bon bout.

Ouais , j'ai l'impression de me rapprocher de ce que je veux.
Il faudrait que j'insiste sur quels coups de pinceaux , ceux ou mode produit ou densité linéaire - ?

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

Densité linéaire
Et fais attention à bien utiliser ni brush dures ni flou, parce que ton trèfle est très/trop doux au niveau de la colo

Bien sympa et pratique ce tuto, en plus de faire de beaux ColoBrushes, maintenant je maitrise mieux les options secondaires du pinceau Merci Epona pour ce très bon tuto.

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

Amputé du bidou
 
Des bisounettes. Pour MC. Pour Mutsu. Pour Chao.

Cool ce tuto ! J'doit l'analyser

---------------
 
http://dadoux.deviantart.com/ - http://dadswear.deckpeck.com/
I'm a Mother Fuckin' Street Vilain !

Cool ce tuto !

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

 

Le tutoriel est vraiment intéressant, je viens de recevoir ma tablette graphique, c'était donc bien fun de faire ça vite fait. Et intégré au milieu d'images colorées ça doit être pas mal de s'amuser à gérer tous les reflets.
 
Enfin voilà pour moi le rendu :
 

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

Full Digital Alchemist

 
Pas mal, je pense que tu as compris le principe
 
Par contre, les images du tuto ne s'affichent plus chez moi, je pense que c'est un leger bug temporaire du site.

Merci pour la réédition de ce tutoriel Epona, c'est une bonne chose de faite. Surtout qu'il est clair et facile d'accès
 
Bon une petite colo,  

vous en pensez quoi ?

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

 
Bonne colo! Juste le chapeau Boursin à Lino en trop