Hyperlinks

URL-basedhyperlinksandbuttonsautomaticallybecomeinteractivewhentheissueisbundled.Youcanuseeitherhyperlinksorbuttonstojumptowebpages,sendemail,andmore.

Tojumptoanotherarticle,createaURL-basedbuttonorhyperlinkinwhichyoureplacehttp://withnavto://.Example:navto://article_name.

Clickabovehyperlinktoopenpageinin-appbrowser.

ClickabovehyperlinktoexitViewerandopenpageinSafaribrowser.

ClickbuttontoviewInDesignMagazinein

theAppStore.

Slideshow

Tapthethumbnailstoviewdifferentslides,clickthenavigationbuttons,orswipethemainslideshowimagetomovethroughtheslideshow.

Tocreateaslideshow,inserttheslideimages,arrangetheminastack,andusetheObjectStatespaneltocreateamulti-stateobject.

Wecreatedthumbnailimagesforeachslide,andusedtheButtonspaneltoconvertthemtobuttons.EachthumbnailusestheGotoStateaction,andthearrowbuttonsuseGotoNextStateandGotoPreviousState.Wealsoenabledswiping.

Image Sequence Overlay

Taptheimageoncetorotateit.Tapandswipeineitherdirectiontorotateitmanually.Double-taptoresetit.

Animagesequence(previouslycalled360Viewer)overlayconsistsofaseriesofimages,witheachimagerepresentingaslightlydifferentrotationangle.UsetheOverlayCreatorpaneltopointtothesourcefolderandchangesettings.

UsePhotoshopExtended,QuickTimePro,ora3Dmodelapplicationtocreatethesetofimagesfora360-degreeview.

Audio

Taptheicontoplaytheaudio.Tapagaintopause.

Noticethatthestatusbarprogresseswhiletheaudioplays.Wecreatedasetof_playand_pausepngfilesthateachrepresentthecurrentstatusoftheaudioicon.

These.pngfilesarenotnecessary.Youcancreateasimpleaudiooverlaythatdoesnthaveastatusbarskin.

Audiofilewithprogressive

controllerskin

Audiofilewithsimple

controllerskin

Audiofilewithno

controllerskin

Video

FullScreenVideo

InlineVideo

Panorama

Thesixrequiredimagesrepresenttheinsideofacube.

Taptheimageabovetoviewthepanorama.Swipetorotate.Pinchtozoominandout.

WeusedanapplicationcalledPano2VRtoconvertapanoramaimageintothesixsourcefilesrequiredtocreatethepanorama.

Weimposedagridovertheimagesfortestingpurposes.

Wesetthetoptiltlimitto-80andthebottomtiltlimitto80.

14

6

5

2 3

Web Content

WeusedtheOverlayCreatortoexporta600x500-pixeloverlayoftheInDesignSecretsTwitterwebsite.WeturnedonAutoStartsothatthewebviewbeginsloadingassoonasthepageisturnedto.

YouriPadmustbeconnectedtotheinternettoviewthewebsite.

Pan & Zoom

Tapanddragthiscyclisttopan.Pinchtozoominandout.

Weplaceda1024x1024-pixelimageandcroppeditwitha400x400-pixelframe.ThenweselectedthePanandZoomoptionintheOverlayCreatorpanel.

Scrollable Content

Ingredients Directions

Swipetoscrollverticallywithintheframes.

Tocreatethiseffect,createalayercalledScrollableContent.Foreachoverlay,createtwoobjectsacontainerframeandacontentframe.Theseframesshouldbethesamewidth.

AddthecontentframetotheScrollableContentlayer,andgivethecontentframeandcontainerframethesamename,suchasIngredientsandDirections.

Thecontentframecanactuallybemultipleframes.SimplygroupthemandnamethegroupintheLayerspanel.

Button 12: Button 13: Button 14: Button 2: Button 3: Button 4: Button 5: Button 6: Button 9: Button 11: