Old 13-04-2008, 11:49   #1 (permalink)
teapoted
Senior Member
 
Join Date: Feb 2008
Posts: 119
Rough edges in photoshop fix?

I'm sure we've all been there, you want to make some simple kind of interface, you make a selection, smooth the corners, and end up with really rough corners that looks like they were made in paint. Anyone know any other way to do this? Would be much appreciated.

Here's a sample.
Attached Thumbnails
rough-edges-photoshop-fix-untitled-1-copy.jpg  
  Reply With Quote
Old 13-04-2008, 11:54   #2 (permalink)
Maerk
Doodler.
 
Maerk's Avatar
 
Join Date: Dec 2006
Location: Manchester, UK
Posts: 1,400
You must have switched off antialiasing on whatever tool you used to cut out the corners.
__________________
  Reply With Quote
Old 13-04-2008, 12:04   #3 (permalink)
teapoted
Senior Member
 
Join Date: Feb 2008
Posts: 119
I didn't cut out the corners i just smoothed the selection. If i do it with the pen tool it turns out alright but the pen tool is just so impractical in photoshop.
  Reply With Quote
Old 13-04-2008, 12:09   #4 (permalink)
Maerk
Doodler.
 
Maerk's Avatar
 
Join Date: Dec 2006
Location: Manchester, UK
Posts: 1,400
Pen tool is fine in photoshop though for that it's probably a bit useless. Don't really understand what you've done when you say smoothed the selection. How did you create the selection? And what do you mean by smoothed?

Ignoring all that though:
Create the rounded corners using the eliptical marquee tool.
__________________
  Reply With Quote
Old 13-04-2008, 12:14   #5 (permalink)
seen.to
unusual suspect ™
 
seen.to's Avatar
 
Join Date: Jul 2004
Location: DE, USA
Posts: 2,899
Use the rounded corner rectangle tool.

And the pen tool in Photoshop is totally practical if you know how to use it - take time to learn the tools of your trade.
__________________
  Reply With Quote
Old 13-04-2008, 12:14   #6 (permalink)
steveb
389 ppm and rising
 
steveb's Avatar
 
Join Date: Aug 2005
Location: Järvenpää, Finland
Posts: 4,946
With Feathering at 1.5 pixels
__________________
My free fonts www.utfi.net
  Reply With Quote
Old 13-04-2008, 12:28   #7 (permalink)
seen.to
unusual suspect ™
 
seen.to's Avatar
 
Join Date: Jul 2004
Location: DE, USA
Posts: 2,899
Quote:
Originally Posted by Maerk
Create the rounded corners using the eliptical marquee tool.

Quote:
Originally Posted by steveb
With Feathering at 1.5 pixels

Neither of these are particularly good advice if you're using a version of Photoshop newer than 4. Use the rounded rectangle tool.
__________________
  Reply With Quote
Old 13-04-2008, 12:32   #8 (permalink)
teapoted
Senior Member
 
Join Date: Feb 2008
Posts: 119
Yes I do need to practice my pen tool skills, I can use it just fine in illustrator but in photoshop it just takes so long =P

Either way, under the selection menu there is a "smooth" which is what i'm use to using for rounding corners. I know for what I added in the thumbnail i could have used the rounded rectangle selection tool, just thought I would show how the problem looks =P

Anyway thanks for the help, guess i'l stop being lazy and do it properly hah =P
  Reply With Quote
Old 13-04-2008, 13:12   #9 (permalink)
pgo
Senior Member
 
Join Date: Jan 2005
Posts: 12,340
Seriously. There's a tool called Rounded Rectangle Tool. This is exactly what it's used for. Do you use hammers to pound screws into wood?
  Reply With Quote
Old 13-04-2008, 13:31   #10 (permalink)
teapoted
Senior Member
 
Join Date: Feb 2008
Posts: 119
Well I used this as an example, there's times I want to have rounded triangles as well, and so on. Pretty sure I already mentioned this but whatever.
  Reply With Quote
Old 13-04-2008, 17:46   #11 (permalink)
Maerk
Doodler.
 
Maerk's Avatar
 
Join Date: Dec 2006
Location: Manchester, UK
Posts: 1,400
Quote:
Originally Posted by seen.to
Neither of these are particularly good advice if you're using a version of Photoshop newer than 4. Use the rounded rectangle tool.
To be honest I'd do it in Illustrator myself, I can't stand that damn vector shape rectangle malarky in photoshop.

As with everything in photoshop there's four different ways or more to achieve the same effect. The one I suggested I find a quick and dirty solution, the rectangle mess can be imprecise and introduce more confusion when it does "clever" aliasing along the horizontals too (if you're new to it anyway).
__________________
  Reply With Quote
Old 13-04-2008, 18:27   #12 (permalink)
jamblo
cuttin' and stickin'
 
jamblo's Avatar
 
Join Date: Jan 2008
Location: Bournemouth, currently.
Posts: 154
Wow, that's a pretty old skool problem to encounter.

I seem to remember a good method of removing jaggies, was to ctrl/apple + click the shape layer so the selection tool moves around it.

Go to channels and click new channel from selection (or something), and you should end up with a black and white replication of your shape. Deselect and go to blur>gaussian blur and choose about 5. Then go to Levels (CTRL/Apple + L) and slide the settings until the corners round out and aren't feathered. Press OK and then ctrl/apple + click the channel to select it.

Then click the layers tab to return to normal and then invert the selection (Apple + shift + i) then, with your jagged shape selected, hit delete to chop away the jaggies.

Alternatively, don't do any of that antiquated bollocks, and spend a few moments merging shapes/tweaking with the ^ pen tool.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8