Opastusohjelma 3: Vuorovaikutteisten peittokuvien lisääminen

Hae

Päivitetty viimeksi 6. toukokuuta 2021

Käydessäsi läpi tätä opastusohjelmaa käytät TutorialAssets-kansion CityGuide_Folio-kansiota. Luot vuorovaikutteisia objekteja InDesignissa. Tämän oppitunnin lopuksi pääartikkelin ensimmäisen sivun pitäisi näyttää iPadissa seuraavalta:

A. Vaakanäkymä B. Pystynäkymä C. Hyperlinkit D. Videopeittokuvat

Lataa opastusohjelman resurssit, ellet ole vielä niitä ladannut. Katso Opastusohjelman määritys.

Artikkelien tuonti

Edellisellä oppitunnilla loit artikkelin avaamalla lähdejulkaisun ja valitsemalla Lisää artikkeli. Toinen tapa on tuoda artikkeleja. Jos noudatat oikeaa kansiorakennetta ja tiedostojen nimeämistapoja, voit tuoda yhden tai useita artikkeleja.

Kun tuot artikkelia, viittaa artikkelikansioon. Kun tuot useita artikkeleja, viittaa foliokansioon.

Ennen kuin tuot artikkeleja, avaa TutorialAssets > CityGuide_Folio -kansion InDesign-lähdejulkaisut sen varmistamiseksi, että kaikki linkit on päivitetty ja tiedostot tallennettu.
Navigoi artikkelinäkymään ja valitse Folio Builder -paneelivalikosta Tuo artikkeli.
Valitse Tuo useita artikkeleja.
Napsauta Sijainti-kansion kuvaketta ja siirry kansioon TutorialAssets > CityGuide_Folio. Napsauta Avaa.

Valitse CityGuide_Folio-kansio, älä alakansiota.
Voi tuoda CityGuide_Folio-kansion artikkelit ja ladata ne palvelimelle napsauttamalla OK.
Vedä ja pudota WiFi-mainosartikkeli listan loppuun.

Folio Builder -paneeli artikkelien tuomisen jälkeen

Folion ominaisuuksien muuttaminen

Palaa folionäkymään napsauttamalla Folio Builder -paneelissa nuolikuvaketta. Valitse City Guide -folio ja valitse Folion ominaisuudet Folio Builder -paneelista.
Kirjoita Julkaisun nimi -kenttään Kuukausittainen Kaupunkiopas.

Julkaisun nimi on eri asia kuin Folion nimi. Julkaisun nimi näkyy katseluohjelmassa. Folion nimeä käytetään sisäisiin tarkoituksiin, kuten linkittämiseen ja versioiden asettamiseen.
Jos et ole vielä tehnyt sitä, määritä Cover_v.jpg pystysuuntaa ja Cover_h.jpg vaakasuuntaa varten ja napsauta OK. Nämä kansikuvat näkyvät CityGuide_Folio-kansiossa.

Kannen esikatselu näkyy katseluohjelman kirjastossa. Kannen esikatselut tarvitaan sovelluksen julkaisemiseen.

Folion ominaisuudet -valintaikkuna

Vuorovaikutteisen hyperlinkin lisääminen

Seuraavaksi muokataan Nauti-julkaisuja niin, että ne sisältävät vuorovaikutteisia objekteja.

InDesign sisältää monia vuorovaikutteisuusominaisuuksia. Kuitenkin vain osa näistä ominaisuuksista toimii digitaalisten julkaisutyökalujen kanssa. Tuettujen natiivien ominaisuuksien lisäksi Overlay Creator -paneeli sisältää vuorovaikutteiset peittokuvat, jotka toimivat vain digitaalisten julkaisutyökalujen kanssa.

Luo ensin hyperlinkkiobjekti D.I.Y. Meet -logoa varten.

Navigoi Folio Builder -paneelissa Enjoy_Article-artikkelin sivuasettelunäkymään ja avaa Enjoy_v.idd kaksoisnapsauttamalla Pystynäkymä.
Valitse työkalurivin Suorakulmio-työkalu ja raahaa suorakulmio etusivun D.I.Y. Meet -logon päälle. Varmista, ettei suorakulmiossa ole reunaviivaa eikä täyttöä.
Avaa Hyperlinkit-paneeli (valitse Ikkuna > Vuorovaikutteinen > Hyperlinkit) ja valitse paneelivalikosta Uusi Hyperlinkki.
Valitse Linkki kohteeseen -valikosta URL ja kirjoita URL-osoite URL-kenttään (käytimme osoitetta http://www.bikeworks.org/. Poista Jaettu hyperlinkin kohde -kohdan valinta. Jätä Ulkoasu-kohdassa Näkymätön suorakulmio- ja Ei mitään -kohdat valituiksi. Valitse OK.

Hyperlinkin käyttö suorakulmiokehyksessä
Avaa Enjoy_H.indd-julkaisu kaksoisnapsauttamalla Folio Builder -paneelissa olevaa kohtaa Vaakasivuasettelu. Kopioi ja liitä hyperlinkkiobjekti Enjoy_v.indd.-tiedostosta Enjoy_h.indd-tiedostoon. Siirrä objekti D.I.Y. Meet -logon päälle.
Voit esikatsella julkaisua nopeasti tallentamalla julkaisun ja valitsemalla Tiedosto > Folion esikatselu. Napsauta hyperlinkkiä. Poistu sitten Adobe Content Viewerista.

Hyperlinkit avautuvat oletusarvoisesti sovelluksen sisäisessä katseluohjelmassa, eivät mobiiliselaimessa. Voit muokata asetuksia Overlay Creator -paneelissa niin, että se avaa verkkosivuston Safari-mobiiliselaimessa. Opit lisää Overlay Creator -paneelista seuraavassa.

Elokuvapeittokuvien luominen

InDesign-julkaisuun lisättävät elokuvat muuttuvat vuorovaikutteisiksi, kun tiedostot kootaan. Ensiksi lisätään video ja sen jälkeen muokataan asetuksia Overlay Creator -paneelissa. Lisäämme seuraavaksi pyöräilyelokuvan.

Valitse Enjoy_h.indd-tiedostossa Tiedosto > Sijoita, selaa CityGuide_Folio > Enjoy_Article > Linkit -kansioon ja kaksoisnapsauta cycling_432x234.mpg-tiedostoa. Sijoita elokuvatiedosto oikeaan yläkulmaan.

Suunnittelijat ovat luoneet objektin vuorovaikutteisuuden merkiksi videokuvan, jossa on elokuvakuvake. Seuraavaksi kuvaa käytetään julisteena.
Valitse Media-paneelin (Ikkuna > Vuorovaikutteinen > Media) Juliste-ponnahdusikkunavalikosta Valitse kuva. Kaksoisnapsauta cyclist.jpg-tiedostoa CityGuide_Folio > Enjoy_article > Linkit -kansiossa.

Uusi julistekuva näytetään. Seuraavaksi määritetään Overlay Creator -paneelin avulla se, miten elokuvaa toistetaan.
Avaa Overlay Creator -paneeli valitsemalla Ikkuna > Laajennus > Overlay Creator.
Elokuvaobjektin ollessa edelleen valittuna valitse Overlay Creator -paneelista Näytä ohjain napauttamalla.

Elokuvan asetusten muokkaaminen Overlay Creatorilla
Kopioi kuva, siirry Enjoy_v.indd-tiedostoon ja liitä se Valinta-työkalulla. Siirrä se etusivun tyhjälle alueelle ja kohdista se ympäröivien objektien mukaan.
Voit esikatsella elokuvaa tallentamalla julkaisun ja valitsemalla Tiedosto > Folion esikatselu. Voit toistaa elokuvan napsauttamalla sitä. Poistu sitten Adobe Content Viewerista.

Diaesityspeittokuvien luominen

Luodaan seuraavaksi vuorovaikutteinen diaesitys Object States -paneelin avulla. Olemme jo lisänneet kuvat vaakasuuntaisen Enjoy-tiedoston toiselle sivulle. Ne asetetaan pinoon, muunnetaan useissa tiloissa oleviksi objekteiksi ja luodaan painikkeita, joilla voidaan navigoida diaesityksessä eteen- ja taaksepäin.

Avaa Enjoy_v.indd InDesignissa ja siirry sivulle 2.
Valitse punaisten nuolten välissä olevat seitsemän kuvaa ja napsauta Tasaa vaakakeskipisteet- ja Tasaa pystykeskipisteet -painikkeita Ohjauspaneelissa. Keskitä nuolien välissä olevat kuvat.
Kuvien ollessa edelleen valittuina avaa Objektin tilat -paneeli valitsemalla Ikkuna > Vuorovaikutteinen > Objektin tilat. Napsauta Muunna valinta useissa tiloissa olevaksi objektiksi -painiketta.

Useissa tiloissa olevaksi objektiksi yhdistetyt kuvat

Kuvat näkyvät Objektin tilat -paneelissa erillisinä tiloina.
Muuta Objektin tilat -paneelissa Objektin nimi -kenttään nimeksi Merietanat.

Kun useissa tiloissa olevilla objekteillasi vaaka- ja pystyjulkaisuissa on sama objektin nimi, tila pysyy muistissa, kun käännät iPadia. Kun nyt olet luonut useissa tiloissa olevan objektin, käyttäjille on sallittava niiden vierittäminen.
Avaa Painikkeet-paneeli valitsemalla Ikkuna > Vuorovaikutteinen > Painikkeet ja valitse vasemmalla oleva punainen nuoli.
Napsauta Muunna objekti painikkeeksi ja valitse sitten Siirry edelliseen tilaan Toiminnot-valinnan vieressä olevasta plus-kuvakkeesta.

Navigointipainikkeiden luominen

Tehdään seuraavaksi muutos, jonka ansiosta kuvakkeen ulkonäkö muuttuu hieman, kun käyttäjä napauttaa sitä.
Napsauta [Napsauta] Painikkeet-paneelissa ja napsauta sitten ohjauspaneelin Heittovarjo-kuvaketta.
Valitse oikealla näkyvä punainen nuoli, muunna se painikkeeksi ja käytä Siirry seuraavaan kohtaan -toimintoa. Tee [Napsauta]-ulkoasusta heittovarjo.

Painikkeita napauttamalla käyttäjät voivat siirtyä kuvasta toiseen. Annetaan heille myös mahdollisuus siirtyä diojen läpi pyyhkäisemällä.
Valitse useissa tiloissa oleva objekti. Valitse Overlay Creator -paneelissa Muuta tilaa pyyhkäisemällä.

Pyyhkäisemisen ottaminen käyttöön diaesityksessä
Kopioi ja liitä nuolet ja useissa tiloissa oleva objekti Enjoy_v.indd-tiedostosta Enjoy_h.indd-tiedoston sivulle 2. Siirrä nuolet useissa tiloissa olevan objektin alle tilankäytön parantamiseksi.
Voit esikatsella diaesitystä tallentamalla julkaisun ja valitsemalla Tiedosto > Folion esikatselu. Liiku diaesityksessä navigointipainikkeiden avulla. Poistu sitten Adobe Content Viewerista.

Panoraamapeittokuvan luominen

Panoraamoihin tarvitaan kuusi kuvaa, joista kukin esittää kuution yhtä sivua.

Avaa Enjoy_v.indd ja siirry sivulle 3.
Valitse työkalulaatikosta Suorakulmiokehystyökalu ja raahaa luodaksesi haluamasi kokoinen suorakulmio.
Valitse Overlay Creator -paneelissa Panoraama.
Napsauta Lähde-kansiota ja valitse CourtyardPano-kansiota CityGuide_Folio > Enjoy_Article > Linkit -kansiossa. Napsauta Avaa.

Paikkamerkkisuorakulmio sai panoraamakuvien muodon, mutta haluamme napsautusalueesta pienemmän.
Pidä alhaalla Ctrl- ja Shift-näppäimiä (Windows) tai Komento+Vaihto-painikkeita (Mac OS) ja muuta panoraamaobjektin kokoa vetämällä valintakahvaa niin, että sen koko on suunnilleen 400 x 400 pikseliä.

Panoraamapeittokuvan luominen

Tehdään seuraavaksi panoraamalle täysi liikkuvuus oletusasetusten avulla.
Kopioi ja liitä panoraamaobjekti Enjoy_v.indd-tiedostosta Enjoy_h.indd-tiedoston sivulle 3.
Tallenna ja sulje InDesign-tiedostot.

Esikatsele folio iPadillasi (vain Mac OS)

Seuraavaksi käytät Esikatsele laitteessa -toimintoa folion esikatseluun. Jos käytät Windows-tietokonetta, siirry seuraavaan osioon oppiaksesi, kuinka voit esikatsella lähettämällä ja lataamalla tiedostoja.

Jos et ole sitä vielä tehnyt, asenna Adobe Content Viewer iPadillesi App Storesta. Etsi sovelluskaupasta sanoilla ”Content Viewer”.
Yhdistä iPad Mac OS-tietokoneeseesi ja käynnistä Adobe Content Viewer -sovellus.
Navigoi Folio Builder -paneelissa juuri luomaasi City Guide -folioon.
Valitse paneelin alaosasta Esikatselu > Esikatselu [iPad-laitteen nimi].
Katso City Guide lehden foliota.
- Kierrä iPadia, jotta näet tiedoston vaaka- ja pystyversiot.
- Katsele eri artikkeleita pyyhkäisemällä vasemmalle ja oikealle. Lue artikkelia pyyhkäisemällä ylös ja alas.
- Selaa Nauti-artikkeliin. Varmista, että vuorovaikutteiset peittokuvat toimivat.
- Näytä navigointipalkit napauttamalla ei-vuorovaikutteista aluetta ja siirry folion alkuun napauttamalla Aloitus-painiketta. Näytä sisällysluettelo napauttamalla vasemmassa yläkulmassa olevaa sisällysluettelokuvaketta. Selaa artikkelin esikatseluja vetämällä pyyhintäohjelmaa.
Napauta näyttääksesi Adobe Content Viewerin navigointipalkit

Tiedostojen lähettäminen ja esikatselu

Voit esikatsella folioita iPadillasi kirjautumalla sisään Folio Builder -paneeliin, lähettämällä folion ja sitten lataamalla folion.

Valitse Kirjaudu sisään Folio Builder -paneelin paneelivalikosta. Sitten kirjaudu sisään käyttämällä Adobe-tunnusta, jonka on vahvistettu toimivan DPS:n kanssa.

Jos sinulla on Creative Cloud -jäsenyys, käytä Creative Cloud -tunnuksiasi. Jos sinulla ei ole Creative Cloud -jäsenyyttä, kirjaudu osoitteeseen http://digitalpublishing.acrobat.com ja seuraa kehotteita tilisi varmentamiseen.
Valitse sisäänkirjautumisen jälkeen City Guide -folio paneelista ja sen jälkeen valitse Lähetä Folio Producerille paneelivalikosta.

Folion resurssit lähetetään acrobat.com-palvelimelle.
Jos et ole sitä vielä tehnyt, asenna Adobe Content Viewer iPadillesi App Storesta.

Huomautus:

Jos käytät jotain muuta mobiililaitetta, kuten Android-tablettia tai Kindle Firea, voit ladata Adobe Content Viewerin Google Play Storesta tai Amazon Appstoresta.
Käynnistä Adobe Content Viewer iPadillasi.
Ellet ole vielä kirjautunut sisään, napauta Kirjaudu sisään -painiketta. Kirjaudu sisään samalla Adobe-tunnuksella kuin Folio Builder -paneeliin.

iPadin tulee olla yhteydessä internetiin, jotta kirjautuminen onnistuu.
Lataa ja katsele City Guide Magazine -foliota, kun niin pyydetään.

Jos muokkaat mitään InDesign-lähdetiedostoista, valitse artikkeli ja napsauta Päivitä paneelivalikosta päivittääksesi artikkelit. iPadin Adobe Content Viewerilla sinua kehotetaan lataamaan päivitetty folio.

Mihin edetä tästä eteenpäin

Olet oppinut perusteet artikkelien ja folioiden luomisesta sekä vuorovaikutteisten peittokuvien lisäämisestä. Oppiaksesi lisää peittokuvista ja muista DPS:n ominaisuuksista, tee jokin seuraavista:

Avaa lähdetiedostot Overlay_Examples_Folio -kansiossa ja harjoittele erilaisten peittokuvaresurssien avulla. Voit muokata dokumenttien olemassa olevia peittokuvia tai rakentaa omia peittokuvia.
Lataa ilmainen DPS Tips -sovellus. Etsi sanoilla ”DPS Tips” iPadisi tai iPhonesi App Storesta, tai suorita haku Google Play Storessa Android-laitteille tai Amazon Appstoressa Kindle Firea varten.
Haluatko julkaista sovelluksen Apple App Storessa? Jos olet Adobe Creative Cloud -tilaaja, voit luoda ja lähettää rajoittamattoman määrän yhden folion sovelluksia iPadille. Voit luoda yhden folion sovelluksen myös ostamalla Single Edition -lisenssin. Kun olet valmis luomaan sovelluksesi, valitse Folio Builder -paneelista folio ja sitten paneelivalikosta Luo sovellus. Sinua kehotetaan lataamaan Step-by-Step Publishing Guide. Seuraa tämän oppaan ohjeita ensimmäistä sovellusta tehdessäsi.
Jos haluat luoda usean folion sovelluksia, voit hankkia Digital Publishing Suiten Ammattilais- tai Yritys-tilauksen.