9
Hyperlinks URL-based hyperlinks and buttons automatically become interactive when the issue is bundled. You can use either hyperlinks or buttons to jump to web pages, send email, and more. To jump to another article, create a URL-based button or hyperlink in which you replace “http://” with“navto://.”Example:“navto://article_name.” Click above hyperlink to open page in in-app browser. Click above hyperlink to exit Viewer and open page in Safari browser. Click button to view InDesign Magazine in the App Store.

Prova media

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: