Entradas

Mostrando entradas de septiembre, 2006

Flash: máscara (con texto)

Imagen
Para hacer una máscara con una texto crearemos una capa por encima de una capa de imagen que tengamos y le daremos la opción de máscara, dentro de esta nueva máscara haremos un cuadro de texto estático y ya tendremos nuestra máscara realizada. Si hacemos que la capa de imagen tenga movimiento y lo visualizamos veremos nuestro texto y por dentro la imagen moviéndose, incluso podríamos darle movimiento a nuestro texto a través de las interpolaciones y obtendríamos un efecto interesante.

Flash: creación de guías

Imagen
Flash al igual que Freehand nos permite utilizar reglas y guías que nos ayudarán a crear nuestro proyecto, así por ejemplo si desearamos hacer una guía de nuestro escenario (zona visual en flash) tan solo tendríamos que crear una capa nueva y convertirla en guía, dentro de esta capa guía dibujaremos un rectángulo (solo el trazo) del tamaño de nuestro escenario y bloquearemos la capa, si la ponemos dencima de las otras capas podremos tener visualmente una referncia de nuestro escenario en situaciones como tener una capa donde la imagen sea más grande que el propio escenario. No obstante esta capa guía debe tener la cantidad de fotogramas necesarios para ser visible a lo largo del proyecto. LAS GUÍAS DE MOVIMIENTO Una opción interesante son las guías de movimiento a través de las cuales podemos trazar una línea que servirá de referencia para simular movimientos de objetos. Entre la posición 1 de un objeto y la posición 2 de este mismo sobre la escena podemos recrear una trayectoria curva

Dreamweaver: Design notes y estados

Imagen
Dentro de Dreamweaver podemos utilizar la opción de incluir notas a través de Design notes , así mantendremos la comunicación con otra/s persona/s que estemos trabajando. Siempre marcaremos el estado de nuestros trabajos (documentos, programas, juegos...) con los diferentes estados posibles: - borrador - revisión 1 - revisión 2 - revisión 3 - alpha (terminado pero sin acceso a usuarios) - beta (prueba por los usuarios) - final - revisar (revisión de algún error o último cambio) También activaremos la casilla de mostrar al abrir el archivo para que la otra persona que vaya a trabajar en el proyecto nada más abrirlo le salga esta nota.

Dreamweaver: Menús emergentes

Imagen
Para realizar un menú emergente debemos seleccionar el mapa de imagen realizado, en este caso sobre la pestaña o botón de history, luego poner en la opción de vínculo del panel de propiedades una #. Después ir a COMPORTAMIENTOS: MOSTRAR MENÚ EMERGENTE. A través del menú que nos saldrá podremos darle diferentes opciones: - contenido: irán los subapartados de history con los vínculos a las páginas donde estarán - apariencia: tipo de menú: vertical u horizontal; fuentes y opciones; estado del texto y sobre el texto. - avanzado: tanto ancho como altos automáticos, demora de 1000 ms. - posición: debajo, encima. a un lado, opción de ocultar menú con evento de onmouseout (interesante tenerlo activado).

Dreamweaver: creación de mapas de imágenes

A veces nos puede ser útil tener una imagen y diferentes links desde diferentes partes de esa imagen. Para ello dreamweaver nos ofrece la oportunidad a través de las propiedades de la imagen, con la opción de mapa. Así, señalaremos la imagen y con las zonas delimitaremos aquellas partes que queremos convertir en un link, luego nos iremos a vínculo y seleccionaremos a donde irá (ejemplo: nombrepag.html#puntodeanclaje ) , de esta forma cuando pasemos por encima de la zona de la imagen seleccionada nuestro cursor cambiará a la forma de mano indicando que esa parte es un link que nos llevará a otra información si lo seleccionamos.

Dreamweaver: puntos de anclaje

Cuando tenemos un texto muy largo y necesitamos hacer una referencia a una cosa en concreto y poder ir de uno al otro lado, podemos utilizar este tipo de enlaces. Para anclar un punto de referencia debemos ponernos delante del destino final, darle a anclar (símbolo de ancla) y ponerle un nombre de referencia, luego iremos a la palabra o link donde se inicia y señalaremos la palabra, después en el cuadro de vínculo de las propiedades de esa palabra pondremos #nombre.elegido (nombre de referencia anteriormente usado). Nos daremos cuenta de la existencia de este tipo de links porque quedan subrayados. De esta misma forma podemos crear un link para volver al inicio de la página, podemos hacerlo a través de un icono o de una palabra como "subir".

algunas páginas de ayuda al diseñador

Designers Toolbox D.I.Y Newsartesvisuales