Gradient with transparency

I am trying to create the effect of a soft glow light behind a subject. I have been trying to do it with a gradient graphic object, with one color being the color of the light (let’s say dark red) but the rest needs to be transparent.

I can’t figure out how to do it or if this is the right way to do it. Freeway does not seem to allow you to have the color color of a gradient be transparent or “none.”

Is there a way to do this?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 3/7/09 (at 08:08 -0400) SkipII said:

I am trying to create the effect of a soft glow light behind a
subject. I have been trying to do it with a gradient graphic object

Does the Outer Glow effect not do what you want?

  1. Select your graphic,

  2. Click the second icon in the Inspector palette,

  3. Click the Effects bar to open this panel,

  4. Click the Outer Glow icon,

  5. Click the new Outer Glow bar to open its panel and configure the settings.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No, this would make a glow around the subject. The effect I want is a colored light cast against the wall behind the subject (person). It is a “glow” but not one that followed the profile of the subject in the foreground.

I was able to do one in Photoshop could not make the second color transparent but make it black so it at least fits with me my black background color on the site. however, I wanted to overlay another color floor light glow over the other one at an angle so needed the “background” color of that second pone to be transparent so the first color flow would not be blocked. So far not possible to get the black to go away in Photoshop. Still working it.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 4/7/09 (at 07:21 -0400) SkipII said:

I wanted to overlay another color floor light glow over the other
one at an angle so needed the “background” color of that second pone
to be transparent so the first color flow would not be blocked.

You’re asking for rather a lot of painterly-style control in what is
a desktop publishing layout application. :slight_smile:

Just make a simple soft brush-painted glow on a transparent
background in Photoshop. Save as a native Photoshop PSD file, import
as a new graphic into Freeway, and scale and position as desired.
Simples.

Remember to have things unlayered or to make the glow graphic be
output as a PNG at millions of colours.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Agree, but it is not as easy as one might think in Photoshop either. I have had a string going on their message board for five days and no one has yet to figure out how to do it.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 4/7/09 (at 17:18 -0400) SkipII said:

Agree, but it is not as easy as one might think in Photoshop either.
I have had a string going on their message board for five days and
no one has yet to figure out how to do it.

Do you know the rough shape that you want your glow to be? If so,
just paint that in a new document. Here’s a bit of a walkthrough you
could try…

  1. Draw out a new graphic box in Freeway that covers the entire area
    that your glow should cover.

  2. Note the width and height of the box - how big it is in pixels.

  3. In Photoshop, choose File > New, set the Width and Height fields
    to the size of your box in Freeway, set the Resolution to 72
    pixels/inch, and set Background Contents to Transparent. Click OK.

  4. Choose the Brush tool then use the Control bar to set the brush
    size appropriately. Use a nice soft edge; make sure Hardness is set
    to 0%.

Oh, and pick the colour you want too. We’ll call this step 4b.

  1. In one continuous stroke (so you don’t get multiple brushstroke
    layers), paint your glow shape.

  2. Use the Opacity control in the Layers palette to set the layer
    opacity to something like 50%.

  3. Save and import to Freeway. How’s that look?

  4. To change the opacity either use the Fade action in Freewaay or
    change the layer opacity in Photoshop, save, then double-click the
    image in your Freeway page and click the Resample button.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

K,

The reason I’m driving everyone nuts is that there is so much different terminology on how to do things, unless I have a grasp of the concepts and techniques, I am lost.

For example, I really am not able to carry out your helpful suggestions because:

  1. I don’t see anything that says “set background colors to transparent.” There likely is some two-step process to do so, but absent the step-by-step, I get stuck right away.

2… In 4a, when you say, “oh, and pick the colour you want…” am still very unclear on how to do that. It certainly is not intuitive in PS.

  1. When you say set the opacity in the layers palette to 50%, I right away say “Gee, was I supposed to create a layer? What layer am i working in?”

It’s my problem and my ignorance, but i only write this to explain how difficult it is for a newbie to sort through all this. And the tutorials from PS are abysmal.

I bought a PS Elements book today and will be getting the Freeway book in a week. I owe it to everybody, including myself, to do some reading.

Oddly, I have several Mac programs, like DTP program Pages and I face almost none of these problems because they are truly intuitive.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 4/7/09 (at 17:49 -0400) SkipII said:

  1. I don’t see anything that says “set background colors to transparent.”

Go to Photoshop
Choose File > New
This opens a dialog with a number of options, including:

  • Width
  • Height
  • Resolution
  • Background Contents

I think you have a strong tendency to dash through things. Try to
take each step slowly and look around before doing anything.

2… In 4a, when you say, “oh, and pick the colour you want…” am
still very unclear on how to do that. It certainly is not intuitive
in PS.

In the Tools palette, click the Foreground Color block. That’s near
the bottom, the upper-left of those larger overlapping squares. This
opens the Color Picker dialog.

  1. When you say set the opacity in the layers palette to 50%, I
    right away say “Gee, was I supposed to create a layer? What layer am
    i working in?”

By setting the background of the image to transparent you get a
one-layer document in Photoshop. Just do the steps and then look at
the Layers palette.

I bought a PS Elements book today

Do you have Photoshop or Photoshop Elements?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I do appreciate your help. very much.

And while it may appear that I rush through things, the fact that I have now spent four days on some of these basic is evidence i am working pretty hard and steadily at it.

I think what you are seeing is ignorance, not impatience.

I have PSE6 for Mac.

There is no brush took on the left. I looked three times. Pencils, eraser, buckets, teardrops…no brushes.

I even went up to the menu bar to the drop-down that had brush styles, and it said i could not do anything because no pixels were selected. What pixels. We did not create a shape…only set the dimension of the work area when we opened up PS.

I hope you can appreciate that just about everything I try has some issue like that that simply makes it very difficult for me to “get it.”


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have PSE6 for Mac.

This will be a problem. It is important that you are as clear and
precise as possible when you say what you’re doing or using.
Photoshop is unfortunately very different from Photoshop Express. I
don’t know how you do those things with that app. :frowning:

Anyone have Photoshop Express and care to chip in?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You want a red translucent light cast against a wall and another translucent blend effect going across the red?
Wow! If you really are a ‘newbie’, why not start with a less demanding design?

Photoshop LE has a shedload of features, but it’s very difficult to use. Generally speaking, unless you have the full Photoshop with layers, paths and alpha channels—and you know how to use it—a drawing program will provide more control.

Expression 3.3 is a decent drawing program which is probably still available as a free download. The red oval in the example:
http://www.pixentral.com/show.php?picture=1ctBm3maUO1R5l0vz3qiTtwfl6GbXh

…was created in Expression. It has a soft-edged fill with no stroke. The translucency is created with the Multiply blend. Is that the wall effect you’re after? Similar effects can be created in Intaglio.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That is EXACTLY what I am trying to do. Here is a screen shot of what I did and you can see why I needed to do it – I needed to pop me off a black background.

It only worked here because the second color in the red spot light was black so it blended okay with the black background. If I were to put another color spotlight on top of it, you would see the black of the second layer covering the original red area since I am not able to change the second color (black) of the spotlight to transparent.

I’ll look at the programs you mentioned…but I also decided as a newbie I better go back to some basics. This screen shot accomplished what i needed for now.

Thanks. .


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s good news.
In Expression, it’s easy to add extra coloured shapes and overlay them. In this example:
http://www.pixentral.com/show.php?picture=15qEuJk0HkaIKM6yYkazxXj8xUlwT61
…to create the blue-green effect, a copy of the red oval was skewed to the left and coloured gold. The blue-green was created with the Difference blend. The yellow spotlight is a copy of the red oval, skewed to the right with the colour changed to yellow. It has the same Multiply blend as the red oval.

Your screenshot didn’t come through, but I suspect that the unwanted black you mention is a transparency mask, which Photoshop uses to define translucency. If you have a full version of PS with layers and channels, you should be able to correct any problems. In Expression, this techie stuff is hidden.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yep, that’s it.

As several people on this board can attest, simpler would be better for me and easier on everyone here.

I’ll check out the program you mentioned.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

simpler would be better for me

Nahh, it is just that some of your current tools are holding you back! :slight_smile:

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options