Animaciones | Hace ms de 1 ao

1

Crear Portafolio interactivo con Indesign CS4Anuncios Google

AutoCAD LT 2012www.autodesk.es/AutoCAD_LT - Pruebe AutoCAD LT 2012 Gratis.

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" 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.

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.

link: http://img7.xooimage.com/files/0/a/c/tutorial-portafol...eractivo-2164957.swf

El Resultado final es este

link: http://megaswf.com/serve/59135/

1

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

56 Puntos T! score: 8 / 10 Seguir Agregar a Favoritos

2 Seguidores

6.277 Visitas

34 Favoritos

RelacionadosNiveles 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

10, a hacerlo ... Igual la lista de pendientes es terrible !!! jajaja

@malenah Hace 1 ao que bueno, vamos a ver q sale. jeje

@Sheikiv Hace 1 ao

Genial! Muy bueno, muchisimas gracias

!! +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:

Genial! Muy bueno, muchisimas gracias

!! +10

Gracias por tus pts. y por el comentario, si tienes alguna sugerencia dejala saber. Un gusto leerte, saludos.

@VBlaster Hace 1 ao +10 Recomendado

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.

Nop, no se ve, no s cmo se agrega. averiguo y te digo.

@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..

cuales primeros logros?

@bebotacrazy Hace 1 ao

muy buen tuto!!!

gracias x compartir

@Ramnavarrete Hace 1 ao bebotacrazy dijo:

muy buen tuto!!!

gracias x compartir

Gracias a vos por darte una vuelta y comentar. Saludos.

@Mi_Martinez Hace 1 ao

AHHHHHHHHHHHHHHHHHHHHHHH soy bruto pal engliesh !!!

@Ramnavarrete Hace 1 ao Mi_Martinez dijo:

AHHHHHHHHHHHHHHHHHHHHHHH soy bruto pal engliesh !!!

Pero igual, es fcil enterderlo por el ambiente grfico del programa. saludos.

Ramnavarrete

Experto Seguir 79 Seguidores 377 Puntos 12 Posts Ver ms del autor

TagsSWF InDesign portafolio interactivo crear portafolio swf

Nuevo botn de Taringa!podrn recomendar tu web muy facilmente!

Con el botn social de Taringa! los usuarios

Compartido por

Ir al cielo

Anunciar Ayuda Prensa Protocolo Desarrolladores Denuncias Report Abuse - DMCA Trminos y condiciones Privacidad de datos Buscar amigos