This article was originally written for Computer Arts magazine, Issue 165. It has been republished here with permission.
Knowing Photoshop is one thing, but knowing how Photoshop can be used across the whole Adobe Creative Suite is another. In this three part series, we will be focusing on the features that will help you become more productive when using Photoshop in conjunction with InDesign, Dreamweaver & Illustrator.
By looking at the features that often get overlooked and by demonstrating how you can use them in conjunction with other CS programs, it will make you a much more efficient designer.
- Week 1: Tips For Working with Photoshop & Indesign
- Week 2: Tips For Working with Photoshop & Dreamweaver
- Week 3: Tips For Working with Photoshop & Illustrator
Content-Aware Scaling
When you are required to include a photo in your InDesign layout but the photo isn’t working to the layout you had in mind, a useful trick is to take advantage of the CS4 feature of Content Aware Scaling. This feature allows you to keep the important details of the photo without ruining too much of the composition of the original photograph. Select what area you want scale, then go to Edit, then Content-Aware Scaling. Remember to use the “Protect Skin Tones” option when working on people as this usually yields the best results – click the human silhouette icon to turn it on.
Adjustment Layers
Adjustment Layers in CS4+ are much more powerful and easier to control than in earlier versions and you should take advantage of this when you are editing images for your layout. There is a hidden sub panel control that will allow you to adjust your settings (levels, curves, saturation, etc.) with much more efficiency. After clicking on one of the settings (eg. curves), use the arrow found in the bottom left corner to go back to the settings menu (like your internet browser).
Refine Selection
An option that is hidden away in Photoshop, is the ‘Refine Selection’ button which allows you to quickly & accurately fine tune your selections. After creating a selection, look for a button at the top of Photoshop that says “Refine Selection”. This will open up a box with many sliding variables along with an option to see your selection on a variety of different coloured backgrounds. This is very useful when an accurate clipping is needed in InDesign or any application for that matter.
Grouping & Naming Layers
To ensure that you can quickly & easily modify the images in your InDesign layout (without having to go back to Photoshop) you should ensure that you name & organise your layers appropriately in accordance to what makes sense for your project. The order of which you organise your layers is very important as a group can have a pass-through blend applied, which affects every layer in the group or only those that you individually adjusted. To group the layers, select the layers you wish to group, then drag them to the Folder icon at the bottom of the Layers panel. Drag the folders into the hierarchy as needed or group them into another folder for easy adjustment straight in InDesign.
Quick Copy Merged + Paste
If you are working on a document that uses a lot of images, you will find it quite time consuming to constantly save and place your separate images into InDesign. A quick trick around that is to simply Select All (Ctrl+A), Copy Merged (Shift+Ctrl+C) and then Paste (Ctrl+V) the image straight into InDesign (or any other CS program). This trick should only be done for quick, easy jobs and it is not recommended to be used on large documents as it adds to the file size and does not allow for easy editing & linking. Again, use for quick and small jobs only.
Stay tuned for next week’s tips on working with Photoshop and Dreamweaver.
Terrible example of Content Aware Scaling. Altering the photo is never acceptable unless you are purposefully deconstructing it for illustration. IMHO, its hard to come up with any useful example of Content Aware Scaling.
We find grouping layers is vital for efficiency in web design, always a good tip to pass on.
Great tips and useful advices to follow. Really helpful tutorial. Thanks a lot for sharing. Do stay in touch and keep posting more useful resources like the same.
Brian, Mozzaey,
I used the official Adobe example for Content Aware Scaling. I think it’s a good demonstration of what it does, not necessary an appropriate usage though.
Great tutorial. But could have picked a better example for the technique.
I think you’re asking for trouble actually editing images within InDesign. Why not do all the work in Photoshop, then import the image into InDesign as a TIFF or EPS??
Really didn’t see that much of a link with InDesign, especially when you don’t even show anything in InDesign itself. Informative and good tips for Photoshop, but not really much to do with InDesign.
Abbas,
You can certainly do that, but many do not know that you can actually edit PSD files in InDesign.
Charles,
Fair call, however the article was mainly to show how you could use Photoshop in combination with InDesign.
Great tips, easy and direct to the point. Similar to the tips we have in our database. Please keep posting more useful resources like the same. Also, if you like to promote your site, let us know, we will love to having your tips in our iPhone app.
Awesome tips for Photoshop & Indesign. Thank you for this kind of post.
Some great tips for beginner. Well written tutorial. Thanks for the post.