- 6
Agreganos a tus Favoritos Recomiendanos a tus amigos Página de inicio
 Manuales
 SQL
 Flash 5
 HTML
 Dreamweaver
 Fireworks
 JavaScript
 C# y .NET
 PHP
 Artículos
 .NET (4)
 ActiveX (1)
 ADO (1)
 ASP (11)
 Bases de Datos (2)
 CGI (1)
 CSS (1)
 Diseño Grafico (2)
 HTML (9)
 Java (2)
 JavaScript (8)
 PHP (9)
 VBScript (2)
 Wap-WML (2)
 XML (6)
Herramientas
 Meta Tags
 Generador Popups
 Generador CSS
 Generador Scrollbar
 Listas despegables
 Html Inspector
 Colores
 Generador de Menu
 Generador Flash
 Convertidor
Servicios
 Diseño Web
 Hosting
 Buscadores
 Buscar Dominio
 Comunidad
 Foros
 Hosting Gratuito
 E-Mail Grátis
 Descargas
 Directorio
 Referencias
 Enlaces
 Colabora
 Publicidad
 Contactanos
 Referirnos
 Patrocinadores

    
FIREWORKS MX - Primera Entrega

Por Milko A. García Torres

En este curso trataremos de ir analizando ordenadamente las principales herramientas y sus aplicaciones básicas, más algunas pistas para trabajar eficientemente con Fireworks MX.
Pero como primeramente necesitamos conocer el terreno sobre el cual vamos a trabajar, comenzaremos por la interfase.

 

1. Interfase

Cuando abras Fireworks te encontrarás con un panorama más o menos similar a este:

Hemos marcado cada una de las partes con colores diferentes para que puedas guiarte mejor:

Barra de menúes: es común a todos los programas. A veces contienen opciones que no se encuentran en las herramientas que están más a la vista. Muchas de estas opciones las iremos viendo en el desarrollo del curso.

Barra de herramientas: también es común a todos los programas, y contiene las opciones de uso más frecuente o necesario, tales como guardar, copiar, pegar, etc.

"Canvas": es el área de trabajo propiamente dicha.

Paleta de herramientas: contiene las herramientas específicas de Fireworks de uso más frecuente. Algunas de estas herramientas contoienen dentro de sí mismas otras opciones de uso. Las iremos viendo más adelante.

Paneles de control: están agrupados a la izquierda y contienen opciones es pecíficas para trabajar dentro de elementos ya creados en Fireworks.

Barra de propiedades: cambia o se adecua al elemento que tengamos seleccionado, mostrándonos las propiedades que podemos cambiar de ese elemento.

En esta primera parte veremos sólo las partes de la interfase que incumben específicamente a Fireworks, y dentro de estas, las básicas, como para comenzar a trabajar, ya que el resto las iremos viendo a medida que avancemos en la complejidad de los ejercicios.

 

1.1. Canvas:

El canvas es propiamente el área donde trabajaremos, y para trabajo en web, que es el que realizamos propiamente con Fireworks, las medidas que utilizamos no son centímetros o pulgadas, sino pixels.
Entonces tenemos:

1- Canvas ( el área de trabajo)

2- Solapas de "vistas". La que dice "original" es donde trabajamos. Las otras son el "preview" de nuestros trabajos antes de exportarlos como gif, jpeg, tiff, o cualquiera de los formatos que usaremos posteriormente.
Fíjate que además del Preview tenemos

2-UP


4UP


Esto es para ver 2 o 4 opciones más de "preview", y elegir la que visualmente nos parezca más apropiada. Obviamente, para esto, hacer falta haber desarrollado cierto "ojo" clínico.

3- El indicador del tamaño de canvas que estamos utilizando, y si hacemos clic, nos indicará además la resolución en pixels que estamos utilizando.

4- El porcentaje de zoom con que estamos viendo. Haciendo clic se despliega un menú con las distintas opciones de zoom disponibles.

 

1.2. Paleta de herramientas

Veremos en esta primera parte las herramientas básicas para empezar a trabajar:

Herramienta de selección: incluye también la herramienta de "subselección", que sirve para seleccionar elementos que están "tapados" por otros cuando estás trabajando con muchos elementos.
Herramienta para escalar: sirve para modificar proporcionalmente el tamaño de los elementos. Las herramientas de Skew y Distort sirven para distorsionar la forma del elemento seleccionado.
El Crop sirve para seleccionar un área que será cortada, y la herramienta que lo acompaña sirve para seleccionar unárea determinada y exportarla independientemente del resto de una imagen.
Las herramientas de Marquee sirven para seleccionar un área determinada de la imagen, ya sea para copíarla, ya sea para trabajar en ella sin modificar el resto de la imagen.
Las herramientas de Lasso y Polygon Lasso son variantes de Marquee, y sirven para seleccionar áreas a mano alzada o poligonales respectivamente.
La herramienta Paint Bucket es simplemente la herramienta de relleno, y su variante, la Gradient Tool, es para rellenos degradados. Las opciones de ese degradado se configuran luego desde el panel de propiedades.
La herramienta Pen sirve dibujar elementos con sólo hacer clic y trazar sus lados.
Esta acompañada por la Vector Path, que sirve para trazos de distintos tipos (bambú, cinta, aerógrafo, etc); y la Redraw Path Tool, que permite redibujar o agrandar un dibujo, conservando las características de trazo o configuración.
Bueno, es obvio que estas herramientas son para dibujar distintas formas.
Eraser Tool: para borrar.
 Brush Tool: para dibujar trazos.
Line Tool: para dibujar líneas rectas.
Pencil Tool: para dibujar líneas a mano alzada
Subselection Tool: para trabajar con los nodos de trazos vectoriales.
Text Tool: herramienta de texto.
Herramienta de bordes.
Herramienta de relleno.

 

1.3. Barra de Propiedades.

No la describiremos en detalle aquí porque cambia constantemente, según el elemento que tengamos seleccionado.

 

1.4. Paneles colapsables.

Respecto a ellos tampoco haremos una descripción detallada en esta primera parte ya que tienen muy diversas funciones que iremos recorrriendo a lo largo de este curso.
Bástenos saber el modo de manejarlos.
Los puntos que están encerrados en el círculo amarillo forman el área desde la cual, haciendo clic y sin soltar el mouse, podemos arrastrar el panel fuera del área donde se encuentra, y dejarlo "flotante" en cualquier lugar de la pantalla.
Fíjate ahora en las áreas encerradas en el círculo verde. En el panel de "Optimize" la flecha indica hacia abajo, y es porque el panel está desplegado. En el panel de "Colors" y en los demás, la flecha indica hacia el costado porque los paneles están "colapsados" o cerrados. Haciendo clic en estas áreas, despliegas o cierras los correspondientes paneles.

Siguiente

Mortgage Calculator | Internet Advertising | MPAA | Plumber Buckinghamshire | MPAA

  Enlaces | Colabora  | Publicidad  | Contactanos  | Referirnos

   © 2006 ANCER Network S.A. - Todos los derechos reservados.