Está en la página 1de 4

23/07/2010

Objetivos
 Aprender a utilizar Fireworks en el diseño, edición y
animación de gráficos web.
 Conocer conceptos básicos que se aplican a varios
Tutorial editores de imágenes o gráficos
GD1 – DNDMS  Diseñar un sitio web en imagen.
2010  Aplicar los conocimientos en la Práctica del tutorial

Fireworks Vectores
 Software de edición de imágenes.  Representadas por líneas
y curvas, denominadas
 Maneja de forma híbrida tanto gráficos vectoriales
vectores,
como Gráficos en mapa de bits
 Incluyen información de
 Sitios Web e interfaces de usuario color y posición.
 Definido por un
contorno (el trazo) y el
del área que encierra este
contorno (el relleno)
 Independiente de la
resolución

1
23/07/2010

Mapa de Bits Panel de Herramientas


 Formadas por puntos,  Está organizado en seis categorías
llamados píxeles,  Métodos abreviados
organizados en una  Triángulo pequeño, indica que pertenece a un grupo
cuadrícula.
 la imagen está
determinada por la
posición y el valor de
color de cada
 Cada punto encaja como
un mosaico

Inspector de Propiedades Capas


 Muestra las propiedades de la selección actual  Las capas dividen los documentos en planos.
 El panel Capas muestra una lista de las capas del
documento
 Aislar parte de un diseño y modificar sin dañar otras
partes.

2
23/07/2010

La capa web Proyecto


 Contiene los objetos Web, como divisiones y zonas  Diseñar un banner
interactivas.  Objetivo es crear diseño web para un sitio
 No es posible suprimir, duplicar, mover, cambiar de  Comercio electrónico
nombre ni dejar de compartir la capa de Web.  Vender productos (tecnología)
 Usar el banner en el sitio

Primer proyecto Diseño del banner


 Realizar un banner  Cree un lienzo.
 615 x 270  Cree tres capas.
 Tecnología  En la primera - fondo.
 La Segunda capa y dibuje en ella tres óvalos con colores
diferentes solapándose ligeramente.
 En la tercera dibuje dos estrellas con colores diferentes.
 Cambie los nombres de las capas con fondo, dos y
estrellas

3
23/07/2010

 Mover una capa o un objeto


 Volver a la capa de fondo y definir un fondo con
Tienda virtual – Comercio electrónico
degrado
 Insertar una imagen en la capa dos y eliminar el fondo
de la misma
 En la tercera insertar los datos del producto
 Insertar efectos al texto.

También podría gustarte