GIMP Tricks: Chocolate bar with GIMP

[ Monday, 9 July 2007, titter ]


Some time ago I saw a chocolate bar made with Adobe Photoshop somewhere on the Internet. I thought that Gimp can’t do worse than and I got myself to work. It seemed to be quite easy and here is the result in 28 steps.

Author: Kifer71

  1. Create a transparent (advanced options > fill with: transparency) picture 120×80 pixels in size.


    Pic.1 Creating new image

  2. Add two new layers and name them “projection” and “brick”.


    Pic.2 Adding new layer with a name

  3. Select the whole layer “projection” by choosing All from the Select menu.
  4. Reduce the selection by about 10 pixels by using Select > Shrink


    Pic.3 Shrinking selection

  5. Next, from the Select menu choose Rounded Rectangle and set the slider to 25%.


    Pic.4 Selecting a rectangular area with rounded corners

  6. Fill the selection with white, then select “None” and from the Filters menu choose Blur -> Gaussian blur. Set the blur radius to 10 pixels.


    Pic.5 Adding some blur

  7. Now fill the brick > layer with rgb(97,49,2).


    Pic.6 Setting a color


    Pic.7 Layers, as they should look

  8. From the Filters > Map menu choose Bump Map. In the mapping dialog set layer “projection” as bump map. Set the Depth slider to 5 and set X and Y offset to -1. Set Ambient to 100.


    Pic.8 Mapping layers to get a nice bar

  9. From the Script-Fu menu choose Decor -> Add bevel, uncheck Work on copy, set Thickness to 5.


    Pic.9 Using Script-Fu to make the bar look smoother

  10. Repeat Add bevel.
  11. A chocolate bar with some text engraved looks much better, so move on.

  12. Add your text, preferably in white. Rotate the text layer about an arbitrary angle if you feel like it.


    Pic.10 Rotating a layer

  13. Blur the text with Gauss with a radius of 1.
  14. To end up with two types of pieces with different labels, duplicate the layer “brick”. It’s understood that you should have a second label too.
  15. Apply Bump Map to the layer “brick”. Set your label as the mapped object. It’s easier when you have previously reset the filters’ settings. In the Mapping dialog set Map Type to Spherical, check Invert bumpmap, set Depth to 1, set Ambient to 100.


    Pic.11 Mapping layers to get text on the bar

  16. Render the second label onto the other copy of the layer “brick”, the same way as done before.
  17. Now set Text layers covering to 5%. Turning appropriates layers’ visibility on and off lets you see your bricks
  18. Create a new transparent picture 720×320 in size.
  19. Turn Snap to grid and Show grid on in the View menu.
  20. Create two new layers.
  21. Change your current view to that one with bricks.
  22. Copy one of the bricks with Edition menu -> Copy visible.
  23. Go to the new picture and paste into the one of new layers, Edit -> Paste into.
  24. You proceed simirarly with the second brick, except that you paste it on the second layer.
  25. Now crop both layers with bricks in them with Layer menu -> Autocrop layer.
  26. Subsequently duplicate layers to obtain 12 bricks.

  27. Pic.12 Brick with label “Kifer71″

  28. Place bricks with the help Layers’ movement and selection tool.
  29. If you want to, scale the bar down.
  30. Save once you’re done.


Pic.13 The chocolate bar is ready. Yummy!

Modifications


Pic.14 Linux is sweet!

Here comes a handy shortcut.
Starting from point 16 of this tutorial do the following:

  • Before you create a new image, make a pattern from your bar of chocolate. Select the whole image, by selecting layer brick and by Selection -> All. Then from menu choose Script-Fu -> Selection -> To Pattern….
  • Name your pattern “bar” for example.


    Pic.15 Creating a pattern

  • Create a new image as it was in the 17th step of this tutorial. The size can be different but still the best effect is when it is a multiplication of bar’s size. For example 600 x 240px
  • Find the pattern and drag&drop it over the new image.


    Pic.16 Using drag&drop with the pattern

  • And that’s it!!

Creative Commons License
This work is licensed under a Creative Commons License.

This text is based on the article by Kifer71 published in Dragonia Magazine nr 8 [in Polish]. Dragonia Magazine, a Polish online magazine about Free and Open-Source Software. You can download the latest Dragonia issue (first one in English from our mirror). The article has been slightly modified compared with the original version by the PolishLinux team.

proof read by trashcat


Warning: include_once(/sites/polishlinux.org/wp-content/themes/jakilinuxorg/google_article_inside.php): failed to open stream: No such file or directory in /sites/polishlinux.org/wp-content/themes/jakilinuxorg/single.php on line 48

Warning: include_once(): Failed opening '/sites/polishlinux.org/wp-content/themes/jakilinuxorg/google_article_inside.php' for inclusion (include_path='.:/usr/share/pear:/usr/share/php') in /sites/polishlinux.org/wp-content/themes/jakilinuxorg/single.php on line 48

Subscribe to RSS feed for this article!

40 Comments

fold this thread Peter Pan  Tuesday, 10 July 2007 o godz. 12:05 pm #  Add karma Subtract karma  +0

8. From the Filters > Map menu choose Bump Map. In the mapping dialog set layer “projection” as bump map. Set the Depth slider to 5 and set X and Y offset to -1. Set Ambient to 100.

Somehow myy image doesn’t look like yours on this step (8.). Why?
Something I missed!?

(Comments wont nest below this level)
fold this thread Howard  Sunday, 1 August 2010 o godz. 3:40 am #  Add karma Subtract karma  +0

I had the same complication: I think the brick layer should be selected first, in the layers dialogue, before opening the map > bump dialogue. Then select the projection layer from the drop down menu at top, next to the preview.

 
 
fold this thread titter  Tuesday, 10 July 2007 o godz. 3:31 pm #  Add karma Subtract karma  +0

Hi, if you could show your image it would be very helpful. My suggestion is that you do carefully everything from the begining and don’t forget about shrinking (3).
But I can’t say anything until I see your image.

(Comments wont nest below this level)
 
fold this thread Michael A. Hess  Tuesday, 10 July 2007 o godz. 4:04 pm #  Add karma Subtract karma  +0

I had the same problem. You need to make an additional note in step 6. After you fill the rounded rectangle with white you need to Select None. The Blur will not work correctly if the rounded rectangle is still selected.

(Comments wont nest below this level)
fold this thread MacAnimeGirl  Wednesday, 22 July 2009 o godz. 2:41 pm #  Add karma Subtract karma  +0

I made sure that to do Select None, and I’m still having issues with step 8.

Nothing changes when the settings are applied…

 
 
fold this thread Peter Pan  Tuesday, 10 July 2007 o godz. 4:58 pm #  Add karma Subtract karma  +0

MA. Hess’ point is exactly what I missed.
Thanks anyway for your wonderful how-to.
It looks pretty nice. We’d buy the choco. ;-)

(Comments wont nest below this level)
 
fold this thread michuk  Tuesday, 10 July 2007 o godz. 5:20 pm #  Add karma Subtract karma  +0

@Michael A. Hess: Thanks a lot for your fix. I corrected it in the article.
@Peter: I’m happy you liked it. Stay tuned since this is not the last text in the series.

(Comments wont nest below this level)
 
fold this thread vi  Tuesday, 10 July 2007 o godz. 7:28 pm #  Add karma Subtract karma  +0

This is fantastic. Thanks for doing this series of articles on how to use GIMP. It would really help to spread GIMP if a collection of articles like this one could be (easily) found on GIMP.org. Like half of their home page could stay as it is and the other half should be dedicated to catchy, specific task oriented articles about using GIMP.

(Comments wont nest below this level)
 
fold this thread gwz  Tuesday, 10 July 2007 o godz. 7:38 pm #  Add karma Subtract karma  +0

“Script-fu?” Oh dear. This is one of the problems with Linux.

(Comments wont nest below this level)
 
fold this thread Jenny  Tuesday, 10 July 2007 o godz. 7:54 pm #  Add karma Subtract karma  +0

This is awesome!! I love Gimp.. but even better to be trained on it.. Thanks!! :)

Jenny
http://www.allinablog.com
http://www.blogaboutit.net

(Comments wont nest below this level)
 
fold this thread A  Tuesday, 10 July 2007 o godz. 9:22 pm #  Add karma Subtract karma  +0

@gwz: “Script-fu?” Oh dear. This is one of the problems with Linux.

You’re a moron. I just finished this tutorial… in Windows.

(Comments wont nest below this level)
 
fold this thread AskTheAdmin  Tuesday, 10 July 2007 o godz. 10:35 pm #  Add karma Subtract karma  +0

Yes A you are right… Windows – no problem! I waited all day to see this the traffic was killer!

Great Tech Blog – AskTheAdmin

(Comments wont nest below this level)
 
fold this thread Rick  Tuesday, 10 July 2007 o godz. 10:46 pm #  Add karma Subtract karma  +0

This is the PhotoShop alternative?

..RIGHT!

(Comments wont nest below this level)
 
fold this thread Fanboi  Tuesday, 10 July 2007 o godz. 11:49 pm #  Add karma Subtract karma  --1

I love adobe products. Photoshope is awesome, and I’m sure the developers of it are cute.
I don’t get paid to push adobe’s stuff, I just love it sooo much that I have to tell everyone.

When someone posts a tutorial using any type of so-called alternative application, I just tell them in my giddy school-girl voice “This is so freaking lame!!”

(Comments wont nest below this level)
 
fold this thread Rick  Wednesday, 11 July 2007 o godz. 1:26 am #  Add karma Subtract karma  +0

Then again, I am an idiot.

(Comments wont nest below this level)
 
fold this thread Pimped by GIMP  Wednesday, 11 July 2007 o godz. 4:15 am #  Add karma Subtract karma  +0

GIMP is underrated. Tutorials help people realize some of its possibilities and potential.

Unfortunately are people often willing to obtain and use an unlicensed copy of Photoshop rather than e.g. downloading The GIMP for free (as in no cost), which extensively would cover all their ever need for photo/image manipulation. The result is that people think that Adobe’s Photoshop is the only think that’ll do for them.

(Comments wont nest below this level)
 
fold this thread GIMPNoob  Wednesday, 11 July 2007 o godz. 6:20 am #  Add karma Subtract karma  +0

Thanks for the article. Don’t really need to make a chocolate bar, but this example does show serveral GIMP features used together. Things like this do help my understanding and help me use GIMP for my own creatives.

Of course, this article did make me a little hungry.

(Comments wont nest below this level)
 
fold this thread Jordan Meeter  Wednesday, 11 July 2007 o godz. 6:45 am #  Add karma Subtract karma  +0

That… Doesn’t look like a very tasty chocolate bar!

(Comments wont nest below this level)
 
fold this thread Watch TV  Wednesday, 11 July 2007 o godz. 7:42 am #  Add karma Subtract karma  +0

Gimp is a photoshop alternative, don’t think that what you see means that it sucks. Firstly this tutorial is for beginners and it does a good job at that, the chocolate does look quite good.

Next GIMP can do more sophisticated things but much like PS it requires more time and skill and this was a beginners tutorial, so obviously it’s not going to go crazy with details and shading.

(Comments wont nest below this level)
 
fold this thread Zoowey  Sunday, 15 July 2007 o godz. 5:39 am #  Add karma Subtract karma  +0

Ok…fanboi and rick! photoshop=100′s of dollors….gimp is free!!!!!!

(Comments wont nest below this level)
 
fold this thread Aweomse  Monday, 15 October 2007 o godz. 5:31 am #  Add karma Subtract karma  +0

What font is used here?

(Comments wont nest below this level)
 
fold this thread Emi  Friday, 18 January 2008 o godz. 12:47 am #  Add karma Subtract karma  +0

Got a problem, when I fill the brick layer with brown, it only fills the outside… the inside is still white and I can’t find a fix for it. Help!

(Comments wont nest below this level)
 
fold this thread Edgar "Fast Edi" Hoffmann  Monday, 7 July 2008 o godz. 2:01 pm #  Add karma Subtract karma  +0

Hello.
Very nice and handy tutorial.
Unfortunately I’m stuck with step 16, for I can’t figure out, what “Text layers covering” means…

Maybe an additional screenshot of that dialog may be useful.

By the way: I haven’t got a menu called “Script Fu” (GIMP version 2.4.6).
All mentioned Scripts reside in “Filters”.

Greetings from Germany

(Comments wont nest below this level)
fold this thread Howard  Sunday, 1 August 2010 o godz. 3:44 am #  Add karma Subtract karma  +0

I wasn’t sure either. I figured it might be “opacity” in the layers dialogue.

 
 
fold this thread Amanda  Tuesday, 20 October 2009 o godz. 2:57 am #  Add karma Subtract karma  +0

I’m not sure if this got mentioned but fill with pattern works really fast to make this into the bar shape

(Comments wont nest below this level)
 
fold this thread Vadim  Wednesday, 2 December 2009 o godz. 3:08 am #  Add karma Subtract karma  +0
(Comments wont nest below this level)
 
fold this thread Morgan Parker  Tuesday, 25 May 2010 o godz. 8:19 pm #  Add karma Subtract karma  +0

Dark chocolate is my favorite kind of chocolate. Chocolates have some natural antioxidants too..:”

(Comments wont nest below this level)
 
fold this thread Howard  Saturday, 31 July 2010 o godz. 8:41 pm #  Add karma Subtract karma  +0

Just what I needed! Score a great victory for Gimp, Linux, and Google Images, for that matter, for helping me find your thread.

(Comments wont nest below this level)
 
fold this thread Habibies  Wednesday, 25 August 2010 o godz. 11:57 am #  Add karma Subtract karma  +0

Thank’s alot for share Tutorial

(Comments wont nest below this level)
 
fold this thread Louie Holmes  Thursday, 7 October 2010 o godz. 8:01 pm #  Add karma Subtract karma  +0

my favorite is always Dark Chocolate, i do not like Milk Chocolate coz it is too sweet for my taste-,,

(Comments wont nest below this level)
 
fold this thread False Nails ·  Monday, 8 November 2010 o godz. 3:23 pm #  Add karma Subtract karma  +0

gift baskets are very cute specially if they are laced with flowers and satin wreathes ::

(Comments wont nest below this level)
 
fold this thread Dong Villafranca  Sunday, 10 April 2011 o godz. 5:12 am #  Add karma Subtract karma  +0

I was really encouraged to locate this website. I wanted to thank you for this particular examine. I certainly savored each little bit of it and I have you bookmarked to have a look at new stuff you post.

(Comments wont nest below this level)
 
fold this thread Kim Kardashian dating  Saturday, 16 April 2011 o godz. 11:02 pm #  Add karma Subtract karma  +0

howdy, high-minded blog on unctuous loss. parallel helped.

(Comments wont nest below this level)
 
fold this thread awainkawnk  Wednesday, 13 June 2012 o godz. 4:08 pm #  Add karma Subtract karma  +0

[url=http://www.louboutin-outlets.com]http://www.louboutin-outlets.com[/url] tmdx
[url=http://www.louboutin-outlets.com]www.louboutin-outlets.com[/url] evju

(Comments wont nest below this level)
 
fold this thread reverse phone  Monday, 3 September 2012 o godz. 1:47 pm #  Add karma Subtract karma  +0

Excellent! I thank you your contribution to this matter.

It has been insightful. my blog how to find taller

(Comments wont nest below this level)
 
fold this thread Paige  Saturday, 18 May 2013 o godz. 10:04 am #  Add karma Subtract karma  +0

During the summer of 2008 I started using internet radio to reach an even wider audience.
According to online music provider Pandora the legislation will help end
the discrimination against internet radio. Back in the day, people had little choice
but to take what was given to them as their “lot in life.

(Comments wont nest below this level)
 
fold this thread have a peek here  Monday, 22 July 2013 o godz. 1:44 pm #  Add karma Subtract karma  +0

I’m not sure exactly why but this site is loading extremely slow for me. Is anyone else having this issue or is it a problem on my end? I’ll check
back later and see if the problem still exists.

(Comments wont nest below this level)
 
fold this thread Ulysses  Sunday, 28 July 2013 o godz. 2:16 am #  Add karma Subtract karma  +0

If you find it a bit maddening to follow the daily fluctuations of the
scale even though you are eating properly, pick
three days of the week on which you will always weigh yourself (for example, Monday, Wednesday, and Friday).

In fact, I always suggest to those overweight vegetarians
to keep to a max of 4 pounds a week so you won’t suffer loose skin post weight loss. When you’re about to start on your weight loss
plan, it’s a good idea to think about your end goal and chunk it down into smaller goals.

(Comments wont nest below this level)
 
fold this thread sherwoodvsdp.skyrock.com  Friday, 18 October 2013 o godz. 7:06 am #  Add karma Subtract karma  +0

Seconbd hand clothes are bit different to the usual clothes that you can buy on the high street, you are a lot less likely
to see someone wedaring the same clothes as you if you wear
second hand. However there are a couple of considerations when deciding whether or not to add a
terminal illness booster benefit when you buy life insurance
policies. Years ago, I was in search of a house; all mmy efforts were
futile, I was at the point off giving in when a friend of mine introduced
me to this company.

(Comments wont nest below this level)
 
fold this thread Renate  Monday, 14 April 2014 o godz. 10:16 pm #  Add karma Subtract karma  +0

The Reiki healing induces the body is natural way of healing itself.
After using the last attunement, you can call
on the specific universal energy to help with your healing.
This force powers all things and it is capable of altering
any action into a good action if you trust and feel in it.

(Comments wont nest below this level)
 
Name (required)
E-mail (required - never shown publicly)
URI

Adjust field size: shrink | enlarge)


You can use simple HTML in your comments. Some examples are as follows:
  • A hyperlink: <a href="polishlinux.org">GNU/Linux for everyone!</a>,
  • Strong text: <strong>Strong text</strong>,
  • Italic text: <em>italic text</em>,
  • Strike: <strike>strike</strike>,
  • Code: <code>printf("hello world");</code>,
  • Block quote: <blockquote>Block quote</blockquote>

About the Author

Dominik Sarnowski

New AdTaily ads!

Are you a film buff?

film buffs community, movie recommendations and reviews

RSS: Comments

You can follow the comments to this article through a special channel RSS 2.0 .

Related articles: Graphics

 more »

PolishLinux Top Content


Featured links

Share your love of chocolate with chocolate gift baskets. Do not send boring flowers this year; try our custom fruit gift baskets!! Show employees you care with corporate gift baskets.

Become our fan on Facebook!

PolishLinux.org on Facebook

Follow PolishLinux on Twitter!

Follow polishlinux on Twitter

Google Ads