This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Paint Shop Pro support > September 2004 > Simple or difficult?





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Simple or difficult?
KiwiBrian

2004-09-24, 7:18 pm

I have PSP8.
I often want to change the "background" colour that an antialiased or
feathered image has been created on.
So ideally it seems to me that I am wanting to change not only the colour of
the background proper, but also the "transition" colours in the
anti-aliasing/feathering boundary area.
Is there a simple method for doing this?
If not, does PSP9 have anything new to offer in this regard?

TIA
Brian Tozer


Fred Hiltz

2004-09-24, 7:18 pm

KiwiBrian wrote:
> I have PSP8.
> I often want to change the "background" colour that an
> antialiased or feathered image has been created on. So ideally it
> seems to me that I am wanting to change not only the colour of
> the background proper, but also the "transition" colours in the
> anti-aliasing/feathering boundary area. Is there a simple method
> for doing this? If not, does PSP9 have anything new to offer in
> this regard?


The Background Eraser was made for this. Depending on the image, you
might also find Selections > Modify > Select Color Range useful.
Both are in v8 and v9.
--
Fred Hiltz, fhiltz at yahoo dot com

Porter

2004-09-24, 7:18 pm

> KiwiBrian wrote:[color=darkred]
ideally it[color=darkred]
of[color=darkred]
the[color=darkred]
method[color=darkred]
in[color=darkred]

Be sure the image is on a "layer" layer instead of a
"Background" layer, before you make your selection. This way,
your anti-aliased or feathered portion of the edge, is no
specific color at all. It's just partially transparent instead.
Making it far easier to now place onto any new backgrounds, and
blend right in.

Porter


KiwiBrian

2004-09-24, 11:21 pm


"Porter" wrote
[color=darkred]
> ideally it
> of
> the
> method
> in
[color=darkred]
> Be sure the image is on a "layer" layer instead of a
> "Background" layer, before you make your selection. This way,
> your anti-aliased or feathered portion of the edge, is no
> specific color at all. It's just partially transparent instead.
> Making it far easier to now place onto any new backgrounds, and
> blend right in.


Most interesting.
I had assumed that the 'anti-alias' or 'feathering" pixels would just be
normal colours, intermediate between the object and background colours.
As the purpose of the exercise is to modify graphics for web use I am not
sure of the implications of what you are saying in my situation.
I will do some experimenting.
Thanks for the advice Porter.

Brian Tozer


Fred Hiltz

2004-09-24, 11:21 pm

KiwiBrian wrote:
> "Porter" wrote
>
>
> Most interesting.
> I had assumed that the 'anti-alias' or 'feathering" pixels would
> just be normal colours, intermediate between the object and
> background colours. As the purpose of the exercise is to modify
> graphics for web use I am not sure of the implications of what
> you are saying in my situation.


Those pixels are indeed intermediate. You can see the implication of
Porter's advice with a simple example. Imagine a green background
with a red, feathered object on it. The feathered pixels are a
mixture of green and red.

To put the object on, say, a blue background, you could erase the
green background, but that would leave a somewhat-green edge around
the red. Instead, you need to erase the green background completely
and erase just the "greenness" from the edges. The Background Eraser
does just that, leaving pure green purely transparent and part-green
colored red with partial transparency. The blue background will show
through at the edges, just as the green background did in the
original. HTH
--
Fred Hiltz, fhiltz at yahoo dot com

Mike Williams

2004-09-24, 11:21 pm

Wasn't it KiwiBrian who wrote:
>
>"Porter" wrote
>
>
>Most interesting.
>I had assumed that the 'anti-alias' or 'feathering" pixels would just be
>normal colours, intermediate between the object and background colours.
>As the purpose of the exercise is to modify graphics for web use I am not
>sure of the implications of what you are saying in my situation.
>I will do some experimenting.
>Thanks for the advice Porter.


The world's most popular web browser doesn't yet support partial
transparency, so when you actually come to put your image on the web
your assumption would be true. So what you do is to keep a partially
transparent master copy of your image layer and paste that over the
different backgrounds to create different non-partially-transparent
instances of the image to use on the web.

--
Mike Williams
Gentleman of Leisure
KiwiBrian

2004-09-24, 11:21 pm

"Mike Williams" wrote

> The world's most popular web browser doesn't yet support partial
> transparency, so when you actually come to put your image on the web
> your assumption would be true. So what you do is to keep a partially
> transparent master copy of your image layer and paste that over the
> different backgrounds to create different non-partially-transparent
> instances of the image to use on the web.


I appreciate all of the replies that I have received so far on this subject.
I am wondering if I might have caused some confusion by use of the word
"background" originally, even tho I had it in quotes.
I am very interested in pursuing this subject further as a learning exercise
on the principles involved so will give a totally specific example.
I know that in the example it would be easier to create a new object from
scratch but then I would not learn what I want to better understand.
I have a jpg or gif graphic which is used on the web to create the effect of
a 'rounded corner with a border' on a corner of a rectangle "box" which
surrounds some text..
So it has 3 main colours, e.g. red inside, black curved segment of the
border, green outside. It is nicely feathered, so there are intermediate
coloured pixels on both sides of the black "border".
For the exercise I wish to change the inner red to blue, the black curved
border segment to orange, and the outer green to mauve, and finish up with
it being nicely feathered. Of course there are three others to do to
complete the job but we only need to consider one.
If the answers so far deal with this situation I will study them after
confirmation, but I am wondering if I may have inadvertantly created a wrong
impression of my query.

Thanks
Brian Tozer




Nik Coughin

2004-09-25, 4:15 am

Mike Williams wrote:
>
> The world's most popular web browser doesn't yet support partial
> transparency, so when you actually come to put your image on the web
> your assumption would be true. So what you do is to keep a partially
> transparent master copy of your image layer and paste that over the
> different backgrounds to create different non-partially-transparent
> instances of the image to use on the web.


Actually, there is a workaround to get IE to support PNG transparency:

http://www.nrkn.com/alpha/


Mike Williams

2004-09-25, 4:15 am

Wasn't it KiwiBrian who wrote:
>"Mike Williams" wrote
>
>
>I appreciate all of the replies that I have received so far on this subject.
>I am wondering if I might have caused some confusion by use of the word
>"background" originally, even tho I had it in quotes.
>I am very interested in pursuing this subject further as a learning exercise
>on the principles involved so will give a totally specific example.
>I know that in the example it would be easier to create a new object from
>scratch but then I would not learn what I want to better understand.
>I have a jpg or gif graphic which is used on the web to create the effect of
>a 'rounded corner with a border' on a corner of a rectangle "box" which
>surrounds some text..
>So it has 3 main colours, e.g. red inside, black curved segment of the
>border, green outside. It is nicely feathered, so there are intermediate
>coloured pixels on both sides of the black "border".
>For the exercise I wish to change the inner red to blue, the black curved
>border segment to orange, and the outer green to mauve, and finish up with
>it being nicely feathered. Of course there are three others to do to
>complete the job but we only need to consider one.
>If the answers so far deal with this situation I will study them after
>confirmation, but I am wondering if I may have inadvertantly created a wrong
>impression of my query.


I find that things like background eraser, hue map and colour replacer
tend to destroy the nice feathered effect and leave some ugly sharp
edges.

I guess there's an easier way than this, but what I ended up doing was:-

Image => Split Channel => CMYK
Discard the Cyan, Magenta and Yellow images
Adjust the brightness and contrast on the "Black" image so that the
range goes from pure black to pure white, you might use
Adjust => Brightness & Contrast => Brightness/Contrast
or Adjust => Brightness & Contrast => Curves
Create a new image and fill it with your new orange colour
Use the adjusted "Black" image as a mask
Layers => New Mask Layer => From Image
specifying "Source Luminance"

This gives you the feathered orange border on a transparent background.
You can then simplify the layering by doing a Layer Ungroup and Layer
Merge Down (don't use Merge All or you'll lose the transparency)

Add a new raster layer underneath and paint in the blue and mauve.

If your starting colours are different, then you might need to split the
channel to HSL or RGB, or choose a different separated channel.
Once you've got a good mask, save it for future use in case you need to
paste the same border shape over other background colours.

--
Mike Williams
Gentleman of Leisure
KiwiBrian

2004-09-25, 4:15 am


"Mike Williams" <nospam@econym.demon.co.uk> wrote in message
news:$IJsNHAM$PVBFwBG@econym.demon.co.uk...
> Wasn't it KiwiBrian who wrote:
>
> I find that things like background eraser, hue map and colour replacer
> tend to destroy the nice feathered effect and leave some ugly sharp
> edges.
>
> I guess there's an easier way than this, but what I ended up doing was:-
>
> Image => Split Channel => CMYK
> Discard the Cyan, Magenta and Yellow images
> Adjust the brightness and contrast on the "Black" image so that the
> range goes from pure black to pure white, you might use
> Adjust => Brightness & Contrast => Brightness/Contrast
> or Adjust => Brightness & Contrast => Curves
> Create a new image and fill it with your new orange colour
> Use the adjusted "Black" image as a mask
> Layers => New Mask Layer => From Image
> specifying "Source Luminance"
>
> This gives you the feathered orange border on a transparent background.
> You can then simplify the layering by doing a Layer Ungroup and Layer
> Merge Down (don't use Merge All or you'll lose the transparency)
>
> Add a new raster layer underneath and paint in the blue and mauve.
>
> If your starting colours are different, then you might need to split the
> channel to HSL or RGB, or choose a different separated channel.
> Once you've got a good mask, save it for future use in case you need to
> paste the same border shape over other background colours.


Thanks very much for all your trouble Mike.
I am off to study and hopefully learn from your efforts and expertise.

Brian Tozer


Kris Zaklika

2004-09-25, 12:20 pm

KiwiBrian wrote:
>
> I have PSP8.
> I often want to change the "background" colour that an antialiased or
> feathered image has been created on.
> So ideally it seems to me that I am wanting to change not only the colour of
> the background proper, but also the "transition" colours in the
> anti-aliasing/feathering boundary area.
> Is there a simple method for doing this?


There are several ways depending on the exact situation.
Let's start with antialiasing, which is one pixel wide.
Make a selection of the object on its original background.
Either include the antialias region or select only the
non-antialiased interior of the object. It doesn't matter
which but be consistent. Now do Selections > Modify >
Recover Antialias. Choose Antialias Inside if you included
the antialiasing in your selection, or Outside otherwise
and specify output on a new layer. This will create a
transparency on the edge of your selection that is
proportional to the amount of background and also
subtract that amount of background color from the original
image color, leaving it at the color of the object.

Feathering can be of any width. To achieve the same effect
as Recover Antialias use the Background Eraser. Go to the
Presets droplist, open it, and press the Reset button (a
curved arrow icon). If your background is the same color
everywhere, choose Once for Sampling. Brush just outside
the edge of your object and note the results. Experiment
with the Sharpness setting until the result looks right.
Lowering the Sharpness will give you a softer edge with
less of the background color in it. If the object and the
background are each of a consistent color you can gain
additional control by starting with a Sharpness of 70,
unchecking Auto Tolerance and setting the Tolerance
manually to a value that just doesn't erase the parts
of your object that aren't feathered. At this point you
can re-tune your Sharpness setting. Do not mess with any
of the other controls of the tool.

> If not, does PSP9 have anything new to offer in this regard?


Nothing new in this area. Plenty in other areas.

> TIA
> Brian Tozer

KiwiBrian

2004-09-25, 7:18 pm

"Kris Zaklika" wrote...
> KiwiBrian wrote:


Thanks very much Kris.
You mst have seen the invisible subliminal message in the header saying "Hey
Kris, are you around". :-)))
I now have a complete dossier on the problem thanks to all the contributors.
Your post clarified lots of related matters, as always.

Brian Tozer
[color=darkred]
>
> There are several ways depending on the exact situation.
> Let's start with antialiasing, which is one pixel wide.
> Make a selection of the object on its original background.
> Either include the antialias region or select only the
> non-antialiased interior of the object. It doesn't matter
> which but be consistent. Now do Selections > Modify >
> Recover Antialias. Choose Antialias Inside if you included
> the antialiasing in your selection, or Outside otherwise
> and specify output on a new layer. This will create a
> transparency on the edge of your selection that is
> proportional to the amount of background and also
> subtract that amount of background color from the original
> image color, leaving it at the color of the object.
>
> Feathering can be of any width. To achieve the same effect
> as Recover Antialias use the Background Eraser. Go to the
> Presets droplist, open it, and press the Reset button (a
> curved arrow icon). If your background is the same color
> everywhere, choose Once for Sampling. Brush just outside
> the edge of your object and note the results. Experiment
> with the Sharpness setting until the result looks right.
> Lowering the Sharpness will give you a softer edge with
> less of the background color in it. If the object and the
> background are each of a consistent color you can gain
> additional control by starting with a Sharpness of 70,
> unchecking Auto Tolerance and setting the Tolerance
> manually to a value that just doesn't erase the parts
> of your object that aren't feathered. At this point you
> can re-tune your Sharpness setting. Do not mess with any
> of the other controls of the tool.
>
>
> Nothing new in this area. Plenty in other areas.
>


Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews