Este documento describe cómo editar imágenes de mapa de bits en Adobe Fireworks. Explica las herramientas básicas como abrir archivos, definir un nuevo documento, modificar el lienzo y usar la herramienta de selección. Luego, presenta cinco proyectos prácticos que muestran cómo recortar, girar, fundir y aplicar efectos a imágenes, así como vectorizar parte de una imagen. El objetivo es aprender procedimientos básicos de edición y montaje de imágenes para creación web.

1. ADOBE FIREWORKS I
Editando Mapa de Bits
Sandro Miguel Honores Vasquez CIS

2. Adobe Fireworks es un editor grafico enfocado
exclusivamente a la creación web.
Empezaremos viendo lo referente a la edición
creativa de imágenes de mapa de bits, llamadas
también imágenes matriciales las cuales están
formadas por pixeles.

3. Entorno de Firework

4. Abrir
archivos
recientes
Abrir desde Definir
explorador documento
de archivos nuevo
No volver a
mostrar esta
ventana

5. Abrir nuevo documento
Opciones para
abrir nuevo Opciones de
documento medida
Resolución (En
este caso para
la web)

6. Definiendo el color del lienzo
Mas
opciones de
color
Color de Con la herramienta cuenta
lienzo gotas se puede elegir
cualquier color

7. Modificar el lienzo
Desde menú
modifica, lienzo
Se puede establecer el
formato de exportación
Desde el inspector
de propiedades

8. Inspector de propiedades
Lienzo
Texto
Imagen
Herramienta
rectangulo

9. Panel de Herramientas
Herramientas de
selección
Herramientas para
editar bitmap
Herramientas para
trazar vectores
Herramientas zonas
interactivas web
Herramientas de
colores
Herramientas de
visualización

10. Proyecto 1: Banner collage
• Determinar el tamaño
del lienzo: 600x440
• Importar la imagen 1
• Hacer clic izquierdo y la
imagen se añade al
lienzo, arrastrar y
modificar su escala

11. • Ir a Mapa de bits y
seleccionar la
herramienta “Recuadro
oval”
• Nótese que existen
opciones de borde.
Aplique suavizado.

12. • Mantener presionada la tecla shift para trazar un circulo
perfecto
• Aumentar el zoom para mejor visualización

13. • Seleccione la zona
deseada que será
recortada.
• Ir a Edición “Cortar”
• Seleccione el residuo de
la imagen y suprima
• Pegar la imagen
recortada

14. • Importar la imagen12
• Notese que se añade
una nueva capa
• Aplique el
procedimiento anterior.
Aplicar fundido.

15. • Aplique la herramienta
escala para girar
cambiando el centro de
gravedad a la esquina
superior izquierda.
• Observe el resultado

16. • Seleccionar la imagen
circular, luego ir a
comandos/creativo/
retorcer y fundir

17. • Aplicar las opciones: pasos(1), opacidad (31),
Desenfoque 1.2, Dirección 53

18. • Aplicar el mismo procedimiento en las 2 imágenes restantes
• Ajustar las imágenes al lienzo y añadir el texto: Cuzco turismo
• Elegir el color de lienzo deseado

19. • Finalmente vamos a exportar
la imagen. Nos vamos a vista
previa, dos copias.
• Enla pestaña optimizar,
probamos las diversas
opciones
• Guardamos como Proyecto1,
formatos: GIF, JPG y PNG
para evaluar calidades y
tamaños.
• Recuerde que una imagen
para la web debe estar
optimizada considerando su
rápida descarga y la calidad
de resolución.

20. • Compare el original con opción JPG, con calidad 1

21. Proyecto 2: Fotomontaje
• Importar imagen 3 y 4. Se generan 2 capas

22. • Seleccionar la herramienta lazo, opción
fundido y trazar por el contorno de la
vicuña.
• Cortar la vicuña y suprimir el fondo.
• Realizar los ajustes

23. • Ir a herramienta pincel
• Elegir color, tamaño y
categoría de trazo: Rojo,
tamaño 19, caligráfico,
básico.

24. Proyecto 3: Postal
• Importar imagen 5
• Vamos a eliminar la
herida de la mano
• Hacer clic en herramienta
sello
• Seleccionar en una zona
de la imagen
• Luego aplicar en la herida
• Aplicar desenfocar para
mejorar efecto

25. • Aplicar el mismo
procedimiento para
borrar el texto
• Con la herramienta
selección cambiar el
tamaño presionando la
tecla shift

26. • Con la herramienta
escala aplicar un giro
• En filtros aplicar sombra
• Añadir un texto y
aplicarle degradado
• Finalmente dibujar un
rectangulo, aplicarle
color degradado y de
textura marea negra,
mover su capa al fondo

27. Proyecto 4 : Fotomontaje 2
• Insertar la imagen 7 y 8
• Seleccionar la imagen
del niño y aplicar
• Elegir la herramienta
lazo poligono y realizar
el recorte de la imagen

28. • Guardar el trabajo final

29. Proyecto 5: Vectorizar un bitmap
• Importe la imagen 9
• Seleccione la
herramienta varita
mágica

30. • Hacer clic en el área
que será convertida en
vector, en nuestro caso
el fondo
• En colores elegir cubo
de pintura y elegir la
opción deseada: solido,
susurro, etc.

31. • Observe el cambio del
fondo.

32. • Para vectorizar, botón derecho, modificar recuadro,
convertir en trazado.

33. • Nótese que se crea una capa nueva y si ocultamos la
primera capa o la eliminamos se puede hacer
modificaciones como cualquier objeto vectorial
Capa
oculta
Eliminar
capa

34. Actividad
• Descargar imágenes de internet y aplica dos
de los procedimientos vistos
• Añadir textos y aplicar efectos de filtros y
otros.