Creación de una interfaz Web con Herramientas Vectoriales
3 de Mayo de 2005 Autor: Jose Suarez Archivado en Fireworks, TutorialesEn este pequeño ejercicio aprendera rapidamente a crear un titular Web utilizando las herramientas vectoriales mas conocidas, empezaremos con lo basico para familiarizarnos con las herramientas y su alcance.
1. Abra un nuevo documento de 750 x 250
2. Seleccione la herramienta PLUMA ![]()
3. Visualice las reglas presionando la combinaci?n CTRL + ALT + R
4. Arrastre una línea recta desde la regla horizontal hacia la parte superior del rect?ngulo celeste, pero dentro del diseño
5. Con la herramienta pluma haga clic en dos puntos de esta regla para crear una línea recta.
6. Haga clic en un tercer punto y arrastre creando una curva Bezier tal y como se muestra en la siguiente imagen

7. Haga clic en un cuarto punto estirando la cuerda creando otra curva Bezier.

8. Haga clic en un quinto punto estirando la cuerda creando otra curva Bezier.

9. cierre la imagen haciendo clic en el punto de inicio.

10. Haciendo clic con la herramienta de sub selección puede ver todos los nodos que ha creado.

11. Aplique como color de fondo la combinación #009933
12. Dibuje un rectángulo de 750 x 150. ubicación (0,0). Color de fondo : #009AFF. Ubique este rectángulo detrás de la capa 1.
13. Debe tener la siguiente apariencia.

14. Inserte el texto: “Amazonas Resort” tal y como está en la siguiente imagen. Fuente: Brando, Tamaño 35

Aplicando Textura
1. Seleccione la figura de curvas Bezier.
2. Haga clic en el comando COLOR DE RELLENO.

3. Seleccione PATTERN
4. Seleccione IMPRESSIONIST GREEN

5. Cambie el Angulo y la dimensión de los nodos de dirección, en la siguiente forma:

6. Elimine el borde de la figura.

Aplicando el efecto de sombra
Vamos a adelantarnos unos temas y utilizaremos rápidamente el efecto de sombra paralela.
1. mantenga seleccionada la figura
2. Haga clic en la lista de efectos y seleccione SHADOW AND GLOW
3. haga clic en DROP SHADOW

4. Mantenga las mismas propiedades por defecto.

5. El resultado lo puede ver a continuación.

Guarde este diseño como un archivo nativo de Fireworks (PNG).
no se ven las imà genes :(
Gracias por informar de ello, Rubén.
Solucionado.
Por favor hacernos sdaber todos los problemas de este tipo que encontréis.
no logro er las imagenes para realizar con exto el trabajo de este curso por favor me pueden ayudar quiero terminarlo no me gusta dejar el trabajo Imperfecto gracias
Hola Lilians:
Yo consigo verlas todas: ¿puedes ver al menos alguna?