Professional Documents
Culture Documents
QUE ES FIREWORKS?
Editor de grficos orientado al diseo y maquetacin de sitios web, con herramientas y funciones
para obtener resultados optimizados para la pantalla y diversos dispositivos.
Te ayuda a crear en un instante, y sin necesidad de escribir cdigo, atractivos diseos para sitios
web y apps para dispositivos mviles. Ofrece imgenes de mapa de bits y vectoriales, bocetos,
grficos en 3d y contenido interactivo para las Tablet y los Smartphone ms conocidos del
mercado.
4 5
Para exportar una imagen debe seguir uno de los siguientes procedimientos:
Un documento puede estar compuesto por muchas capas y cada una contener muchos
objetos. En Fireworks, el panel Capas muestra una lista de las capas y los objetos contenidos
en cada capa.
Cada objeto de un documento reside en una capa. Es posible crear capas antes de dibujar o
aadirlas cuando se vayan necesitando. El lienzo est situado debajo de todas las capas.
Visualizacin de herramientas:
Dibuje un rectngulo, una elipse y un polgono.
Las mscaras tambin se muestran en el panel Capas. Para editar una mscara, es
posible seleccionar su miniatura. En el panel Capas, tambin se puede crear
mscaras nuevas.
Haga clic en el botn Capa nueva/duplicada sin que haya ninguna capa seleccionada.
Elija Edicin > Insertar > Capa.
Elija Nueva capa en el men de opciones del panel Capas y haga clic en Aceptar.
Prctica:
1. Importe diferentes imgenes como se muestra en la figura.
Para rotacin del objeto mover el puntero del mouse en una esquina de los tiradores
de transformacin, y vea el siguiente cursor para girar.
Nota: Tambin es posible cambiar el tamao de los objetos seleccionados introduciendo las
dimensiones en el Inspector de propiedades.
Practica 2 (inclinar)
Elija una imagen
Active los tiradores de transformacin:
Elija la herramienta Inclinar
Arrastre un tirador para inclinar el objeto.
Haga doble clic en la ventana o pulse "Intro" para eliminar los tiradores de
transformacin.
Para exportar una imagen debe seguir uno de los siguientes procedimientos:
MAPA DE BITS
Dibujar un rectngulo
Vea en el inspector de propiedades la opcin relleno
Practica 2 (Trazo)
Dibujar un Ovalo
Color o
muestra Opacidad
Dibujar un rectngulo
Ver en el inspector de propiedades la opcin redondez, aumente el porcentaje de
redondez y vea el rectngulo.
Dibuje un circulo
Seleccinelo y pinte el objeto
Utiliza la herramienta sub seleccin para modificar los nodos y moverlos.
Rectngulo con
Borde fundido al
45 %
Rectngulo con
Borde fundido al
71 %
HERRAMIENTA TEXTO
Esta herramienta nos permite aadir un texto, palabra o frase en cualquier parte de
nuestro documento.
Aplicacin:
Elija el tipo de letra, estilo de letra, tamao de fuente, color de fuente, negrita,
cursiva o subrayado.
Practica 1:
Seleccione su texto
Cambiar el tipo de letra a: Bernard MT Condensed Color: Amarillo tamao: 25
HERRAMIENTA LINEA
Para aadir un segmento de lnea a una lnea seleccionada, seale con el puntero
el nodo final de la lnea seleccionada y arrastre para dibujarla.
Practica 2 (Titulo)
Dibujar un trazado
Escriba un texto
Seleccione el texto y el trazado
Ir al men texto, elija la opcin Unir al trazado
El resultado ser:
Identifique las figuras a crear, luego deforme cada figura, pinte segn vea
conveniente el relleno.
Lo primero que tenemos que hacer para entender bien la utilidad de esta
herramienta es dibujar en el lienzo una figura vectorial ya sea una figura poligonal
o un trazado vectorial.
Ya con esto lo primero que tenemos que hacer para utilizar esta herramienta es
seleccionar la herramienta de estilo libre del panel de herramientas.
Herramienta Remodelar
ENMASCARAMIENTO DE IMGENES
Como el nombre sugiere, las mscaras ocultan o muestran partes de un objeto o imagen.
Con cualquiera de las tcnicas de enmascaramiento se puede lograr muchos tipos de efectos
creativos en los objetos.
Como objeto de mscara se puede utilizar un objeto vectorial o un objeto de mapa de bits.
El uso de uno vectorial produce una mscara de vectores, mientras que uno de mapa de bits
genera una mscara de mapa de bits. Tambin se puede crear una mscara con varios
objetos u objetos agrupados.
Cuando se crea una mscara de vectores, el panel Capas muestra una miniatura con un icono
de pluma para indicar que se ha creado una mscara de este tipo.
Practica 1
Use la herramienta Aclarar u Oscurecer para iluminar u oscurecer los pxeles de una
imagen. El uso de estas herramientas es similar al aumento o disminucin de la
exposicin a la luz cuando se revela una fotografa.
La exposicin puede ajustarse entre 0% y 100%. Los valores altos consiguen efectos ms
fuertes.
Practica 2
Haga clic en la paleta Desde para seleccionar el color, y elija un color del men
emergente para especificar el color que desea reemplazar.
Haga clic en la marca de verificacin situada junto al filtro en la lista de filtros del
Inspector de propiedades.
Una vez aadido y editado un filtro automtico, haga clic fuera del men emergente de
configuracin o presione Intro.
El filtro Relieve permite que una imagen, un objeto o un texto aparezcan elevados o
hundidos respecto al lienzo.
Elija entre una gran variedad de sombras y especifique el ngulo de la sombra para simular
que la luz brilla sobre el objeto.
1) Haga clic en el botn Aadir filtros del Inspector de propiedades y elija Sombrear e
iluminar > Iluminado.
2) Edite la configuracin del filtro en el men emergente:
Para establecer el color de iluminacin, haga clic en el cuadro del color.
Arrastre el deslizador Anchura para establecer la anchura del iluminado.
Arrastre el deslizador Opacidad para establecer el porcentaje de transparencia
del iluminado.
Arrastre el deslizador Suavidad para establecer la nitidez del iluminado.
Arrastre el deslizador Desplazamiento para especificar la distancia entre el
objeto y el efecto de iluminado.
APLICAR FILTROS INTEGRADOS Y DE CONEXIN DE PHOTOSHOP COMO FILTROS
AUTOMTICOS
ESTILOS
Utilizacin de estilos
Para guardar y volver a aplicar un conjunto de rellenos, trazos, efectos y atributos de texto
Predefinidos, cree un estilo. Al aplicar un estilo, el objeto adopta todas sus caractersticas.
Fireworks Incluye muchos estilos predefinidos. Estos estilos se pueden cambiar y eliminar,
y es posible
Aadirles nuevas caractersticas. El CD-ROM de Fireworks y el sitio Web de Macromedia
incluyen muchos otros estilos predefinidos que se pueden importar a Fireworks. Tambin
es posible exportar estilos y compartirlos con otros usuarios de Fireworks, o importarlos de
otros documentos de
Fireworks.
Los smbolos se pueden crear a partir de cualquier objeto, bloque de texto o grupo y despus
se pueden guardar en la ficha Biblioteca comn del panel Activos. Desde aqu, puede editar
el smbolo y colocarlo en sus documentos.
Prctica (Botones)
Dibujar los siguientes botones
Configuracin de Estados
Estados de botn
Un botn puede tener hasta cuatro estados diferentes. Cada estado representa el
aspecto del botn en respuesta a un evento del ratn:
El estado Abajo es a menudo una imagen del botn con el aspecto de estar
"presionado", representa el botn despus de hacer clic sobre el mismo. Este estado
de botn representa normalmente la pgina Web actual en la barra de navegacin
con varios botones.
El estado Sobre y Abajo es el aspecto del botn al pasar el cursor sobre l cuando
est en el estado Abajo. Este estado de botn representa normalmente que el
puntero se encuentra en el botn correspondiente a la pgina Web actual en las
barras de navegacin con varios botones.
El punto verde del trazado de movimiento indica el punto de partida y el rojo el final.
Los puntos azules representan los estados. Por ejemplo, un smbolo con cinco
estados cuenta con un punto verde, tres azules y uno rojo en su trazado. Si el objeto
aparece en el tercer punto, el estado actual es el 3.
Nota: Los objetos creados no se pueden desagrupar del mismo modo en que se desagrupan
los objetos.
Las zonas interactivas resultan convenientes cuando desea vincular reas de una imagen
con otras pginas Web, pero no necesita resaltar estas reas ni producir efectos de rollo ver
en respuesta a los movimientos o acciones del ratn.
Las zonas interactivas y los mapas de imagen tambin son ideales cuando el grfico en el
que ha insertado las zonas interactivas se exporta mejor como un nico archivo de imagen,
es decir, utilizando un mismo formato de archivo y la misma configuracin de optimizacin.
Las zonas interactivas pueden ser rectngulos, crculos o polgonos. Los polgonos son tiles
cuando se trabaja con imgenes intrincadas.
Arrastre la herramienta Zona interactiva para dibujar una zona interactiva sobre un
rea del grfico. Mantenga presionada la tecla Alt (Windows) u Opcin (Mac OS)
para dibujar a partir de un punto central.
CREAR MENS
Presione la tecla Tabulador para desplazarse entre celdas y las teclas de flecha
arriba y abajo para moverse por la lista de forma vertical.
Practica 1
Dibujar un botn
Seleccione el botn
Seleccione Modificar > Men emergente > Aadir men emergente.
Clic en Zona Interactiva
Clic en siguiente
Practica 2
EJERCICIOS PROPUESTOS
Ejercicio 1
Creacin de botones