The latest version of Photoshop CS4 offers a variety of new features that save time and work. In this tutorial, we'll take a look at all the new GPU based features and how to use them. On the one hand they save you a lot of time, on the other hand they snatch your RAM away and stress your graphic card, but one things for sure, they all look cool! Let's jump into Photoshop and take a look at what it offers!
OpenGL/GPU Features
Some of the brand new features benefit from the graphics display card's GPU, instead of the computer's main processor which speeds up the screen redraw in Photoshop. Obviously there are some requirements to make sure Photoshop has full access to the GPU. The main technologies which are required are: OpenGL 2.0 and Shader Model 3.0. You should check out your graphic card's manufacturer website, to make sure your graphic card supports these technologies, before buying Photoshop CS4.
Photoshop should automatically detect your graphic card and enable the OpenGL features, but you can manually enable or even disable them by opening the Performance section of Photoshop's Preferences. I recommend taking a look at our article featuring professional tips for improving Photoshop's performance for further information. Now that the graphic card is up and running perfectly, we can proceed with the interesting part of this tutorial.
Smooth Display at All Zoom Levels
In CS4, Photoshop not only displays smooth images at 100%, 50% or 25%, but also at all other zoom levels. Zooming in or out using the Zoom Tool will result in much smoother zooming than before. Take a look at the zoom level of 82,61%!

Animated Zoom tool
Select the Zoom Tool and click and hold on the image. That way, you'll be able to continuously zoom in or out smoothly until you release the click. Press Alt to reverse the direction of the zoom.
Animated transitions for One Step Zoom
When you zoom in using Command + Plus key or zoom out using Command + Minus key, the image animates slightly between the zoom levels which gives us a nice smooth effect. It's a nice subtle distinction to the previews halting zoom. Since both of these features are difficult to demonstrate using still images, select the Zoom Tool and try it yourself.

Pixel Grid
Photoshop CS4 now displays a pixel grid when zooming in to a zoom level of 600% or greater. The nice thing about this is the possibility to work pixel for pixel, which makes it much easier to create icons, small extras or any changes which require precision.

Birds-Eye View
To enter the Birds-eye View, you need to zoom in on an image, then press and hold down the H key and then click and hold your mouse somewhere in the image. A rectangle will be displayed which indicates the current zoom level and location. Reposition the rectangle and release the mouse and H key. Photoshop will then zoom back to the previous zoom level and reposition the view. The ducks are very close to each other, but this example should visualize how it works.
Hand Toss Image
This feature is also known as the flick panning which is cool, but not necessarily useful to improve one's workflow. This is something you could leave enabled to have fun, but you should disable it when performance is limited.
To use it, select the Hand Tool and flick the image to the sides. The image should slide and slowly come to a stop. You don't have to wait until it comes to a stop, simply click whenever you want it to stop sliding. Note, this only works if the image doesn't fit the screen or while zoomed in.

Move Color Matching to the GPU
Color conversion in Photoshop CS4 has become faster because the processing is now done by the GPU rather than by the CPU. It's not noticeable at first, but it'll pay off at a later time when working with multiple, huge images.
Draw Brush Tip Editing Feedback Via the GPU
One of the best features is the ability to resize your brush and change the edge hardness of your brush by dragging your cursor. In addition, you'll get a nice feedback in the form of a red overlay color which displays the new brush while you change the size or hardness.
And this is how you do it for Windows: Alt+Right click and drag to resize the brush, or Use Alt+Shift+Right-click to change the hardness of the brush. And for the Mac: use Control+Alt/Option and drag to resize the brush, or use Control+Alt/Option+Command and drag to change the hardness of the brush.

Rotating the Canvas
In order to rotate the image, click on the Rotate Canvas Tool, which you can find under the Hand Tool in the Tool's panel, or at the top Menu bar next to the Hand Tool and Zoom Tool.
Click and drag on the image to quickly rotate the canvas. Notice how the rulers change immediately. Note: only the canvas moves, not the image itself.
You can additionally use the spin control in the Tools Option bar or enter a degree manually. I recommend using this feature to align the image to the movement of your hand for better flow. Don't forget to reset the view.


Clone Stamp Source Preview
This feature helps you work much better with the Clone Stamp Tool, since it previews your selected source area. By looking at the preview inside the brush, you'll know as soon as you reach an inappropriate areas where you should not clone anymore.

Spring Loaded Tools
This feature makes it much easier to switch between the tools. For example, after making a selection using the Lasso Tool, hit and hold down the B key to select the Brush tool. Color the selection and release the B key to switch back to your Lasso Tool. You can now make a new selection, switch to the Brush, paint it out and come back again.
Another good example is the Zoom Tool, hit and hold down the Z key to select the Zoom Tool, zoom in or zoom out by additionally hitting the Alt key and then release the Z key to switch back to the previous tool. The cool thing is, this works with all tools and saves you a lot of time.

Canvas Drop Shadow
I don't know if you've noticed, but Photoshop now creates a nice shadow around the canvas to highlight the image. A great tip you should know is the possibility to change the background color from the default gray color to a custom color. This isn't a new feature, but it assists the workflow by giving you the chance to set a different ambience.

Advanced GPU Settings
There are some additional features which you can't see without a second look. We'll take a look at three of them shortly. You can access the Advanced settings by going to Photoshop/Edit > Preferences > Performance > Advanced Settings.
Vertical Sync
Sets vertical sync to the refresh rate of the monitor. This should reduce tearing of the image while dragging your images. If it doesn't bother you, feel free to disable this feature which will speed up the interaction. Note, the images will start tearing though.
3D Interaction Acceleration
I'm not that much into 3D imagery in Photoshop, but this turns off the 3D Direct to Screen accelerated interaction. I will talk about it shortly.
Force Bilinear Interpolation
Make sure you take a look at the tested graphic cards to see if your graphic card supports a shader program which works with Photoshop. By enabling this features, Photoshop will force the use of a shader program to guarantee filtering is taking place. You can disable this feature if you don't necessarily need it.
Bridge GPU Features
Photoshop is not the only application which gets the chance to use the power of the GPU. Bridge, one of the most neglected tools with enormous power and usability, is one of the other applications which takes advantage of the GPU.
As the name says, Bridge is a bridge over between the single applications, which is mainly used for searching, arranging, browsing and pre-processing different files like images or other footage. I would like to touch on some of the new Preview features below.
Preview Panel
After finding and selecting an image, a preview of the image is displayed in the Preview panel which is located at the right. Simply, click anywhere on the preview of the image to enable the Loupe tool. You can later zoom in or out, inside of the Loupe tool, which is very cool.
Fullscreen preview
Selecting one or multiple images and clicking the Spacebar opens up a Full Screen Preview of the images. By using the left and right arrow keys, you will be able to navigate to each image's full screen preview. Additional features like zooming in or out or moving around the current image at any time help you pre-select your images before moving into Photoshop.

Carousel-style view
The nice Carousel-style preview is accessible by selecting multiple images and hitting Command + B. Again, use the left and right arrow keys to move the focus to the next or previous image.
The best part is the ability to remove an image with a simple tap on the down arrow key. Note, the image wont be deleted, it's just removed from the slideshow. This type of preview allows you to zoom in or out too. By hitting Command + R you'll be able to instantly access the Camera RAW, whether it's a TIFF, JPEG or any other format.

3D GPU features
Last but not least, I would like to mention the new 3D GPU features which come with the Photoshop CS4 Extended version. Since I'm not that much into working with 3D objects in Photoshop, I can't really tell you much about them at this moment, but I listed them below with some additional links which should help you get started and show you what the extended version is capable of in terms of 3D imagery.
- 3D Acceleration
- 3D Basics, 3D Axis, 3D in Photoshop
- 3D Lights Widget
- Accelerated 3D Interaction via Direct To Screen
- Adobe Press - 3D in Photoshop
Conclusion
Thanks for reading this tutorial. Although these are very nice features, keep in mind that they will take up alot of RAM and Video RAM. Make sure you check out our related tutorials here on the site to keep an eye on your performance while having fun with these cool features!
Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.



























User Comments
( ADD YOURS )w1sh June 5th
Is that model your friend? If so, tell her I said hi.
ALso tell her I’m ex-treme-ly available. Chicks love that stuff
( )Dullface June 5th
Haha, true true.
( )Kajik June 5th

( )I found her images on SXC.hu. This is the SXC.hu user who shot the pictures of her: http://www.sxc.hu/profile/patkisha I don’t know him, but you might find out who the girl is.
bye
Alpha Kenny One June 5th
Haha, priceless
( )Violet September 9th
hey, i like guys extremely available
and im real
well, i say ‘hi’ to you then, cheers~
( )OktayOe. June 5th
Lol w1sh haha
( )pros June 5th
you lol ha ha !
( )zouhir June 5th
merci pour l information
( )is great to know that, reason to use the new version
thanks.
snooperman June 5th
edit the title.. it`s unrevealed.
( )Dullface June 5th
Like this stuff. I want CS4 now!
( )Kajik June 5th
CS4 is so powerful! I love it!
( )Brandt June 5th
On a Mac, to adjust brush hardness rather than brush size, add Command instead of Shift: i.e. use Ctrl-Alt-Command-click-n-drag.
( )Chris June 5th
I wish pixel gird worked with a video card
=(
( )ViniMan June 5th
Sadly these features only work on my laptop, no Windows Vista for my desktop pc. Sure are awesome features, and speed up the workflow so much. (:
( )Brian Ray June 5th
To adjust brush hardness on a Mac, use control+option+command instead of ctrll+alt+shift.
( )Ionut Staicu June 5th
I tried to use Photoshop CS4 but I encountered a big problem: when I want to “save for web & devices”, on PNG/GIF I can’t select multiple colors for make it transparent. This is kinda annoying, especially when I have many colors to pick.
Dunno if is a bug or a setting for that, but it drive me crazy, especially now, when I have 8Gb of RAM and I can use only 3.2Gb (CS3 is 32bit only).
So… If anyone has any clue on this…
( )corto June 5th
Hey thx for the article,
I learned a few nice tricks
Maybe you could just had that, on a mac, the way to easily change the hardness of a brush is alt+ctrl+apple… With the shift key it doesn’t work…
cheers.
( )abney317 June 5th
I guess the stuff doesn’t work with Vista…. I wish they did though
( )Kajik June 5th
Hi abney317,
These features should normally work with Vista. Update your drivers and make sure the Graphic Card supports OpenGL 2.0 and Shader Model 3.0.
Go to Edit > Preferences > Performance > and Enable OpenGL Drawing which is responsible for all those features. It could be disabled.
bye
( )abney317 June 6th
yep… I needed to upgrade my open GL
awesome
thanks
dlv June 5th
great! i knew all of this features, but it’s nice to read about them in a single blog post
thanks for this article!
( )adeux
Diego SA June 6th
I knew some of these features on Photoshop and Bridge, but some of them I didn’t know. Interesting.
( )Behzad Saeedi June 6th
I’ve already had CS4 but the problem is that my laptop has an onboard graphic card. Actually it says that “Graphic Hardware Acceleration is not available” ! and because of that fact I cant use these features of CS4:( so sad!!
( )rishteria June 6th
I haved the same problem with my ATI card in my laptop, try to update your drivers. If you can’t update it, try to hack it. I hacked it
( )Bad_cop June 6th
Explain please
Sam37 June 6th
Thank for this little tips “rotate”
( )Kajik June 6th
Thanks everybody for the info about the keyboard shortcut on the Mac. I’ll make sure to correct it.
( )Harsha June 6th
The preview and full screen options in Bridge already exists in CS3!!
( )Nice article though, I especially love the working on pixel
Kajik June 7th
Hey, that’s right, but now it gets support from your GPU. Thanks
( )Tamilboy June 6th
I can’t get the brush size to work…
( )Kajik June 7th
Maybe you are using the wrong keyboard shortcuts. These should work:
Windows:
Use Alt+Right click and drag to resize the brush, or Use Alt+Shift+Right click to change the hardness of the brush.
Mac:
Use Control+Alt/Option and drag to resize the brush, or use Control+Alt/Option+Command and drag to change the hardness of the brush.
( )orphicpixel June 7th
carousel view, never tried that one…
( )Twenstudio June 7th
Thank you !²
( )Mania_C June 7th
darn! so, i have to upgrade to vista to use the GPU in CS4? …aaaaaaaw!!!! that didnt make me happy at all :\
( )Kajik June 8th
Hi Mania_C,
As far as I know, it works on Windows XP 32-Bit, but “Enable OpenGL Drawing” is deselected by default.
Go to Edit > Preferences > Performance > and enable “Enable OpenGL Drawing” which is responsible for all those features. If you can’t select or deselect it, update your Graphic Card Driver, OpenGL 2.0 and Shader 3.0.
If you are using Windows XP 64-Bit there could be problems, because it is not supported.
I hope this helps. Bye
( )waytogocowboy June 7th
Awesome, thanks a lot!
( )Jamie Allsop June 8th
There are so many new tools and features available in CS4 it was nice to read about them in one post.
( )Aneslin June 8th
really wanna say thanks !!!
( )Photoshop CS4 Features June 8th
Well explained about the Photoshop CS4 features. Good post.
(Im working on a Photoshop CS4 features blog).
Ofcourse, im a fan of PSDTUTS. It always an inspirational website.
photoshopcs4features.blogspot.com
( )writersbloc June 9th
OpenGL drawing is enabled on install and I had a lot of problems when I first installed CS4 because of my graphics card is fairly old. Off the top of my head, transform was unusable, as was copy and paste, I got a lot of very strange graphical glitches, both in photoshop and on my desktop, and performance overall tanked. I thought CS4 was broken.
Luckily I found a forum thread mentioned the new OpenGL feature and once I turned that off everything is good to go. Just an F.Y.I. for anyone using old hardware and updating to CS4.
( )Steve June 9th
I knew most of them but I always miss one (it was the brush resize this time) Great article!
( )-Steve
loswl June 11th
Thanks for these tips..off to play
)
( )Myfacefriends June 12th
this is amazing…
( )Wolverine June 16th
I’ve got an annoying problem with Photoshop CS4: Normally I should see the grey checkerboard background in transparent images, but I don’t. Just a black background instead of checkerboard…
Does anyone know what to do to get my checkerboards back?
I have a decent ATI 4870 with 1GB RAM, newest drivers and transparency preferences are OK I think. VISTA 64 and 4 GB RAM…
dunno what 2 do
( )Wolverine June 19th
OK, I got it now…
I just had to disable (”Edit > Preferences > Performance”) the checkbox under “Advanced Drawing” (”use for Screen” or so…). Sorry, but I am using a german PS and don’t know the correct labels
Greetings and btw. thanx for this great tut
( )floral June 16th
hehe hoho hahahahahaha very nice!!!!
)
( )Chris Combs June 17th
those are geese rather than ducks
( )ZatriX June 18th
Thanks for handy tips! Especially love one with brush resizing on-the-fly – great!
( )Antoni Łuchniak July 20th
Is it possible to disable some of these functions, but not all of them? I really don’t like that Hand Tool slide effect, and canvas drop shadow.
( )Kajik July 20th
Hi Antoni,
Yes you can. Go to Edit > Preferences > General to open up the “Preferences” window. In the “Options” section, you can simply enable or disable the different features. To disable the slide effect, uncheck the “Flick Panning” option. To change the drop shadow, take a look at the Interface section. I’m not sure how you can disable it, but it might be in that section.
I hope this help.
( )Bye
Antoni Łuchniak July 21st
Hi Kajik,
thanks for quick reply
It works!
To disable drop shadow: in Interface section select Standard Screen Mode – Gray, Border – None.
Thanks again
CS5 Photoshop November 14th
CS5 is a massive jump forward
( )There is a video of the new feature on http://www.photoshopcs5.co.uk/ for any who want to take a look
regards