Crear Portafolio Interactivo Con Indesign CS4

Crear Portafolio interactivo con Indesign CS4 Este tutorial es para explorar las herramientas básicas que contiene Indesgn CS4 para crear documentos interactivos e incluso páginas web dinámicas. Aclaro que este el tutorial contiene elementos muy sencillos en cuanto a diseño y diagramación, pues el objetivo es compartir el procedimiento básico para crear este tipo de documentos y no suplantar la creatividad de cada uno. El documento se a dividido en las siguientes secciones: 1) Pág. de inicio 2) Portafolio (5 págs.) 3) Tutoriales 4) ¿quienes somos? 5) contáctenos 1- Abrimos Indesign (puede ser la versión CS4 o CS5) y ajuste su documento con las siguientes características:

2- Ahora vamos a File/placer para incorporar la imagen que servirá de plantilla para este documento, pero antes damos doble clic en el icono de página maestra para dejar la plantilla en esa página y así todo el docuemnto llevará la misma presentación, pero si ustedes prefieren variar el diseño para cada página, no problem es al gusto de cada uno.

4- Demos doble clic en la página 1 y agregemos 4 cajas de texto, para hacer esto presionen la tecla "T" y dibujen la caja de texto (no funciona solo dando clic). Alinearlas al gusto.

5- Vamos a File/Place para agregar las imagenes que contendrá a lo largo del documento (elegir las de su preferencia) y coloquelas en cada página.

* Para escalar el tamaño de las imágenes presiones CTRL+Shift y escale hasta dejar las al tamaño adecuado. 6- Después de escalar y colocar las imágenes, agrege una caja de texto que contenga la información del diseño de su portafolio.

* Haga lo mismo en las demás páginas que contendrá la sección de portafolio

7- Ahora vamos a File/Place para agregar los thumbnail de la sección de tutoriales. Estos los preparé cortando una parte del trabajo final en photoshop (para selecionar diferentes elementos presionen la tecla CTRL y seleccionen uno por uno).

* Ordenenlos al gusto y ponganle la descripción del tutorial.

8- Ahora vamos a la página 8 del documento y agregamos una caja de texto con la descripción deseada de su empresa o persona.

9- Hagamos lo mismo en la página 9 agregando información de contacto

10- Ahora viene la parte interesante. Volvemos a la página 1 y seleccionamos la caj ade texto que dice "portafolio" y damos clic en la pestña de buttons para convertir en botón esa caja de texto (el botón puede ser cualquier otro elemento) y agrege las siguientes opciones

* Hagamos lo mismo con las demás cajas de texto

11- Vamos a la página 2, donde empieza la sección del portafolio y agregamos las siguientes cajas de texto y las convertimos en botón a cada cual.

12- Seleccionemos estos botones que hemos creado y damos "CTRL+C" y los pegamos en cada página que forma la sección del portafolio.

13- Vamos a la página 7 del documento donde está la sección de "Tutoriales" y convertimos a botón cada thumbnail.

* Para pegar la URL de los tutoriales tenemos que copiar la dirección que aparece en el buscador al abrir el tutorial. REPITA EL MISMO PROCEDIMIENTO PARA LOS DEMÁS THUMBNAIL. 14- Ahora vamos a la página 2 y copiamos el boton "inicio" y lo pegamos en las demás páginas.

15- Activamos la pestaña de páginas y agregemos la transición de páginas

16- Vamos a File/Export dando la ruta donde queremos que se guarde y marcando las siguientes opciones

17- aparecera las siguientes ventanas y presione aceptar a las priemras 2 y deje que concluya el proceso. Al final le mostrará una vista previa del archivo en formato html.