[Last Call] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 388
  • Last Modified:

Alpha-Level question


I have a problem, the following:

I have a picture which lookes like this:


how can I extract the color Red, so that I have a semi-transparent file (with alpha), which, when I would put it on a red image, would give the original image?

So I could put it on a green image and it would give the same style...

Is it possible?

1 Solution
You could creat a GIF image and set red as the transparent color.
David BruggeCommented:
I couldn't find a good tutorial so I had to make one for you.

1)  To make a bar like the one that you linked to, start by opening a new file in Photoshop and paste the sample image on a new layer and name the layer sample.

Then, go back to the Background layer and draw marquee a rectangle the same size as the sample. Fill it with red. Keep the marquee active throughout this tutorial.

Example for step 1) http://smg.photobucket.com/albums/v474/JayPeeJR/?action=view¤t=22737918_1.jpg

2) Create a new layer just above the Background layer.

Set your color palette to black and white (by pressing the letter D) Select a large soft paint brush. (I used a 400 pixel brush with the hardness set to 0 and the Opacity set to 20%)

Making sure that you still have a marquee drawn around the lower bar, drag the brush from the far left side to the point indicated in example 2. (you may want to use several strokes to build up this fade)

Example 2)

3)  Now do the same to the other side dragging the paint brush to the spot indicated (again, you might want to build up using overlapping strokes)

Example for step 3)

4) Make another layer to hold the white reflection that you are about to make.
With the marquee tool, draw a box at the top of the bar that reaches all the way across the bar and about a third of the way down.

Reverse your foreground and background colors my pressing the letter X. Select the gradient tool, click on the gradient selector (circled in the next example) and select the foreground to transparent method from the swatches. Press OK.

Example 4)

5) Drag the gradient tool down from the top of the bar to just past the bottom of the marquee as indicated in example 5)

Example 5)

6) You should have an image similar to example 6(

Example 6)

7) If you turn off the background layer and the sample layer, you will see what your overlay image will look like.

Example 7)

8) Turn all of the layers back on. Make the Background layer active and call up the hue/ saturation dialog palette. With the preview box checked, move the hue slider back and forth to see what your new overlay will look like over different colors>

Example 8)

9) Once you are satisfied with the look, draw a marquee around the bottom bar.
Turn the sample layer and the Background layer off,
Select Image > Crop
Save your image as a png format image.

This image will have the transparency preserved so that it can be used over whatever color bar that you want.

Good luck, and have fun.
David B
Try different blending modes till you find one that drops the red out and leaves just the shading.  Save as png and start overlaying.
David BruggeCommented:
Since this question was put in the Visual Basic NET zone I assumed that Ruttensoft would be stacking the images in an application window without the benefit of blend modes.
As for building a GIF, this is limited to index colors. GIFs support transparency, but only one shade of red could be transparent. Alpha transparency means that the transparency itself can fade.
RuttensoftAuthor Commented:
just genious

Featured Post


Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now