About Me

microformats hcard approaching

is a Professional Geek for Microsoft Australia. More info lives underneath the About Box...

-33.831416, 151.222526
MrCell+61.417.212181
Work:
1 Epping Road
North Ryde, NSW 2113
Australia
photo of nick hodge

Stuff

View Nick Hodge's profile on LinkedIn

msdn channel 9

InDesign 2.0: Photoshop to InDesign workflow

By Nick Hodge | January 18, 2003

[1546] InDesign CS LogoVisit the new InDes­ign Prepress Sec­tion: Adobe InDes­ign: Prepress Tech­niques

There are a vari­ety of meth­ods for tak­ing a Pho­toshop file and pla­cing to into InDes­ign. After over a year of InDes­ign 2.0 in pro­duc­tion use, I thought it oppor­tune to expose another work­flow choice taken by these cus­tom­ers. It dir­ectly relates to the place­ment of files from Pho­toshop into InDes­ign 2.0 layouts.

Apart from sup­port­ing the tra­di­tional TIFF (.tif) file format, InDes­ign also per­mits the place­ment of JPEG (.jpeg, .jpe, .jpg), Macin­tosh PICT, GIF, Port­able Net­work Graph­ics (PNG) and other bitmap-style formats.

The most com­monly touted method is to save an Adobe Pho­toshop .psd file, and place this into InDes­ign 2.0. Trans­par­ency, oth­er­wise known as alpha chan­nel sup­port, is fully sup­por­ted in InDes­ign 2.0. What does not work, how­ever, are vec­tor lay­ers. When placed into InDes­ign 2.0, vec­tor lay­ers includ­ing text lay­ers are ras­ter­ised at the res­ol­u­tion of the Pho­toshop file (or trans­par­ency flattener, depend­ing on the mech­an­ics of the file).

[1340] 01_transfile.jpg

Example 1: Pho­toshop image, con­tain­ing Trans­par­ency as shown by the check­er­board pattern.

[1341] 02_transplaced.jpg

Example 2: The same Pho­toshop image, con­tain­ing Trans­par­ency, placed into InDes­ign. The trans­par­ency is respected.

With Pho­toshop 6.0, and included in Pho­toshop 7.0, Adobe added the abil­ity to save a Pho­toshop PDF file. Pho­toshop PDF has many bene­fits, and also shares many of the fea­tures of the Pho­toshop PSD format.

This format, like the Pho­toshop PSD format, has the fol­low­ing features

Addi­tion­ally, Pho­toshop PDF has the fol­low­ing fea­tures that Pho­toshop PSD does not have:

With InDes­ign, Adobe has added sup­port for the place­ment of PDF files without hav­ing to resort to “mak­ing and EPS” to ensure qual­ity out­put. InDes­ign 2.0 also per­mits the place­ment of PDF files that con­tain trans­par­ency inform­a­tion — and holds the trans­par­ency information.

To save a Pho­toshop PDF for place­ment into InDes­ign, the go to File>Save As.

[1342] 03_pdf.jpg

Example 4: File>Save As. Choos­ing Pho­toshop PDF, here I am sav­ing the lay­ers (per­mit­ting late stage edit­ing of the text layer if I wish)

[1343] 04_pdf.jpg

Example 5: File>Save As. Choos­ing Pho­toshop PDF: a sub­sequent dia­log box per­mits the sav­ing of Trans­par­ency, apply­ing secur­ity and in this par­tic­u­lar file: retain the vec­tor data as vector.

This Pho­toshop PDF can be placed into InDes­ign — the the same as any PDF. When placed into InDes­ign 2.0, the file looks sim­ilar to the fol­low­ing. Notice I am only see­ing the Proxy View of the image:

[1344] 05_lrplaced.jpg

[1345] 06_hrplaced.jpg

In the above example, I have turned on “High Qual­ity Dis­play”. The vec­tor qual­ity of the text, and any vec­tor shape lay­ers (includ­ing vec­tor clip­ping groups) are respec­ted; just as they are respec­ted when print­ing or export­ing as PDF or EPS.

Addi­tion­ally, it is worth not­ing that the file exten­sions sup­por­ted by Pho­toshop PDF are .pdf and .pdp

[1346] 07_pdf.gif

What is the dif­fer­ence? Noth­ing, apart from the file exten­sion. The con­tents are exactly the same. The reason why there are two options is for the Win­dows plat­form. On Win­dows, the exten­sion is used to asso­ci­ate a file with an applic­a­tion. .pdf is asso­ci­ated with Adobe Acrobat. When you double click on a file, this dot exten­sion is used to assist Win­dows in determ­in­ing which applic­a­tion to launch to view the file. With InDes­ign 2.0, when using the con­tex­tual menu “Graphics>Edit Ori­ginal”, this asso­ci­ation is also used. As this is a Pho­toshop PDF, and nor­mally when editing/viewing the file — you would like to show it in Pho­toshop, an addi­tional exten­sion is per­mit­ted: .pdp, or Pho­toshop PDF.

I would recom­mend using the .pdp exten­sion when sav­ing a file from Pho­toshop as a Pho­toshop PDF. There were changes in InDes­ign 2.0 and 2.0.1 to sup­port .pdp as equivilent to .pdf.

For MacOS users, the exten­sion for InDes­ign 2.0 files is .indd

In fact, I would always use Pho­toshop PDF as the primary format when tak­ing files from Adobe Pho­toshop to InDes­ign. There are no down­sides: the file size is smal­ler, vec­tor text and lay­ers are sup­por­ted and kept as vector.

Topics: mungenet | 12 Comments »

12 Responses to “InDesign 2.0: Photoshop to InDesign workflow”

  1. InDesign 2.0 | nickhodge.com Says:
    September 5th, 2007 at 6:38 pm

    […] InDes­ign 2.0: Pho­toshop to InDes­ign work­flowNick Hod­geThe best way of tak­ing Pho­toshop files into InDes­ign 2.0 […]

  2. Amanda Says:
    November 8th, 2007 at 10:39 am

    Just won­der­ing… with InDes­ign, what sort of format does it use? i.e. jpg?

  3. Nick Hodge Says:
    November 8th, 2007 at 4:47 pm

    you can place JPG files into InDes­ign, yes. From ver­sion 1.0

    You can also export pages as JPG images.. if that is your thing

  4. Amanda Says:
    November 9th, 2007 at 9:40 am

    So (sorry Im not real exper­i­enced with this sort of thing) does InDes­ign cre­ate in jpg format? Could I export images to a pro­gram like Front­Page to cre­ate webpages?

  5. Nick Hodge Says:
    November 9th, 2007 at 10:23 am

    Amanda

    InDes­ign is a print-publication design tool. If you are pro­du­cing web sites/pages, I sug­gest Microsoft Expres­sion Web or Adobe Dreamweaver.

    Nick

  6. Eight Ways to Turn Photoshop Designs Into Web Pages Says:
    May 8th, 2008 at 7:15 am

    […] so you should recre­ate text within the InDes­ign envir­on­ment before export­ing. Here, blog­ger, Nick Hodge talks a bit about Pho­toshop and InDesign […]

  7. magda Says:
    May 23rd, 2008 at 8:13 am

    hi there, i just star­ted my first “real” job, and keep encoun­ter­ing the same prob­lem when work­ing with InDes­ign files. The prob­lem is, that once I send them to the lady who opens them up in Pho­toshop to res­ize them for the web, they get all pixel­lated and I don’t know how to fix it up for her before I send them to her so she doesn’t have to res­ize everything all the time. The poster size i work with in print is 2x3 feet and she needs a tiny ver­sion of it for the online news­let­ter. Thank you very much for any advice help or suggestions!!!

  8. Nick Hodge Says:
    May 24th, 2008 at 10:36 am

    magda

    Pho­toshop renders your files as images — and will always be pixelated.

    Maybe you need to try a dif­fer­ent design for the web; or a dif­fer­ent tool?

    Nick

  9. alison kim Says:
    June 16th, 2008 at 1:41 am

    hi, a quick ques­tion, I am hav­ing the prob­lem that when I place a file in Indes­ign (both jpeg and pds) that the image qual­ity becomes ter­rible, its really pix­il­ated. Is there any­thing obvi­ous you can suggest?

    Thanks.

  10. Craig Says:
    June 19th, 2008 at 12:13 am

    Alison Kim,

    You might be view­ing your pro­ject in a Typ­ical Dis­play set­ting which will give you a pixelated view. Try chan­ging your Dis­play Per­form­ance set­ting under the “View” menu to a high qual­ity dis­play and see it that solves your problem.

  11. createmo Says:
    November 2nd, 2008 at 1:12 pm

    Thank you for your site :-)
    I made on pho­toshop back­grounds for you­tube, myspace and whatever
    my backgrounds:http://tinyurl.com/5cy5cq
    Hope you had a good day and thank you again!

  12. Henna Says:
    November 4th, 2009 at 8:44 pm

    Craig, thank you so much for your tip on the, ‘view high qual­ity.’ I am doing an import­ant assign­ment for Uni and I just couldn’t under­stand why my images were look­ing ter­rible in Indesign.

    You have just helped a very con­fused per­son! THANK YOU! God bless you!

Comments