índice general TEMA 1 ------------------------------------------------------- 18 Sandro Alberti Gräber El ejemplo repasa la manera en que fue elaborada una tarjeta de invitación para un evento vanguardista en Guadalajara (México). También se exploran diversas explicaciones sobre diseño digital en general, incluyendo algunos motivos socio-culturales que han motivado la creación de nuevos diseños para contactar comercialmente. Utiliza las herramientas Macromedia Flash, Dreamweaver y Adobe Photoshop. MÉXICO TEMA 2 ------------------------------------------------------- 50 Fernando Arendar Se muestra cómo simplificar una fotografía pasándola a líneas vectoriales en Flash y luego animándola. También se explica cómo realizar un sector para los botones dentro del clip de película como si fueran marcos que se mantienen durante todas las animaciones. Hay también algunos trucos, como por ejemplo se enseña a realizar botones invisibles. ARGENTINA TEMA 3 ------------------------------------------------------- 68 Daniel de la Cruz Heras Muestra un Interactivo realizado en Flash para el IV Concurso Internacional de Flyers de Flyer Center Barcelona, cuyo tema era "2001, odisea del espacio", para lo cual se creó una pieza que permitía al usuario tomar por unos instantes el papel de David Bowman, el protagonista de la película de Kubrick, hablando con la computadora HAL9000. ESPAÑA TEMA 4 ----------------------------------------------------- 108 Erick Kuo and Warren Friesner Muestra el proceso de diseño y creación de www.clearlightcorp.com. A través de ficheros .fla se presenta una imagen visual que enseña cómo se realiza la transformación gráfica, yendo de un elemento a otro. Paso a paso se mostrará la transformación de elementos aparentemente desordenados al perfecto orden, la navegación, la sección de la transición del icono-botón o el paso a secciones interiores. Se utilizan Macromedia Flash y Adobe Illustrator. EE.UU. TEMA 5 ----------------------------------------------------- 126 Antonio Fernández Coca Se trata de un documento web que engloba material empleado en otros realizados casi paralelamente, o en breve tiempo anterior al mismo. A través de este ejemplo se observa un proceso de realización común, aunque adaptado, a cada caso que Antonio Fernández Coca elabora en cada proyecto multimedia en el que se involucra. ESPAÑA 13 índice general TEMA 6 ----------------------------------------------------- 156 Silvia García Olaya ESPAÑA En el ejemplo práctico muestra cómo aprovechar las capacidades de Fireworks con el fin de crear gráficos para la Web combinando imágenes vectoriales con imágenes de mapa de bits, para posteriormente exportar la composición creada, editarla en Dreamweaver e incorporarla en maquetas HTML que puedan ser utilizadas con objeto de agilizar la actualización de los contenidos. TEMA 7 ----------------------------------------------------- 182 Stephen de las Heras EE.UU. Se muestra cómo unir una imagen de galería de web con Dreamweaver 4.0. Comienza con una página de carga rápida para el inicio, donde se visualizan algunos efectos visuales y dinámicos, seguido por las páginas siguientes limpias y funcionales, donde visualizar el contenido hace un placer la navegación. TEMA 8 ----------------------------------------------------- 204 IMG SRC, INC (Makiko, Ryoji, Toshiyuki y Tomohiko) JAPÓN. Adametrope.com es un sitio web a modo escaparate de la fábrica Adán; muestra el diseño de la empresa, de forma que la calidad y estilo son posibles a través del diseño. Tiene la ventaja de utilizar el medio Internet para ilustrar no simplemente la fábrica sino ampliar y construir utilizando el medio on-line. Se utilizan Photoshop, Illustrator, Flash, Premiere y After Effects. TEMA 9 ----------------------------------------------------- 220 Anna María López López ESPAÑA El ejemplo practico muestra paso a paso la creación de una Barra de navegación con Rollover o imagen cambiante simple y una interfaz con Rollover complejo utilizando como herramienta principal el programa Macromedia Fireworks. TEMA 10 ---------------------------------------------------- 242 Luis Alberto Martínez y Sonia Hernando Desde Macromedia Flash se representa un objeto grafico en un espacio tridimensional con un desarrollo paso a paso estético y funcional, en donde la elaboración del mismo adquiere mayor valor que el resultado final. ESPAÑA 14 índice general TEMA 11 ---------------------------------------------------- 264 Brian Monnone Se creará un trabajo para diseño web. Se corregirá el trabajo con efectos de vídeo. Después, se utilizará Photoshop para crear más efectos y llegar al efecto final. Una vez que todo el esto esté acabado, se importarán en Flash para rematar nuestra presentación final. Se utilizan las herramientas Adobe Photoshop, After Effects, Premiere y Macromedia Flash. EE.UU. TEMA 12 ---------------------------------------------------- 294 John Napiorkoswky Este ejemplo práctico muestra cómo crear un sistema de navegación que simula obrar recíprocamente con una guitarra, usando Macromedia Flash. Implica el uso un poco avanzado del método start/stop, y el uso poco ortodoxo de botones. También permitirá que se explore el uso de variables y la interacción entre objetos. Se utiliza también la ayuda de PhotoShop e Illustrator para conseguir un resultado óptimo. CANADÁ TEMA 13 ---------------------------------------------------- 314 Santiago Ortiz Herrera Explica el desarrollo de varias películas Flash que modelan algunos seres vivos: un pez, una ánguila, una medusa, un gusano y un espermatozoide; todas ellas construidas a partir de un modelo básico. El interés de estas películas es que combinan equilibradamente un desarrollo gráfico y un desarrollo de programación que incluye algo de matemáticas sencillas. COLOMBIA TEMA 14 ---------------------------------------------------- 358 Marcelo Andrés Quezada Muestra todo el proceso de desarrollo de una portada mixta que integra tanto elementos gráficos, como HTML y Flash. Todo ello utilizando FreeHand, Fireworks, Flash y Dreamweaver de Macromedia; además, ACDSee de ACDSystems. CHILE TEMA 15 ---------------------------------------------------- 386 Reactive Media (Tim O'Neill) El ejemplo da instrucciones paso a paso de cómo replegar un ejemplo específico (un teléfono móvil que gira). Cada instrucción es acompañada por una pantalla que muestra cómo se ha utilizado el programa Flash para producir el ejemplo. AUSTRALIA 15 índice general TEMA 16 ---------------------------------------------------- 404 Silvina Sánchez de Corredor ARGENTINA El objetivo fue presentar al artista José Luis Rodriguez en su página web. La intención fue que la animación fuera lenta, donde sus fans pudieran disfrutar tanto sus imágenes como sus textos, y crear la ansiedad y curiosidad necesaria como para que pase a la siguiente página, utilizando herramientas como Flash y Dreamweaver. TEMA 17 ---------------------------------------------------- 428 Christina Simonia DINAMARCA Aprenderá cómo realizar un página web con efectos dinámicos. Aprenderá cómo crear un menú, de forma que haga que cualquier mirada sobre su página le haga un gran efecto visual. La autora utiliza Stones webwriter, un editor de páginas danés, pero puede utilizar cualquier editor de páginas para realizar esta práctica, incluso código a mano. TEMA 18 ---------------------------------------------------- 440 Antonio Solà Valls ESPAÑA Primero, explicará la importancia de tener clara la estructura y el diseño de la información. Después, a través de Macromedia Flash, se desarrolla el clip de película con el código que permitirá realizar el movimiento. Es tan sencillo como asignar a cada botón de la interficie un valor de posición x/y para que el clip de película con la información se mueva hasta él y sea mostrada al usuario. TEMA 19 ---------------------------------------------------- 458 Paulo Alexandre Taveira PORTUGAL En este ejemplo práctico se puede conocer una sección del proyecto de diseño de un sitio web, utilizando técnicas y trucos que se han adquirido con la experiencia. Además, se aprenderá cómo optimizar imágenes para que sean utilizadas en un sitio web. Tamibén se crearán efectos Rollover, muy utilizados en los menús de una web. Se emplearán fundamentalmente Adobe Photoshop y Macromedia Dreamweaver. TEMA 20 ---------------------------------------------------- 472 William Torres EE.UU. 16 A través de Macromedia Flash y usando ActionScript se podrán crear los Rollovers animados para que varios botones se puedan activar simultáneamente. El ejemplo muestra paso a paso cómo ayudar a hacer que este botón animado se mueva como si estuviera en un líquido en movimiento. índice general TEMA 21 ---------------------------------------------------- 492 W. Interactive Media (Miguel Calderón y Ulises Valencia) La web del Grupo W representa una conclusión de más de tres años de desarrollar productos para Internet. Conjunta muchas de las posibilidades de software que existen hoy en día y refleja un resultado creativo y agresivo. La combinación del tema (fecundación de ideas interactivas) es un aspecto más de la creatividad expuesta. MÉXICO ANEXO I ---------------------------------------------------- 516 Creación de sitios para personas con minusvalías Graciela Josefina Caplan Los tres ejemplos muestran calidad de diseño y facilidad para el uso de los cibernautas que utilizan programas lectores de pantalla (usuarios ciegos), o que necesitan diferente resolución (usuarios con discapacidad visual). ARGENTINA ANEXO II --------------------------------------------------- 536 Cómo se creó la portada del libro Lenny Cohen Paso a paso nuestro diseñador Lenny Cohen nos mostrará cómo ha ido creando las portadas del diseño gráfico y de diseño web, donde quedarán bien reflejados varios aspectos, la enorme creatividad de Lenny y la facilidad a la vez para que cualquier diseñador pueda seguir sus mismos pasos. CANADÁ ANEXO III -------------------------------------------------- 542 Cómo se creó el menú del CD que acompaña al libro Ernesto Frías Ruiz Se trata de un interface de usuario creado para CD-ROM (aunque bien podría ser para Internet), en el que el usuario puede acceder a los diferentes ejemplos de que consta el libro, así como a la información más importante de cada autor. Dicha información se encuentra almacenada en matrices, y a través de un sólo boton, que posteriormente se duplica tantas veces como ejemplos existen en el CD-ROM, se accede a toda la información. ESPAÑA 17