Documentos de Académico
Documentos de Profesional
Documentos de Cultura
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.
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).
8- Ahora vamos a la pgina 8 del documento y agregamos una caja de texto con la descripcin deseada de su empresa o persona.
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
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" convertimos a botn cada thumbnail.
* Para pegar la URL de los tutoriales tenemos que copiar la direccin que aparece en e 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.
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.
link: http://img7.xooimage.com/files/0/a/c/tutorial-portafol...eractivo-2164957.swf
link: http://megaswf.com/serve/59135/
Anuncios Google
Master Animacion 3D www.animationiskool.com - Master Animacion Personajes 3D Prcticas Remuneradas en 737Shaker Especialistas CAD/CAM/ROB tecnocim.mgcomunicacio.com/ - Soluciones metal/madera/robtica Mastercam, Robotmaster y Top Solid
2 Seguidores
6.277 Visitas
34 Favoritos
Relacionados
Niveles de KI de todos los personajes de Dragon Ball Compilado de Animacin (Vol I) DBZ El post que se merece [MegaPost] Sentite un DJ con este post memes para el chat del face Mi primera serie animada: Revenge Black Consigue Tu Pokemon Inicial! Divertite Gratis, Llevate Uno y Compartilo!
13 comentarios
@gazza Hace 1 ao
@Sheikiv Hace 1 ao
!! +10
@Ramnavarrete Hace 1 ao gazza dijo: 10, a hacerlo ... Igual la lista de pendientes es terrible !!! jajaja Gracias viejo, espero termines con esa lista jajajaja
@Ramnavarrete Hace 1 ao malenah dijo: que bueno, vamos a ver q sale. jeje
Hola male, que guste leerte y que te guste el tuto. Solo que no logro ver el swf en el post tu lo ves? o sabes como agregarlo? Saludos.
Sheikiv dijo:
!! +10
Gracias por tus pts. y por el comentario, si tienes alguna sugerencia dejala saber. Un gusto leerte, saludos.
A favoritos
Qu mas quers
@malenah Hace 1 ao Ramnavarrete dijo: malenah dijo: que bueno, vamos a ver q sale. jeje Hola male, que guste leerte y que te guste el tuto. Solo que no logro ver el swf en el post tu lo ves? o sabes como agregarlo? Saludos.
@KleanupGuy Hace 1 ao Me gusto, aunque me recuerda a los priemros logos de Microsoft Windows por ejemplo..
@Ramnavarrete Hace 1 ao KleanupGuy dijo: Me gusto, aunque me recuerda a los priemros logos de Microsoft Windows por ejemplo..
@bebotacrazy Hace 1 ao
gracias x compartir
gracias x compartir
@Mi_Martinez Hace 1 ao
Pero igual, es fcil enterderlo por el ambiente grfico del programa. saludos.
Ramnavarrete
Tags
SWF InDesign portafolio interactivo crear portafolio swf
Compartido por
Ir al cielo
Anunciar Ayuda Prensa Protocolo Desarrolladores Denuncias Report Abuse - DMCA Trminos y condiciones Privacidad de datos Buscar amigos