Jump to Navigation

Me on Twitter

  • Looks huge ! #JavaEE8 http://t.co/NffP1OypY0 10 years 8 weeks ago
  • Sometimes #Python has #batteriesincluded sometimes not : see os.makedirs() http://t.co/lffkJy59Rn 10 years 9 weeks ago
  • @espylaub 1 year old already but very clear description of one big mobile software issue today. http://t.co/7q0I4wIRok 10 years 9 weeks ago
  • #ux #antipattern asking for a confirmation to exit the app when the user has already clicked twice or more just to find the button ! 10 years 11 weeks ago
  • UX designers: Side drawer navigation could be costing you half your user engagement http://t.co/o3YkClSmIW 10 years 25 weeks ago
  • CSS fans : The Future of Responsive Digital Layout http://t.co/zkAmlqV9zD 10 years 26 weeks ago
  • new SimpleDateFormat("yyyy-MM-dd kk:mm:ss").format(new Date()).replace(" 24", " 00"); Sorry but... #WTF!!!?? Can you just read the docs ? 10 years 32 weeks ago
  • #Argh ! http://t.co/oQ1MtqHWS7 10 years 37 weeks ago
  • @ubuntu #fail Typing "garmin" to get a GPS plugin in Software Center just finds crap when Synaptic got it right at first try 10 years 37 weeks ago
  • @SpiderOak what's going on with your website ? http://t.co/vS0p3UpsA8 10 years 38 weeks ago

Un oeuf avec Gimp

Voici un petit guide pour dessiner un oeuf avec Gimp

Les techniques décrites ici permettent à la fois de dessiner un oeuf réaliste pour les boulots sérieux (!) et un oeuf type "bande dessinée", typiquement à usage de gamification ;-)

Vous trouverez le fichier Gimp complet en pièce jointe, que je vous invite à réutiliser ou à prendre comme source d'inspiration.

Etant un utilisateur occasionnel de Gimp, je ne garantis pas que les méthodes décrites dans cet article soient les plus appropriées.

En particulier, si vous cherchez à créer rapidement un oeuf plaqué d'une texture de votre choix, le tutoriel suivant devrait mieux vous satisfaire : http://www.gimptalk.com/index.php?/topic/1659-making-empty-broken-egg-shell-in-gimp/.

La forme

La première étape consiste à dessiner le contour de l'oeuf.

Il existe différentes approches :

Il s'agit de l'étape la plus importante car tout le reste est basé sur ce calque.
Assurez-vous donc d'avoir la forme qui vous convient avant d'enchaîner les étapes suivantes : vérifiez notamment que la résolution est suffisante.

Si vous avez besoin d'une résolution élevée, je vous conseille de redessiner la forme dans une image différente de celle fournie avec cet article ; vous pourriez entre autres utiliser le plug-in évoqué ci-dessus.
Pour dessiner une icône d'application Android par exemple, une résolution de 864x864 est recommandée.

L'oeuf prend forme...

Le volume

Le principe général pour créer une impression de volume est d'appliquer un dégradé (et oui tout n'est qu'impression dans le dessin !).

Cette partie du guide est probablement celle qui mérite le plus d'être améliorée, car elle a notamment un effet de bord non désiré : elle ternit les couleurs au lieu de seulement les assombrir. Une piste intéressante est l'outil "Sphere designer", qui permet d'appliquer un éclairage réaliste très simplement (voir le lien à la fin de cet article).

Les bords

Pour créer un effet de volume, nous allons tout d'abord sélectionner la forme de l'oeuf dessinée précédemment et appliquer le filtre "Ombre et Lumière > Ombre portée", avec un décalage nul (x=0, y=0).
Cela fait ressortir l'arrondi des bords de l'oeuf.

L'oeuf est PLUS qu'une surface...

La surface

Afin de suggérer la forme rebondie de l'oeuf, nous allons ajouter un nouveau dégradé, réalisé cette fois selon une autre technique.
Il s'agit de créer un effet de lumière, puis de le transformer en assombrissement.

Pour cela, sélectionner le filtre "Light and Shadow > Lighting Effects" et ajuster les paramètres en fonction de l'aspect voulu. L'aperçu intégré dans ce plug-in est très utile.
Pour ma part j'ai aligné la source de lumière sur le centre de l'oeuf et ajusté les paramètres de telle manière qu'ils produisent une lumière diffuse s'estompant rapidement sur les bords de l'oeuf.

Une fois l'effet de lumière appliqué, choisir le menu "Couleur > Couleur vers Alpha" et sélectionner la couleur de la lumière (le blanc habituellement) : l'image devient alors un calque alpha donnant une impression de volume.

L'oeuf est lisse...

L'éclairage

Pour donner une apparence réaliste, nous allons ajouter un éclairage diffus avec l'outil "Light and Shadow > Lighting Effects".
Il est possible d'appliquer plusieurs sources de lumière en fonction de la scène dans laquelle l'oeuf sera présenté. Si l'oeuf est blanc, utiliser une autre couleur d'éclairage.

Afin de renforcer l'aspect lisse et brillant de la coquille, nous pouvons ajouter un reflet simplement composé d'un ovale blanc rendu semi-transparent.

L'oeuf est dans la place...

L'effet B.D.

En général on peut donner un effet "bande dessinée" à un dessin en accentuant les traits.

Dans le cas de notre oeuf, la première chose à faire consiste à augmenter l'épaisseur du contour, ce qui est très facilement réalisé par le menu "Select > Border" "Sélection > Bordure".

Il est également possible d'accentuer les dégradés en jouant sur le taux de transparence et d'intensifier les couleurs pour les faire ressortir.

L'oeuf est dessiné...

Lors du redimensionnement de l'image vers une taille plus petite, ne pas utiliser de lissage, afin d'obtenir un contour net sur un fond transparent.

La texture

L'une des raisons pour laquelle je me suis lancé dans cette entreprise était de pouvoir fabriquer une série d'oeufs décorés de manière originale pour différentes occasions.

Une méthode pour plaquer une texture sur l'oeuf est d'exploiter le plug-in "Filters > G'MIC > Deformations > Fish-eye".

On peut obtenir facilement l'effet attendu en appliquant ce filtre à un calque contenant la texture.
Bien que cet effet ne déforme pas l'image exactement selon la forme d'un oeuf, la différence n'est pas notable à l'oeil nu.

L'oeuf est habillé...

Réutilisation

Voilà pour les quelques conseils ; j'autorise (et j'encourage) quiconque à réutiliser cette image, et à la modifier pour usage personnel ou commercial.

Tirez profit de l'image source au format Gimp jointe à cet article et n'hésitez pas à me remonter vos commentaires, je serais très heureux d'avoir vos retours !

L'oeuf est libre de droit... L'oeuf est libre de droit...


Références

AttachmentSize
egg.xcf330.18 KB

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • E-Mail addresses are hidden with reCAPTCHA Mailhide.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Vous pouvez activer la coloration syntaxique du code source à l'aide des balises suivantes: <code>, <blockcode>, <drupal5>, <drupal6>, <java>, <javascript>, <php>, <python>. The supported tag styles are: <foo>, [foo].
  • Twitter-style #hashtags are linked to search.twitter.com.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.