Product Review: Adobe Dreamweaver CS5

By Toni McQuilken

If you want to create or manage your own Web site, for personal or professional reasons, Dreamweaver has always been a good choice. The CS5 version has some new tweaks and abilities that continue to improve on what was already a powerful program.

I should note that I manage my own site, tonimcquilken.com, and I have used Dreamweaver to build and maintain it since the CS3 version. I’ve played with this program for many years, and while I won’t pretend to be a code junkie expert, I know just enough to make me dangerous, which is why the constant simplifying of complex processes in Dreamweaver has been, for me, a huge plus.

One of the biggest additions in the “making it easier” category with this release has been the ability to see what you’re designing in a PHP-based content management system. For the rest of you non-code junkies out there, that is basically taking content beyond a static HTML page, and giving it more dynamic design. In other words, the page is generated when a user calls it up, instead of ahead of time and stored on a server. It pulls content based on rules you set up, allowing for more interesting and interactive elements.

This was possible before in Dreamweaver, but the addition of Live View actually allows you to see the end result now, and see what changes to the code will impact the design, without having to switch back and forth to a browser. This is a huge time-saver, and for those people who want to use things like dynamic photo or video galleries, this is a serious upgrade.

Another upgrade in this version of Dreamweaver is a further simplification of CSS coding. Adobe had offered tools for de-bugging CSS code in CS4, but they’ve made that support far more comprehensive in CS5. To the point where this completely CSS-ignorant journalist is actually considering a total site overhaul. CSS has many advantages over basic HTML, but migrating and using that platform was like learning a whole new language. I won’t say it’s easy now, but the new tools, such as pop-up windows to show you exactly what code applies to what sections, certainly makes it more user-friendly.

Viewing the source code (image above) and the live code (image below)…

The final major new feature I’d like to point out is the integration with Adobe’s new CS Live function called BrowserLab. Adobe’s documentation explains why this is useful far better than I can: “While working within Dreamweaver CS5, you have the ability to interact with your page in Live View, including the ability to freeze JavaScript-triggered interactions, and then send this “snapshot” of the page directly to BrowserLab for an accurate preview in the specific browsers and operating systems you’ve chosen. Onionskin view in BrowserLab allows you to overlay the same page in two different browsers or browser versions, which is extremely helpful in determining exactly what are the differences in the way code is displayed by different browsers.”

This is another great time-saving tool for ensuring the look and feel you’re trying to convey are achieved no matter what browser your clients choose to use. There is nothing more frustrating than creating a beautiful design that displays perfectly in Firefox, only to discover it looks completely wrong in Internet Explorer. Now you can quickly see where the differences are, and made adjustments without having to track down multiple computers or systems to test against.

If you already have a site, migrating to Dreamweaver is as simple as running through a few dialog boxes to point it toward your servers and local files. If you’re creating a new site, Dreamweaver also offers a host of templates, which have also been expanded and improved in this release. And if you’re running a previous version of Dreamweaver and plan to do any CSS or PHP coding in the near future, this is definitely a release you want to check out. All-in-all, Dreamweaver is another solid product from Adobe with some great new features and upgrades in the CS5 release package.

Share

Software Review: Adobe InDesign CS5

A look at what’s newindesign cs5 box for toni mcquilken article for picture-soup.com

Article by Toni McQuilken. Artwork by Gannon Ruddy.

There are several new features in Adobe InDesign CS5 that photographers who do any kind of layout work are going to be incredibly excited about. Here are a few of the top features that will make you want to rush out and upgrade.

I should tell you up front—I love this new release. It’s a joy to use, and it actually makes layout fun. The project I’m currently working on is near and dear to my heart—my wedding invitations. My fiancé and I are creating them ourselves with his artwork and my skills at layout and design, and the new InDesign has made it a fun process instead of a frustrating one. I’ll take you through a few of the features I love about it, and how I used them to create what I think (but I’m admittedly biased) turned out to be some pretty amazing invitations.

toni mcquilken image for indesign cs5 review for picture-soup.com

Content Grabber. Drag an image around within it's frame to adjust the crop on the fly. No more jumping back into Photoshop just to make a small adjustment to part of the image. When you grab the center of the image now, the frame itself won't move—only the image within it. Original art © Gannon Ruddy.

The first one is small, but powerful—the ability to drag an image around within it’s frame to adjust the crop on the fly. No more jumping back into Photoshop just to make a small adjustment about what part of the image is viable. Called Content Grabber, when you grab the center of the image now, the frame itself won’t move—only the image within it. This was a helpful feature as I was moving around and placing the images in our invitations. I set up the bounding boxes and got the rough design done early; then, as the art was finished, I was able to bring it into InDesign and adjust it to get the exact part of the shot I wanted. Adobe didn’t leave it at that, however. Instead of having to wait until you’ve released the image to see what will be visible and what’s been cropped, a preview will show you exactly what’s still in the frame as well as a grayed-out preview of the portion that will be hidden from view.

toni mcquilken indesign example for picture-soup.com article

Live Corner Effects. Drag the tool to adjust the corners to get a rounded (default) effect, or press Alt/Option click on any of the yellow handles to scroll through the other corner effects. The default action is to do all four corners simultaneously, by the same amount for a balanced look. Hold down the shift key, to work on a single corner at a time. Original art © Gannon Ruddy.

Another nice addition to InDesign in this version is the ability to do custom shapes to the corners of images, again, without having to go into Photoshop to create the effect. Now, when you click on an image, a new yellow handle will appear in addition to the usual tools. Called Live Corner Effects, by dragging the tool you can adjust the corners to get a rounded (which is the default) effect, or you can Alt/Option click any of the yellow handles to scroll through the other effects built into the software. Once you’ve chosen one, you can adjust it to get exactly the look you’re going for. The default action is to do all four corners simultaneously, by the same amount for a balanced look. However, by holding down the shift key, you can work on a single corner at a time.

rotating example for toni mcquilken indesign review for picture-soup.com

Rotating. Now, when you have an image selected, move your cursor to any of the corners, and a new rotate symbol will appear. Click and hold, and you can rotate the image as much or as little as necessary. Original art © Gannon Ruddy.

Again, in an effort to make repetitive tasks easier and faster, rotating is another feature that was tweaked. And it was the one feature I used the most in the creation of the invitations. Now, when you have an image selected, move your cursor to any of the corners, and a new rotate symbol will appear. Click and hold, and you can rotate the image as much or as little as necessary. Instead of going with a straight invitation style, ours are folded, with each flap folding out to reveal a new piece of art. In order to get the front and inside to flow correctly, there was a lot of rotating and adjusting. The ability to just grab and tweak instead of having to change tools and go through a process to get the angles I wanted was a huge plus in my book.

Auto-Fit is another new feature I used quite a bit in the invitation creation. Auto-Fit allows you to automatically scale an image to fit the frame, instead of having to do it manually. The scanned artwork came in as massive files that I didn’t want to shrink in Photoshop because I plan to use the same art in other stationary throughout the wedding. The ability to re-size my art in the layout, based on the frames I had preset, was a godsend, and saved me more time than I care to contemplate. To use it, turn it on in the Control Panel, then Shift-Drag the image to the size you ultimately want it to fit. Instead of just adjusting the frame, this will automatically set the picture to the same size and shape as the new frame.

On the production side, the Mini-Bridge is a fantastic new way to get quick access to all of your assets. It’s a little mini browser right in InDesign that allows you to find the art you want and quickly get it placed. It allows you to compare images and assets within InDesign instead of having to go out of the program and into your file browser. This doesn’t seem like a big deal, but when you’re in the middle of a project, it’s a huge time saver. I kept it open with the folder where my art for the wedding is stored not only for the invitations, but for all my stationary, so I could see at a glance which pieces I had ready to go, which ones I was still waiting to get the final versions for, and which ones had been used in any individual project.

toni mcquilken indesign article for picture-soup.com

Mini-Bridge. The mini-bridge lets you view and access your assets within InDesign. Original art © Gannon Ruddy.

Another big win on the production side that’s not quite as noticeable or flashy is that Adobe took advantage of newer technologies and processors to export PDFs in the background. Especially on more complex projects, the ability to have InDesign exporting while you continue to work in the program on another layout is one of those time-savers you didn’t even realize was sucking so many minutes away from your day.

One of the nice parts about making edits in InDesign instead of going back and forth into Photoshop to get the same effect is that the original image remains untouched. The size, shape, resolution and any other changes made in the layout will allow you to get the look and feel you want without damaging or changing the originals. As I mentioned, we plan to use all of the art in more than one application, from wedding programs to table place cards to the thank-you notes, and all of these will be different sizes, require different angles, and would be a nightmare to keep track of if I had to create a different version of each piece of art for every use.

There are quite a few more new features that make layout much easier, faster and more efficient. Adobe has stayed with it’s pattern of making only minor changes in even-numbered releases, but in the odd-numbered versions, like the current one, they pack it full of new features and tweaks designed to really change the way you work. You owe it to yourself to at least take a look at the new version, and try it out if you can; since it’s packed with tools you’re going to enjoy using.

For more information, go to www.adobe.com.

toni mcquilken headshot• Toni McQuilken has been covering the print and graphics industry for the past 10 years. She is also an avid photographer who can be found with her camera out and about on Long Island most weekends. Check out her website at www.tonimcquilken.com to see more of her writing.

Share