Flash Games
 FAQ   Search   Memberlist   Usergroups   Register  Profile   Log in to check your private messages   Log in 


Pixelish edges



 

Post new topic   Reply to topic  
   DEVPPL Forum Index -> Photoshop Forum
View previous topic :: View next topic  
Author Message
ReFredzRate
1000+ Club


Joined: 20 Aug 2004
Posts: 2186
Location: Netherlands

PostPosted: Mon Jun 06, 2005 6:50 am    Post subject: Pixelish edges Reply with quote

Hey guys, usually I don't ask for help, but now I really need it. I've been working on V3 of my website, and I'm a bit stuck on getting the edges of the headers right.

I am using 5 different header images, so I really need the edges to be smooth. Unfortunately (after fooling around with it for about 2 hours) I've given up all hopes. Right now the edges are pretty pixelish, and I want that to be gone.

I am using one of Razz's avatars at the moment, and when I build one myself I get pixelish edges as well. Razz however does know how to get them right.

So I hope Razz, or any others can help me out here.

Here's a header image to show you what I mean. Check out the corners. (Click the image for full size)

Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3590
Location: Sweden

PostPosted: Mon Jun 06, 2005 10:41 am    Post subject: Re: Pixelish edges Reply with quote

You can choose the rectangular tool (like in the aatar tutorial). Set the pixelamount for the corners and just click, drag and release. You will now have perfect borders. Make the rectangular just a little bit smaller then this image and put it over it. CTRL+Click on the rectangualar layer to select it. Press CTRL+SHIFT+I to invert the selection. Click on the image layers and then press delete.

Here's some tutorials in some other ways to do it:
http://www.photoshop-tutorials.biz/search/corners/
Back to top
View user's profile Send private message Visit poster's website
ReFredzRate
1000+ Club


Joined: 20 Aug 2004
Posts: 2186
Location: Netherlands

PostPosted: Mon Jun 06, 2005 12:28 pm    Post subject: Re: Pixelish edges Reply with quote

I just did what you told me to do. I also checked out some other ways to create rounded corners. Unfortunately, my corners always turn out pixelish. I'm doomed... I just don't understand what I am doing wrong...

1. I load the image into a workspace
2. I create a new layer with a rounded rectangle
3. I click the image layer
4. I CTRL+right click the rectangle corner
5. I press CTRL+SHIFT+I to invert the selection
6. I press delete
7. I make the rectangle layer invisible and save the image as a .gif file.

Am I missing something?
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3590
Location: Sweden

PostPosted: Mon Jun 06, 2005 12:56 pm    Post subject: Re: Pixelish edges Reply with quote

It's probably because you save it as .gif. Try .png instead.
Back to top
View user's profile Send private message Visit poster's website
ReFredzRate
1000+ Club


Joined: 20 Aug 2004
Posts: 2186
Location: Netherlands

PostPosted: Mon Jun 06, 2005 1:08 pm    Post subject: Re: Pixelish edges Reply with quote

OMG, now it looks sweet! Very Happy

What exactly is the difference between .gif and .png? All I know they both support transparency.
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3590
Location: Sweden

PostPosted: Mon Jun 06, 2005 2:30 pm    Post subject: Re: Pixelish edges Reply with quote

I'm not really sure. But .gif just saves the colors and it tries to use as less colors as possible to make the image as small as possible. Gif only support 256 different colors / image or something like that, so it's perfect for images with less colors, but photos and that kind of images with many colors should be saved in jpg eller png.
Back to top
View user's profile Send private message Visit poster's website
ReFredzRate
1000+ Club


Joined: 20 Aug 2004
Posts: 2186
Location: Netherlands

PostPosted: Mon Jun 06, 2005 2:32 pm    Post subject: Re: Pixelish edges Reply with quote

Alrighty, the problem is solved, so I'll click the button Smile Thanks for the help Razz!
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
Phate
500+ Club


Joined: 21 Nov 2004
Posts: 818
Location: 127.0.0.1

PostPosted: Mon Jun 06, 2005 5:34 pm    Post subject: Re: Pixelish edges Reply with quote

webmaster wrote:
I'm not really sure. But .gif just saves the colors and it tries to use as less colors as possible to make the image as small as possible. Gif only support 256 different colors / image or something like that, so it's perfect for images with less colors, but photos and that kind of images with many colors should be saved in jpg eller png.


Exactly, .gif saves all of the colors in the picture to a certian color in a "256" color list. Png extentions save the colors according to their hexadecimal number "#FF4024"
Back to top
View user's profile Send private message Send e-mail AIM Address
Display posts from previous:   
Post new topic   Reply to topic    DEVPPL Forum Index -> Photoshop Forum All times are GMT + 1 Hour
Page 1 of 1

 
 
Welcome to DEVPPL.com
You are not logged in, which means that you can't post in the forums.
Click here to Register

If you are a current member here on DEVPPL, please login below:

User: Pass:
Log me on automatically each visit:

 


Powered by phpBB © 2001, 2005 phpBB Group - Modified by DEVPPL

Flash Games - Sitemap