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
  Scaling GIMP for high definition monitors kerry 1 18 Yesterday 15:01
Last Post: paynekj
  GIMP on High Sierra won't open rickyleaks 1 78 Nov 9, 2017 12:45
Last Post: paynekj
  embedding icm profile in a psd generated by gimp Richar_d 1 139 Oct 13, 2017 12:00
Last Post: paynekj
  Gimp GUI icons missed massimobarbieri 1 267 Aug 23, 2017 17:51
Last Post: ofnuts
  why gimp in mac has bad performance mcheung63 1 278 Aug 20, 2017 10:13
Last Post: ythgilb

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS