Jump to Navigation

Me on Twitter

  • "How standards proliferate" - probably old but makes me laugh since it's #sotrue https://t.co/6ygxIBf7Lh #xkcd 2 weeks 2 days ago
  • RT @Numerama: Enquête : comment les apps Figaro, L'Équipe ou Closer participent au pistage de 10 millions de Français - https://t.co/GBcnT0… 4 weeks 2 days ago
  • When industry meets open source... https://t.co/uJbhJhZFyK Subscribe here https://t.co/NAOLqb4AL9 4 weeks 5 days ago
  • @Fyrd Do you know of a tool to list features used on a given website in order to obtain the minimum browsers requirements to make it work ? 24 weeks 10 hours ago
  • Quelqu'un aurait une place disponible pour #devoxx pour un collègue ? 31 weeks 1 day ago
  • Favorite tool of the day : https://t.co/1wGUhgh5rc @AtomEditor It also displays @PlantUML diagrams ! 39 weeks 1 day ago
  • With typeset you can do weird things like : myvar=hello echo $myvar # prints 'HELLO' in caps https://t.co/bLNDQrmokn 42 weeks 1 day ago
  • I've just stared at a 22mn intro to this #game ! Zachtronics | TIS-100 - https://t.co/36Tlp5HBB6 43 weeks 3 days ago
  • RT @nicoespeon: Six Tiny But Awesome #ES6 Features by @davidwalshblog https://t.co/kYNcYMrhVe 44 weeks 4 days ago
  • If u ever build Jenkins jobs with maven use the following delimiters 2 avoid variable clash : @maven_var@ + $jenkins_var vs ${var} for both 48 weeks 1 day ago

How to cook an egg with a Gimp

Here is a tutorial to draw an egg with Gimp.

With the following techniques, you will be able to build a realistic egg for a serious business (!) as well as a cartoonish one typically for a gamification usage ;-)

You will find the full Gimp source attached to this article, which I invite you to reuse at will.

Being a casual user of Gimp, there maight be better approaches to get it done.

For instance, if you're looking for a way to quickly build a textured egg, have a look at this tutorial : http://www.gimptalk.com/index.php?/topic/1659-making-empty-broken-egg-sh....

The shape

Thie first step is to draw the shape of uour egg.

You can do it in different ways :

As all subsequent steps depend on this one, make sur you get the exact shape you want before going on the next chapter. Especially check that the image resolution is high enough.

If you need a high resolution I would suggest you to build your own image from scratch, as the attached Gimp source is quite low-res. You could use the aforementioned plugin for instance.
As an example, for Android application icons, a 864x864 resolution is recommended

The egg is taking shape...

The volume

The main idea to simulate a volume is to apply a shading (yes : in drawing, everything is impression !).

This part of the tutorial is probably the one that deserves the most to be enhanced, because it has the undesired side effect to blacken colors in place of darkening them. The "Sphere designer" tool might be of a great help to solve this issue (see link at the end).

The edges

To create this volume effect we are first going to select the drawn shapeand apply the "Light and Shadow > Drop Shadow" filter with a nul offset (x=0, y=0).
This will make the edges come out of the sheet. 

The egg is MORE than a surface...

The surface

In order to suggest the plumper shape of the egg, we are going to add a new shading, this time made with another technique : we will create a light effect that we will transform into a darkening effect. 

In order to do this, select the "Light and Shadow > Lighting Effectsfilter and tune the parameters to get the desired effect. The integrated preview of this plug-in is very useful..

For this tutorial I've put the light source right at the center of the egg and tuned the parameters so that the light quickly disappear on its edges.

Once the effect applied, choose menu "Color > Color to Alpha" and select the color of the light (white, usually) : the picture becomes then an alpha layer that will make the volume appear.

The egg is round...

The lighting

In order to give a realistic appearence, we will add a diffuse light with the "Light and Shadow > Lighting Effects" tool.
It is possible to apply several light sources depending on the final scene where the egg will be put. If the egg is white, chose another lighting color.

As a way to suggest a shiny and bright aspect to the shell, we can add a reflect, simply made of a semi-transparent white ellipse.

The egg is in the place...

The cartoon effect

Usually we can give a 'cartoon' effect by adding more importance to the lines.

In our case the first thing to do is to increase the width of the edges, what is easilly done with the "Select > Border" "Sélection > Bordure" tool.

It's also possible to enhance the shadings by tuning with the transparency level and to increase colors intensity.

The egg is drawn...

When sizing down the picture, don't use antialiasing so you get pixel-cut edges on a transparent background.

The texture

One of the reasons why I've built this egg was to be able to build a series of eggs decorated in different ways for different events.

A method to place a texture on the shell is to use the "Filters > G'MIC > Deformations > Fish-eye" plug-in.

One can easily get the expected result by applying this filter to the layer where the texture is.
Although it does not distort the picture exactly as an egg, the difference is not noticeable.

The egg is dressed up...

Reusing

It's over for those tips ; I allow (and encourage) whoever to reuse this picture and to modify it for a personnal or commercial usage.

Take profit of the attached Gimp source and don't hesitate to give me feedback if you're using it : I would be very happy to hear about it !

The egg is free...The egg is free...


References

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>
  • You can enable syntax highlighting of source code with the following tags: <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.