Post Reply 

Fill in with transparent color

Jan 2, 2012, 19:24
Post: #1
Fill in with transparent color
I'm a complete newbie so have that in mind when trying to help me.

I have an image that I want to paste a question mark over. I found this clipart question mark. I would like to fill in the regions of the symbol with grey translucent color. Can someone help me do that?
Find all posts by this user
Quote this message in a reply
Jan 2, 2012, 21:11 (This post was last modified: Jan 2, 2012 21:15 by ofnuts.)
Post: #2
RE: Fill in with transparent color
  • Open you image.
  • Use the measure tool to evaluate how tall the question mark image should be
  • "File/Open as layers", and select your clip-art. since it is an SVG (ie, vector graphics, not a bitmap) you will be asked to give a size. Use the size determined above.
  • If not already up, start the Layers dialog (ctrl-L), you'll find a layer called "clipart-117.svg". This is your question mark. make sure it's selected
  • Start the magic wand (Fuzzyselect), and click inside the dot: you will get "marching ants" running around the inside of the dot (*)
  • Shift-click in the main part of the question mark, this will add marching ants inside it (while keeping the ones in the dot)
  • In the image menu "Select/Grow" and use one pixel.
  • We now have a selection for painting (or other effects, see below). Save it for future use "Select/Save to channel"
  • In the Layer dialog, right click and "New Layer", and call it "Transparent gray" and make sure the fill type is "transparency"
  • Set the foreground color to the gray of your choice (since we make it partly transparent later, make it darker than what you want)
  • Start the bucket-fill (Bucketfill), and in the Tool options, tick "Fill whole selection"
  • Click inside the dot or inside the main part of the question mark, this should fill the question mark with gray
  • Adjust required transparency using the "opacity" slider at the top of the Layers list.
  • Move the "Transparent gray" layer to under the "Rendered SVG layer, so that the line art covers the border of the gray: drag it, or use the up/down arrows at the bottom of the list).
The most important part in the process is to get a selection for the inside of the question mark. Once you have a selection you can do plenty of things that will only apply inside the selection on the current layer. For similar effects, you can reduce the contrast in the original picture (which may be closer to what you want to achieve), or blur the image (Gaussian, Motion, Focus) or apply noise (in particular Spread noise)

From left to right: transparent gray, reduced contrast, Gaussian blur, Spread noise:

[attachment=829]

(*) if the dot is big, the gap between 9 and 10 o'clock can cause this selection to spill outside of the dot. If this is the case, use the paintbrush to draw a small bridge across the gap to close it.

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
Jan 2, 2012, 21:31 (This post was last modified: Jan 2, 2012 21:39 by Halvor.)
Post: #3
RE: Fill in with transparent color
OK. I've managed to do all that I needed with the assistance of Keshi on the #gimp IRC channel on Freenode. I notice yours is a little different path, but since all this is new to me it will all come in useful as I'm hopefully going to immerse myself in doing graphical work in the future, as this has been a major obstacle to me for the 18 years I've been doing PC work.
Find all posts by this user
Quote this message in a reply
Jan 2, 2012, 22:18
Post: #4
RE: Fill in with transparent color
(Jan 2, 2012 21:31)Halvor Wrote:  OK. I've managed to do all that I needed with the assistance of Keshi on the #gimp IRC channel on Freenode. I notice yours is a little different path, but since all this is new to me it will all come in useful as I'm hopefully going to immerse myself in doing graphical work in the future, as this has been a major obstacle to me for the 18 years I've been doing PC work.
There are very often several ways to achieve the same result...

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
Jan 3, 2012, 11:01
Post: #5
RE: Fill in with transparent color
(Jan 2, 2012 22:18)ofnuts Wrote:  
(Jan 2, 2012 21:31)Halvor Wrote:  OK. I've managed to do all that I needed with the assistance of Keshi on the #gimp IRC channel on Freenode. I notice yours is a little different path, but since all this is new to me it will all come in useful as I'm hopefully going to immerse myself in doing graphical work in the future, as this has been a major obstacle to me for the 18 years I've been doing PC work.
There are very often several ways to achieve the same result...

Anyway, here is the result

[Image: 403825_277430542313764_277321758991309_7...1691_a.jpg]

I look forward to my next feat in the graphics world!
Find all posts by this user
Quote this message in a reply
Jan 3, 2012, 14:04 (This post was last modified: Jan 3, 2012 14:05 by ofnuts.)
Post: #6
RE: Fill in with transparent color
(Jan 3, 2012 11:01)Halvor Wrote:  Anyway, here is the result

[Image: 403825_277430542313764_277321758991309_7...1691_a.jpg]

I look forward to my next feat in the graphics world!
The whiteish line inside the question mark (between your added gray and the original line art) says that you merely bucket-filled inside the question mark. Simple method, but it does not give 100% correct results. For the explanation, see http://gimpforums.com/thread-proper-subj...d-painting and learn about anti-aliasing 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
Jan 3, 2012, 18:02
Post: #7
RE: Fill in with transparent color
(Jan 3, 2012 14:04)ofnuts Wrote:  The whiteish line inside the question mark (between your added gray and the original line art) says that you merely bucket-filled inside the question mark. Simple method, but it does not give 100% correct results. For the explanation, see http://gimpforums.com/thread-proper-subj...d-painting and learn about anti-aliasing :)

I think this is pretty good. There's still a little bit of white inside the dot, but all-in-all it looks much better now.

[Image: 399437_277917898931695_277321758991309_7...5617_n.jpg]
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Desaturate to color KWiK 2 108 Oct 9, 2017 22:14
Last Post: KWiK
  Silhouette with a transparent background Rachela 0 44 Oct 1, 2017 17:06
Last Post: Rachela
  Fill Transparent selection with another section rhods85 0 52 Sep 30, 2017 16:07
Last Post: rhods85
  Removing color from multiple images Aquilo 6 2,923 Sep 28, 2017 12:56
Last Post: angel0sdh
  Image color vs color picker YalithKBK 1 214 Jul 7, 2017 11:45
Last Post: ythgilb

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS