loonie's blog

Les courbes de Bézier

Il n'y a pas que des pixels dans la vie des images numériques ! Il existe aussi les courbes de Bézier. Vous les connaissez peut-être sous un autre nom suivant les logiciels que vous utilisez : tracés vectoriels pour les utilisateurs de la suite Adobe, ou bien chemins pour les utilisateurs de logiciels tels que The GIMP et Inkscape.

C'est quoi une courbe de Bézier ? C'est une ligne fermée ou non, qui est définie par des points et des vecteurs. C'est pour ça qu'on appelle un dessin fait de courbes de bézier un dessin vectoriel. Cette ligne passe par tous les points, et elle est influencée par les vecteurs qui peuvent être attachés à ces points, pour ajuster la courbure de cette ligne. Voici un exemple de courbe de Bézier : on peut voir les points qu'on appelle des ancres ou bien des nœuds, et les vecteur que l'on appelle plus communément des poignées, qui sont toujours tangents à la courbe. On appelle segment le morceau de courbe qui se trouve entre deux points.

Exemple de courbe de Bézier

On peut se servir des courbes pour dessiner une surface, ou bien un contour, ou bien les deux à la fois. Les ancres et poignées seront évidemment invisibles sur le dessin final ^^

L'intérêt de ces courbes, c'est que quel que soit le niveau de zoom avec lequel on les regarde, elle seront toujours aussi lisses et aussi précises. Ce n'est pas le cas des pixels : si vous agrandissez 10 fois une image bitmap (=faite de pixels) vous vous retrouverez avec des carrés de 10 pixels de côté, et l'image s'en trouvera très dégradée. Prenez par exemple ce smiley que j'ai dessiné en vectoriel.

Smiley taille normale

Si je l'agrandis 5 fois, voici ce que j'obitens :

Smiley vectorier agrandi 5 fois

Hors voici ce que j'obtiendrais en agrandissant 5 fois le petit smiley s'il avait été un bitmap et non un dessin vectoriel :

 Smiley bitmap agrandi 5 fois

C'est pour cette raison que l'écrasante majorité des polices d'écriture sont conçues en vectoriel et non en bitmap, pour qu'on puisse écrire à la taille quel'on veut sans perdre de qualité.

Si vous voulez vous essayer au dessin vectoriel, il existe Inkscape, qui est un logiciel gratuit dédié au dessin vectoriel. Le logiciel de référence utilisé par les professionnels est Adobe Illustrator, mais ce n'est pas le même prix ... ^^

Ces courbes de Bézier vont nous être utiles pour certains tutoriels à venir.

4 commentaires - aucun rétrolien

Les calques

Les calques sont un des éléments les plus importants dans les logiciels comme Photoshop et The GIMP.

Chaque calque est une couche différente de l'image. C'est comme si on avait plusieurs feuilles de papier calque (d'où le nom) superposées pour former l'image entière. On peut donc travailler sur chaque calque indépendamment des autres, et un calque laissera voir les calque du dessous par transparence aux endroits où il n'est pas peint opaque.

Cette animation vous aidera peut-être à comprendre ce qu'est un calque. Vous pouvez monter et descendre le calque "Carré" en appuyant sur les flèches vertes en bas, et rendre les calques visibles ou non en appuyant sur les yeux.



Les possibilités qu'offrent les calques sont infinies : on peut mettre un fond derrière un sujet, dupliquer et modifier un calque pour faire une ombre ou un reflet, colorier par dessus une image et gommer le coloriage sans gommer l'image dessous...

1 commentaire - aucun rétrolien

Les différents formats d'image

D'une manière générale, lorsqu'on travaille sur une image, il vaut mieux toujours l'enregistrer dans le format du logiciel d'édition que vous utilisez (.psd pour Photoshop, .xcf pour The GIMP, .bmp pour MS Paint...), comme ça on est d'avoir une copie propre de son travail. 

Pour publier une image sur internet, on enregistrera les images pratiquement toujours au format GIF, JPEG ou PNG.

lire la suite

4 commentaires - aucun rétrolien