Computer Help and Spyware Removal Computer Help and Spyware Removal Computer Help and Spyware Removal Computer Help Forums Windows Startup Programs Database Spyware and Malware Removal Guides Computer Tutorials Uninstall Database File Database Computer Glossary Computer Resources
 

Welcome Guest ( Log In | Click here to Register a free account now! )



Register a free account to unlock additional features at BleepingComputer.com
Welcome to Bleeping Computer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.
Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

 
Reply to this topicStart new topic
> Fixing jaggies on circles on a white background
Grinler
post Mar 8 2005, 12:20 PM
Post #1


Bleep Bleep!
******

Group: Admin
Posts: 29,873
Joined: 24-January 04
From: USA
Member No.: 3



CMJ or anyone else who can help. I am trying to make some images. Circles with a symbol or letter inside. They look great in photoshop, yet when i put them up on the site, against a white background (they are transparent gifs), certain buttons get jaggy.

Can someone explain what i should do to remove it?

Examples are below:
















As you can see all of them but the green have these jaggies around the perimeter of the circle. I cant see how this happened. I even went so far as to use the check image as a template for the no.gif and still the same.


--------------------
Lawrence
Go to the top of the page
 
+Quote Post
chiefmasterjedi
post Mar 8 2005, 08:48 PM
Post #2


Member
**

Group: Members
Posts: 123
Joined: 24-July 04
From: NC
Member No.: 1,633



The problem is not with the images themself, it's the way in which you save them.
Transparent gifs are a pain in the *ss when it comes to saving them, especailly when they're small and symetrical. What i would try if i was you, and this depends on your graphics app, try increasing the quality (256 colors) and give them a matte color, i've had a look at your images in photoshop and noticed the matte color (which is the color used to blend the image into the transparent area) on your images is plain white. Instead match the color with that of your image.

Or you could take the easy way out................ put a 1 pixel black stroke on the outside of the images then choose a black matte, this should give your image a clean, crisp look.

Hope this helps,
Chief.

P.S. if you used Photoshop to produce these pics then send me the .psd's, if you have them, and i will sort them out for you.
Go to the top of the page
 
+Quote Post
chiefmasterjedi
post Mar 8 2005, 09:22 PM
Post #3


Member
**

Group: Members
Posts: 123
Joined: 24-July 04
From: NC
Member No.: 1,633



Hi again,
I've come up with a better idea...............forget .gif's, try .png.

The first image below is a .gif, the second is a .png. I'm sure you'll notice the difference.

GIF


PNG



Save as png-24 with transparency and you should have no prblems with rough edges.

Chief.

P.S. For best results, start your image at 256x256 pixels, make your whole graphic then resize it to 64x64 before saving as .png. Of course this depends on how good your graphics app is as not all of them will downsize without a loss of quality.

This post has been edited by chiefmasterjedi: Mar 8 2005, 09:26 PM
Go to the top of the page
 
+Quote Post
Grinler
post Mar 9 2005, 01:19 AM
Post #4


Bleep Bleep!
******

Group: Admin
Posts: 29,873
Joined: 24-January 04
From: USA
Member No.: 3



Thanks CMJ! I was able to get it a bit better by using paths rather then the selection tool. Will try your suggestions. Did you make those with the selection tool or using paths?


--------------------
Lawrence
Go to the top of the page
 
+Quote Post
chiefmasterjedi
post Mar 9 2005, 05:24 AM
Post #5


Member
**

Group: Members
Posts: 123
Joined: 24-July 04
From: NC
Member No.: 1,633



I used the "Elliptical Marquee" tool (shortcut M) and as i said above i started out with 256x256 to get it smoother.

Chief.
Go to the top of the page
 
+Quote Post
joe_schlabotnik
post Mar 22 2005, 11:51 PM
Post #6


New Member
*

Group: Members
Posts: 11
Joined: 2-January 05
From: san diego
Member No.: 8,425



Can you all explain to me how you post images in your message reply? Or are these "hot links"?

I see that in a lot of technical forums. Some bodycaptures say a toolbar and is able to place it in the message..

thanks


--------------------
Ya know, this stuff is fascinating, yet irritating
Go to the top of the page
 
+Quote Post
lucent
post Mar 23 2005, 12:06 AM
Post #7


Forum Regular
***

Group: Members
Posts: 172
Joined: 6-January 05
Member No.: 8,797



You should save it as any vector based file format, they save points rather than actual pixel locations.


--------------------
user posted image
Special thanks to efizzer for the signature
Go to the top of the page
 
+Quote Post
Grinler
post Mar 23 2005, 11:03 AM
Post #8


Bleep Bleep!
******

Group: Admin
Posts: 29,873
Joined: 24-January 04
From: USA
Member No.: 3



QUOTE(joe_schlabotnik @ Mar 22 2005, 11:51 PM)
Can you all explain to me how you post images in your message reply? Or are these "hot links"?

I see that in a lot of technical forums. Some bodycaptures say a toolbar and is able to place it in the message..

thanks

You can use this tutorial.

How to take and share a screen shot in Windows and use the [img] tag to put it in the post


--------------------
Lawrence
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



Lo-Fi Version Time is now: 9th January 2009 - 06:42 AM


Advertise   |   About Us   |   Terms of Use   |   Privacy Policy   |   Contact Us   |   Site Map   |   Chat   |   Tutorials   |   Uninstall List
Discussion Forums   |   The Computer Glossary   |   Resources   |   RSS Feeds   |   Startups   |   The File Database   |   Malware Removal Guides

© 2003-2008 All Rights Reserved Bleeping Computer LLC.