Highlighted

Interactive pdf Easter egg hunt

Community Beginner ,
Apr 05, 2020

Copy link to clipboard

Copied

Trying to create a virtual Easter egg hunt for quarantined family.  Years of experience on Illustrator. New to InDesign.

 - Want hidden eggs (and non eggs)  to pop up when mouse hovers.

 - Creating images as pdfs.

 - Do not want hyperlink which jumps to another page.

 - Learning was easier 40 years ago.

Thanks

- Create multi layer file in InDesign

- Turn of visibility to all layers except base layer

- EXPORT as interactive pdf - be sure to click on save layers box

- Open file in Acrobat

- EDIT pdf - find LINK tool

- open the Layers dialog box - pancake on left

- click on box next to the first layer you want to activate

- click "LINK / ADD/EDIT web or doc"

-crosshair tool should appear.  Create shade box over item, (You will have a chance later to adjust box. Don't worry if not perfect.)

- When you release mouse, dialog box will appear

- "INVISIBLE RECTANGLE" / "NONE" / "NEXT"

- You now have opportunity to adjust your rectangle

- "SET LINK"

-Turn off layer

- You will see black outline of rectangle, but it will go away when fie is saved and opened in Reader.

- When you play the game, only one item will be revealed at a time.

- There may certainly be a better way to do this, but this worked for me. Let me know if any instructions need clarification.  Have fun.

 

TOPICS
How to

Views

186

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Interactive pdf Easter egg hunt

Community Beginner ,
Apr 05, 2020

Copy link to clipboard

Copied

Trying to create a virtual Easter egg hunt for quarantined family.  Years of experience on Illustrator. New to InDesign.

 - Want hidden eggs (and non eggs)  to pop up when mouse hovers.

 - Creating images as pdfs.

 - Do not want hyperlink which jumps to another page.

 - Learning was easier 40 years ago.

Thanks

- Create multi layer file in InDesign

- Turn of visibility to all layers except base layer

- EXPORT as interactive pdf - be sure to click on save layers box

- Open file in Acrobat

- EDIT pdf - find LINK tool

- open the Layers dialog box - pancake on left

- click on box next to the first layer you want to activate

- click "LINK / ADD/EDIT web or doc"

-crosshair tool should appear.  Create shade box over item, (You will have a chance later to adjust box. Don't worry if not perfect.)

- When you release mouse, dialog box will appear

- "INVISIBLE RECTANGLE" / "NONE" / "NEXT"

- You now have opportunity to adjust your rectangle

- "SET LINK"

-Turn off layer

- You will see black outline of rectangle, but it will go away when fie is saved and opened in Reader.

- When you play the game, only one item will be revealed at a time.

- There may certainly be a better way to do this, but this worked for me. Let me know if any instructions need clarification.  Have fun.

 

TOPICS
How to

Views

187

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 05, 2020 0
Adobe Community Professional ,
Apr 05, 2020

Copy link to clipboard

Copied

This video from Adobe Evangelist Terry White may help: https://www.youtube.com/watch?v=QtKbisIoSkw.

You also might want to explore Show/Hide fields. 

 

~Barb

Adobe Evangelist Terry White shows how to make an interactive rollover button for your next InDesign CC epub or document published online.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 05, 2020 0
Community Beginner ,
Apr 05, 2020

Copy link to clipboard

Copied

Thank you.  Video seems promising.  Believe I was trying to go too quickly.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 05, 2020 1
Adobe Community Professional ,
Apr 06, 2020

Copy link to clipboard

Copied

You can create InDesign (or Illustrator) layers in your PDF and use buttons to show or hide the layers.

Here is a DropBox link to a sample interactive PDF showing how it works, there are basic instructions on page 2.

Come back here if you get stuck, or have a look in the Acrobat forum.

Note, the viewer will need to use Acrobat or Reader to take advantage of the interactivity.

https://www.dropbox.com/s/zvgbghvkaaznyjg/Easter%20Egg%20Hunt.pdf?dl=0

Easter egg screen shot.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 06, 2020 1
Community Beginner ,
Apr 06, 2020

Copy link to clipboard

Copied

This looks very helpful.

Will focus on project tonight.

Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 06, 2020 0
Community Beginner ,
Apr 09, 2020

Copy link to clipboard

Copied

Still struggling.

Created file with layers in InDesign.

Followed your instructions (I think), but when file is not interactive with Reader.

Any thoughts/

Thanks.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 09, 2020 0
Adobe Community Professional ,
Apr 10, 2020

Copy link to clipboard

Copied

As JR said, most of the work happens in Acrobat. 

Does the interactive PDF work in Acrobat? If so, from Acrobat, try Save as Other> Reader Extended PDF> Enable more tools.

Can you see your layers in Acrobat? (View> Show/Hide> Navigation Panes> Layers) You will need to turn down the little arrow to show all of the layers.

The instructions were repurposed from a different PDF, and are a little vague, but If you let me know where you are, perhaps I can be more helpful.

Screen Shot 2020-04-10 at 11.13.16 AM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 10, 2020 0
Community Beginner ,
Apr 10, 2020

Copy link to clipboard

Copied

I can view all of the layers in Acrobat, but only when I also open "Prepare forms".  I then tried to apply actions in Acrobat, but no luck.  I do enjoy a learning experience.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 10, 2020 0
Adobe Community Professional ,
Apr 10, 2020

Copy link to clipboard

Copied

You can set a button to Show/Hide fields in a PDF using InDesign, but there is no tool to Show/Hide layers.

For that you have to finalize the PDF with Acrobat Pro.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 10, 2020 0
Community Beginner ,
Apr 10, 2020

Copy link to clipboard

Copied

Figured it out. Thanks for your help.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 10, 2020 0
New Here ,
Apr 11, 2020

Copy link to clipboard

Copied

Hi Would you be able to post a rough outline of your process? Was looking to create this type of thing too. 

 

Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2020 0
Community Beginner ,
Apr 11, 2020

Copy link to clipboard

Copied

Sure.  Give me a bit.Process was trial and error, and I needto figure out what I did.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2020 1
Community Beginner ,
Apr 11, 2020

Copy link to clipboard

Copied

- Create multi layer file in InDesign

- Turn of visibility to all layers except base layer

- EXPORT as interactive pdf - be sure to click on save layers box

- Open file in Acrobat

- EDIT pdf - find LINK tool

- open the Layers dialog box - pancake on left

- click on box next to the first layer you want to activate

- click "LINK / ADD/EDIT web or doc"

-crosshair tool should appear.  Create shade box over item, (You will have a chance later to adjust box. Don't worry if not perfect.)

- When you release mouse, dialog box will appear

- "INVISIBLE RECTANGLE" / "NONE" / "NEXT"

- You now have opportunity to adjust your rectangle

- "SET LINK"

-Turn off layer

- You will see black outline of rectangle, but it will go away when fie is saved and opened in Reader.

- When you play the game, only one item will be revealed at a time.

- There may certainly be a better way to do this, but this worked for me. Let me know if any instructions need clarification.  Have fun.

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2020 0
Adobe Community Professional ,
Apr 11, 2020

Copy link to clipboard

Copied

Glad you were able to figure it out. It sounds like you got stuck on creating the buttons. I made my buttons in InDesign, on a separate top layer. I made small yellow rectangles over the wall image, then converted them to buttons, (Object> Interactive> Convert to button) when they were all done, I changed the fill color to none (to make them invisible).

Here are the steps, revised for this specific Easter PDF (revisions in red):

1.  Set up your InDesign document, using separate layers for each alternate view. Create a base layer for static content, but do not assign any actions to the buttons in InDesign. Create buttons in InDesign, the buttons can be invisible. Turn off all layers except the base layer. InDesign will export all of the layers, but they will remain hidden, until you reveal them in Acrobat.

2.  Export to an interactive PDF from InDesign, be sure to check on Create Acrobat Layers.

3.  Open the PDF in Acrobat, select Layers View (the pancake icon at the top left), or View> Show/Hide> Navigation Panes> Layers. Go to Tools> Prepare Form, (the Acrobat button tools are within the Form tools). You should see all of your InDesign buttons, identified by their name, as well as all of the InDesign layers, with only the base layer visible. Now you can tell the buttons what to do.

4.  Turn on the layer visibility for Layer1, the Buttons layer, and the Pug layer. Click on button 1 to select it, then right click (or control+click) to open the button’s Properties window, click the Actions tab> Select Trigger> Mouse Over> Add. This will cause the Pug layer to appear when the mouse moves over button 1. Now turn off the Pug layer visibility in the layers panel, and with the button 1 Properties panel still open, select Trigger> Mouse Exit> Set layer visibility> Add. This will cause the Pug layer to disappear when the mouse moves off of button one. Repeat for the other buttons.

Note, the easter bunny button does not have a mouse exit trigger, so it will stay on once selected (as long as you don't touch another button) the button over the easter bunny turns off the bunny layer.

5.  Close the layers view and stop Form editing (or close and re-open your PDF), now when the first button is covered by the mouse, you will see the base layer and first layer combined. The layers can overlap any way you prefer, depending on how your InDesign file was set-up.

6.  Save.

Feel free to upload and share a link to your PDF, I would love to see it. Happy Easter!

Button Properties.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2020 1
Adobe Community Professional ,
Apr 11, 2020

Copy link to clipboard

Copied

+++ for Luke Jennings process..

It's the easiest if you don't have JavaScript skills.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2020 0
Community Beginner ,
Apr 11, 2020

Copy link to clipboard

Copied

I forgot an important step.

 

After SET LINK, you must:

 

- double click on image

- select ACTION

- choose:  set layer visibility

- ADD

- OK

 

now turn off layer.

Repeat for each layer.

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2020 0