domingo, 27 de abril de 2014

Fireworks, extensiones de sus archivos

¿Qué puede hacer Fireworks?
Fireworks es una herramienta para desarrolladores Web y artistas gráficos profesionales que permite diseñar, editar y optimizar gráficos para Internet. Las imágenes se pueden dividir, y cada división se puede optimizar individualmente para obtener una calidad óptima y permitir una descarga más rápida. Asimismo, Fireworks permite exportar JavaScript, que controla funciones como la carga previa de imágenes, el intercambio de imágenes para rollovers, los menús emergentes y el control de la interacción de imágenes intercambiadas para permitir al usuario crear barras de navegación. Esto convierte a Fireworks en un producto indispensable para los diseñadores de interfaces de usuario, y no sólo lo utilizan con esta finalidad los diseñadores y desarrolladores Web, sino también los desarrolladores de multimedia y software en su trabajo de diseño de interfaces de usuario. Ahora Fireworks puede utilizar archivos XML para importar dinámicamente texto en una serie de imágenes.


¿Puedo crear un sitio Web en Fireworks?
Aunque es posible generar archivos HTML vinculados entre sí mediante Fireworks, este programa no es un editor HTML. Muchos usuarios trabajan con Dreamweaver y Fireworks en Studio MX para desarrollar sus sitios Web, ya que ambos productos están integrados para ofrecer un conjunto de creación Web completo. Dreamweaver permite a los usuarios insertar varios tipos de contenido Web en páginas HTML, así como establecer información de etiquetas <head>. La manipulación de la parte <head> de un documento permite establecer que los motores de búsqueda encuentren las páginas, así como configurar propiedades de la página como el color o la imagen de fondo y los márgenes. Dreamweaver también admite CSS y otras características de capas DHTML no disponibles en Fireworks. Además, Dreamweaver permite vincular y acceder a bases de datos mediante distintas configuraciones para controlar sitios Web dinámicos. Las funciones de FTP incorporadas en Fireworks MX 2004 permiten a los usuarios cargar archivos y sincronizar sus archivos locales con la fecha y hora del servidor.


¿Qué formatos de archivo puede importar y exportar Fireworks?
Fireworks importa: Fireworks exporta:
PNG de Fireworks
Photoshop PSD*
Freehand FH7-11
Illustrator 8
CorelDRAW (sin comprimir)
GIF animado
JPEG
PNG
BMP
PICT (sólo en Macintosh)
TIFF
AI
TGA
* El texto de Photoshop 6 y 7 se importa como texto en Fireworks MX y posterior
GIF animado
GIF
JPEG
PNG 8, 24 y 32 bits
BMP 8 y 24 bits
PICT 8 y 24 bits
TIFF 8, 24 y 32 bits
WBMP

Proceso para dar efecto a texto en swish

Texto Animado
Acá aprenderán a crear textos animados. Pueden aplicarlos para presentaciones .exe, tipo PowerPoint, para animar alguna firma, avatar, header/banner o para aplicarlos a videos como introducciones.
Antes de comenzar dividiré las áreas del programa en 4 secciones, para que se nos haga más fácil.
secciones
En la parte 1, se aprecia la línea de tiempo. Ahí es donde aplicarán la duración de los efectos.
En la parte 2 vemos las escenas, pueden ser varias o una si es una presentación simple.
En la 3 están las herramientas y pizarra de nuestra animación.
Y en la 4 opciones múltiples, como por ejemplo el tamaño de nuestra película, ajustes de textos, alineaciones, etc.
Pues bien, ya definido eso, nos vamos a la sección 4 y en la pestaña "movie" seleccionamos el tamaño. 400px por 150px.
Ahora en la sección 3 pongan el ajuste de la pantalla en 100%
Escribiremos algo y lo animaremos.
Boton TextoEntonces pinchamos en la herramienta texto(sección 3). Escribimos un título
Si se fijan, en la sección 2, aparece nuestro elemento texto, y continuarán apareciendo mientras más cosas le pongamos a nuestro proyecto.
Ahora para animar, pinchamos con el botón derecho sobre nuestro texto y seleccionamos "effect" verán que esa sección contiene muchos efectos agrupados según animación. (efectos de entrada, de salida, de repetición, etc) efectos

Yo seleccioné en Appear into position, el efecto: "Bullet-Fly by in"
Pueden ver como es su animación pinchando el botón "play" del reproductor que está en la sección 1. (línea de tiempo). Tienen la opción de alargar o achicar el tiempo del mismo. Pueden agregar más de un efecto a un mismo elemento,
Mi segundo efecto será uno de salida. Asi que me voy a "effect", luego en "Disappear from position" selecciono "Wild-X-Y-Scaleway"
Acá una imagen de los tiempos que le dí:tiempos



Ahora que tenemos nuestra pequeña animación nos vamos a "files" (en la barra de menúes), luego "export" y por último a "SWF". Le dan nombre y ubicación de donde lo guardan.