Photoshop gurus question - GoFuckYourself.com

Mutt · 10-20-2009, 12:32 PM

When you rotate something in photoshop, be it a photograph, text or a shape that has straight edges after rotating the edges are kinda messy and blurry - even in Illustrator the same thing happens though I read with a vector graphic that while it might look a little jagged on your monitor that when it's printed out it has crisp smooth edges.

is there any technique to fix these shitty anti-aliased edges on rotated objects?

Fletch XXX · 10-20-2009, 12:33 PM

Quote:

Originally Posted by Mutt

is there any technique to fix these shitty anti-aliased edges on rotated objects?

its a trade secret.

Deej · 10-20-2009, 12:47 PM

Quote:

Originally Posted by Fletch XXX

its a trade secret.

wHAT HE SAID, BUT MEANER..

fatfoo · 10-20-2009, 01:10 PM

It gets messy and blurry? I didn't know that. Bump for answers!

F-U-Jimmy · 10-20-2009, 03:18 PM

OK i just did a test in CS3 and i don't notice any blur on a logo 8.5 inches wide and 300 pixels per inch resolution. I rotated the text 90 degrees and can see no blur no fuzzy edge, when viewed at 100%. When viewed smaller say 50% it always looks blurry.

Now there is a case when working in JPG format that constant saving and reworking an image will degrade the image noticeably. But im seeing no difference no matter how i rotate the test logo before saving?

stickyfingerz · 10-20-2009, 03:21 PM

click on another layer after you rotate? Or apply the transform?

harvey · 10-20-2009, 07:59 PM

I'm far from a guru at anything, but the simple answer is you can't do it. At least, not without doing additional steps OR having certain setups (which is crap anyway because the end user won't probably have the same setup as you).

Before continuing, I gotta say I use PS2 (but at least legal) and I heard PS4 solves this problem to a certain extent. So, for people still on most PS versions (if not all), the architecture of PS makes this impossible to achieve, since every image is made of tiny squares, hence it will always have some jagging. On big images and resolutions, it can be pretty unnoticeable, however, for web images the jaggies will be visible to a certain extent. So the only remedy is to reduce that extent to the max.

Take a look at the pic below

as you may see, there's not a big jagging, yet there's some. If you zoom in, you'll notice it in detail. I used a pic from my girlfriend there

, you can see the original at http://img262.imageshack.us/img262/7...allure1na0.jpg . I modified it, enhanced it, rotated it, the works. All in all, it looks quite decent, almost unnoticeable jaggies even with the black border. If you look at the pictures, you'll see that the one in the middle, which has more color information is the jaggiest one. and both rotated images have a certain degree of blurring, that comes because PS resample the image when rotates it (do this: rotate a photo, and then Ctrl+Shft+t several times to repeat the rotation and you'll see the results). Hence you need to sharp the image AFTER you rotated, but that would also jag the border, so use the lasso tool to keep the border out of the sharpening. Or you can select the image, contract it by 1 px, and sharpen. or whatever works for you.

I used some fonts, lines and stars to show how the degrees of rotation are the main issue. The closer you get the image to 90 or 180 degrees, the less jagging. Of course, you'll usually want to rotate using different angles, so try using 45, 22.5, 11.25 or the sum of them for better results. Or simply zoom in to 200 or 300% until you find the better angle.

Finally, there's a bullet proof, perfect rotation technique (well, at least for me) but it needs Illustrator besides Photoshop. And if I tell you, I'd have to kill you

10-20-2009, 12:32 PM	#1
Mutt Too lazy to set a custom title Industry Role: Join Date: Sep 2002 Posts: 34,431	Photoshop gurus question When you rotate something in photoshop, be it a photograph, text or a shape that has straight edges after rotating the edges are kinda messy and blurry - even in Illustrator the same thing happens though I read with a vector graphic that while it might look a little jagged on your monitor that when it's printed out it has crisp smooth edges. is there any technique to fix these shitty anti-aliased edges on rotated objects? __________________ I moved my sites to Vacares Hosting. I've saved money, my hair is thicker, lost some weight too! Thanks Sly!

10-20-2009, 01:10 PM	#4
fatfoo ICQ:649699063 Industry Role: Join Date: Mar 2003 Posts: 27,763	It gets messy and blurry? I didn't know that. Bump for answers! __________________ Send me an email: [email protected]

10-20-2009, 03:18 PM	#5
F-U-Jimmy Confirmed User Industry Role: Join Date: Apr 2006 Location: Visiting a city near you soon ! Posts: 6,853	OK i just did a test in CS3 and i don't notice any blur on a logo 8.5 inches wide and 300 pixels per inch resolution. I rotated the text 90 degrees and can see no blur no fuzzy edge, when viewed at 100%. When viewed smaller say 50% it always looks blurry. Now there is a case when working in JPG format that constant saving and reworking an image will degrade the image noticeably. But im seeing no difference no matter how i rotate the test logo before saving? __________________ icq. 176240424 44.years as a pornographer !!!!!!!!!!!

10-20-2009, 07:59 PM	#7
harvey Confirmed User Industry Role: Join Date: Jul 2001 Location: 127.0.0.1 Posts: 9,266	I'm far from a guru at anything, but the simple answer is you can't do it. At least, not without doing additional steps OR having certain setups (which is crap anyway because the end user won't probably have the same setup as you). Before continuing, I gotta say I use PS2 (but at least legal) and I heard PS4 solves this problem to a certain extent. So, for people still on most PS versions (if not all), the architecture of PS makes this impossible to achieve, since every image is made of tiny squares, hence it will always have some jagging. On big images and resolutions, it can be pretty unnoticeable, however, for web images the jaggies will be visible to a certain extent. So the only remedy is to reduce that extent to the max. Take a look at the pic below as you may see, there's not a big jagging, yet there's some. If you zoom in, you'll notice it in detail. I used a pic from my girlfriend there , you can see the original at http://img262.imageshack.us/img262/7...allure1na0.jpg . I modified it, enhanced it, rotated it, the works. All in all, it looks quite decent, almost unnoticeable jaggies even with the black border. If you look at the pictures, you'll see that the one in the middle, which has more color information is the jaggiest one. and both rotated images have a certain degree of blurring, that comes because PS resample the image when rotates it (do this: rotate a photo, and then Ctrl+Shft+t several times to repeat the rotation and you'll see the results). Hence you need to sharp the image AFTER you rotated, but that would also jag the border, so use the lasso tool to keep the border out of the sharpening. Or you can select the image, contract it by 1 px, and sharpen. or whatever works for you. I used some fonts, lines and stars to show how the degrees of rotation are the main issue. The closer you get the image to 90 or 180 degrees, the less jagging. Of course, you'll usually want to rotate using different angles, so try using 45, 22.5, 11.25 or the sum of them for better results. Or simply zoom in to 200 or 300% until you find the better angle. Finally, there's a bullet proof, perfect rotation technique (well, at least for me) but it needs Illustrator besides Photoshop. And if I tell you, I'd have to kill you __________________ This post is endorsed by CIA, KGB, MI6, the Mafia, Illuminati, Kim Jong Il, Worldwide Ninjas Association, Klingon Empire and lolcats. Don't mess around with it, just accept it and embrace the truth Last edited by harvey; 10-20-2009 at 08:00 PM..

10-20-2009, 03:21 PM	#6
stickyfingerz Doin fine Industry Role: Join Date: Oct 2005 Posts: 24,984	click on another layer after you rotate? Or apply the transform?