SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
v 1.0 - 08/2010




CREATING AN INTERACTIVE E-BOOK USING
ADOBE ACROBAT PROFESSIONAL
Index

ContaCt information:                           Table of ConTenTs
Brian Brinkman
414-755-2190                                   about tHis e-book � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 3
brian@streamcreative.com
                                               Creating a navigation link � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 4
Steve James
414-755-2190                                   dupliCating links � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 6
steve@streamcreative.com
                                               Creating a link to a website � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 7
Jeff Coon
414-755-2190
jeff@streamcreative.com                        adding animation � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 8

                                               Creating an email link � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 10

                                               Creating a button                               �������������������������������������������������������������������������������������                                                                          11

                                               notes� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 15




Creating an Interactive e-Book | August 2010                                                                                                                                                                                                                    2
aboUT THIs e-book


                                               Thank you for downloading our e-Book
                                               on creating e-Books. It is our hope that
                                               by applying the lessons learned in this
                                               tutorial you will be able to produce your
                                               own interactive e-Books that can drive
                                               users to your website.

                                               In this e-Book we will outline the process
                                               used to create a simple interactive
                                               e-Book. The steps we used are definitely
                                               not the only way to accomplish the
                                               tasks in Adobe Acrobat, so feel free to
                                               experiment with the different tools to
                                               make your e-Book unique.

                                               There are a couple of things you will
                                               need if you want to follow all the steps
                                               in this tutorial. First you will need to
                                               have Adobe Acrobat Professional (the
                                               full version, not just Reader). Secondly
                                               you will need to create the following
                                               assets:

                                                  » A PDF for your e-Book. I used
                                                    Adobe InDesign to create my
                                                    e-Book PDF, but you can use any
                                                    Publishing program like Word or
                                                    Powerpoint to export your PDF.

                                                  » A strong Call to Action button
                                                    (.JPG, .GIF, .PDF, etc.)

                                                  » A Flash animation (.SWF)

                                                  » A poster image for the animation
                                                    (.JPG, .GIF, .PDF, etc.)

                                               Lets get started!


Creating an Interactive e-Book | August 2010                                              3
CreaTIng a navIgaTIon lInk


                                               To create a navigation link to another
                                               part of your document:

                                               1)   Click on the Link Tool in the
                                                    Advanced Editing Toolbar.

                                                    » Note: if you don’t have the
                                                      Advanced Editing Toolbar open,
                                                      it can be opened by going to
                                                      Tools > Advanced Editing > Show
                                                      Advanced Editing Toolbar.

                                               2) Click and drag to create your link’s
                                                  hotspot area. If its not exactly
                                                  perfect, don’t worry about it at this
                                                  point. It can be modified at any
                                                  time using the Select Object Tool
                                                  (the Arrow).

                                               3) In the Create Link dialog box, set
                                                  your Link Type and Highlight Style.
                                                  In this example I selected Invisible
                                                  Rectangle and None because I don’t
                                                  want the link to be seen.

                                               4) Under Link Action choose Go to a
                                                  page view and click Next.




Creating an Interactive e-Book | August 2010                                            4
CreaTIng a navIgaTIon lInk - ConTInUed


                                               5) When you see the Create Go to
                                                  View box, navigate to the page you
                                                  want the link to take the user to.
                                                  Then click Set Link.

                                                  » Note: If you change the
                                                    magnification of the page during
                                                    this step, the magnification will
                                                    change when the user clicks the
                                                    button.

                                               6) If you want to test your button, click
                                                  on the Hand Tool, and then click
                                                  your newly created link.




Creating an Interactive e-Book | August 2010                                            5
dUplICaTIng lInks


                                               The easiest way to create additional
                                               links is to just duplicate them.

                                               1)   Click on the Select Object Tool.

                                               2) Click and drag while holding down
                                                  the Option Key on a Mac or CTRL
                                                  key on a PC to create a duplicate of
                                                  a link.

                                               3) Double-click the new link to open
                                                  the Link Properties dialog box.

                                               4) Click the Actions Tab.

                                               5) Highlight the current Action and
                                                  click Edit.

                                               6) In the Go to a page in this
                                                  document dialog box, change the
                                                  Page Number to the appropriate
                                                  page for this link. In this example I
                                                  changed my Services link to go to
                                                  Page 3. Click OK twice to close both
                                                  dialog windows.

                                               7) Repeat these steps for all of your
                                                  navigation links.




Creating an Interactive e-Book | August 2010                                           6
CreaTIng a lInk To a websITe


                                               To create a link to a web page:

                                               1)   Click on the Link Tool.

                                               2) Click and drag to create your link’s
                                                  hotspot area.

                                               3) In the Create Link dialog box
                                                  choose your Link Appearance and
                                                  then select Open a web page for
                                                  the link action.

                                               4) In the Edit URL dialog box enter the
                                                  URL for the link. Then click OK.




Creating an Interactive e-Book | August 2010                                             7
addIng anImaTIon


                                               With the release of Acrobat Professional
                                               9 it is possible to bring your PDFs to
                                               life by adding Adobe Flash Animations
                                               (.SWF).

                                                    » Note: This is a new feature in
                                                      Acrobat 9, so if you suspect your
                                                      audience may be using older
                                                      versions of Acrobat, you may want
                                                      to steer clear of adding Flash
                                                      animations.

                                               1)   Click on the Multimedia tab, and the
                                                    click Flash Tool.

                                                    » Note: In this step you could also
                                                      experiment with adding Audio
                                                      or Video. I chose Flash because
                                                      the animation is totally self-
                                                      contained. In my experience,
                                                      the Audio and Video features
                                                      require media players that your
                                                      user may not have, and could also
                                                      potentially display security alerts
                                                      messages that could ruin the user
                                                      experience.

                                               2) Click and drag to create the hotspot
                                                  for your animation.

                                               3) Click Show Advanced Options.

                                               4) In the Insert Flash dialog box, click
                                                  Choose and navigate to a .SWF
                                                  animation.




Creating an Interactive e-Book | August 2010                                              8
addIng anImaTIon - ConTInUed


                                               5) Use the pulldown under Enable
                                                  When: to select when you want the
                                                  animation to play. I chose The page
                                                  containing the content is opened
                                                  because I wanted the animation
                                                  to play only when the page is fully
                                                  visible.

                                               6) Under Appearance I chose No
                                                  Border around my animation,
                                                  and I also selected Transparent
                                                  background so the Flash animations
                                                  background would be invisible.

                                               7) For Poster Settings I added a .JPG
                                                  to represent my animation.

                                               8) Click OK to finalize your animation’s
                                                  settings.

                                               Navigate away and come back to the
                                               current page to view your animation.




Creating an Interactive e-Book | August 2010                                           9
CreaTIng an emaIl lInk


                                               To create an Email Link:

                                               1)   Click the Link Tool.

                                               2) Click and drag to create a hotspot
                                                  for the link.

                                               3) In the Create Link dialog box set
                                                  your Link Type and Highlight Style.

                                               4) For link action choose Open a web
                                                  page.

                                               5) In the Edit URL dialog box type
                                                  mailto: and then your desired email
                                                  address.

                                               6) Click OK to add the link.

                                               Select the hand tool and click the
                                               hotspot to test the link. Once clicked,
                                               your email application should launch,
                                               and the To: line should be filled in with
                                               the email address.




Creating an Interactive e-Book | August 2010                                               10
CreaTIng a bUTTon


                                               To create a button:

                                               1)   Click the Button Tool.

                                               2) Click and drag to create a button.

                                               3) For Field Name, give your button a
                                                  name.




Creating an Interactive e-Book | August 2010                                           11
CreaTIng a bUTTon - ConTInUed


                                               4) In the Button Properties dialog box
                                                  you can give your button a Tooltip.
                                                  This tooltip will be displayed when
                                                  your users hover over the button.

                                               5) Click the Appearance Tab.

                                               6) In this example I set the Fill Color to
                                                  None because I am going to use a
                                                  .JPG for my button.




Creating an Interactive e-Book | August 2010                                           12
CreaTIng a bUTTon - ConTInUed


                                               7) Click the Options Tab.

                                               8) Under Layout select Icon Only.

                                               9) Under Behavior select Push.

                                               10) Click Choose Icon, and navigate to
                                                   your Button image and click OK.




Creating an Interactive e-Book | August 2010                                            13
creating a button - continued


                                               11) Click the Actions Tab.

                                               12) Under Select Trigger choose Mouse
                                                   Up.

                                               13) Under Select Action choose Open a
                                                   web link.

                                               14) Click Add.

                                               15) In the Edit URL dialog box, type
                                                   in the URL for your button. In this
                                                   example my call to action is to
                                                   have users to sign-up to receive
                                                   promotions via email.

                                               16) Click OK and Close to close the two
                                                   dialog windows.

                                               This concludes the tutorial. If you
                                               would like to download the eBook
                                               created in this tutorial click here:

                                               SDB_eBook_v1.pdf

                                               If you have any questions or feedback,
                                               please feel free to reach out to us at:

                                               www.streamcreative.com




Creating an Interactive e-Book | August 2010                                             14
noTes




Creating an Interactive e-Book | August 2010   15

Weitere ähnliche Inhalte

Was ist angesagt?

SharePoint 2010 Features
SharePoint 2010 FeaturesSharePoint 2010 Features
SharePoint 2010 FeaturesNerea
 
Web or SDK Development
Web or SDK DevelopmentWeb or SDK Development
Web or SDK DevelopmentJohn Wilker
 
The Interaction Design Of APIs
The Interaction Design Of APIsThe Interaction Design Of APIs
The Interaction Design Of APIsAlex Payne
 
Unit 65 assignment 3 action plan task 1
Unit 65 assignment 3 action plan task 1Unit 65 assignment 3 action plan task 1
Unit 65 assignment 3 action plan task 1mikey132
 
A2 Media Conclusion - Question 4 - Technologies
A2 Media Conclusion - Question 4 - TechnologiesA2 Media Conclusion - Question 4 - Technologies
A2 Media Conclusion - Question 4 - TechnologiesBrett Tinnion
 
Public v -_ibm_social_software_story_-_soc_med_for_ce_os_sept2011
Public v -_ibm_social_software_story_-_soc_med_for_ce_os_sept2011Public v -_ibm_social_software_story_-_soc_med_for_ce_os_sept2011
Public v -_ibm_social_software_story_-_soc_med_for_ce_os_sept2011Ian McNairn
 
WordPress social media tools
WordPress social media toolsWordPress social media tools
WordPress social media toolsNoel Saw
 
Zipipop ultimate guide to using yammer
Zipipop ultimate guide to using yammer Zipipop ultimate guide to using yammer
Zipipop ultimate guide to using yammer Zipipop Freud
 
Setting up a blog in Edublogs (A tutorial)
Setting up a blog in Edublogs (A tutorial)Setting up a blog in Edublogs (A tutorial)
Setting up a blog in Edublogs (A tutorial)Maggie Verster
 
TTVC without animation
TTVC without animationTTVC without animation
TTVC without animationvolkerreisen
 
Flip pdf for i pad manual
Flip pdf for i pad manualFlip pdf for i pad manual
Flip pdf for i pad manualbbbeauty
 
Top 100 Tools for Learning 2009
Top 100 Tools for Learning 2009Top 100 Tools for Learning 2009
Top 100 Tools for Learning 2009Jane Hart
 
Is the Browser a Transitional Technology?
Is the Browser a Transitional Technology?Is the Browser a Transitional Technology?
Is the Browser a Transitional Technology?Allen Wirfs-Brock
 
Building an e prtfolio
Building an e prtfolioBuilding an e prtfolio
Building an e prtfoliojkaythomas
 
Ic301 getting started
Ic301 getting startedIc301 getting started
Ic301 getting startedkaolong
 

Was ist angesagt? (18)

SharePoint 2010 Features
SharePoint 2010 FeaturesSharePoint 2010 Features
SharePoint 2010 Features
 
Web or SDK Development
Web or SDK DevelopmentWeb or SDK Development
Web or SDK Development
 
The Interaction Design Of APIs
The Interaction Design Of APIsThe Interaction Design Of APIs
The Interaction Design Of APIs
 
Microsoft vs Google
Microsoft vs GoogleMicrosoft vs Google
Microsoft vs Google
 
Unit 65 assignment 3 action plan task 1
Unit 65 assignment 3 action plan task 1Unit 65 assignment 3 action plan task 1
Unit 65 assignment 3 action plan task 1
 
A2 Media Conclusion - Question 4 - Technologies
A2 Media Conclusion - Question 4 - TechnologiesA2 Media Conclusion - Question 4 - Technologies
A2 Media Conclusion - Question 4 - Technologies
 
Public v -_ibm_social_software_story_-_soc_med_for_ce_os_sept2011
Public v -_ibm_social_software_story_-_soc_med_for_ce_os_sept2011Public v -_ibm_social_software_story_-_soc_med_for_ce_os_sept2011
Public v -_ibm_social_software_story_-_soc_med_for_ce_os_sept2011
 
Story mapping
Story mapping Story mapping
Story mapping
 
WordPress social media tools
WordPress social media toolsWordPress social media tools
WordPress social media tools
 
Zipipop ultimate guide to using yammer
Zipipop ultimate guide to using yammer Zipipop ultimate guide to using yammer
Zipipop ultimate guide to using yammer
 
Setting up a blog in Edublogs (A tutorial)
Setting up a blog in Edublogs (A tutorial)Setting up a blog in Edublogs (A tutorial)
Setting up a blog in Edublogs (A tutorial)
 
Porfolio
PorfolioPorfolio
Porfolio
 
TTVC without animation
TTVC without animationTTVC without animation
TTVC without animation
 
Flip pdf for i pad manual
Flip pdf for i pad manualFlip pdf for i pad manual
Flip pdf for i pad manual
 
Top 100 Tools for Learning 2009
Top 100 Tools for Learning 2009Top 100 Tools for Learning 2009
Top 100 Tools for Learning 2009
 
Is the Browser a Transitional Technology?
Is the Browser a Transitional Technology?Is the Browser a Transitional Technology?
Is the Browser a Transitional Technology?
 
Building an e prtfolio
Building an e prtfolioBuilding an e prtfolio
Building an e prtfolio
 
Ic301 getting started
Ic301 getting startedIc301 getting started
Ic301 getting started
 

Ähnlich wie Creating an interactive e book using

Live@edu + Dreamspark + MSDNAA
Live@edu + Dreamspark + MSDNAALive@edu + Dreamspark + MSDNAA
Live@edu + Dreamspark + MSDNAAMohab El-Shishtawy
 
Presentation for NBEA Workshop
Presentation for NBEA WorkshopPresentation for NBEA Workshop
Presentation for NBEA WorkshopDuane.Martenson
 
Flip book creator-for-html5-manual
Flip book creator-for-html5-manualFlip book creator-for-html5-manual
Flip book creator-for-html5-manualVictoria Anny
 
Flip book creator-for-html5-manual
Flip book creator-for-html5-manualFlip book creator-for-html5-manual
Flip book creator-for-html5-manualVictoria Anny
 
eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. Yann Aubry
 
Presentation Link Tutorial
Presentation Link TutorialPresentation Link Tutorial
Presentation Link TutorialZuhanden
 
Blistful Resources
Blistful ResourcesBlistful Resources
Blistful ResourcesChar Gore
 
Onenote And Office Live
Onenote And Office LiveOnenote And Office Live
Onenote And Office LiveRobert Crane
 
The web take two
The web take twoThe web take two
The web take twoRomeo Pruno
 
Vwhom quick blog
Vwhom quick blogVwhom quick blog
Vwhom quick blogVWHOM
 
DigitalAppsPres Key
DigitalAppsPres KeyDigitalAppsPres Key
DigitalAppsPres KeyHRS
 
Web Content Management with IBM Connections
Web Content Management with IBM ConnectionsWeb Content Management with IBM Connections
Web Content Management with IBM ConnectionsFelix Binsack
 
Lab 3) create a web application
Lab 3) create a web applicationLab 3) create a web application
Lab 3) create a web applicationtechbed
 
Portfolio Review
Portfolio ReviewPortfolio Review
Portfolio Reviewdlyrious
 
Extending Your Experience to the Office
Extending Your Experience to the OfficeExtending Your Experience to the Office
Extending Your Experience to the Officegoodfriday
 
What the F8 Facebook Changes Mean for Marketers
What the F8 Facebook Changes Mean for MarketersWhat the F8 Facebook Changes Mean for Marketers
What the F8 Facebook Changes Mean for MarketersT3_TheThinkTank
 
What's New in IBM Connections 4.0
What's New in IBM Connections 4.0What's New in IBM Connections 4.0
What's New in IBM Connections 4.0Luis Benitez
 
Usability and user experience the case of skype
Usability and user experience   the case of skypeUsability and user experience   the case of skype
Usability and user experience the case of skypePaola Cretico
 

Ähnlich wie Creating an interactive e book using (20)

Live@edu + Dreamspark + MSDNAA
Live@edu + Dreamspark + MSDNAALive@edu + Dreamspark + MSDNAA
Live@edu + Dreamspark + MSDNAA
 
Presentation for NBEA Workshop
Presentation for NBEA WorkshopPresentation for NBEA Workshop
Presentation for NBEA Workshop
 
Flip book creator-for-html5-manual
Flip book creator-for-html5-manualFlip book creator-for-html5-manual
Flip book creator-for-html5-manual
 
Flip book creator-for-html5-manual
Flip book creator-for-html5-manualFlip book creator-for-html5-manual
Flip book creator-for-html5-manual
 
eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning.
 
Presentation Link Tutorial
Presentation Link TutorialPresentation Link Tutorial
Presentation Link Tutorial
 
Blistful Resources
Blistful ResourcesBlistful Resources
Blistful Resources
 
Onenote And Office Live
Onenote And Office LiveOnenote And Office Live
Onenote And Office Live
 
The web take two
The web take twoThe web take two
The web take two
 
Get Started Guide - Windows 7
Get Started Guide - Windows 7Get Started Guide - Windows 7
Get Started Guide - Windows 7
 
Vwhom quick blog
Vwhom quick blogVwhom quick blog
Vwhom quick blog
 
DigitalAppsPres Key
DigitalAppsPres KeyDigitalAppsPres Key
DigitalAppsPres Key
 
Site-it!
Site-it!Site-it!
Site-it!
 
Web Content Management with IBM Connections
Web Content Management with IBM ConnectionsWeb Content Management with IBM Connections
Web Content Management with IBM Connections
 
Lab 3) create a web application
Lab 3) create a web applicationLab 3) create a web application
Lab 3) create a web application
 
Portfolio Review
Portfolio ReviewPortfolio Review
Portfolio Review
 
Extending Your Experience to the Office
Extending Your Experience to the OfficeExtending Your Experience to the Office
Extending Your Experience to the Office
 
What the F8 Facebook Changes Mean for Marketers
What the F8 Facebook Changes Mean for MarketersWhat the F8 Facebook Changes Mean for Marketers
What the F8 Facebook Changes Mean for Marketers
 
What's New in IBM Connections 4.0
What's New in IBM Connections 4.0What's New in IBM Connections 4.0
What's New in IBM Connections 4.0
 
Usability and user experience the case of skype
Usability and user experience   the case of skypeUsability and user experience   the case of skype
Usability and user experience the case of skype
 

Mehr von Heuvel Marketing

Working with HubSpot - My user journey
Working with HubSpot - My user journeyWorking with HubSpot - My user journey
Working with HubSpot - My user journeyHeuvel Marketing
 
The Fine Art of Hitting Home Runs
The Fine Art of Hitting Home RunsThe Fine Art of Hitting Home Runs
The Fine Art of Hitting Home RunsHeuvel Marketing
 
Social Media facts and figures 2012
Social Media facts and figures 2012Social Media facts and figures 2012
Social Media facts and figures 2012Heuvel Marketing
 
B2B Lead Generation via LinkedIn [case study]
B2B Lead Generation via LinkedIn [case study]B2B Lead Generation via LinkedIn [case study]
B2B Lead Generation via LinkedIn [case study]Heuvel Marketing
 
Content Curatie: een veelbelovende inbound marketing strategie
Content Curatie: een veelbelovende inbound marketing strategieContent Curatie: een veelbelovende inbound marketing strategie
Content Curatie: een veelbelovende inbound marketing strategieHeuvel Marketing
 
Marketing Automation Best Practices
Marketing Automation Best PracticesMarketing Automation Best Practices
Marketing Automation Best PracticesHeuvel Marketing
 
Why Do People Share Online?
Why Do People Share Online?Why Do People Share Online?
Why Do People Share Online?Heuvel Marketing
 
Marketing Automation Checklist
Marketing Automation ChecklistMarketing Automation Checklist
Marketing Automation ChecklistHeuvel Marketing
 
Benchmark report Alignment Sales and Marketing
Benchmark report Alignment Sales and MarketingBenchmark report Alignment Sales and Marketing
Benchmark report Alignment Sales and MarketingHeuvel Marketing
 
The strategy to action gap
The strategy to action gapThe strategy to action gap
The strategy to action gapHeuvel Marketing
 
Lead generation lessons from 4000 businesses
Lead generation lessons from 4000 businessesLead generation lessons from 4000 businesses
Lead generation lessons from 4000 businessesHeuvel Marketing
 
B2B Tech Marketing and Social Media
B2B Tech Marketing and Social MediaB2B Tech Marketing and Social Media
B2B Tech Marketing and Social MediaHeuvel Marketing
 
Thought leadership marketing
Thought leadership marketingThought leadership marketing
Thought leadership marketingHeuvel Marketing
 
B2B Content Marketing Guide
B2B Content Marketing GuideB2B Content Marketing Guide
B2B Content Marketing GuideHeuvel Marketing
 
Social Media in B2B: Social Technographics Ladder
Social Media in B2B: Social Technographics LadderSocial Media in B2B: Social Technographics Ladder
Social Media in B2B: Social Technographics LadderHeuvel Marketing
 
B2B Content Marketing onderzoek
B2B Content Marketing onderzoekB2B Content Marketing onderzoek
B2B Content Marketing onderzoekHeuvel Marketing
 

Mehr von Heuvel Marketing (20)

Working with HubSpot - My user journey
Working with HubSpot - My user journeyWorking with HubSpot - My user journey
Working with HubSpot - My user journey
 
The Fine Art of Hitting Home Runs
The Fine Art of Hitting Home RunsThe Fine Art of Hitting Home Runs
The Fine Art of Hitting Home Runs
 
Bloggen voor B2B
Bloggen voor B2BBloggen voor B2B
Bloggen voor B2B
 
Social Media facts and figures 2012
Social Media facts and figures 2012Social Media facts and figures 2012
Social Media facts and figures 2012
 
B2B Lead Generation via LinkedIn [case study]
B2B Lead Generation via LinkedIn [case study]B2B Lead Generation via LinkedIn [case study]
B2B Lead Generation via LinkedIn [case study]
 
Content Curatie: een veelbelovende inbound marketing strategie
Content Curatie: een veelbelovende inbound marketing strategieContent Curatie: een veelbelovende inbound marketing strategie
Content Curatie: een veelbelovende inbound marketing strategie
 
Marketing Automation Best Practices
Marketing Automation Best PracticesMarketing Automation Best Practices
Marketing Automation Best Practices
 
Why Do People Share Online?
Why Do People Share Online?Why Do People Share Online?
Why Do People Share Online?
 
Marketing Automation Checklist
Marketing Automation ChecklistMarketing Automation Checklist
Marketing Automation Checklist
 
Benchmark report Alignment Sales and Marketing
Benchmark report Alignment Sales and MarketingBenchmark report Alignment Sales and Marketing
Benchmark report Alignment Sales and Marketing
 
The strategy to action gap
The strategy to action gapThe strategy to action gap
The strategy to action gap
 
Lead generation lessons from 4000 businesses
Lead generation lessons from 4000 businessesLead generation lessons from 4000 businesses
Lead generation lessons from 4000 businesses
 
B2B Tech Marketing and Social Media
B2B Tech Marketing and Social MediaB2B Tech Marketing and Social Media
B2B Tech Marketing and Social Media
 
Thought leadership marketing
Thought leadership marketingThought leadership marketing
Thought leadership marketing
 
B2B Content Marketing Guide
B2B Content Marketing GuideB2B Content Marketing Guide
B2B Content Marketing Guide
 
Social Media in B2B: Social Technographics Ladder
Social Media in B2B: Social Technographics LadderSocial Media in B2B: Social Technographics Ladder
Social Media in B2B: Social Technographics Ladder
 
B2B Content Marketing onderzoek
B2B Content Marketing onderzoekB2B Content Marketing onderzoek
B2B Content Marketing onderzoek
 
Business Blogging
Business BloggingBusiness Blogging
Business Blogging
 
Inbound Marketing Rapport
Inbound Marketing RapportInbound Marketing Rapport
Inbound Marketing Rapport
 
B2B Blog: Trends In 2011
B2B Blog: Trends In 2011B2B Blog: Trends In 2011
B2B Blog: Trends In 2011
 

Creating an interactive e book using

  • 1. v 1.0 - 08/2010 CREATING AN INTERACTIVE E-BOOK USING ADOBE ACROBAT PROFESSIONAL
  • 2. Index ContaCt information: Table of ConTenTs Brian Brinkman 414-755-2190 about tHis e-book � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 3 brian@streamcreative.com Creating a navigation link � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 4 Steve James 414-755-2190 dupliCating links � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 6 steve@streamcreative.com Creating a link to a website � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 7 Jeff Coon 414-755-2190 jeff@streamcreative.com adding animation � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 8 Creating an email link � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 10 Creating a button ������������������������������������������������������������������������������������� 11 notes� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 15 Creating an Interactive e-Book | August 2010 2
  • 3. aboUT THIs e-book Thank you for downloading our e-Book on creating e-Books. It is our hope that by applying the lessons learned in this tutorial you will be able to produce your own interactive e-Books that can drive users to your website. In this e-Book we will outline the process used to create a simple interactive e-Book. The steps we used are definitely not the only way to accomplish the tasks in Adobe Acrobat, so feel free to experiment with the different tools to make your e-Book unique. There are a couple of things you will need if you want to follow all the steps in this tutorial. First you will need to have Adobe Acrobat Professional (the full version, not just Reader). Secondly you will need to create the following assets: » A PDF for your e-Book. I used Adobe InDesign to create my e-Book PDF, but you can use any Publishing program like Word or Powerpoint to export your PDF. » A strong Call to Action button (.JPG, .GIF, .PDF, etc.) » A Flash animation (.SWF) » A poster image for the animation (.JPG, .GIF, .PDF, etc.) Lets get started! Creating an Interactive e-Book | August 2010 3
  • 4. CreaTIng a navIgaTIon lInk To create a navigation link to another part of your document: 1) Click on the Link Tool in the Advanced Editing Toolbar. » Note: if you don’t have the Advanced Editing Toolbar open, it can be opened by going to Tools > Advanced Editing > Show Advanced Editing Toolbar. 2) Click and drag to create your link’s hotspot area. If its not exactly perfect, don’t worry about it at this point. It can be modified at any time using the Select Object Tool (the Arrow). 3) In the Create Link dialog box, set your Link Type and Highlight Style. In this example I selected Invisible Rectangle and None because I don’t want the link to be seen. 4) Under Link Action choose Go to a page view and click Next. Creating an Interactive e-Book | August 2010 4
  • 5. CreaTIng a navIgaTIon lInk - ConTInUed 5) When you see the Create Go to View box, navigate to the page you want the link to take the user to. Then click Set Link. » Note: If you change the magnification of the page during this step, the magnification will change when the user clicks the button. 6) If you want to test your button, click on the Hand Tool, and then click your newly created link. Creating an Interactive e-Book | August 2010 5
  • 6. dUplICaTIng lInks The easiest way to create additional links is to just duplicate them. 1) Click on the Select Object Tool. 2) Click and drag while holding down the Option Key on a Mac or CTRL key on a PC to create a duplicate of a link. 3) Double-click the new link to open the Link Properties dialog box. 4) Click the Actions Tab. 5) Highlight the current Action and click Edit. 6) In the Go to a page in this document dialog box, change the Page Number to the appropriate page for this link. In this example I changed my Services link to go to Page 3. Click OK twice to close both dialog windows. 7) Repeat these steps for all of your navigation links. Creating an Interactive e-Book | August 2010 6
  • 7. CreaTIng a lInk To a websITe To create a link to a web page: 1) Click on the Link Tool. 2) Click and drag to create your link’s hotspot area. 3) In the Create Link dialog box choose your Link Appearance and then select Open a web page for the link action. 4) In the Edit URL dialog box enter the URL for the link. Then click OK. Creating an Interactive e-Book | August 2010 7
  • 8. addIng anImaTIon With the release of Acrobat Professional 9 it is possible to bring your PDFs to life by adding Adobe Flash Animations (.SWF). » Note: This is a new feature in Acrobat 9, so if you suspect your audience may be using older versions of Acrobat, you may want to steer clear of adding Flash animations. 1) Click on the Multimedia tab, and the click Flash Tool. » Note: In this step you could also experiment with adding Audio or Video. I chose Flash because the animation is totally self- contained. In my experience, the Audio and Video features require media players that your user may not have, and could also potentially display security alerts messages that could ruin the user experience. 2) Click and drag to create the hotspot for your animation. 3) Click Show Advanced Options. 4) In the Insert Flash dialog box, click Choose and navigate to a .SWF animation. Creating an Interactive e-Book | August 2010 8
  • 9. addIng anImaTIon - ConTInUed 5) Use the pulldown under Enable When: to select when you want the animation to play. I chose The page containing the content is opened because I wanted the animation to play only when the page is fully visible. 6) Under Appearance I chose No Border around my animation, and I also selected Transparent background so the Flash animations background would be invisible. 7) For Poster Settings I added a .JPG to represent my animation. 8) Click OK to finalize your animation’s settings. Navigate away and come back to the current page to view your animation. Creating an Interactive e-Book | August 2010 9
  • 10. CreaTIng an emaIl lInk To create an Email Link: 1) Click the Link Tool. 2) Click and drag to create a hotspot for the link. 3) In the Create Link dialog box set your Link Type and Highlight Style. 4) For link action choose Open a web page. 5) In the Edit URL dialog box type mailto: and then your desired email address. 6) Click OK to add the link. Select the hand tool and click the hotspot to test the link. Once clicked, your email application should launch, and the To: line should be filled in with the email address. Creating an Interactive e-Book | August 2010 10
  • 11. CreaTIng a bUTTon To create a button: 1) Click the Button Tool. 2) Click and drag to create a button. 3) For Field Name, give your button a name. Creating an Interactive e-Book | August 2010 11
  • 12. CreaTIng a bUTTon - ConTInUed 4) In the Button Properties dialog box you can give your button a Tooltip. This tooltip will be displayed when your users hover over the button. 5) Click the Appearance Tab. 6) In this example I set the Fill Color to None because I am going to use a .JPG for my button. Creating an Interactive e-Book | August 2010 12
  • 13. CreaTIng a bUTTon - ConTInUed 7) Click the Options Tab. 8) Under Layout select Icon Only. 9) Under Behavior select Push. 10) Click Choose Icon, and navigate to your Button image and click OK. Creating an Interactive e-Book | August 2010 13
  • 14. creating a button - continued 11) Click the Actions Tab. 12) Under Select Trigger choose Mouse Up. 13) Under Select Action choose Open a web link. 14) Click Add. 15) In the Edit URL dialog box, type in the URL for your button. In this example my call to action is to have users to sign-up to receive promotions via email. 16) Click OK and Close to close the two dialog windows. This concludes the tutorial. If you would like to download the eBook created in this tutorial click here: SDB_eBook_v1.pdf If you have any questions or feedback, please feel free to reach out to us at: www.streamcreative.com Creating an Interactive e-Book | August 2010 14
  • 15. noTes Creating an Interactive e-Book | August 2010 15