Acrobat

Adding Interactivity to

Adobe Acrobat

Debbie Richards Creative Interactive Ideas [email protected] http://twitter.com/cre8iveii http://cre8iveii.blogspot.com/

mailto:[email protected]

http://twitter.com/cre8iveii

http://twitter.com/cre8iveii

http://cre8iveii.blogspot.com/

Download files

http://cii-ftp.com/ELDC2011/acrobat.zip





ADDING MULTIMEDIA

Software

• Need Acrobat 9 Pro or Pro Extended to add movies, sound files, Flash animations and widgets to your PDF.

– 9 Pro: add FLV (Flash video) files or F4V (H.264 video)

– 9 Pro Extended: Add videos in a much larger range of formats and convert them into FLV automatically

User Requirements

• Anyone can view embedded video or animation files in PDF documents as long as they have Acrobat 9 Reader.

• Acrobat 9 supports Flash technology natively – no additional software is needed.

Adding a video file to a PDF file

1. Open the Aquo_Bottle_Ad.pdf file

2. Click Multimedia button & choose Video Tool

3. Drag a box over the right side of the document. Insert Video dialog box appears

4. Click Browse and select Aquo_T03_Loop.flv file

5. Select Show Advanced Options in the Insert Video dialog box

6. Click Launch Settings tab

Click Ok.

Adding a video file to a PDF file

7. An image from the video file appears on the PDF page.

8. A Play button automatically appears in the bottom-left corner of the page.

9. Click the Play button to play the video.

10.Save the file.

Adding Flash animation

1. Open the Aquo_FAQ.pdf file

2. Click Multimedia button & choose Flash Tool

3. Drag a box over the right side of the document. Insert Flash dialog box appears

4. Click Browse and select Aquo_Header.swf file

5. Select Show Advanced Options in the Insert Video dialog box

6. Click Launch Settings tab

Click Ok.


7. The header appears across the top of the document.

8. Select the Hand tool and move the cursor over the header. Click the header to activate it. The animation plays and continues to play.

9. Select the Flash Tool in the Multimedia toolbar again and double-click the header.

Click Ok.


10.The animation will stop playing when the page is not visible.

11.Save the file.

Adding Sounds

• Chose Multimedia>Sound Tool

• Click where you want the sound to play.

TYPEWRITER

Typewriter tool

• Provides a simple solution for filling out forms that do not contain interactive form fields.

http://apps.americanbar.org/lpm/lpt/articles/att04061.shtml

Enable Typewriter

• Users of Acrobat Professional can enable the Typewriter tool for users of the free Adobe Reader.

• This allows Reader users to add their own typewritten annotations on top of the PDF and save the changes.

• To enable the Typewriter tool for Adobe Reader users, go to Tools>Typewriter and choose Enable Typewriter tool in Adobe Reader.

• Give the document a name and save it.

Adding Text

• The Reader user simply clicks on the Typewriter tool to add text to the document.

• The Reader can also save this document because the document itself has special capabilities once enabled to do so by Acrobat Professional.

Typewriter Tool in Adobe Acrobat X

• The Typewriter tool is now called Add or Edit Text Box.

• To get to it, open the Tools panel, then twirl down the Content section.

http://blogs.adobe.com/acrolaw/2011/01/where-is-the-typewriter-tool-in-acrobat-x/

FORMS

Introduction

• You can convert an existing electronic document (for example, a Word, Excel, or PDF document) or scan a paper document to a PDF form, and then add interactive form fields to the form.

FORMS - EXAMPLE #1

Create Basic Document

• Create the basic document leaving a place for the data fields – I used PPT with tables.

• Save the document as a PDF file.

Create the Form

• Choose Forms >Start Form Wizard

• Select An Existing Electronic Document and click Next.

• Select Use the Current Document and click Next.

Add the Sale Price Per Fish Field

• This is going to be a combo box – let the user select an item from a pop-up menu

• Select Forms>Form Tools>Combo Box

Add the Number of Fish Sold Field

• Combo Box

• Number of Fish Sold

• Text – 18 Helvetica Maroon Color

• Options – 1 to 20 (commit immediately)

• Format – Number with Zero Decimal Places

Add the Equipment CostField

• Combo Box

• Equipment Cost




Add the Hourly Wage Field

• Combo Box

• Hourly Wage




Add the Output field

• Text Box

• Output – Read Only


• Options – Center

• Format – Number with 2 Decimal Places

• Calculate – Product of Number of Fish Sold, Sale Price Per Fish

Add the Input field

• Text Box

• Input – Read Only




• Calculate – Sum of Equipment Cost, Hourly Wage

Add the Value-Added field

• Text Box

• Input – Read Only




• Calculate – Simplified field notation - Output-Input

Preview the File

• Select the Preview button

Specify Full Screen Mode

• Choose File >Properties

• Select Initial View tab

• In the Windows Options area, select Open in Full Screen mode

• Click OK

• Choose File Save and then File Close

• Open the file again

FORMS -EXAMPLE #2

Create Basic Document

• Create the basic document leaving a place for the data fields – I used PPT with tables.

• Save the document as a PDF file.

Create the Form

• Choose Forms >Start Form Wizard

• Select An Existing Electronic Document and click Next.

• Select Use the Current Document and click Next.

Add the 24 months ATOI field

• Combo Box

• Yr2ATOI


• Options – 65989, 60989, 55989, 50989 etc. to 30989


Add the ROI field

• Combo Box

• ROI


• Options – 20% - 90%

Add the Investment Now field

• Text Box

• InvestAmt



• Format – Number with 0 decimal places

Add the Investment 24 Months field

• Text Box – Read Only

• FutureValue




• Simplified notation - (InvestAmt+(InvestAmt*ROI/100))+((InvestAmt+(InvestAmt*ROI/100))*ROI/100)

Add the Investment value of the business field


• FutureBusValue




• Simplified notation - 2*Yr2ATOI

Add the Required Share field


• OwnershipPercent



• Format – Percentage with 0 decimal places

• Simplified notation - FutureValue/FutureBusValue

Preview the File

• Select the Preview button

Specify Full Screen Mode

• Choose File >Properties

• Select Initial View tab

• In the Windows Options area, select Open in Full Screen mode

• Click OK

• Choose File Save and then File Close

• Open the file again

PLACING IN COURSE

Articulate Presenter

• Add as a web object

• Need PDF

• HTML page (filename = index.html) <html>

<head>

</head>

<body>

<embed src="form.pdf#toolbar=0&navpanes=0&scrollbar=0" width="640" height="480">

</body>

</html>

EXTRAS

Support

These video and PDF tutorials give you an overview of how to use Adobe® Acrobat® 9. • http://www.adobe.com/designcenter/acrobat/articles/

tutorial_index.html For tutorials and videos on creating forms, see these resources: • Simplifying form

creation: www.adobe.com/go/lrvid4203_a9 • Creating Acrobat

forms: http://movielibrary.lynda.com/html/modPage.asp?id=540

http://www.adobe.com/designcenter/acrobat/articles/tutorial_index.html



http://www.adobe.com/go/lrvid4203_a9

http://movielibrary.lynda.com/html/modPage.asp?id=540

http://movielibrary.lynda.com/html/modPage.asp?id=540

Links and Bookmarks

• This video shows you how links and bookmarks can be added to your PDF file to create an easier navigation method. Starting from Microsoft Word to the final PDF settings.

• http://tv.adobe.com/watch/acrobat-tips-and-tricks/adding-interactivity-to-your-pdf-document-links-bookmarks/

http://tv.adobe.com/watch/acrobat-tips-and-tricks/adding-interactivity-to-your-pdf-document-links-bookmarks/






















Technology

Acrobat