Crear Portafolio interactivo con Indesign CS4

Este tutorial es para explorar las herramientas bsicas que contiene Indesgn CS4 para crear documentos interactivos e incluso pginas web dinmicas. Aclaro que este el tutorial contiene elementos muy sencillos en cuanto a diseo y diagramacin, pues el objetivo es compartir el procedimiento bsico para crear este tipo de documentos y no suplantar la creatividad de cada uno. El documento se a dividido en las siguientes secciones: 1) Pg. de inicio 2) Portafolio (5 pgs.) 3) Tutoriales 4) quienes somos? 5) contctenos 1- Abrimos Indesign (puede ser la versin CS4 o CS5) y ajuste su documento con las siguientes caractersticas:

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 pgina maestra para dejar la plantilla en esa pgina y as todo el docuemnto llevar la misma presentacin, pero si ustedes prefieren variar el diseo para cada pgina, no problem es al gusto de cada uno.

4- Demos doble clic en la pgina 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 pgina.

* Para escalar el tamao de las imgenes presiones CTRL+Shift y escale hasta dejar las al tamao adecuado. 6- Despus de escalar y colocar las imgenes, agrege una caja de texto que contenga la informacin del diseo de su portafolio.

* Haga lo mismo en las dems pginas que contendr la seccin de portafolio

7- Ahora vamos a File/Place para agregar los thumbnail de la seccin 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 descripcin del tutorial.

8- Ahora vamos a la pgina 8 del documento y agregamos una caja de texto con la descripcin deseada de su empresa o persona.

9- Hagamos lo mismo en la pgina 9 agregando informacin de contacto

10- Ahora viene la parte interesante. Volvemos a la pgina 1 y seleccionamos la caj ade texto que dice "portafolio" y damos clic en la pesta de buttons para convertir en botn esa caja de texto (el botn puede ser cualquier otro elemento) y agrege las siguientes opciones

* Hagamos lo mismo con las dems cajas de texto

11- Vamos a la pgina 2, donde empieza la seccin del portafolio y agregamos las siguientes cajas de texto y las convertimos en botn a cada cual.

12- Seleccionemos estos botones que hemos creado y damos "CTRL+C" y los pegamos en cada pgina que forma la seccin del portafolio.

13- Vamos a la pgina 7 del documento donde est la seccin de "Tutoriales" y convertimos a botn cada thumbnail.

* Para pegar la URL de los tutoriales tenemos que copiar la direccin que aparece en el buscador al abrir el tutorial. REPITA EL MISMO PROCEDIMIENTO PARA LOS DEMS THUMBNAIL. 14- Ahora vamos a la pgina 2 y copiamos el boton "inicio" y lo pegamos en las dems pginas.

15- Activamos la pestaa de pginas y agregemos la transicin de pginas

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.