Upload
luca-santi
View
221
Download
0
Embed Size (px)
DESCRIPTION
Â
Citation preview
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: