Crea un modello di campagna pubblicitaria per iBooks Author


In un precedente Hype per iBooks AuthorR tutorial, abbiamo creato una galleria di immagini con pulsanti interattivi e transizioni animate. Il progetto si è svolto così bene che ho deciso di crearne altri per il progetto Guida per l'utente del modello di libro di fiabe per bambini. Naturalmente, il primo passo è stato creare un modello Hype. Quindi, in questo tutorial convertiremo il precedente progetto del widget della galleria in un modello Hype.

Le specifiche

Se hai seguito il tutorial precedente, sai che ogni immagine nella galleria ha la sua scena in Hype. Il progetto era una piccola galleria di 8 immagini. Aggiungiamo due scene per una galleria più grande e impostiamo un'immagine segnaposto per ogni scena. Possiamo usare un generico segnaposto grafico e, per dire all'utente le dimensioni dell'immagine, mettiamo del testo sull'immagine indicando le dimensioni in pixel di 2048 x 1536. Dovremo anche sostituire il testo in ogni scena dell'originale progetto con testo segnaposto.

The Tech

Hype ha una bella funzionalità in Elements Inspector per la sostituzione delle immagini sullo schermo. Il nostro modello avrà solo un segnaposto grafico e l'utente può utilizzare questa funzione per sostituire facilmente il segnaposto grafico con le proprie immagini.

Per il testo segnaposto, possiamo usare qualcosa che dirà all'utente quale scena stanno modificando, come "Scena X - Il tuo testo qui".

Il processo

Poiché abbiamo già creato il nostro widget galleria per il nostro progetto iBooks Author, possiamo aprire il progetto in Hype, apportare le nostre modifiche e salvare come modello Hype.

Apri il tuo progetto della galleria in Hype. Come puoi vedere, il nostro progetto ha 8 scene con uno screenshot sul livello inferiore, il testo del titolo dello schermo e due pulsanti su ogni scena. Se desideri cambiare la grafica dei pulsanti, ora è un buon momento. Dopo aver apportato le modifiche al modello, salviamolo come file modello, in modo da non apportare modifiche al progetto originale.

  1. Fai clic su File - Salva modello e salva il file nel formato .hypetemplate.

    Il nostro modello avrà 10 scene, quindi dobbiamo aggiungerne due. Dato che le scene da 2 a 7 hanno pulsanti che sposteranno la galleria sulle scene precedenti e successive predefinite, possiamo duplicarne una.

  2. Rinominiamo la scena 8 in scena 10. Fai doppio clic sul titolo della scena sotto la miniatura e rinomina la scena.

    Ora possiamo duplicare una scena due volte per ottenere 10 scene in tutto.

  3. Fai clic con il tasto destro su Scene 7 e seleziona Duplica scena dal menu a comparsa.

  4. Fare doppio clic sul titolo e rinominare la scena duplicata in "Scena 8".

    Ripeti per creare la scena 9. Ora possiamo aggiungere la nostra grafica segnaposto alle nostre scene.

  5. Nella scena 1, selezionare l'immagine di sfondo. Nella finestra di ispezione Elements, fai clic sul pulsante Scegli per aprire la finestra del Finder e scegliere l'immagine del segnaposto. Hype sostituirà la grafica esistente con il nuovo segnaposto.

    Ripeti il ​​passaggio precedente per tutte e dieci le scene. Ora siamo pronti per impostare il testo segnaposto.

  6. Nella scena 1, fai doppio clic sul testo nella parte inferiore del segnaposto e digita "Scena 1 - Il tuo testo qui". Ripeti questo per ogni scena.

Ora abbiamo i nostri segnaposto impostati, in modo da poter salvare il progetto.

Facebook Ads Tutorial Italiano 2020 ✅ Da principiante a ESPERTO di Facebook Ads Marketing in 1 Video (Novembre 2020)



Modifiche Dell'Articolo: Crea un modello Hype per iBooks Author, Flash e Animation, come creare un modello Hype

Wedding Crashers

Wedding Crashers

tv e film