preview

Super-Handy Photoshop CS4 GPU Features Unraveled

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.

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.

Add Comment

Discussion 52 Comments

  1. w1sh says:

    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

  2. zouhir says:

    merci pour l information
    is great to know that, reason to use the new version
    thanks.

  3. snooperman says:

    edit the title.. it`s unrevealed.

  4. Dullface says:

    Like this stuff. I want CS4 now!

  5. Brandt says:

    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.

  6. Chris says:

    I wish pixel gird worked with a video card

    =(

  7. ViniMan says:

    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. (:

  8. Brian Ray says:

    To adjust brush hardness on a Mac, use control+option+command instead of ctrll+alt+shift.

  9. Ionut Staicu says:

    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… :D

  10. corto says:

    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.

  11. abney317 says:

    I guess the stuff doesn’t work with Vista…. I wish they did though

    • Kajik says:
      Author

      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

  12. dlv says:

    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

  13. Diego SA says:

    I knew some of these features on Photoshop and Bridge, but some of them I didn’t know. Interesting.

  14. 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!!

  15. Sam37 says:

    Thank for this little tips “rotate” :)

  16. Kajik says:
    Author

    Thanks everybody for the info about the keyboard shortcut on the Mac. I’ll make sure to correct it.

  17. Harsha says:

    The preview and full screen options in Bridge already exists in CS3!! :)
    Nice article though, I especially love the working on pixel

  18. Tamilboy says:

    I can’t get the brush size to work…

    • Kajik says:
      Author

      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.

  19. orphicpixel says:

    carousel view, never tried that one…

  20. Mania_C says:

    darn! so, i have to upgrade to vista to use the GPU in CS4? …aaaaaaaw!!!! that didnt make me happy at all :\

    • Kajik says:
      Author

      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

  21. waytogocowboy says:

    Awesome, thanks a lot!

  22. Jamie Allsop says:

    There are so many new tools and features available in CS4 it was nice to read about them in one post.

  23. Aneslin says:

    really wanna say thanks !!! :)

  24. 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

  25. writersbloc says:

    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.

  26. Steve says:

    I knew most of them but I always miss one (it was the brush resize this time) Great article!
    -Steve

  27. loswl says:

    Thanks for these tips..off to play :o )

  28. Wolverine says:

    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 says:

      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

  29. floral says:

    hehe hoho hahahahahaha very nice!!!! :) )

  30. Chris Combs says:

    those are geese rather than ducks

  31. ZatriX says:

    Thanks for handy tips! Especially love one with brush resizing on-the-fly – great!

  32. 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 says:
      Author

      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

      • Hi Kajik,

        thanks for quick reply :) It works!
        To disable drop shadow: in Interface section select Standard Screen Mode – Gray, Border – None.

        Thanks again

  33. 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

Add a Comment