Unit 7 2.2: InDesign Workshop

For Unit 7, we have to produce an interactive double page spread with the evaluation of the project for Unit 5 and 6. Today in class we had a tutorial on interactive magazine on Adobe In Design.

First thing is to open a new document, and change it to custom, as well as “mobile” so the magazine is fit for mobiles too, the page size has to be A4 as well so it fits everything. Make sure primary text frame and facing pages are selected. The columns is something we’ll add later.

screen-shot-2017-01-20-at-09-18-16

The important thing of an interactive magazine is that essentially it needs to be well, interactive, that includes videos, hyperlinks, buttons, etc. To upload the video onto the magazine, you have to go to File then Place…

screen-shot-2017-01-20-at-09-24-08

Then you select the video that you want to place in the interactive magazine, for the final piece it will be of course the final outcome of unit 5 and 6. But for this tutorial we used the video from the video synching exercise from the show “Monk”.

screen-shot-2017-01-20-at-09-26-57

The format I had the video on (.mov) wasn’t accepted by InDesign.screen-shot-2017-01-20-at-09-28-41

So I wen back to the original project to export it as the correct format, apparently all this time I had been exporting videos the wrong way. I also had a few errors in the video so I also corrected that. The correct format is H. 264 and preset HD 1080i 25, which allows videos to be shared on all platforms and in a way it makes it “universal”.

screen-shot-2017-01-20-at-09-55-41

I then re-uploaded the video onto In Design.

screen-shot-2017-01-20-at-10-12-33

Now, as you can see, the format is correct and the picture shows on the page.

screen-shot-2017-01-20-at-10-12-54

When you upload the video, the size will not always be what you want or the video won’t fit in the frame; to fit you right click the video and select “Fitting” then fit content to frame.

screen-shot-2017-01-20-at-10-13-01

To personalise the video, like what still from the video shows up on your magazine, you go to window, then interactive then select media.

screen-shot-2017-01-20-at-10-14-03

Where a small window will appear that allows you to adjust the video how you want it.

screen-shot-2017-01-20-at-10-14-11

Move the cursor and select a part of the video that you want to show up on the page, like the front cover of the video, the default image people will see on the magazine. Where it says poster, click on it and select “from current frame”.

screen-shot-2017-01-20-at-10-14-41

 

You can also personalise the way the video plays:

screen-shot-2017-01-20-at-10-15-01

Now to add text to the magazine, on the left hand side where all the tools are, click the “T”.

 

screen-shot-2017-01-20-at-10-15-42

Then select the area on the magazine where you want your text to be, be it for the headline or subtext or anything else.

screen-shot-2017-01-20-at-10-16-34

For this tutorial we just wrote test page and copy and pasted it over and over.

screen-shot-2017-01-20-at-10-17-23

Like this. But in most magazine you can’t just have the text running all in one column. Magazines, same as newspapers, have text divided into columns, usually 2 to 4 columns.

screen-shot-2017-01-20-at-10-17-58

To add columns, select Text Frame Options.

screen-shot-2017-01-20-at-10-18-24

Change the number to how many columns you want, in this case I chose 3 columns.

screen-shot-2017-01-20-at-10-18-39

screen-shot-2017-01-20-at-10-22-56

After you’ve edited your magazine the way you want to, it’s time to export it. To do that, you go to File >> Export.

screen-shot-2017-01-20-at-10-23-11

As you can see, the format is in “Adobe PDF (Interactive)” which is important for the videos, hyperlinks, etc to work.

screen-shot-2017-01-20-at-10-23-29

When exporting the magazine, make sure the language is in English UK to USA.

screen-shot-2017-01-20-at-10-23-46

And the resolution to 72, if it’s lower then that it will become pixelated and if it’s higher it will take too long to load.

screen-shot-2017-01-20-at-10-23-52

When opening the pdf file normally, the interactive elements won’t appear (as you can see below).

screen-shot-2017-01-20-at-10-24-58

So instead of opening the file formally, right click it and select “Open with” and select Adobe Acrobat.

screen-shot-2017-01-20-at-10-25-25

That way the interactive elements appear and you can actually click on it.

screen-shot-2017-01-20-at-10-25-54

 

PDF Evaluation test-page-evaluation

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: