Shadow/Gradient Fade to Transparent Effect

Hello. I am using PS CS3 on MAC and I am trying to create the inner shadow gradient fade to transparent show in the sidebar of this webpage: http://kinoma.com/about/
First, I create a rectangle with linear gradient fill that fades to transparent. Then I create an inner shadow on the left of the sidebar. I'm stuck on what to do next. How do I fade the entire sidebar to transparent on different sides? Thanks.

Black to transparent gradient from left to right (then reduce opacity), then make a layer mask and make a gradient from top to bottom that's black to white to black.
J

Similar Messages

Transparency effects are not updated on frame's content change(shardow, etc.)

Hello everyone.
I've faced the following problem:
My shape, which is based on CGraphicsFrameShape and kSplinePageItemBoss does not update it's transparency effects after changing own content.
The content is drawn by AGMImageRecord and IGraphicsPort::image. I also use IXPUtils::CreateImagePaintServer,IGraphicsPort::SetAlphaServer for drawing image with some transparecy mask ( the idea is stolen from SDK's sample "Transparency effects" ).
When user sets some transparency effects, and then changes the content of the shape - the effect (eg. shadow) presists from the previous content. It is updated (sets as a shadow for current content) only when user resizes the shape.
I tried Inval method, DrawPageItemAdornments method, InvalPageItemAdornments method, but nothing works - the shadow still gets updated only on frame's resize.
What can be done, and what guru do in such cases?

And one more moment - this happens only when display performance is set to "typical". When "high quality" is set - everything updates well.

Fade To Transparent Edge On Web Image

Hi,
We've got a website with an image that we'd like to fade cleanly into the background image. The current swing at this is: http://jchmusic.com
I'm -relatively- happy with it BUT the left and right margins above the tree should fade more cleanly into the green at the top (above the tree). Any suggestions on doing this? I did try using the Gradient Tool to fade to transparent it just isn't 'random' enough. ie. it always seems to create some sort of 'shape' when I do it rather than just being a smooth 'dodge' (if that's the right term.)
ALSO: There is the issue of -size-. I want the img to be as small as possible. I tried rendering it as a GIF and here is the result: http://jchmusic.com/index-gif.php
The pixellation actually looks kinda cool to us, but then we run into the problem of various parts near the left edge having transparent 'pinholes' where we don't want them.
Your thoughts?
TIA,
---JC

Aha! Photoshop excels at doing things with brushes. There's a whole realm of brush stuff you'll want to get to know.
Activate the Eraser tool in the Tools panel.
Up at the top of the Photoshop main window look for Mode and set it to Brush if it's not already set.
There will be a brush selector. Click it and select a round brush, and make the Hardness 0% (i.e., fuzzy).
With this brush selected, you can erase things and leave them with varying opacity.
Another approach would be to add a layer mask to the layer with the image, then paint on the layer mask with the brush tool and a fuzzy brush. This has the advantage of your being able to adjust opacity either way, by painting black, gray, or white.
And then there's Airbrush mode...
Yep, you'll definitely want to learn about brushes.
-Noel

Can't expand gradient fill w/ transparency? (cs4)

I'm very glad they added the ability to set the opacity of gradient markers in cs4. However, when I expand a fill with a partially transparent gradient, the opacity is lost (everything goes to 100%). Am I doing something wrong, or is this simply a known or expected limitation?
For now, I'll go back to using opacity masks if I need to expand.
Thanks.

Not sure if this is what you are after.
Create a gradient with a 100% fill of cyan to 100% fill of cyan. Change one gradient slider to have an opacity of 5%.
If you put a solid colored object below it you wil see that 95% of that object shows throught the 5% side of the gradient.
You now have two options under the Menu / Object / Flatten Transparency dialog box.
1- Select object / Object / Flatten Transparency. Choose "Preserve Overprints and Spot Colors" and you will loose the transparency effect (the colored object below will not show through) but the gradient go from 5% cyan to 100% cyan.
2- Select object / Object / Flatten Transparency. If you choose "Preserve Alpha Transparency" you wil retain the transparent properties of the gradient.
This does change the object to an image and is no longer editable as a vector object.
Is this what you are looking for?

Swatch control in transparency effects

Does Adobe have any plans to incorporate swatch control in transparency effects? What I mean is, say you want transparency effects to affect all but one swatch. And where it interacts with that particular color - no effect. Or, the opposite, have the transparency affect ONLY one swatch, and ignore other colors.
To have a feature like this, the document swatches would probably have to be listed in the effects dialog, maybe with check boxes to turn swatches on or off. I think a feature like this would be very useful.
To see what I mean, draw 3 boxes on an InDesign page, make all 3 overlap. Color one cyan, one magenta, and one yellow. Bring magenta and yellow both to the front, and set to multiply. Make sure magenta and yellow only overlap within the area of the cyan (refer to the image). There is green overlap, blue overlap, and dark brown. The brown is where all 3 overlap. Is there a way to make the brown area red - and leave everything else the same? (The red would come from yellow and magenta being multiplied, with no cyan not participating).
Do this without a pathfinder command, or drawing a red box, or a white box to KO the cyan, or drawing any extra objects or changing the exiting shapes. If there is no way to do it, then OK, I didn't think there was. But if some sort of color or ink control is incorporated in the future it would be possible. Transparency is applied to objects and groups. Why not extend the capability to colors as well? It would add a new dimension of control.
In the example, if the cyan swatch was excluded from the transparency effects, the brown area would be red. No extra artwork added, no modifying the existing shapes.
If you group the yellow and magenta, and isolate blending, it's true the red color is achieved. But the green and blue overlaps are also eliminated. I want to know if it is possible (or ever will be possible) to selectively control document swatches in a transparency context.

Maybe listing swatches with effects would create too much confusion. If it canceled transparencies, people may get frustrated trying to figure out why the transparency has no effect on an object, when in fact the negated transparency is being caused by the underlying object's color.
Setting aside the swatch idea for now – what about something much simpler, and much more attainable? Is it possible to add a feature that makes an underlying object "immune" to transparencies of objects on top of it?
This would be one simple option that could be enabled. The result would be this: any blend modes on top of the object would not affect the object. They become normal blend mode in relation to the specified object. A simple knockout. (Drop shadows could still exist on top of the object of course, but they would not multiply)
You could go a step further and split this option into two, one targeting blend modes, and the other opacities. The blend mode would probably be the more commonly used - making all objects on top knock out, with one simple command.
Basically the object won't allow transparencies above it to interact with it. It would eliminate the need for modifying the objects shape, or creating additional objects to achieve a knockout.
In the case of the 3 blocks, the cyan would be assigned "immune to transparency effects". So the area where all 3 boxes intersect becomes red. A very simple solution. I think people would use this feature.
How do you go about getting Adobe to consider adding something like this to InDesign, or other applications?

InDesign Transparency Effects - Problems with Image Quality and File Size

Hello,
We are experiencing new problems exporting InDesign files to PDF.
To summarize, though our largest workflow is to create files for offset printing, we also deliver our work to PDF for mounting on a website so our clients can download directly from the web. Our new problem is Transparency Effects, and creating a PDF that will both have a high quality (or resolution), and be a small file size.
We are working with multiple page documents (24 to 48 pages), and would very much like to work with InDesign Transparency Effects. However, after spending much time testing a variety of PDF types, we are finding there is a radical difference between quality and file size. I was curious if anyone has had these problems, and if there is a simple answer. InDesign is an incredible program that allows us to design on the fly with Transparency Effects, but, if we are going to experience these problems, we will have to eliminate these wonderful tools.
Can you help me or lead me to information online that will help.
Thank you,
Lain

Please don't post in multiple forums. Your question has nothing to do with the PDF language and specifications, but rather PDF workflow or InDesign. I've responded to your other posting and am closing this thread.
- Dov

Title: How to give transparency effect to JFrame?

Hai,
we are developing stand alone application using java swing. In our application we need to show an image in JFrame. We draw an image in JPanel using JPanel's paintComponent method. Then we place this JPanel into JFrame. The image is having transparent effect. But we are not able to give transparency effect to JFrame so we couldn't see desktop we are seeing only JFrame's background. *{color:#0000ff}How to give transparency effect to JFrame?*
*{color}*
Thanks for your help.

It's not a commited part of the standard API yet, but as of 1.6_10 you can add transparency effects to a window through the use of
com.sun.awt.AWTUtilitiesI think this was the original article on the release. If you google, you will find many creative ideas that people have come up with using this particular feature.

Transparent effect

hi can anyone show me how to apply transparent effect to 3d object/simple object like glass in illustrator cs4 plz

As you can see:
Individual surfaces do interact transparently; even inside and outside surfaces of the same path.
Mapped Symbol is opaque and interacts correctly with the translucent surfaces. (Symbol can be made to assume transparency of the surface to which it's mapped by turning on Shade Artwork.)
Different transparency can be applied to separate paths within the same Revolved Group, and/or to individual Strokes and Fills of the same path. (Rendering aberations are likely, depending upon geometry.)
It is not necessary to expand, ungroup, etc., etc. (The Revolve object below is still completely live and rotateable.)
In other words, Opacity can be applied at the Appearance level or the object level, either before applying the 3D Effect or after.
Also, Draw Hidden Faces is turned off in the drawing below. (Faces are not hidden if they are visible through a translucent surface.)
Making something "look like glass" however, involves more than just applying Illustrator's 3D Effect to translucent paths (and can be rendered with or without 3D Effect; and with or without transparency effects). Convincing glass rendering is like convincing rendering of any other shiny surface: It involves judicious drawing of highlights and reflections, not just one-click, instant-gratification effects.
JET

Drop shadow in .ai causing transparency problems for .eps (needed for MS Publisher – PDF)

I have icons with drop shadows created in .ai. I need to make the icons available for others who use MS Office Publisher to create print materials (export to PDF). I use .eps files for this however the drop shadow is making a white background (if I take out the drop shadow the background is transparent). How do I save the icons so that the background is transparent with the drop shadow?
Thanks.

Simply, you don't.
EPS is a flat file format and does not support transparncy, therefore all transpency is flattened upon saving.
You may be better off saving as png or pdf to support transparency.

Fade out transparency

i have this image that i have created in photoshop, the thing
is i want to create a fade out transparency, the image start brown
at the top and becomes lighter towards the bottom, can i achieve
that in Fireworks.

makate wrote:
> i have this image that i have created in photoshop, the
thing is i want to
> create a fade out transparency, the image start brown at
the top and becomes
> lighter towards the bottom, can i achieve that in
Fireworks.
Yes. Choose Commands > Creative > Fade Image.
Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

Fade to color effect on a Title

I can't get a satisfactory Fade to color effect on a title. I tried various "Midpoint" and "Hold" settings but no one can let me get a slow fade in of the title. Any suggestion? Myabe this is not the right way to obtain what I'm searching for?

So it could be just the Basic Title. Just do a slow cross dissolve, which will fade out the title to black. Put the next title adjacent to it, but not touching it and cross disssolve to fade that up from black.

Radial gradient, black to transparent

I am VERY new to photoshop and I am trying to learn how to use it. Currently I am using a tuturial to create a mystical photo with black edges. The directions say to use the radial gradient, black to transparent. I cannot, for the life of me, figure out how this is done. Please describe, in as a much detail as possible, where I go to do this. Please remember that I am new, so I seriously need to know where to go to do something, not just how to do it. Thanks!!

Press the D key to set the toolbox colours to black and white.
With the Gradient tool selected, click on the drop-down arrow next to the little sample gradient up top in the Options bar.
The second option is Foreground to Transparent which is what you want.
You can now do your radial gradient.
(If you wish, you can edit the gradient in the gradient editor which opens when you click on the little sample gradient.)

Fade in/out effect too slow

Hi!
I'm trying to do a fade in/out effect between two images using the following code:
public void render(Graphics g, Image imageFrom, Image imageTo, int width, int height) {
Image buffer=gc.createCompatibleVolatileImage(width,height);
Graphics2D g2 = (Graphics2D)buffer.getGraphics();
int counter=0;
while (counter<90) {
   counter=counter+2;
   double alphaScalar = Math.sin(Math.toRadians(counter));
   g2.setComposite(AlphaComposite.SrcOver);
   g2.drawImage(imageFrom, 0, 0, null);
   g2.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, (float)alphaScalar));
   g2.drawImage(imageTo, 0, 0, null);
   g.drawImage(buffer, 0, 0, null);
try {
   Thread.sleep(1);
catch(InterruptedException ex){}
g.dispose();
g2.dispose();
buffer.flush();
}The problem is that it's too slow and jerky, even in fast computers. I need a smoother transition. Can someone help me, please ?
Before you ask me, I've put a "Thread.sleep(1)" line to allow another thread playing a background music to breath.
Thanks in advance

Have you tried Full-Screen Exclusive mode?
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.imageio.*;
public class FlipExample {
    public static void main(String[] args) throws IOException {
        new FlipExample().animate();
        System.exit(0);
    private boolean quit = false;
    private BufferedImage im1, im2;
    private Window w;
    public FlipExample() throws IOException {
        w = new Window(new Frame());
        w.setIgnoreRepaint(true);
        w.addMouseListener(new MouseAdapter(){
            public void mousePressed(MouseEvent e) {
                if (e.getClickCount() > 1)
                    quit = true;
        String urlPrefix = "http://www3.us.porsche.com/english/usa/carreragt/modelinformation/experience/desktop/bilder/icon";
        String urlSuffix = "_800x600.jpg";
        im1=ImageIO.read(new URL(urlPrefix + "3" + urlSuffix));
        im2=ImageIO.read(new URL(urlPrefix + "4" + urlSuffix));
    public void animate() {
        GraphicsDevice gd = w.getGraphicsConfiguration().getDevice();
        try {
            gd.setFullScreenWindow(w);
            gd.setDisplayMode(new DisplayMode(800, 600, 32, 0));
            w.createBufferStrategy(2);
            BufferStrategy bs = w.getBufferStrategy();
            for(int times=0; times<5; ++times) {
                render(bs, im1, im2);
                render(bs, im2, im1);
        } finally {
            gd.setFullScreenWindow(null);
    private void render(BufferStrategy bs, BufferedImage from, BufferedImage to) {
        for(int i=0, UB=50; !quit && i<=UB; ++i) {
            Graphics2D g = (Graphics2D) bs.getDrawGraphics();
            g.drawRenderedImage(from, null);
            g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, (float)i/UB));
            g.drawRenderedImage(to, null);
            bs.show();
}

Ability to fade to transparency in a gradient

This is actually 1 of 2 long-overdue features that would be knocked out with only one addition: the ability to define colors in RGBA or ARGB format.
The other problem that this would fix is that if you want a polygon with a 10% white fill and a 100% white border, you would no longer need to create two separate shapes -- one for the line and one for the fill (setting the transparency level for each object separately); instead, you would have just one polygon with a 255/255/255/25.5 fill color and a 255/255/255/255 stroke color.
The problem is how alpha is specified in Illustrator. It applies to the entire object, when it should apply to the individual colors themselves.

> "Transparency can be applied indpendently to strokes and fills of the same path"
> Do I need CS4 for this?
No.
Create a single path. Give it a fill and a thick stroke of another color. In the Appearance Palette, select the Stroke. In the Transparency Palette, reduce its opacity.
Then take a day off to recuperate from all the tedious palette-hopping.
JET

InDesign Transparency Effect vs. pdf file size

I have an Interactive pdf that was created from InDesign. There is "inner glow" is an effect style created box style. This box style is used a number of times in the 30 page document. The glow is a gradient from black to transparent which looks like an inner shadow for the boxes (sample attached). When I generate the pdf file, size is about 12 Mgb, too large for the target audience.
When I alter the style in InDesign to say something simple like a 10% black solid fill, the pdf file size decreases to about 1 Mgb.
Looked into "flattening transparency" options but this creates pdf that has none of the interactive buttons and links that are required.
Really would like to avoid creating these boxes in photoshop since there are about 40 different sizes of the box.
Any ideas would be greatly appreciated!

For some reason I can't find reply on Forums site, so replying to this
email
Exporting an Interactive pdf using the attached (15.8) jpegs settings
creates a file that is 15.8 Mgb.
Exporting an Interactive pdf using the attached (14.5) jpegs settings
creates a file that is 15.8 Mgb.
Any ideas??? Thanks.

Shadow/Gradient Fade to Transparent Effect

Similar Messages

Maybe you are looking for