How to Smooth Out Curved Edges…

FB
Posted By
Frank_Bright
Dec 17, 2008
Views
827
Replies
10
Status
Closed
Hi, I’m on PS CS3 on an intel iMac. I have a graphic of an iPod that I actually made by following a tutorial in a Photoshop-related magazine.

So no blame here, I followed directions! Anyways, I’m using the graphic on my website to present audio clips of my work as a professional musician.

Since the tutorial had the whole thing with a white background, I’m having to use the magic wand to pull it out in order to put it onto a transparent canvas as a new file.

It looks fine and I save it as a PNG-24 with transparency. When I get it into my web, the curved edges (which are the bottom of the ipod and the top of it) are pixelated and not smooth. Is there a way to fix this?

I know this is basic stuff, but is this about anti-aliasing the graphic at all?

Here’s the graphic as I published it:
<http://www.frankbright.com/Audio.htm>

Many Thanks for any help on this,

Frank B.
Related Tags
curve edge how smooth

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

R
randalqueen
Dec 17, 2008
<http://www.lunaloca.com/tutorials/antialiasing/>
JM
J_Maloney
Dec 17, 2008
Frank:

The problem appears to be that you put the iPod on a white background and then used the magic wand too to cut it out. What then happens to the partially gray/partially white pixels that are needed to make a smooth edge on white (see rq’s link)? They are partially white, instead of what they should be, which is partially transparent.

Try building the iPod on a transparent background. You might be able to use the "peel off white" filter (google it) to get the transparency back. Or possibly you have a layer file already. Either way the tutorial wasn’t great if you really did follow it correctly.

Here’s a better PNG:

< http://www.pixentral.com/show.php?picture=1acUzPS6ESeKzQ3gcL wtlnlhWHJ8B1>
R
randalqueen
Dec 17, 2008
If this works for you…

<http://kayakingbear.com/bright.jpg>

which I took a few liberties with, then you can get the PSD

<http://kayakingbear.com/bright.psd>

if you need me to zip it, let me know, if a box come up to Open or Save, save the file, it is three layers. Should work just make it the PNG you want.
P
Phosphor
Dec 17, 2008
Daydreaming at Midnight is really nice; haven’t listened to the other 2 yet.

Wouldn’t mind a fake-book version of the arrangement for my own guitar practice and study. (I can read and work off of charts, can’t read standard notation without a lot of brow-furrowing and teeth-clenching, but I have a well-trained ear for melody and harmony lines).

Are you familiar with my pal Steve Rudolph <http://www.steverudolph.com/>’s playing at all?
FB
Frank_Bright
Dec 17, 2008
Thanks for the compliment on my music. You may email me at Brightbelt(at)me(dot)com. I may be able to make a lead sheet for you. Thanks.
FB
Frank_Bright
Dec 17, 2008
Thanks Randalqueen! I might just use this. I’ll let you know how it pans out. Many Thanks, Frank B.
FB
Frank_Bright
Dec 17, 2008
Many Thanks J as well. I may try one from scratch. Thanks, Frank B.
FB
Frank_Bright
Dec 17, 2008
If anyone wants to look, I did the graphic again from scratch on a transparent background, per J’s suggestion.

This worked a lot better, except for the one slight pixelization on the right side where the ‘forward’ button is on the iPod.

This may have resulted in me copying and pasting the paths from the original file to the new one. Maybe something got weird in the process.

Many Thanks to yo all for helping,…
Frank B.

<http://www.frankbright.com/Audio.htm>
FB
Frank_Bright
Dec 17, 2008
I tried re-sizing to a slightly larger size and that got smoothed out, but now there’s another pixel-ization near the play button, but it’s not as bad.
FB
Frank_Bright
Dec 17, 2008
Okay, I set right I think. I needed to ‘merge visible’ (or flatten the image) before resizing it.

Thanks.

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections