If you work in Photoshop, you've probably had designs which branched off from the original look, based on your own ideas or client feedback. This has, more than likely, resulted in multiple files with names like mockup1.psd, mockup1b.psd, mockup2.psd, etc. The solution would be what coders know as Version Control, something which allows you to "commit" any version of your project to a repository, letting you jump around from version to version, making changes without worrying about losing one of those branches you went off on as an experiment. Version control systems like Subversion and Git can do this for you, but there's a learning curve and a certain amount of geekery required to make it work smoothly.

Timeline from PixelNovel aims to take the "geek" requirements out of using version control in Photoshop. Timeline goes beyond other options and uses a Subversion repository to store any revision of your progress while working on a Photoshop file. If you don't know what Subversion is, that's ok. Timeline simply shows you a row of previews of versions you've chosen to save, and you can jump back in time with a couple of clicks. Make a change, commit it, jump to a different version ... all in a slick, minimal toolbar. You can add comments (a commit message for those already svn-savvy) to each revision, which is handy whether you're working alone or collaborating.

Timeline offers two ways of handling the repositories necessary for it to function. The least geeky option is to use their hosted Subversion service, which provides easy-to-use collaboration options, a web interface and automatic backup. It's available at a subscription fee, but signing up includes a copy of the plugin for free. Alternatively, you can host your own Subversion repository, which isn't terribly difficult. This avoids both the hosting fee and (if you create a local repository on your own computer) the need to download your revisions from a host.

I spoke with the developers of Timeline about the potential for a Git version, and it's something they're looking into. For now, though, the Subversion plan is working quite well. If you frequently find yourself with a folder full of poorly-titled versions of a project, and flipping between them is getting to be a pain, it's definitely something to consider. The plugin itself will cost you $60US and -- if you choose the hosted route -- an account runs $5US for 5GB of storage, or $20US for 25GB. TUAW readers can take advantage of a special offer, and get 20% off of either: use coupon tuaw1 for a standalone license, and tuaw2 for a 20% discount on a hosted option.

[Side note: For the Git-inclined, I've found that the previews in GitX combined with a few shell scripts can provide a decent (but less integrated and robust) versioning system for Photoshop and other graphics applications.]

I recently noted the image-editing functionality of Preview.app, which can act as a "good enough" image editor for many that don't have access to Photoshop. While it's difficult to argue with the free price tag, Preview is not without its limitations. Fortunately, many of these limitations are unlocked if you happen to own Apple's iWork suite, which in its own right can serve as an image editor for the budget-minded.Read on to see how to use iWork in this unconventional way.

Inspired by Bear Grylls's (of Discovery's Man vs. Wild) "make the most out of your situation" scenarios, I present you with a tutorial for making the most out of Preview.app. While not as powerful as graphics editing powerhouse Adobe Photoshop, Preview can oftentimes get you from Point A to Point B -- and sometimes quicker too.

Like Bear Grylls, you'll need to parachute out of a plane and into the house of a friend who doesn't have Photoshop -- just kidding.

First, a little bit of background. Preview comes pre-installed on Mac OS X, and it's the default image viewer on the system. For PC-to-Mac converts, you could think of it as the Microsoft Paint of OS X; except that it can do a whole lot more. Besides the ability to open a host of image file formats (JPG, BMP, GIF, among them, and even PSD and AI files), Preview can also open PDF files natively. I actually prefer it over Adobe Acrobat for opening PDFs, as I find that they open much quicker using Preview. And like Adobe Reader, Preview contains advanced features, such as annotating.

Well! Our tips line has certainly been a beehive of activity with WWDC just around the corner. We've gotten several purported iPhone images, which range in quality from meh to ludicrous. Particularly interesting: the iPhone Blog's 16x9 widescreen model.

As for availability of the rumored phone, GearLive is laying it on the line for an on-sale date of Monday, immediately after the announcement. Technologizer responds with four reasons we wouldn't see the new device in stores right after the keynote.

Interested to see what everyone else has cooked up for Apple to release on Monday? Check out the gallery for pictures galore.

Thanks to everyone who sent these in!

Gallery: iPhone Rumor Image Roundup

If you've always wondered how to draw a "ball of nodes" as featured in a variety of Mac OS X icons, wonder no more: Mike Rundle of flyosity.com has written a tutorial to show you how using Photoshop.

Rundle discusses "spheric realism," the process of understanding the materials, reflectivity, and roundness of a sphere, and how to accurately illustrate it digitally.

Clever users can easily adapt the technique for Illustrator, Acorn, or many other compositing tools that feature blur and blending mode support.

Rundle also offers a PSD file containing the artwork with no strings attached.

Thanks Todd!

The team over at Pixelmator has announced the release of their much-awaited 1.3 version, which they've titled Tempo. TUAW did a preview of this version a while ago -- it features lots of back-end updates, making the app itself much, much faster, especially when handling large images. And it brings to the table a few things Pixelmator has promised since the app first came out, including the Magic Eraser functionality, and a few magic touches elsewhere (you can use almost any of the tools in the "magic" way, by clicking and then dragging until the program automatically fills in your selection).

There are also updates to the Hue and Saturation, Colorize, and Replace Color tools, and there's an auto-hide feature (that can be turned off) that clears out some of the clutter when you're working with important tools. As a Pixelmator user, I really like the update -- I'm not sure if it's quite enough to pull you into the app if you aren't already using it (and as we've said before, this is not an app for power Photoshop users), but if you're looking for a relatively light, very stylistic photo editor, it's definitely worth a trial again. You can pick one up over on their site.

Gallery: Pixelmator 1.3 "Tempo" beta preview

In a QuickTime screencast, Adobe's Russell Brown demonstrates content-aware scaling, a feature of Photoshop CS4, due to be released this month.

A lower-resolution YouTube demo from Lynda.com is available here, if you don't want to download a huge QuickTime movie. The content is different, but you'll get the idea.

Adobe licensed an algorithm that senses "dead" areas in photos, and resizes the image to avoid squashing or stretching every object.

In the video, Brown demonstrates resizing an image of four golfers, interactively removing space between and around the golfers, but leaving the golfers' proportions correct. He also demonstrates resizing a Volkswagen bus, making it a more "economical" size, but automatically keeping the wheels round.

For those looking for a compelling reason to upgrade to Photoshop CS4, this might be it. If not, what is? Let us know by leaving a comment.

[Via Swissmiss and Michael Sippey.]

Yesterday, I showed you how to simulate a photograph taken with a tilt-shift lens by using Photoshop CS3's Lens Blur tool. Today, we'll do something a bit more practical: clipping out an object that's not entirely in focus.

Clipping out objects that are out of focus can be something of a chore: either you have a hard, dark edge somewhere you don't want, or you have to settle for feathering the whole thing, leaving edges that should be sharp a little too blurry.

We'll be clipping out this old book, and dropping it on a new surface.

We all know Photoshop is a powerful tool. In two tutorials, I'll take you through how to use Photoshop CS3's Lens Blur filter to do two things: today, we'll make images look like they were shot with a tilt-shift lens. Tomorrow, we'll create clipping masks for objects that aren't entirely in focus.

Lens Blur gives the effect of a narrower depth of field, so some areas of your image stay in focus, and other areas are blurred. Combined with an alpha channel that defines areas of blurriness, you have a powerful way to create masks and alter photos.

The easiest thing to do is show you first how Lens Blur works in pictures.