Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
One of the most popular and successful magazines that uses Adobe's Digital Publishing Suite is National Geographic. It won the Best Tablet Magazine Award in the 2012 National Magazine Awards for Digital Media. Let's take a tour of the interactivity that makes National Geographic's tablet edition so special. To view my issues of National Geographic, I'll go to my Newsstand, I'll tap the National Geographic app on the shelf, and I come to my library. This is where I can see all the issues available for me to download.
I've already downloaded some issues and for those, I have buttons to view the issue or to archive the issue, which removes it from my device. An archived issue can be downloaded again at any time. Let's take a look at the issue devoted to the 100th anniversary of the sinking of the Titanic. I'll tap View and the first thing I see is a 360-degree rendering of the wreck, the Titanic, as it is now. And when the animation is done, the rest of the cover fades in.
I can swipe horizontally to go to the table of contents, and if I wanted to see that 360-degree animation, I can swipe back again. So that animation plays whenever the page is loaded. If I tap, I get navigation controls at the top and bottom of the screen. I can tap at the top-left to view a scrolling list of articles in the issue, along with thumbnails of each. If I tap an article, I jump to it. Here I can read the Editor's Note and there's a button to send the editor an email.
I can also tap the star at the top- right to add an article to my favorites. On the far right, I can tap to view all the articles in a horizontally scrolling view. As I swipe, when a different article comes into the center of the view, its description appears at the top, and I can tap any page to go to it. I'll tap on the first page of the Visions section of the magazine, and when I'm viewing this photo, I can tap a small button to reveal the photo's caption, and tap again to hide the caption. This is a very clever use of buttons that allows National Geographic to have the photo take up the whole screen and not have to leave space for the caption.
I'll tap again to look at one more navigation feature, and that's at the bottom of the page where I can drag a slider to reveal thumbnails and descriptions of each page. When I see the page I want to go to, I can release the slider. So here's the cover story on the Titanic, and notice that I have social media links integrated right on the page with Twitter and Facebook buttons, as well as email. On the lower-right of the page I can see an indication that this article scrolls vertically. I can continue swiping down through the content, until eventually I come to a timeline that's been arranged vertically inside a scrolling area. And I also have a graphic that's to scale, representing how far below the surface of the water the Titanic rests.
In the timeline I can read about major events from the sinking of the ship to the present, and on the left there is a button to jump to the top of the article, so I don't have to swipe a whole lot to get back there. On the next page, I have a series of four views of the wreck. I can tap on one of them and after it has finished loading, I can pinch and zoom to explore the photo in detail. And when I am finished, I can tap Done. I can swipe to the next feature, Dive the Titanic, which is an interactive 3D model of the wreck. I'll tap to launch it. And I can swipe to view the wreck from any side.
I'll tap Done. And I can go to the next feature, where I can slide out a map showing the location of the wreck. I can slide it back in, and I can tap the circle to see a photo mosaic of the wreck site. When it's done loading, I can zoom in and tap a label to read about a particular item. And in the top left, the navigator view tells me where I am in the overall map of the wreck.
I'll tap Done and swipe to the next feature, which is a video. I can tap to play it, and I have controls to rewind, fast-forward, and pause, and a progress bar that I can slide with my finger to scrub to a different spot in the video. I'll tap Done and swipe to the next feature, which is an introduction to the photo series Ghostwalking in Titanic.
I can swipe this article vertically and tap the top-right of the photo to make it nearly full screen, and then tap again to close it. National Geographic really went all out for the Titanic issue with several videos, panoramas, content and scrollable frames, photos that can be zoomed on, and more. Later in this series, we'll see how to create many of these types of interactive content for publication in an Adobe DPS project.
Get unlimited access to all courses for just $25/month.Become a member
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.