Maak een hype-sjabloon voor iBooks Author


In een vorige Hype voor iBooks AuthorR tutorial hebben we een fotogalerij gebouwd met interactieve knoppen en geanimeerde overgangen. Het project bleek zo goed te zijn dat ik besloot er nog een paar te maken voor het project Kinderboeken Template voor gebruikersboeken. Natuurlijk was de eerste stap het maken van een Hype-sjabloon. Dus in deze tutorials zullen we het vorige galerijwidgetproject omzetten naar een Hype-sjabloon.

De specificaties

Als je de vorige zelfstudie hebt gevolgd, weet je dat elke afbeelding in de galerij zijn eigen scène in Hype heeft. Het project was een kleine galerij van 8 afbeeldingen. Laten we twee scènes toevoegen voor een grotere galerij en een plaatsaanduiding instellen voor elke scène. We kunnen een generieke afbeelding voor tijdelijke aanduiding gebruiken en, om de gebruiker de grootte van de afbeelding te vertellen, laten we wat tekst op de afbeelding zetten met de afmetingen in pixels van 2048 x 1536. We moeten ook de tekst in elke scène in het origineel vervangen project met tekst voor tijdelijke aanduiding.

De tech

Hype heeft een leuke functie in de Elements Inspector voor het vervangen van afbeeldingen op het scherm. Onze sjabloon heeft slechts één tijdelijke afbeelding en de gebruiker kan deze functie gebruiken om de tijdelijke afbeelding eenvoudig te vervangen door zijn eigen afbeeldingen.

Voor de plaatsaanduidingstekst kunnen we iets gebruiken dat de gebruiker vertelt welke scène hij bewerkt, zoals "Scène X - hier uw tekst".

Het proces

Omdat we onze galerijwidget voor ons iBooks Author-project al hebben gemaakt, kunnen we het project openen in Hype, onze aanpassingen maken en opslaan als een Hype-sjabloon.

Open uw galerijproject in Hype. Zoals u kunt zien, heeft ons project 8 scènes met een screenshot op de onderste laag, de schermteksttekst en twee knoppen op elke scène. Als u de afbeelding voor de knoppen wilt wijzigen, is dit een goed moment. Nadat u uw aanpassingen voor de sjabloon heeft gemaakt, slaan we deze op als sjabloonbestand, zodat we het oorspronkelijke project niet meer wijzigen.

  1. Klik op Bestand - Sjabloon opslaan en sla het bestand op in de indeling .hypetemplate.

    Onze sjabloon heeft 10 scènes, dus we moeten er twee toevoegen. Omdat scènes 2 tot en met 7 knoppen hebben die de galerij naar de standaard vorige en volgende scènes verplaatsen, kunnen we ze allemaal dupliceren.

  2. Laten we Scène 8 hernoemen naar Scène 10. Dubbelklik op de titel van de scène onder de miniatuur en hernoem de scène.

    Nu kunnen we een scène twee keer dupliceren om in totaal 10 scènes te krijgen.

  3. Klik met de rechtermuisknop op Scène 7 en selecteer Scène dupliceren in het pop-upmenu.

  4. Dubbelklik op de titel en hernoem de dubbele scène naar "Scène 8".

    Herhaal dit om scène 9 te maken. Nu kunnen we onze tijdelijke afbeelding aan onze scènes toevoegen.

  5. Selecteer in scène 1 de achtergrondafbeelding. Klik in Elements Inspector op de knop Kiezen om het Finder-venster te openen en kies de afbeelding voor uw tijdelijke aanduiding. Hype zal de bestaande afbeelding vervangen door de nieuwe tijdelijke aanduiding.

    Herhaal de vorige stap voor alle tien scènes. Nu zijn we klaar om de tekst voor de tijdelijke aanduiding in te stellen.

  6. Dubbelklik in scène 1 op de tekst onder aan de afbeelding van de tijdelijke aanduiding en typ "Scène 1 - hier uw tekst". Herhaal dit voor elke scène.

We hebben nu onze tijdelijke aanduidingen ingesteld, zodat we het project kunnen opslaan.

How to Create PDF on iPhone and iPad (December 2020)



Labels Artikel: Maak een Hype-sjabloon voor iBooks Author, Flash en Animatie, hoe maak je een Hype-sjabloon

Schoonheid Populaire Berichten

E-boek Cockatiels
Huis & Tuin

E-boek Cockatiels

Versla de kou in Costa Rica
reizen & cultuur

Versla de kou in Costa Rica

Loofah zout scrub zeep

Loofah zout scrub zeep

hobby's en ambachten