Interaktive layout på arbejde

Forestil dig, at Brad er ansvarlig for markedsføringen af et band. Bandet har en turplan, der opdateres hele tiden. Det er Brads job at sikre, at

  • bandet har et fantastisk SWF-site, der indeholder den nyeste turplan.
  • bandet også har et fremragende HTML-site, der indeholder den seneste turplan for fans, der ikke har Flash Player.
  • bandet har en mailliste, hvortil der med visse mellemrum udsendes en direct mail, der viser den aktuelle turplan.

Når han først har bestemt bandets grafiske look, opretter Brad sin direct mail med et udskriftslayout i et QuarkXPress-projekt og importerer den aktuelle turplan.

QuarkXpress example interactive print layout Interaktive layout på arbejde

Et QuarkXPress-standardudskriftslayout.

Når han designer sin direct mail, som han ønsker, vælger han Layout > Dublér for at dublere indholdet til et weblayout i det samme projekt. Han kan nu arbejde med HTML-versionen af siden i det samme arkiv.

QuarkXpress example interactive web layout Interaktive layout på arbejde

Et weblayout oprettet ved dublering af et udskriftslayout.

Herefter dublerer han weblayoutet til et interaktivt layout, igen ved at vælge Layout > Dublér.

For at tilføje interaktivitet beslutter han at lade guitaren svæve ind fra højre, når en slutbruger åbner SWF-præsentationen. For at gøre det udfører han følgende:

  • Han tilføjer en rød streg, der fungerer som den sti, guitaren bevæger sig på. Med paletten Interaktiv gør han den til et grundlæggende objekt og navngiver det “Guitarsti”. Under Alternativer vælger han Start skjult (så fansene ikke ser stregen).
  • Han markerer guitargrafikken og bruger paletten Interaktiv for at ændre det til et animationsobjekt, der får navnet “GlidendeGuitar”. For at indikere at det skal flyttes ad den røde streg, vælger han Objekt på en sti på drop-down-menuen Vises som og vælger herefter Guitarsti (den røde streg) på drop-down-menuen Sti. For at sætte fart på diaset skriver han 4 i feltet Hastighed.

QuarkXpress example interactive layout Interaktive layout på arbejde

Brug fanen Objekt til at ændre et objekt til et animationsobjekt.

For at få animationen til at køre gør Brad to ting:

  1. Han opretter en instruks, der afspiller animationen.
    QuarkXpress example script playanimation Interaktive layout på arbejde

    På fanen Instruks kan du oprette instrukser.

  2. Han binder denne instruks til præsentationens første side, så den kører, når siden vises, ved at vælge instruksens navn på drop-down-menuen Indgangsinstruks for siden.
    QuarkXpress example page script playanimation Interaktive layout på arbejde

    På fanen Side kan du knytte instrukser til sider.

Brad ønsker herefter at tilføje en knap, der åbner bandmanagerens HTML-site i et separat vindue. For at oprette knappen tegner han et billedfelt, giver det navnet “WebSiteKnap”, vælger Knap på drop-down-menuen Objekttype og vælger herefter Ny på drop-down-menuen Knap. Dette opretter et knaplayout med fire sider, hvor Brad konstruerer knappens fire tilstande (for resten udelukkende med QuarkXPress-værktøjer). De forskellige knaptilstande gør det muligt for Brad at give slutbrugeren feedback. Hvis der er et forskelligt billede for hver tilstand, ændres knappens udseende afhængig af, om den er oppe eller nede, aktiveret eller inaktiveret.

QuarkXpress example button pagelayout Interaktive layout på arbejde

På paletten Sidelayout kan du se tilstandene på en knap, du opretter.

Brad skal nu konfigurere denne knap, så han vender tilbage til præsentationslayoutet og indstiller knappen til at åbne bandets website ved at tilføje handlingen Åbn URL til knapobjektets Klik op-brugerhændelse.

QuarkXpress example websitebutton Interaktive layout på arbejde

På fanen Hændelse kan du knytte hændelser til et knapobjekts forskellige tilstande.

Herefter vil Brad tilføje en animeret logosekvens til præsentationen. For at oprette billedsekvensen tegner han et billedfelt, giver det navnet “AnimeretLogo”, væ
lger Animation på drop-down-menuen Objekttype, vælger Sekvens i et felt på drop-down-menuen Vis som og vælger derefter Ny på drop-down-menuen Sekvens. Dette opretter et billedsekvenslayout. Brad tilføjer ti sider til billedsekvenslayoutet og konstruerer derefter 11 rammer til animationen ved at anbringe en ramme på hver side.

QuarkXpress example image sequence Interaktive layout på arbejde

På paletten Sidelayout kan du vise rammerne i en billedsekvens.

For at afspille animationen tilføjer han Afspil animation til den samme instruks, som han brugte til at starte animationen “Glidende guitar”.

SWF-siden med bandets turplan er færdig, så han vælger Arkiv/Fil > Eksport > Eksportfunktion for Macromedia Flash, indstiller eksportalternativerne og eksporterer præsentationen i SWF-format.

QuarkXpress example interactive export Interaktive layout på arbejde

I dialogen Eksportfunktion for Macromedia Flash kan du bestemme eksportalternativer.

Når alle tre versioner af siden–udskrift, web og interaktiv–er, som han ønsker, bruger han paletten Delt indhold til at synkronisere turplanerne i alle tre layout. Herefter udskriver han udskriftslayoutet, eksporterer weblayoutet til HTML og eksporterer det interaktive layout til SWF-format.

En uge senere dukker der en ny udgave af turplanen op. Brad åbner projektet og starter med at indsætte den nye turplan i udskriftslayoutet. Ved at opdele visningen kan han med det samme se, at de to andre layout også opdateres.

QuarkXpress example interactive split window Interaktive layout på arbejde

Med QuarkXPress-funktionen til flere visninger kan du se, når indholdet opdateres på samme tid i et udskriftslayout og i et interaktivt layout.

Det er nu kun et spørgsmål om eksport af weblayoutet og det interaktive layout, hvorefter sitet er opdateret. Og er der tid til at udskrive en ny direct mail, så er det bare at gå i gang.

Parent topic: Interaktive layout

Interaktive layout på arbejde