Tutorial: Een flipping book maken in Indesign

Een flipbook maken in Indesign

http://theworldsgreatestbook.com/flipbooks/

Een flipbook (of ook flipping book), is een digitaal boek waardoor je kan bladeren. In weze is het een Flashanimatie (wat betekent dat het niet werkt op iPhone/iPad). Het wordt heel vaak gebruikt door winkels om hun folder te demonstreren. Je komt deze flipbooks meestal tegen in websites.

Het verrassende aspect is dat je zulk boek kan maken in Adobe Indesign. Indesign verrast wel vaker. Het kan behalve tekstverwerking op niveau, ook iBooks of zelfs apps produceren.

We maken een nieuw document in Indesign en vullen dat op met pagina’s en tekst.

Bij wijze van voorbeeld nemen we 10 pagina’s. Op de eerste pagina zetten we de titel.

Om er een echte folder of boek van te maken, gaan we zelf een verloop geven aan onze achtergrond. Hiervoor tekenen we een rechthoek op een nieuwe laag. Deze laag plaatsen we helemaal onderaan. We vullen de rechthoek op met een lineair verloop.

We gebruiken geeltinten die overgaan in wit.

Wanneer je nu deze achtergrond toepast op het stramien, dan krijgt automatisch elke pagina dit effect.

We gaan nu exporteren.

Kies voor Bestand – Exporteren.

We exporteren als SWF.

In principe hoef je geen wijzigingen te doen. Je kan schalen naar 200%, zodat men kan inzoomen.

Bij Geavanceerd kan je instellen of de pagina’s gerasterd moeten worden (best niet doen, in dat geval worden vectoren omgezet naar bitmaps) en de resolutie (72 volstaat voor het scherm – indien je laat inzoomen kan je verdubbelen naar 144).

Kies OK.

Je krijgt nu een HTML-pagina met swf-bestand. Dit is je flipbook. Je kan dit nu inbrengen in HTML, Dreamweaver, Wordpress, Joomla, Drupal of ander systeem.

Veel plezier!

Leer werken met Indesign

Cursus HTML

Van start met Wordpress

Iets bijgeleerd? Deel deze tutorial!

deze pagina 2614 - totaal 224978

Cursussen Webdesign

• Dreamweaver CS5 - CS4 - CS3
• Joomla 1.7 - 1.6 - 1.5
• Wordpress
• Drupal
• Webshop
• Magento
• Flash CS4 - CS3
• Fireworks CS5 - CS4 - CS3
• HTML5 & CSS3
• PHP - MySQL - SQL

Cursussen DTP

• Photoshop
• Illustrator
• Indesign

Afstandsonderwijs

• Dreamweaver
• Drupal
• Joomla

Cursussen Sociale Media

• Twitter
• Facebook
• Google +
• LinkedIn