Post Reply 

Making an icon semi-transparent

Aug 31, 2013, 18:31
Post: #1
Making an icon semi-transparent
I'd like to find a "play" arrow/button (like on a media player), just a right arrow/button,
somewhere (any suggestions?) and make it semi-transparent, and then place it on top of an existing image.
Any help will be greatly appreciated.
Find all posts by this user
Quote this message in a reply
Aug 31, 2013, 19:41 (This post was last modified: Aug 31, 2013 19:41 by iForStyle007.)
Post: #2
RE: Making an icon semi-transparent
On the top-right corner of the image/ion, click PNG to load a page where you can right-click save the image.
http://www.iconarchive.com/tag/play-button

1. Then in Gimp
File > Open as layer
http://docs.gimp.org/en/gimp-file-open-as-layer.html

2. With your play button on top of your image layer, select the play buttton layer in the layers dialog window & near the top of the window there should be an Opacity bar

-adjust that.
.
.
.
.
BONUS(optional):
If you want just part of the button in the middle to be transparent, you can try color to alpha.
Colors > Color to alpha...
In the window, click the color box (Figure 16.188 in link below), A color picker window will open on top of the preview window. If you have one, click the eyedropper icon, then click on the middle color on the preview image in color to alpha window with the color box, if there is no eyedropper, just try to match the color with the sliders or color map on the left side of the "Color to alpha color picker" window, then preview is instant.

color to alpha
http://docs.gimp.org/en/plug-in-colortoalpha.html
.
.
.
I created the play/pause buttons in my forum signature.

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Sep 5, 2013, 21:07
Post: #3
RE: Making an icon semi-transparent
Thanks for your reply/help.

I have found a "play" icon that has a transparent background, however, I'd like "part of the button in the middle to be transparent" like you suggested. When I Open the icon image as normal, or as a layer, Colors/color-to-alpha is a greyed-out selection (unavailable). Any help will be appreciated.
Find all posts by this user
Quote this message in a reply
Sep 5, 2013, 23:44
Post: #4
RE: Making an icon semi-transparent
Thanks for your reply.
It is not a gif, but a png, that was in index mode. I changed it to RGB mode, and tried without succcess to reduce the size to 56 x 56, change the color to gray, and make the circle and button semi-transparent, without success. Would anyone like to do it for me? It may be beyond my skill level. I've attached the image (that came with the player). I don't know why it shows two of the play button icons. Much thanks again.



(Sep 5, 2013 22:20)ofnuts Wrote:  Is that a GIF? Color to alpha doesn't work in indexed mode (check the title bar, or Image/Mode).

This said these geometric shapes are very easy to do by yourself:

- add transparent layer
- position guides
- using the freehand click on the corners to make a polygon selection
- bucket fill selection on new layer
- remove background or make it invisible and export to PNG



(see attached XCF for the guides)


Attached File(s) Image(s)
   
Find all posts by this user
Quote this message in a reply
Sep 6, 2013, 17:56
Post: #5
RE: Making an icon semi-transparent
Thanks for that great help


(Sep 5, 2013 23:44)chrisj Wrote:  Thanks for your reply.
It is not a gif, but a png, that was in index mode. I changed it to RGB mode, and tried without succcess to reduce the size to 56 x 56, change the color to gray, and make the circle and button semi-transparent, without success. Would anyone like to do it for me? It may be beyond my skill level. I've attached the image (that came with the player). I don't know why it shows two of the play button icons. Much thanks again.



(Sep 5, 2013 22:20)ofnuts Wrote:  Is that a GIF? Color to alpha doesn't work in indexed mode (check the title bar, or Image/Mode).

This said these geometric shapes are very easy to do by yourself:

- add transparent layer
- position guides
- using the freehand click on the corners to make a polygon selection
- bucket fill selection on new layer
- remove background or make it invisible and export to PNG



(see attached XCF for the guides)
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Making an echo line around an image? MADdukeDUDE 1 261 Feb 17, 2018 04:39
Last Post: ythgilb
  Stopping gimp from colouring the transparent background vizzkidd 2 254 Jan 22, 2018 18:53
Last Post: vizzkidd
  This program is making me so salty Bullish 0 216 Oct 21, 2017 00:47
Last Post: Bullish
  No info when hoovering mouse over icon AnalogueMan 0 275 Oct 3, 2017 15:23
Last Post: AnalogueMan
  Silhouette with a transparent background Rachela 0 267 Oct 1, 2017 17:06
Last Post: Rachela

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS