Gradient Transparency Mask

Hey everyone,
I'm not sure how to explain what I need. I have a solid
symbol with several grouped items. On the stage, I need to create a
transparency that increases from top to bottom. For example, in
Fireworks, you can create a tranparency mask over an item and set
the mask up as a gradient. The darker the color in the gradient the
more transparent the image it is masking so if you set a linear
gradient in the mask that fades from white to black, the underlying
image washes out in the same pattern.
I created a mask layer above my symbol, but setting a
gradient in the mask makes no difference in the layers it is
masking. Does anyone know how to achieve that effect that I am
needing?
Thanks,
Lee

I guess you're trying to apply the mask in FLASH. If yes,
then maybe the link below will help. Find the section about Alpha
Masking and down load the sample alpha mask .FLA file and take a
look at it. Hopefully it will help you. I downloaded it, but I'm
still unable to duplicate the sample within my own work. Good luck.
http://www.adobe.com/support/documentation/en/flash/fl8/samples.html

Similar Messages

Gradient Transparency Mask not working

Hey there.
I am working with Flash 8 trying to create a gradient mask
effect with 2 images and a headline. I have created this effect 2xs
already for the border of the page. I used 2 movieclips, gave them
instance names, checked "runtime bitmap caching", and added a
string of AS: maskee.setMask("mask"); Like I said the first 2 work,
but I've been trying to add another one for hours and it just won't
work!?! I even brough all the elements of the 3rd one into a new
document and it works fine the way I'm doing it!! The file size is
not enormous. Has anyone else heard of this issue? Any
solutions!?!?
Thanks!
-ms.Lee

ha! i totally figured it out! you have to have the code (in
your actions layer of course) on the same frame as the first
keyframe of the item to be masked. geez, that only took me 3 hours
to figure out!! well, hope it helps someone else save sometime.
toodles!
-ms.Lee

Gradient transparency mask for video

Hello-
I am trying to fade out the sides of an flv video to fade to transparent. I am then overlaying this swf file as transparent over a bkgd image in html. I have searched the forum, but can't figure out a way to do this.
Using CS4, need a Actionscript 2 fix.
Any help would be greatly appreciated!
Thanks.

I guess you're trying to apply the mask in FLASH. If yes,
then maybe the link below will help. Find the section about Alpha
Masking and down load the sample alpha mask .FLA file and take a
look at it. Hopefully it will help you. I downloaded it, but I'm
still unable to duplicate the sample within my own work. Good luck.
http://www.adobe.com/support/documentation/en/flash/fl8/samples.html

Transparency Mask not completely transparent

I'm making a B&W gradient transparency mask for an object (like I've done 1000 times before). Except this time, it's not taking my object to complete transparency. Even at the whitest portions, it's like 20% opaque.
I have my main object. I select it, choose "Mask Transp Mask". I then draw a rectangle around my shape and fill it with a B&W linear gradient. It should feather my main object to complete transparency, right?
What am I missing?

Actually I just figured out a way to fix it, not sure if as-is its a bug or not, but...
Ray Craighead, "opacity masks" #3, 7 Mar 2008 7:42 am
Post #3 tells you what to do.

Logo with gradient clipping mask into InDesign?

Hi all,
I have a quick question—I am using CS4 (illustrator & InDesign) on a Mac OSX platform.
QUESTION: I have a one-colour logotype (just text) that fades into transparency (a gradient clipping mask applied to the type in Illustrator). I would like to verify how I should properly prepare and import this logo into InDesign—to be sure I do not lose the actual transparency effect on various pages when applied in my InDesign book.
Thanks kindly,
Chemol

Hi Bob, thank you for your response—I meant to say my mask was an "opacity mask" (applied in the transparency panel) does that make a difference? Will the opacity still work in InDesign as an ai placed link?
Also, does it matter if I just copy the logo in illustrator, then past it into InDesign? (or is that a poor methodology?)
Thanks kindly,
Chemol

Gradient opacity mask logo-import into InDesign?

Hi all,
I have a quick question—I am using CS4 (illustrator & InDesign) on a Mac OSX platform.
QUESTION: I have a one-colour logotype (just text) that fades into transparency (a gradient opacity mask applied to the type in Illustrator). I would like to verify how I should properly prepare and import this logo into InDesign—to be sure I do not lose the actual transparency effect on various pages when applied in my InDesign book.
Thanks kindly,
Chemol

The idea that eps is not transparent never actually coinsided with my experience, I admit I do not have lot of experience using eps but whenever I have for the most part I used the eps art with transparent background like this file the signature and the cyan arectangle and the image of the ESB are composed in Illustrator and save as one eps file placed in ID.
As you can clearly see it has a transparent back ground.
I have save eps logos and palce it in QuarkXpress as well with the same result?
If you save the eps with a white background then it willhave a white background.
Here see for yourself.
I meant as an opaque preview then you would have a white background.

Gradient alpha mask problem

Hello-
I am attempting to create a gradient alpha mask for a PNG file, the effect being that of a reflection fading out gradually into the background. CS4 doesn't recognize the white to black alpha gradient or solid to transparent gradient. It uses the entire gradient as the mask.
I have searched and searched, but cannot figure out how to make a simple alpha gradient mask for an image.
Any help would be greatly appreciated.
Thanks.
Jesse
Artwork attahced for concept.

You need to make the mask and the maskee movie clips, give them instance names, set cache as bitmap on both to true, and then use setMask to make the mask work.
I believe pretty good directions are here: http://www.align.sk/blog/blog1.php/2008/10/23/transparent-masks-with-cacheasbitmap-as3
For what it's worth, it's a well known enhancement request to have this work at author time in addition to runtime with AS (I for one sure hope we can add this).

Gradient or Mask stage background?

Hello all,
I was wondering if there is a way to apply a gradient or mask
to the stage background. Essentially making part of the flash movie
transparent to the content / page behind it. I am relatively new to
Flash and I am using CS4 with AS3.
Thanx
Les

Les,
> I was wondering if there is a way to apply a gradient or
> mask to the stage background.
This isn't possible directly, but the workaround is easy.
Create a new
layer and drag it to the bottom of whatever layers you may
already have in
the Timeline panel. Doing so puts your new layer beneath all
other content.
In the new layer, use the Rectangle tool to draw a rectangle
to the same
dimensions as the Stage. Use the Free Transform tool or the
Align panel to
get your rectangle to the exact dimensions. Use the Color
panel to give the
rectangle a gradient fill.
> Essentially making part of the flash movie transparent
to
> the content / page behind it.
Aha. Then you'll have to use something called WMODE in the
HTML itself.
This *does* work in most browsers nowadays, but it's
potentially buggy in
some cases. You can read details on this page:
http://www.quip.net/blog/2006/flash/how-to-position-flash-beneath-other-content
David Stiller
Co-author, ActionScript 3.0 Quick Reference Guide
http://tinyurl.com/dpsAS3QuickReferenceGuide
"Luck is the residue of good design."

PDF and Illustrator CC opacity mask. The opacity mask displays perfectly in the print preview, and in the pdf document when viewed on my computer, but when printed the gradient opacity mask doesn't work. Any suggestions? Have not had this problem in ot

Never had this issues in previous versions. This IS a black/white gradient opacity mask over a black and white photo, but still don't think that is the problem.

You may try the forum LiveCycle Designer.

How to use semi-transparent mask on external swf?

I want to use semi-transparent mask on external swf for smooth transition. I'm using
clip.cacheAsBitmap = true;
mask.cacheAsBitmap = true;
clip.setMask(mask);
Everything works fine. But when I use
loadMovie("http://www.url.com/movie.swf", "_root.clip");
clip.cacheAsBitmap = true;
mask.cacheAsBitmap = true;
clip.setMask(mask);
it doesn't work... what am I doing wrong?

well if your loadMovie is on the same timeline as the code you are setting as mask, then you dont need _root.
And sorry, I forgot there was an issue with masking the main mc that loadMovie is loading into. So what I did was put clip inside another mc and called that mc "container" so then my code would look like :
masker.cacheAsBitmap = true;
container.cacheAsBitmap = true;
container.setMask(masker);
container.clip.loadMovie("movietoload.swf");
download the two swfs attached, and open main.swf to see.

How to create a gradient transparency?

I am using Photoshop Elements 8. This might have a really simple answer, but I can't figure it out. I am trying to take a layer, and simply make it go from solid picture to a gradient transparency, so that it gradually disappears. It is hard to explain, but I hope you understand. Please let me know if you know how to do that. Thanks a bunch.
-TitanVex
It would look kind of like this:
IIIIIIIIII IIII II I I    I       I
IIIIIIIIII IIII II I I    I       I
IIIIIIIIII IIII II I I    I       I
^                                      ^
Solid                             Picture
Part of                         Gradually
Picture                        Disappears
If that makes sense.

TitanVex,
http://www.pixentral.com/show.php?picture=1F0EKmMs2abEs4PGS3Oe1wyCxJ1rsh
Open picture
Duplicate background layer, work on background copy layer
Access the gradient tool (G), and in the tool's option bar select the foreground-to-transparent, linear gradient. Be sure that the color chips (lower left) are set to black for foreground and white for background. See my screen shot above. Note transparency is checked.
I drew the gradient from right to left, about 3/4 way.
If the gradient is too profound, you can reduce the opacity of the background copy layer.
If you need to start over again during practice, delete the background copy layer and go back to step #2.

Feathered selection, transparency, mask question

1) On a transparent canvas, fill a feathered selection at 100% opacity.
2) Cmd-click layer icon to load the selection (of the pixels).
3) Add its Layer Mask.
When I Enable/Disable the Layer Mask, the pixels change (the border changes).
This does not happen when a similar selection is made on a non-transparent canvas.
What is going on with the transparency and the Mask that I am missing? That is, why does Mask change the image?
Thanks,
Sonny
OS 10.5.8, PSCS4

Hi Sonny
Michael has some good insight into this.
No matter what, these topics are definitely hard to grasp and I too have struggled with how does all the transparency, selections, layer masks, alpha channels all work together (or not) and the differences between all these names and their function. My experience is how learning works for one person may do nothing for another. Thought I would give it a shot based on my understanding. Sorry if this is wordy yet you ask very good and tough questions.
First for the Transparency/Opacity
When you create a feathered selection and fill it over a transparent background you effectively have created a transparency mask for that layer right within the artwork. The fuzzy edge is the transition from full 100% opacity (transparency = 0) within the red square to 0% opacity outside the square (transparency=100%). This defines one of the two transparency masks that each level can have. The transparency mask does not get a lot of press because a thumbnail for it does not show up anywhere. The second mask is the Layer Mask. The total opacity is determined by multiplying the Layer Mask with the Transparency Mask (ignoring the opacity/fill sliders and Blending Options). The effective total opacity for the layer is seen as familiar checkerboard pattern.
When you pressed CMD (Ctrl on PC) and clicked the artwork thumbnail, you pulled up the transparency mask up as a selection (I'll talk about the marching ants and the hard edge it portrays later on). By copying this selection into the Layer Mask you now have effectively double masked your artwork (Layer Mask X Transparency Mask). The transparency mask still sits within the artwork and is now duplicated as a Layer Mask. This will make the total mask look like it has shrunk. Why?.... Right in the middle of the transition edge of either mask you will have 50% opacity. When you double up on the masks that same point will now have 50% x 50% = 25% opacity. The bottom line is the the opacity edge will go through a steeper and faster transition when you have this doubling up of masks.
If that is not what you want there are several ways to avoid this
1) Just don't use a layer mask since the red object is already created with a smooth transparent edge within a transparent field (why do you want the layer mask?)
2) Create the initial selection with a hard edge, move it into a layer mask, select it and then Select>Refine Edge for the Layer Mask to create a smooth transition.
Either way you won't double up on the masks.
Selection Mask
The selection mask is its own beast and not associated with any particular layer. Think of it as a mask that hovers over the entire layer stack and that it can be applied to whichever layer is active (highlighted). The selection mask with its marching ants gives the impression that it has a hard edge. This is misleading because anytime you have any feathering you are creating a mask with a gradual transition or a mask that on the edges has partial opacity/transparency. Almost all the selection tools have the ability to do feathering.
Unfortunately tyring to represent the mask edge is problematic when it is not a sharp transition. The marching ants just represents the point in the feathering where the partial transparency of the selection =50%. When you have no feathering the edge is sharp and the marching ants are exactly right on top of that edge. Other than that, the marching ants are somewhere in the middle of the edge transistion.
Clear as mud right?
Hope that helps
John Wheeler

Aterm/Urxvt gradient transparency?

I've seen an example for Aterm
http://www.afterstep.org/screenshots/Ti … fDoubt.png
I can't find how to do it. I've looked through the man files and it looks like the only way is with "themes" with Afterstep (i'm not switching from Fluxbox)...I would like to use Xdefaults if at all possible.
Last edited by pw_f100_220 (2010-04-28 02:49:22)

I'll give it a try, but it seems that setting transparency in the terminal would nullify an image, or making a gradient-transparent image the background might just show the default background of aterm/urxvt. Other than that I'm not sure what to try...there are a lot of options that I don't understand in the mans.
Unfortunately, my semester is almost over so my trial and error playing time is limited for a couple weeks...thanks for the thought

Gradient transparency - how to in AI CS5.5

How do I create a gradient transparency on an image in CS 5.5 AI - I am a first time user of this platform.
Ohotybird2

In this example the Color Stop Opacity is set to 0 for the two bottom colors.
You can set the Opacity Blend Mode to e.g. Overlay in the timeline.
You can draw any shape in the titler with the Pentool.
For feathering drop a Fast Blur on the title in the timeline.

Probelms with PS CS5 - Cant add a transparent gradient layer mask to a layer - please help

My company just upgraded us to cs5 on our macs. I was working along in photoshop & dont know if I hit something inadvertently or what but all of a sudden I cannot add a black to transp gradient to a layer mask. Ive searched around even saved out and re-loaded the gradients from my pc (which has the black to transparent gradient in the gradient editor & the process works fine).
Funny thing is that in the mac gradient picker, the black to transparent gradient is black and solid white but the name of it is 'black to transparent' in the editor. Ive tried
I guess my questions would be how would one make a transparent gradient, or how would one reset the gradients to default becuase every time i delete all the gradients the add a new .grd file from my pc, it still does not show the gradient.
Its amazing how such a small thing like this saves so much time and its eating me up that I cant get this to work
Thanks in advance, Mark

C:\Users\User\AppData\Roaming\Adobe\Adobe Photoshop CS4\Adobe Photoshop CS4 Settings
This is where I finally found the prefs.psp file. At least this is the way my Vista machinie is set up. Your "User" config may be diferrent from mine.
But, Thanks for the right answer!. My transparent layer is now only showing the faint gray checkboard instead of black.
Rob_L

Gradient Transparency Mask

Similar Messages

Maybe you are looking for