Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
On this page of the mood board we are going to show some variations of the Masthead or logo for a city guide. The conventional approach will be to list each logo on the page, but having logos next to each other can be quite distracting. By using a slideshow we can let the viewer focus on each masthead by itself, before moving to the next one. We are going to begin by placing the mastheads on the page. We are going to go to File > Place and inside our Links folder we have a snippets folder where we are going to select masthead.idms. We are going to place this snippet on our page and with all of them selected we are going to go to our Align panel, and we are going to align their horizontal centers and their vertical centers to stack them on top of each other.
Next, we are going to go to the Object States panel and make new a multi-state object. We'll give it the name slideshow and then click and drag to align it on the page. Next, let's order these in their correct order. I am going to open up this panel and then put logotype 1 at the top followed by 2, 3, 4, 5 and 6. Now, we need to program the buttons to make them work. I am going to select the first button, go to our Buttons panel, and I am going to add an action that says Go To Next State. Let's go ahead and pick up the slideshow. We will grab the previous button and repeat the process by Go To Previous State.
Now, let's preview our animation. When we click it seems to be working. If we go back it goes to the previous. Now, what happens if we want to add one more logo to our slideshow? Let's grab our Type tool and draw out a new text frame. We are going to type out Local, and we are going to select this and change this to Minion Pro, Bold, and we'll make the font be 150. Next, we'll grab our Selection tool and we'll choose Fit frame to content. Now, we'll cut it to our clipboard and we'll select our multi-state object.
Inside the Object States panel we are going to select Logotype 6 and drag it down to duplicate that particular state. On Logo 6 copy we are going to hit the star button that says Paste copied objects into selected state. When we do this it's going to paste in the logo that we made earlier. Now, in this particular state we need to hide the old logo. We are going to open up the MSO layer, open up slideshow, Logotype 6 copy, and then hide all of the layers that don't say local. Now that we have the state finished, let's preview.
As we click through, all of our logos appear as expected. When you're creating a clickable slideshow it is important to remember to thoroughly test it. Sometimes you catch little mistakes, like the buttons are too small or the slides are in the wrong order. It is better to catch the problem now than when it's too late to make a change.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 49993 Viewers
117 Video lessons · 37296 Viewers
113 Video lessons · 81193 Viewers
65 Video lessons · 10608 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.