Adobe Acrobat has supported layered PDF documents since Acrobat 6. However, you’ve never been able to create layers in Acrobat. Layers needed to be created in an authoring program and exported to PDF with layers intact … until now. In Acrobat 9, Adobe provides us a few ways to add new layers to a PDF file.

Layers can be used in PDF documents in many ways. You might have a multi-lingual file that you want to distribute and have text in each language appear on different layers, with the background design appearing on a separate layer as well. You might also create documents with animation that appears on a separate layer.

For this tutorial, we’ll take a look at a creative way to add content to a layer in a PDF file. Assume you want to add a license agreement to your file, and you don’t want a user to view the content until they agree to the terms of the agreement.

Here’s how we do it.

STEP 1 Design a Document in InDesign
Create a file in Adobe InDesign, then export it (File>Export). In the Export dialog that opens, navigate to where you want to save your file and click Save. In the Export Adobe PDF dialog that opens, check Create Acrobat Layers under Options. If this option is grayed out, make sure you have Compatibility set to at least Acrobat 6 in the top-right corner of the dialog.

Note: We also checked Optimize for Fast Web View and View PDF after Exporting.

STEP 2 Open the Layers Panel in Acrobat
If you checked View PDF after Exporting, your PDF document will open in Acrobat. Click the Layers panel icon on the top-left side of your screen (looks like two sheets of paper). This will open the Layers panel along the left side of your document.

Tip: If the Layers panel icon isn’t visible in the navigation pane, Control-click (PC: right-click) on the left navigation pane and choose Layers from the contextual menu.

STEP 3 Expand the Layers in Acrobat
By default, the Layers list is collapsed. When you click the right-pointing arrow to expand the layers, you should see the name of the layer(s) you created in InDesign.

STEP 4 Open the Options Drop-Down Menu
Notice the icon in the top-left corner of the Layers panel adjacent to a down-pointing arrow. Click the icon to open the panel’s flyout menu. From the flyout menu, choose Import as Layer.

STEP 5 Choose a File to Import as a New Layer
In the Import as Layer dialog that opens, click the Browse button and find the file you want to use for the new layer. Under Import Options, you can choose to Create New Layer (and name it) or Add to Existing Layer.

In this dialog you can choose to create a new layer (and name it), add the file to an existing layer, position it, and modify its appearance (which includes changing the Opacity and stacking order). When you’re finished, click OK.

Note: You can import PDF files, as well as many image formats, as layers.

STEP 6 Position the New Layer
If you use an image or PDF document smaller than the current page size, you can move the new layer content around the page. Under Position, check the Manual Positioning radio button and rotate, scale, and/or move it horizontally or vertically.

You control the vertical and horizontal position by clicking the arrows adjacent to the Vertical and Horizontal text boxes or type percentage values in the text boxes.

Tip: To move the content down type a negative value [-10] in the Vertical text box. To move the content to the left, type a negative value [-10] in the Horizontal text box.

STEP 7 Check Out the Preview
On the right side of the Import as Layer dialog box is a dynamic preview that updates as you scale and position your new layer. When the preview looks right, click OK, and the new layer will be added to your PDF file.

STEP 8 Add a Button to Change Views
One really handy use of layers is the ability to choose what layers a user will be able to view. In this example, we’ll initially show a license agreement and hide the background. Then we’ll show the background and hide the license agreement when the user clicks the Agree button.

But before we determine which layers will be in view when the PDF file is opened, we’ll first tackle the button action to change views. To add a button field in Acrobat 9, select the Button tool by choosing Tools>Advanced Editing>Button.

The cursor will load with a button field object. Now just click the cursor on a page or click-and-drag to shape the field object rectangle. (I clicked-and-dragged the cursor in the area I wanted to add my button field.)

STEP 9 Name the Button Field
When you release the mouse, the new Acrobat 9 mini Properties window opens. By default, Acrobat adds a name for your field. To change the name, type a new name into the Field Name text box. After naming the button field, click Show All Properties to open the Button Field Properties dialog.

Tip: If you lose the mini Properties window after creating a Button field, click the Select Object tool in the Toolbox and double-click the field object rectangle and the Button Field Properties window opens.

STEP 10 Choose a Button Appearance
Click the Appearance tab at the top of the Button Field Properties dialog. From here you can choose a border or fill color for the button appearance. In my example, I don’t want a border color or a background color because the background design in my file clearly indicates where a button field may appear on the page.

However, if you want to add a border, simply click the Border Color swatch, which will cause a color palette to pop up. Choose a color from the palette options or choose None for no color. Repeat the same steps for choosing a background color.

Tip: You can also add button faces (icon images) to buttons. Click the Options tab and explore the various options for importing images you can use for button appearances.

STEP 11 Choose an Action
Buttons are useless unless you assign some sort of action to them. Actions determine what will happen when a user clicks the button. To add an Action, click the Actions tab in the Button Field Properties dialog.

From the Select Action pull-down menu, choose an action you want to invoke when a user clicks the button. In my example, I want to change layer visibility, so I choose Set Layer Visibility from the menu options.

Tip: By default, the button action occurs when a user clicks and releases the mouse. (This way, if a user clicks on something accidentally, s/he can move the mouse away from the link without opening it inadvertently.) You can change the Mouse Trigger from options available in the Select Trigger drop-down menu. You have a number of choices here, such as when the cursor enters a field and when the cursor exits a field.

STEP 12 Set the Action
To change layer visibility, first establish the layer view you want, then add the action. While the Button Field Properties dialog is open, click the Eye icon adjacent to the license layer to hide the layer. Basically, we’re saying that when the user clicks the Agree button, the license agreement layer will hide and the background layer will be made visible.

Tip: You will temporarily lose the selection on the button field after changing the layer visibility. While the Button Field Properties window is open, just click the field object rectangle to reselect it.

STEP 13 Add the Action
When the layer visibility appears as you want, click the Add button in the Button Field Properties window. A dialog opens prompting you to confirm the action. Click OK to assign the field properties. Click Close in the Button Field Properties dialog to dismiss the Properties window, and you’re finished setting up the button field attributes.

Note: You can also add another action to hide the Button field in the same Actions tab before dismissing the Button Field Properties window. Choose Show/Hide a Field from the Select Action drop-down menu and click Hide for the Agree field. When the user changes the layer visibility, the field is hidden from view so as not to disturb any other fields you may have on a page.

STEP 14 Change the Visibility State
At this point, we want to establish the initial view when a user opens the PDF document. To change the initial view, click a layer in the Layers panel and choose Layer Properties from the Options menu. When the Layer Properties dialog opens, we want to address two items. First, choose Off from the Default state drop-down menu. In my example I chose Off for the background because I want this layer hidden from view when the user opens my document.

The second item to address is locking the layer, so a user can’t change the layer view in the Layers panel. This will assure us that the user needs to agree to the terms of the license agreement before viewing the background content. To lock the layer, click Locked in the Layer Properties dialog.

STEP 15 Change the Visibility State for the Second Layer
Set the visibility of the second layer and lock this layer too. In this example, I open the Layer Properties dialog for the license layer and choose On from the Default State pull-down menu. I also check the Locked check box to lock this layer.

STEP 16 Save and Reopen the File
Choose File>Save to save your edits and close the PDF document. Open the file after closing and you’ll see the initial view for the layers visibility. If you assigned the default layer state views properly, the license layer should be in view, and the background layer should be hidden. When you open the Layers panel, notice the icons adjacent to the layer names appear as padlocks, indicating that these layers are locked.

STEP 17 Secure the File
Anyone with Acrobat Professional can change the layer states by opening the Layer Properties and unlocking the layers. To prevent a user from tampering with your document, you can secure the file, so no one can change the layer views in the layers panel—again, assuring you that one needs to click the Agree button before seeing the background content in your PDF document.

To secure the file, choose File>Properties to open the Document Properties dialog. Click the Security tab and choose Password Security from the Security Method drop-down menu. When you make this choice, the Password Security — Settings dialog opens.

STEP 20 Set the Permissions
In the Password Security — Settings dialog box, check Restrict Editing and Printing of the Document. If you want a user to print your file, choose an option for low- or high-resolution printing from the Printing Allowed drop-down menu.

Type a password in the Change Permissions Password text box and click OK. You are prompted to confirm your password in another dialog box. Retype the same password and click OK.

Save your file, test the button, and your document is ready for deployment.

Share & Enjoy


 

  1. Rebecca Carrer (Reply) on Tuesday June 3, 2008

    Does Acrobat 9 support Flash Actionscript 3 .swf files? (With Acrobat 8 I’m able to place.swf files into inDesign documents then export the PDF with the Flash embedded–the sizing gets screwed up if I try placing the .swf in Acrobat– but only .swf files created with Actionscript 2.)
    Thanks.

  2. Roland (Reply) on Tuesday June 3, 2008

    That’s a good idea, but how would you go about setting it so that layer is the same on all pages, and disabling it once hides it everywhere in the PDF? Or is that how it works out-of-the-box and am I simply missing something?

  3. ted (Reply) on Tuesday June 3, 2008

    Yes, out of the box is the way it works. The layer is added to all pages. Showing/hiding the layer shows/hides on all pages.

    ted

  4. ted (Reply) on Tuesday June 3, 2008

    I believe Actionscript 3 is supported. You might post the same question on acrobatusers.com to be sure.

    ted

  5. Roland (Reply) on Tuesday June 3, 2008

    Thanks for the reply (and instructions of course) Ted.

  6. Aaron (Reply) on Tuesday June 3, 2008

    I currently have a 50+ page report in pdf format and would like to allow a user to read the report only after accepting an agreement. The “import as layer” function will only one page to be imported at a time. As this would be time consuming to import each page individually, is there any single way to import a multiple page pdf file within a single layer? Any other suggestions would be appreciated as well. Thanks.

  7. Rebecca (Reply) on Tuesday June 3, 2008

    Aaron, with Acrobat 9 you can impose document-level password protection on your PDF, and also determine whether or not you want to allow viewers to print.

    Another way, of course, is to put password protection on the web page from which they download the PDF.

    Meanwhile, sorry I haven’t checked back into this discussion for a long time, but Acrobat 9 has REALLY improved Flash support. My understanding is that anyone with the latest Adobe Reader (version 9) can view PDFs with Flash and other multimedia in them–i.e., there’s no need for them to download the Flash Player separately. I haven’t tested it widely–can anyone confirm or report problems?

    Also, I’m interested in trying to see if I can place a static graphic or text on one layer and a Flash movie just above or below it on another layer. This wasn’t possible in Acrobat 8. Has anyone tried this?

  8. Aaron (Reply) on Tuesday June 3, 2008

    Thanks Rebecca. This would work if the “legal agreement” a user would need to accept upon entering a password needs to be part of the password prompt window that opens. Do you know of a way to manipulate or edit the text that appears in the password prompt window?

  9. Jeroen (Reply) on Tuesday June 3, 2008

    Is it possible that pdf’s that were previously displayed correct in Acrobat Reader 8 now display incorrectly in Reader 9. We have (flattened) pdf files that now show content from layers that were not visible before. Strangely the same file still shows correct when opening the file from a website and opening within the browser. Saving that same file and then opening it shows the ‘hidden’ content. I’ve checked the layers information and Acrobat Reader 9 says is only 1 layer in the pdf file. If anyone could help that would be great!

  10. Sharon (Reply) on Tuesday June 3, 2008

    I would like to add the same layer to multiple pages in a pdf without manually importing this layer over and over again. Is this possible?

  11. Mustafa (Reply) on Tuesday June 3, 2008

    I have to disable print screen option as well save as option in acrobat 9. Is it possible???

  12. Bob (Reply) on Tuesday June 3, 2008

    is it possible to create a multiple page layer that is always printed when a user prints any pages in a pdf? I’ve been playing with this for ages and cannot get it to work!

  13. randy.vannostrand@dynetics.com (Reply) on Tuesday June 3, 2008

    I have a PDFcopy user manual that was created in Word. I want to add SWF files on a layer that won’t print and that can be made invisible until the reader chooses a button or bookmark. The problem is that once the SWF is placed on a layer the visibility is always on. Is there a way to do this that you can share? My intent is to have a PDF file that can print as a regular text document but that has active windows that open and close on command.

  14. ted padova (Reply) on Tuesday June 3, 2008

    You might convert the SWF files to Adobe Flash and use a floating window option for showing the movie. This can be triggered by a button or bookmark. The original import would be set up without a poster image and hence be invisible until shown in a floating window.

    ted

  15. Brian (Reply) on Tuesday June 3, 2008

    I am attempting to create a form that has three separate buttons (with an “on” and “off” option for each). Each button activates or deactivates one of three separate layers that I have added. I am trying to get these buttons to activate or deactivate all of the layers, so that they show in various combinations (all at once, 1, and 2, 1 and 3, or 2 and 3) . I know I am missing something and would appreciate any suggestions.

  16. Bibz85 (Reply) on Tuesday June 3, 2008

    So, I really need InDesign to make layers on Acrobat?

  17. Scott (Reply) on Tuesday June 3, 2008

    Ted,
    The great thing would be the ability to add a layer to an existing PDF, in your example you still created the layer using “an authoring program” Indesign, not in Acrobat 9

  18. Rene (Reply) on Tuesday June 3, 2008

    If you are using Adobe FrameMaker or other products that don’t support layers to create the PDF, or if you inherit a PDF that doesn’t have layers, you can use the Preflight feature in Acrobat 9 to Create New Layers, making a separate layer for text, images, and vector objects, and then save and reopen the file. After doing this, you can perform the steps Ted provided in this article to add another layer for a license (etc) with a button that is set to hide the text/images/vector objects and show the license until it’s clicked and then toggle the layers on the click action.
    Hope that helps! :-)



Planet Photoshop Photoshop World KelbyOne Lightroom Killer Tips Scott Kelby