Post on 18-Jul-2015
description
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 1/13
Fundamentación TeóricaAdobe Fireworks CS5
Presentado a: Ing. Milena Riaño
Elaborado por: Johanna Izquierdo
Tecnólogo En Producción de Multimedia/229151
Servicio Nacional de Aprendizaje Sena Paipa /2012
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 2/13
1. Defina con sus propias palabras Adobe Fireworks CS5 y describa claramente cada una de las funciones.
Es un software editor gráfico orientado al diseño y maquetación de
sitios web, puede utilizarse para crear, editar y animar gráficos web,
añadir interactividad avanzada y optimizar imágenes en entornos
profesionales. También es posible crear y modificar imágenes
vectoriales y de mapa de bits en una sola aplicación
Gracias a sus características nuevas, Fireworks MX es una aplicación
enormemente accesible, con más potencia para crear elementos
gráficos y mayor interactividad para sitios web. Con ella los usuarios
maximizan su productividad, ya sean diseñadores de web veteranos,
desarrolladores de HTML que también trabajan con imágenes o nuevos
desarrolladores web que tienen que crear páginas web interactivas con
poco o ningún conocimiento de codificación o JavaScript.
2. Describa de forma detallada cada uno de los elementos básicos que conforman el espacio de trabajo de Adobe
Fireworks CS5.
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 3/13
Barra de Menú
P a n e l d e h e r r a m i e n t a s
Paneles
Lienzo
Ins ector de Pro iedades
Seleccionar
Mapa deBits
Vector
Web
Colores
Ver
Panel de vistas Previas
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 4/13
Descripción del Entorno de Trabajo Fireworks
PANEL DE HERRAMIENTAS:
Seleccionar
Mapa deBits
Vector
Web
Colores
Ver
Nos permite seleccionar,
transformar, recortar y exportar objetos del documento.
Nos permite seleccionar,
crear, retocar y aplicar efectosautomáticos a un mapa de
bits.
Nos permite crear y modificar
objetos vectoriales y además
editores de texto.
Nos permite crear divisiones y
zonas interactivas para darle
interactividad a los elementosdel documento.
Nos sirve para activar los cuadros,
color de trazo y color de relleno, que a
su vez determinan si los colores
elegidos afectan a los trazos o a losrellenos de los objetos seleccionados. Nos permite asignar el modo de
pantalla en el que queremos
trabajar, desplazarnos por el
documento y manejar el nivel del zoom del documento.
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 5/13
BARRA DE MENU
La mayoria de los comandos de Fireworks son accesibles desde la barra de menu, aquí encontraremos opciones tales
como “guardar documento”, opciones de edición, ayuda, etc.
PANELES
Ayudan a modificar aspectos de elementos u objetos seleccionados en el documento. Con
los paneles se puede trabajar en fotogramas, capas, símbolos, muestras de color y otras.
Los paneles pueden arrastrarse por separado, por lo que es posible agrupar los paneles en
funcion de las necesidades propias.
OTROS PANELES
En fireworks contamos con diferentes paneles como el de: Capas, Optimizar, Activos,
Fotogramas, Historial, etc.
Estos también los podemos habilitar y deshabilitar desde la barra de menú en la
opción de ventana
INSPECTOR DE PROPIEDADES
Es un panel que varía según el
contexto y que muestra las
propiedades de la selección actual,
las opciones de la herramienta
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 6/13
seleccionada o las propiedades del documento.
LIENZO
En esta área como el mismo nombre lo indica es lasección de nuestra área de trabajo donde
crearemos nuestras imágenes con las diferentes
herramientas que ofrece el programa.
En la parte inferior de esta área podemos ver el
tamaño en píxeles y el grado de “zoom” que tienela imagen actualmente
PANEL DE VISTAS PREVIAS
Este panel nos permite visualizar y comparar la calidad de los diferentes formatos a
los que se piensa exportar la imagen que hemos creado en Fireworks.
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 7/13
3. Describa de forma detallada cada uno de los elementos que conforman la paleta de herramientas de Adobe
Fireworks CS5
HERRAMIENTA ILUSTRACION DESCRIPCION/FUNCIÓN APLICACION
Puntero Nos va a permitir elegir objetos que tengamos
en nuestro documento. No importa que sean
mapas de bits, cajas de texto o que sean
objetos vectoriales.
Mueve la imagen o los
píxeles agrupados mediante
un recuadro. Haga doble clic
en una imagen para editar
los pixeles que la componen.SeleccionarDetrás
Selecciona un objeto situado detrás del objeto
seleccionado.
Mueve la imagen o los
pixeles agrupados mediante
un recuadro.Subseleccion Podemos emplearla sobre objetos vectoriales,
obre objetos de mapa de bits.
Mueve la imagen o los
píxeles agrupados medianteun recuadro.
Recuadro o
recuadro elíptico
Activa el modo de edición de imágenes y
selecciona un área de píxeles rectangular oelíptica.
Selecciona un área de
pixeles rectangular oelíptica.
Lazo o lazopoligonal
Activa el modo de edición de imágenes y
selecciona un área de píxeles de estilo libre.
Selecciona o mueve un área
de píxeles de estilo libre.Varita Mágica Activa el modo de edición de imágenes y
selecciona un área formada por pixeles de color
similar.
Selecciona un área formada
por pixeles de color similar.
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 8/13
Linea y formasbásicas
Dibuja objetos como trazados que se puedeneditar,
Pinta pinceladas de pixelesen un objeto de imagen.
Pluma Sirve para realizar trazados segmento porsegmento. Los nodos resultantes en este
trazado, poseen sub-nodos que ayudan a la
modificación en la curva de alguno de esos
segmentos.
Activa el modo objetos ydibuja objetos como
trazados que se pueden
editar.
Texto Crea y edita bloques de texto y abre el editor
de texto.
Activa el modo de objetos,
crea bloques de texto, y
abre el editor de texto.
Lapiz Es para dibujar a mano alzada. El trazo abierto
se finaliza normalmente en cualquier lugar. Eltrazo cerrado, se finaliza en el mismo lugar
donde se empezó. A la figura resultante se le
puede dar relleno.
Dibuja trazos de lápiz de un
pixel.
Pincel La herramienta pincel permite pintar pinceladas
de estilo libre, mientras que la herramienta
Lápiz dibuja trazos de lápiz de un pixel.
Pinta pinceladas como
pixeles.
Estilo libre Estira o contrae un trazado seleccionado para
cambiar la forma del mismo.
Activa el modo de objeto.
Remodelar área Remodela las partes de un trazado seleccionado
que están incluidas en el cursor “remodelar
área”
Activa el modo de objeto
Depurador detrazados
Modifica las características de presión y
velocidad de un trazado sin modificar su forma.
Activa el modo de objeto.
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 9/13
Cuchillo/Borrador
En el modo de objetos esta herramienta seconvierte en cuchillo. Corta un trazado
seleccionado para crear varios trazados.
En el modo de edición deimágenes esta herramienta
se convierte en Borrador.
Borra píxeles de una imagen.
Sello Activa el modo de edición de imágenes y duplica
partes de un objeto de imagen.
Duplica partes de un objeto
de imagen.
Otras herramientas:
TRANSFORMACIÓN Y DISTORSION DE OBJETOS
Es posible transformar un objeto o grupo seleccionado, o una selección de píxeles, con las herramientas Escala,Inclinar y Distorsión y con comandos de menú:
Escala Aumenta o reduce un objeto.
Inclinar Inclina un objeto a lo largo del eje especificado.
Distorsión Desplaza los lados o los ángulos de un objeto en la dirección en que se
arrastra el tirador de selección estando la herramienta activa. Esto
resulta útil para crear un aspecto tridimensional.
RETOQUE DE MAPAS DE BITS
Fireworks ofrece una amplia variedad de herramientas para retocar las imágenes. Permite modificar el tamaño de la
imagen. Reducir o perfilar su enfoque o copiar una parte de ella y “estamparla” en otra área.
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 10/13
Sello Permite copiar y clonar un área de una imagen en otra
Desenfocar Reduce el enfoque de las áreas seleccionadas de una imagen.
Manchar Empuja en la imagen el color elegido en la dirección de arrastrePerfilar Mejora la nitidez de determinadas áreas de una imagen.
Aclarar Ilumina partes de una imagen.
Oscurecer Oscurece partes de una imagen
4. Mediante el uso de las herramientas de la web 2.0 construir dos (2) actividades didácticas “Sopa de letras (20palabras) & Crucigrama (12 palabras)” que involucren el desarrollo de la actividad propuesta a través de la página
www.educaplay.com.
http://www.educaplay.com/es/recursoseducativos/608225/adobe_fireworks_css5.htm
http://www.educaplay.com/es/recursoseducativos/608257/entorno_de_trabajo_fireworks.htm
5. Elaborar una presentación en Prezi evidenciando el desarrollo de la actividad, la url de la presentación debe sersocializada a través del documento de entrega de dicha actividad.
http://prezi.com/t2jnjofize1k/present/?auth_key=6042y3f&follow=hxnxwsmrwrca
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 11/13
6. A través de un mapa mental mencione las versiones que existen de Adobe Fireworks CS5 y sus principales
características de la misma forma describa en que se diferencia una versión de la otra, para la elaboración del mapa
mental es posible emplear alguna herramienta de la web 2.0 que usted considere adecuada.
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 12/13
Bibliografía
http://www.brendingdesigners.com.ar/fireworks.html
http://www.aulafacil.com/fireworks/lecc-03.htm
http://aprendeenlinea.udea.edu.co/lms/ova/file.php/19/Clase1/Animaciones/Entorno_FW.htm
http://aprendeenlinea.udea.edu.co/lms/ova/course/view.php?id=19
http://www.un.org/spanish/Depts/dpi/seminario/pdf/fireworksMX.pdf
http://aprendeenlinea.udea.edu.co/boa/contenidos.php/736c69fe1c46c6d6449cddb1e65a1ab1/347/1/contenido/Co
ntenido2/Cont2.htm
http://aprendeenlinea.udea.edu.co/boa/contenidos.php/736c69fe1c46c6d6449cddb1e65a1ab1/347/1/contenido/Contenido1/Cont1.htm
http://aprendeenlinea.udea.edu.co/boa/contenidos.php/736c69fe1c46c6d6449cddb1e65a1ab1/347/1/contenido/Co
ntenido2/Cont2.htm
http://www.un.org/spanish/Depts/dpi/seminario/pdf/fireworksMX.pdf
http://www.reypastor.org/departamentos/dinf/enalam/fireworks/trazadosbase/1_el_entorno_de_trabajo.html
http://blog.video2brain.com/mx/adobe-fireworks-cs5-utilizacion-herramientas-seleccion-1997.htm
http://www.adobe.com/support/documentation/es/fireworks/releasenotes.html
5/16/2018 Fireworks CS5 - slidepdf.com
http://slidepdf.com/reader/full/fireworks-cs5-55ab53e8524cf 13/13
http://www.fortunecity.com/victorian/holbein/462/fw2.htm
http://store.adobe.com/store/es_es/popup/software/fireworks5/versioncomparison.html
http://www.adobe.com/support/documentation/archived_content/es/fireworks/cs3/fireworks_cs3_help.pdf
http://www.brendingdesigners.com.ar/fireworks.html