Fireworks CS5

13
 Fundamentación Teórica Adobe 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

description

Descripción General de Adobe Fireworks

Transcript of Fireworks CS5

Page 1: Fireworks CS5

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

Page 2: Fireworks CS5

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.

Page 3: 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

Page 4: Fireworks CS5

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.

Page 5: Fireworks CS5

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

Page 6: Fireworks CS5

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.

Page 7: Fireworks CS5

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.

Page 8: Fireworks CS5

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.

Page 9: Fireworks CS5

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. 

Page 10: Fireworks CS5

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 

Page 11: Fireworks CS5

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. 

Page 12: Fireworks CS5

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