ANNOUNCEMENTS
ANNOUNCEMENTS
WEEK 11
Starting your digital brochure
We will work together

1. Creating a new document:
- Switch the intent tab to Web, then click on the first con 800x600px
Web parameters will be applied: units - pixels and RGB colors (use RGB swatches during work)
- Make sure that Facing Pages option is unchecked
- Enter 5 for Pages
- Click Create

2. InDesign navigation
Interactive buttons from page to page
Example

Several ways to create buttons:
- Use InDesign simple shape tools
- Use words for NEXT and BACK buttons
- Use angle bracket keys on keyboard
- Find and place buttons icons
You can use this one (first download it, then place in InDesign)


Three methods to make the buttons functional
Note 1: these NEXT and BACK buttons have to be put on the master page
Note 2: to check the interactivity from InDesign:
Go to Window > Interactive > EPUB Interactivity Preview (not from the Parent page)
Important: Check Set Preview Document mode button in the lower right corner
Click Play Preview button at the left lower corner


METHOD 1:
- Select a shape or words that you created
- Select Window > Interactive > Buttons and Forms
- Select Button from the Type dropdown menu.
- In the Event dropdown menu leave “On Release or Tap”.
- Click on Add new action symbol + to set an action.
(Select action for the BACK button: Go To Previous Page)
(Select action for the NEXT button: Go To Next Page)
Note:
You can change Rollover state if you want:
Select the button, click on Rollover Appearance, in the Properties panel change the color (or stroke, opacity, etc.)


METHOD 2:
- Select a shape or words that you created
- Go to Object>Interactive>Convert to button
- Buttons and Forms panel will appear
- Follow the procedure described in the above method

METHOD 3:
- Select Window > Interactive > Buttons and Forms.
- Select panel menu icon (☰ symbol at the upper right corner of the panel), then choose Sample Buttons And Forms.
- Select the buttons that you like and drag them to the parent page.
- Select each button using the Selection tool.
All specifications will be applied by default

To remove the Back button from the cover page:
Click Ctrl+Shift (Comd+Shift on Mac) on the button and delete it.
The same procedure to delete the Next button on the last page

Pages re-numbering:
- Right click on the second page
- Select Numbering and Sections options,
- Check the radio button Start Page Numbering at 1
- Click OK

3. Booklet sketches individual discussion

4. Class work:
Start working on the cover in InDesign;


TO LEARN INDESIGN


Practice InDesign

Article Create and add buttons (Also different useful sdvices at the left)
Videos:
Interactive buttons from page to page (short video)
Interactive buttons from page to page (with build-in buttons)
Interactive Design Topics: Button page Navigation

TO DO


Digital Booklet project

Do not forget to name the file "DigilaBookletYourName.indd"

1. Finish Cover in InDesign
(Remember, the cover should not have a page number)
2. Make interactive buttons from page to page
3. Export the file as PDF Interactive

Note about graphics and images:
While working in InDesign, keep linked images in one folder
Video Linked vs Embedded Images (3 min)

 

1. Completely redo all 5 booklet sketches for the grading (10 points, each one is 2 points)
I will give you templates for layouts
Example of sketches

2. Work on the project
- Finish Booklet cover and and submit it to the dropbox, Project 4 folder (both files, InDesign and PDF Interactive)
(Remember, the cover should not have a page number as well as the Back button)
- Start the first page in InDesign
- Make sure that interactive buttons from page to page are working
- Export the file as PDF Interactive
Note: name the file "DigilaBookletYourName"

TO DO AND SUBMIT


Digital Booklet project

1. Finish the first page in InDesign

2. Export the file as PDF Interactive
Do not forget: file name has to be "DigilaBookletYourName"
Submit both files into the dropbox Project 4 folder: InDesign and PDF Interactive
Do not forget to keep there all your research items: text and images