Go Back   Serif Software Forums > Photos and Movies > PhotoPlus

Notices

PhotoPlus Questions about using PhotoPlus for photo editing

 
 
Thread Tools Display Modes
Old 19th June 2011, 06:56 PM   #1
raphy
Regular Member
 
Join Date: Feb 2009
Posts: 74
raphy is on a distinguished road
Default Logo edges

Good Morning,

I am have great difficulty obtaining smooth edges on graphics for a website I am working on. I have received a logo in a png format from some one else and I have tried a variety of techniques to smooth the edges. It looks smooth until I add it to the website...very frustrating. I need a transparent background.

I am attaching the image..if anyone can offer advise I would be very appreciative.
Click image for larger version

Name:	KooreyLogoSilverEmboss.jpg
Views:	20
Size:	79.8 KB
ID:	23807

Linda
raphy is offline  
Old 20th June 2011, 02:06 PM   #2
MikeW
Senior Member
 
Join Date: Feb 2011
Posts: 4,711
MikeW has a brilliant futureMikeW has a brilliant futureMikeW has a brilliant futureMikeW has a brilliant future
Default Re: Logo edges

Hi Linda--the attached is a JPG, so no transparent background.

In PhP, rename the layer from "background" by simply double clicking on the layer name. It will suggest "Layer 1" as the name and that is fine.

You can then use the wand to select the white background. It will run into the edge of the logo a little in two places because of how "washed out" the color is in that area.

You need to then use the selection tools to remove the selection from where the wand's automatic selection came into the logo. I used the polygon tool and while holding the alt-key, made the selection go straight across where the wand's selection came into the lettering.

Once the selection is how you want it, hit the delete key and the background will now show as tiny squares. You now have the basis for the transparent background.

While the selection still is around the logo, use the Select menu, Modify, Expand. Choose 2 pixels. This will increase the selection from the outside of the image to a little inside the edge of the logo.

Then, choose Effects, Blur, Gaussian Blur. Choose 1.2 pixels.

You can now deselect (ctrl-d) the image. Save this version as a PhP file before anything else. Now export it as a PNG file and make sure to do so as a 32-bit so the transparency is intact.

The image is a bit large. You can then load the PNG into PhP and resize the image using Best Quality.

I have attached a smaller version. Please note that you need to determine how large the final image will be placed in the web site. Bitmap graphics don't like being resized in a web site. So when you resize the PNG file, make sure to know how large you want it.

Take care, Mike

Last edited by MikeW; 22nd May 2013 at 03:11 PM.
MikeW is offline  
Old 23rd June 2011, 07:35 PM   #3
raphy
Regular Member
 
Join Date: Feb 2009
Posts: 74
raphy is on a distinguished road
Default Re: Logo edges

Quote:
Originally Posted by MikeW View Post
Hi Linda--the attached is a JPG, so no transparent background.

In PhP, rename the layer from "background" by simply double clicking on the layer name. It will suggest "Layer 1" as the name and that is fine.

You can then use the wand to select the white background. It will run into the edge of the logo a little in two places because of how "washed out" the color is in that area.

You need to then use the selection tools to remove the selection from where the wand's automatic selection came into the logo. I used the polygon tool and while holding the alt-key, made the selection go straight across where the wand's selection came into the lettering.

Once the selection is how you want it, hit the delete key and the background will now show as tiny squares. You now have the basis for the transparent background.

While the selection still is around the logo, use the Select menu, Modify, Expand. Choose 2 pixels. This will increase the selection from the outside of the image to a little inside the edge of the logo.

Then, choose Effects, Blur, Gaussian Blur. Choose 1.2 pixels.

You can now deselect (ctrl-d) the image. Save this version as a PhP file before anything else. Now export it as a PNG file and make sure to do so as a 32-bit so the transparency is intact.

The image is a bit large. You can then load the PNG into PhP and resize the image using Best Quality.

I have attached a smaller version. Please note that you need to determine how large the final image will be placed in the web site. Bitmap graphics don't like being resized in a web site. So when you resize the PNG file, make sure to know how large you want it.

Take care, Mike
Hi Mike,

Thanks for this info...much appreciated..just wanted you to know I read and practiced it and it does help. I have been in photo editing hell...and am just coming to earth after working out a few kinks and practicing different photo editing techniques. I also did some masking and that seems to work as well. Thanks again,
Linda
raphy is offline  
 

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
PagePlus Starter Edition: Inserting company logo changes colors in the logo Dewey PagePlus 11 17th November 2010 09:01 PM
WebPlus X4: Logo, logo on the wall .... soul-73m WebPlus 23 21st April 2010 08:24 AM
removing fuzzy edges on b&w logo-transparent background Kathy WebPlus 5 6th April 2008 09:10 PM
Blur Edges of Photographs (soften edges) Jean PhotoPlus 9 10th November 2001 10:37 AM


All times are GMT +1. The time now is 12:39 PM.