Post Reply 

Does anyone know how I can create icons like these using Gimp?

Nov 22, 2010, 16:45
Post: #1
Does anyone know how I can create icons like these using Gimp?
Hello, I want to develop web-icons such as this one for a website I am working on. However I do not know how to achieve this using gimp.

   

What I did is download a set of free icon image from the Internet. I thought they where perfect for me since they where black and white and therefore I reasoned that it would be easy to change them from one colour to another (the license of these icons permits this).

   

However so far I did not manage to achieve this. The problem is that it is ok for me to change the black to some colour and the white area to some other colour. However the shadows between the black and white areas are not changing and I finish with a result similar to this Sad

   

(Can you see the black dots Sad the shadows coming from the previous dark colours are not converted to shadows coming from light blue colour. This happens even when I use the colourify option).

Does anyone know what I am doing wrong? and maybe guide me on how I can develop better icons of this style?
Find all posts by this user
Quote this message in a reply
Nov 22, 2010, 17:20 (This post was last modified: Nov 22, 2010 17:21 by ofnuts.)
Post: #2
RE: Does anyone know how I can create icons like these using Gimp?
If you look at it closely, the round shapes are anti-aliased (this means that to avoid visible jagges edges, the curve is approximated by a mix a grey pixels. When you select either the white or the black, some of these grey pixels aren't selected. The best solution for this is, for each color:

- create a layer under your logo with the target color
- back to the logo layer
- colors/color to alpha: in the dialog, click on the color button, and in the dialog that opens use the color picker to pick the color you want to change.
- click OK. This changes your original color to transparency, and the antialiased pixels get a partial transparency. Through this you see your target color (and the antialiased pixels get a partial amount of color).
- Merge down the layer
- Repeat the process for the other color(s).

Warning: in your AIM image, the black isn't pure black, so the color to alpha won't make everything transparent. You have to change it to full black first: Select by color tool (default threshold seems ok), and bucket-paint selection to full black.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 22, 2010, 23:21
Post: #3
RE: Does anyone know how I can create icons like these using Gimp?
(Nov 22, 2010 17:20)ofnuts Wrote:  If you look at it closely, ...

Thanks ofnuts, that worked GREAT Big Grin I am attaching the result I achieved. Thanks again for all the help. I learnt something new and very usefull Smile

   
Find all posts by this user
Quote this message in a reply
Nov 22, 2010, 23:31
Post: #4
RE: Does anyone know how I can create icons like these using Gimp?
My pleasure... also learned a few complementary tricks doing so Smile

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Gimp GUI icons missed massimobarbieri 1 164 Aug 23, 2017 17:51
Last Post: ofnuts
  why gimp in mac has bad performance mcheung63 1 157 Aug 20, 2017 10:13
Last Post: ythgilb
  Issue viewing GIMP-modified picture JuniorPear 1 256 Jul 6, 2017 05:03
Last Post: ythgilb
  GIMP Taking Too Long to Start (Fonts) Seta 2 295 Jun 20, 2017 16:10
Last Post: Seta
  Problem with pressure on gimp (huion h610) protosd3 18 5,494 Jun 8, 2017 19:20
Last Post: John Penfold

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS