Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

Interactive pdf Easter egg hunt

Community Beginner ,
Apr 05, 2020 Apr 05, 2020

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

TOPICS
How to
2.1K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Beginner , Apr 11, 2020 Apr 11, 2020

- 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 mous

...
Translate
Community Expert ,
Apr 05, 2020 Apr 05, 2020

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 05, 2020 Apr 05, 2020

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 06, 2020 Apr 06, 2020

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.pngexpand image

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 06, 2020 Apr 06, 2020

This looks very helpful.

Will focus on project tonight.

Thanks

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 09, 2020 Apr 09, 2020

Still struggling.

Created file with layers in InDesign.

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

Any thoughts/

Thanks.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 10, 2020 Apr 10, 2020

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.pngexpand image

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 10, 2020 Apr 10, 2020

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 10, 2020 Apr 10, 2020

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.


Acrobate du PDF, InDesigner et Photoshopographe
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 10, 2020 Apr 10, 2020

Figured it out. Thanks for your help.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 11, 2020 Apr 11, 2020

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

 

Thanks

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 11, 2020 Apr 11, 2020
Sure.  Give me a bit.Process was trial and error, and I needto figure out what I did.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 11, 2020 Apr 11, 2020

- 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.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 11, 2020 Apr 11, 2020

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.pngexpand image

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 11, 2020 Apr 11, 2020

+++ for Luke Jennings process..

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


Acrobate du PDF, InDesigner et Photoshopographe
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 11, 2020 Apr 11, 2020
LATEST

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.

 

 

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