Leccion 4 Primeros Pasos Con Fireworks

download Leccion 4 Primeros Pasos Con Fireworks

of 26

Transcript of Leccion 4 Primeros Pasos Con Fireworks

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    1/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 1

    LECCION 4 PRIMEROS PASOS EN FIREWORKS

    4.1 Objetos vectoriales y de mapa de bits

    En el panel Herramientas de Fireworks hay diferentes secciones que contienenherramientas de dibujo y edicin de vectores y mapas de bits. Para msinformacin sobre estos dos formatos bsicos, consulte Acerca de las imgenesvectoriales y de mapa de bits(See 2.2.2)

    En Fireworks, la herramienta seleccionada determina si el objeto creado es unvector o un mapa de bits. Por ejemplo, si selecciona la herramienta Pluma en laseccin Vector del panel Herramientas, cuando empiece a trazar puntos dibujartrazados de vectores. Seleccione la herramienta Pincel y al arrastrar el punteropintar un objeto de mapa de bits. Seleccione la herramienta Texto y slo tendrque comenzar a escribir.

    Despus de dibujar objetos vectoriales, de mapa de bits o texto, dispondr de unagran variedad de herramientas, efectos, comandos y tcnicas para mejorar yfinalizar las imgenes. Y podr crear botones de navegacin interactivos con lasherramientas del editor de botones de Fireworks.

    Las herramientas de Fireworks tambin sirven para editar imgenes importadas.Puede importar y editar archivos JPEG, GIF, PNG, PSD y muchos otros formatos dearchivo. Tras importar una imagen grfica, es posible ajustar su color y tono, ytambin recortarla, retocarla y enmascararla.

    4.2 Imgenes interactivasLas divisiones y zonas interactivas son objetos Web que definen reas interactivasen un grfico Web. Las divisiones cortan la imagen en varias secciones, a las quees posible aplicar comportamientos de rollover, animacin y vnculos URL (UniformResource Locator). Adems, puede exportar cada seccin con diferentesparmetros. En la pgina Web, cada divisin se muestra como la celda de unatabla. Las zonas interactivas permiten asignar vnculos URL y comportamientos aparte de la imagen o a toda ella. Para ms informacin, consulte Divisiones,rollovers y zonas interactivas(See 2.11).

    Las divisiones y zonas interactivas poseen tiradores de rollover de arrastrar y

    colocar que permiten asignar rpidamente imgenes intercambiadas ycomportamientos de rollover directamente al espacio de trabajo. El editor debotones y el editor de men emergente son prcticas funciones de Fireworks queayudan a crear elementos grficos interactivos especiales para desplazarse porsitios Web.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    2/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 2

    4.3 Acerca de optimizar y exportar imgenes

    Fireworks posee potentes funciones de optimizacin que permiten lograr unequilibrio entre tamao de archivo y calidad visual cuando se trata de exportarimgenes. En Fireworks es posible optimizar los grficos Web para reducir sutamao de archivo y cargarlos rpidamente en sitios Web. Asimismo, puedecomparar la calidad en el rea de trabajo mediante Vista previa, 2 copias o 4copias.

    Las imgenes se pueden dividir en porciones y optimizar por separado con elformato que mejor se adapte al contenido. Para una mayor flexibilidad deoptimizacin, es posible utilizar la compresin JPEG selectivo para enfocar la partems importante de un archivo JPEG y reducir la calidad del fondo.

    Una vez optimizadas las imgenes, el paso siguiente consiste en exportarlas parautilizarlas en la Web. Puede exportar el documento de origen PNG de Fireworks avarios tipos de archivo, como JPEG, GIF, GIF animado y tablas HTML con imgenes

    divididas en archivos de distintos tipos. Para ms informacin, consulteOptimizacin y exportacin(See 2.14).

    4.3.1 Acerca de las imgenes vectoriales y de mapa de bits

    Los sistemas informticos muestran las imgenes en formato de vectores o demapa de bits. Entender la diferencia entre los dos formatos ayuda a comprender elprograma, que contiene herramientas vectoriales y de mapa de bits y es capaz deabrir e importar ambos formatos.

    4.3.2 Acerca de las imgenes vectoriales

    Los elementos grficos vectoriales representan las imgenes mediante lneas ycurvas, denominadas vectores, que incluyen informacin de color y posicin. Porejemplo, la imagen de una hoja puede definirse por medio de un conjunto depuntos que describen su contorno. El color de la hoja queda determinado por elcolor de su contorno (el trazo) y el del rea que encierra este contorno (el relleno)

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    3/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 3

    Cuando se edita una imagen vectorial, se modifican las propiedades de las lneas ycurvas que describen su forma. Las imgenes vectoriales son independientes de laresolucin, lo que significa que es posible desplazar, cambiar el tamao, alterar laforma y modificar el color de una imagen vectorial, as como visualizarla endispositivos de salida de diferente resolucin, sin que cambie la calidad de su

    aspecto.

    4.3.3 Acerca de las imgenes de mapa de bits

    Las imgenes de mapa de bits estn formadas por puntos, llamados pxeles,organizados en una cuadrcula. La pantalla del equipo es una gran cuadrcula depxeles. En la versin de mapa de bits de la hoja, la imagen est determinada porla posicin y el valor de color de cada pxel de la cuadrcula. Cada punto tieneasignado un color. Cuando se presentan con la resolucin adecuada, los puntosencajan entre s como las teselas de un mosaico y forman la imagen.

    Cuando se edita una imagen de mapa de bits, se modifican los pxeles, no laslneas y curvas. Las imgenes de mapa de bits dependen de la resolucin, esdecir, los datos que las definen estn fijos en una cuadrcula que tiene un tamaodeterminado. Cuando se aumenta el tamao de un elemento grfico de mapa debits, los pxeles se redistribuyen en la cuadrcula, lo que puede dar lugar a que susbordes queden desiguales. La visualizacin de un elemento grfico de mapa debits en un dispositivo de salida con menor resolucin que la propia imagentambin puede reducir su calidad.

    4.4 El entorno de trabajo de Fireworks

    Al abrir un documento en Fireworks por primera vez, Fireworks activa el entornode trabajo, en el que se incluye el panel Herramientas, el Inspector depropiedades, los mens y los dems paneles. El panel Herramientas, situado a laizquierda de la pantalla, contiene varias secciones de herramientas de distintosgrupos, como mapa de bits, vector y Web. De forma predeterminada, el Inspectorde propiedades aparece en la parte inferior del documento y al principio muestralas propiedades del mismo. Despus cambia para mostrar las propiedades de la

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    4/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 4

    herramienta o el objeto seleccionados mientras se trabaja con el documento. Lospaneles estn inicialmente acoplados en grupos a lo largo de la parte derecha dela pantalla. La ventana de documento aparece en el centro de la aplicacin.

    4.4.1 Utilizacin de la pgina de inicio

    Al iniciar Fireworks sin abrir ningn documento, aparece la pgina de inicio deFireworks en el entorno de trabajo. La pgina de inicio le ofrece un acceso rpido alos tutoriales de Fireworks, archivos recientes y Fireworks Exchange, en el quepuede aadir nuevas capacidades a algunas funciones de Fireworks. La utilizacinde la pgina de inicio es muy semejante a la de una pgina Web. Haga clic encualquiera de los elementos que aparecen para utilizarlos.

    Para desactivar la pgina de inicio:

    1. Ejecute Fireworks sin abrir ningn documento.Aparecer la pgina de inicio.

    2. Haga clic en No volver a mostrar este mensaje.4.4.2 Utilizacin del panel Herramientas

    El panel Herramientas est organizado en seis categoras: Seleccionar, Mapa debits, Vector, Web, Colores y Ver.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    5/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 5

    4.4.2.1 Cambio de las opciones de herramienta

    Cuando se elige una herramienta, el Inspector de propiedades muestra susopciones. Algunas opciones permanecen en pantalla mientras se trabaja con esa

    herramienta. Con otras herramientas, como las herramientas bsicas de forma ylas herramientas Pluma y Lnea, el Inspector de propiedades muestra laspropiedades de los objetos seleccionados. Para ms informacin sobre el Inspectorde propiedades, consulte Utilizacin del Inspector de propiedades(See 2.2.6.3).

    Para ver en el Inspector de propiedades las opciones de laherramienta que est utilizando:

    Seleccione Seleccionar > Anular seleccin para anular la seleccin de todoslos objetos.

    Para obtener ms informacin sobre las opciones especficas de las herramientas,consulte las secciones que presentan a cada una de ellas en Utilizacin deFireworks o la Ayuda de Fireworks.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    6/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 6

    4.4.2.2 Seleccin de una herramienta en un grupo de herramientas

    Cuando en el ngulo inferior derecho de una herramienta del panel Herramientasaparece un tringulo pequeo, indica que la herramienta forma parte de un grupo.Por ejemplo, la herramienta Rectngulo forma parte del grupo de herramientas deformas bsicas, que incluye tambin las herramientas de Rectngulo redondeado,Elipse y Polgono, as como las herramientas de formas automticas, que aparecenbajo la lnea divisoria.

    Para seleccionar otra herramienta de un grupo de herramientas:

    1. Haga clic en el icono de la herramienta y mantenga pulsado el botn delratn.

    Aparece un men emergente con los iconos, los nombres y las teclas demtodo abreviado de las herramientas. La herramienta actualmenteseleccionada lleva una marca de seleccin a la izquierda del nombre.

    2. Arrastre el puntero para resaltar la herramienta que desee y suelte el botndel ratn.

    La herramienta aparece en el panel Herramientas, mientras que susopciones aparecen en el Inspector de propiedades.

    4.4.3 Utilizacin del Inspector de propiedades

    El Inspector de propiedades es un panel que vara segn el contexto y quemuestra las propiedades de la seleccin actual, las opciones de la herramientaseleccionada o las propiedades del documento. De forma predeterminada, elInspector de propiedades est acoplado en la parte inferior del rea de trabajo.

    El Inspector de propiedades puede abrirse a media altura, con lo que se muestrandos filas de propiedades, o por completo, con lo que se muestran cuatro filas. El

    Inspector de propiedades tambin puede contraerse en su totalidad aunquepermanezca en el espacio de trabajo.

    Nota: en la mayora de los procedimientos de Utilizacin de Fireworks se da porsupuesto que el Inspector de propiedades se visualiza con su altura completa.

    Para desacoplar el Inspector de propiedades:

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    7/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 7

    Arrastre el asa del ngulo superior izquierdo a otra parte del espacio detrabajo.

    Para acoplar el Inspector de propiedades en la parte inferior del reade trabajo (slo Windows):

    Arrastre la barra lateral del Inspector de propiedades a la parte inferior de lapantalla.

    Para expandir el Inspector de propiedades de media altura a alturacompleta y ver otras opciones, siga uno de estos procedimientos:

    Haga clic en la flecha de ampliacin situada en el ngulo inferior derecho delInspector de propiedades.

    Haga clic en el icono del ngulo superior derecho del Inspector depropiedades y elija Altura completa en el men de opciones del Inspector de

    propiedades.

    Nota: En Windows, el men de opciones est disponible nicamente cuandoel Inspector de propiedades est acoplado.Para reducir el Inspector de propiedades a media altura, siga uno de

    estos procedimientos:

    Haga clic en la flecha de ampliacin situada en el ngulo inferior derecho delInspector de propiedades.

    Elija Media altura en el men de opciones del Inspector de propiedades.Nota: En Windows, el men de opciones est disponible nicamente cuandoel Inspector de propiedades est acoplado.Para contraer el Inspector de propiedades cuando est acoplado,

    siga uno de estos procedimientos:

    Haga clic en la flecha de ampliacin o el ttulo del Inspector de propiedades. Elija Contraer grupo de paneles en el men de opciones del Inspector de

    propiedades.

    Para ms informacin sobre las opciones especficas del Inspector de

    propiedades, consulte las secciones correspondientes de Utilizacin deFireworks o la Ayuda de Fireworks.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    8/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 8

    4.4.4 Utilizacin de los paneles

    Los paneles son controles flotantes que ayudan a modificar aspectos de elementosu objetos seleccionados en el documento. Con los paneles se puede trabajar enfotogramas, capas, smbolos, muestras de color y otros. Los paneles puedenarrastrarse por separado, por lo que es posible agruparlos en funcin de lasnecesidades propias.

    Algunos paneles pueden aparecer agrupados de forma predeterminada y otros no.Los siguientes paneles pueden contener otros paneles:

    Activos Colores Fotogramas e Historial

    Los paneles Optimizar, Edicin de imagen, Capas, Formas, Propiedades de forma

    automtica, Informacin, Comportamientos, Buscar y Alinear no estn agrupadoscon otros de manera predeterminada, aunque puede agruparlos si lo desea. Alagrupar los paneles, todos los nombres de grupos de los paneles aparecen en labarra de ttulo del grupo de paneles. Sin embargo, tambin puede asignarcualquier nombre que desee a los grupos de paneles.

    El panel Optimizar permite gestionar los parmetros que controlan el tamao yel tipo de archivo y trabajar con la paleta de colores del archivo o la divisin quevaya a exportarse.

    El panel Edicin de imagen incluye las opciones y herramientas de edicin de

    imgenes ms utilizadas.El panel Capas organiza la estructura de un documento y contiene opciones paracrear, eliminar y manipular capas.

    El panel Fotogramas incluye opciones para crear animaciones.

    El panel Historial incluye una lista de los nuevos comandos que puede deshacery rehacer de forma rpida. Adems, es posible seleccionar varias acciones ydespus guardarlas y volver a usarlas como comandos. Para ms informacin,consulte Utilizacin del panel Historial para deshacer y repetir varias acciones(See2.2.6.9).

    El panel Formas contiene formas automticas que no aparecen en el panelHerramientas.

    El panel Propiedades de forma automtica permite realizar cambios en laspropiedades de una forma automtica que inserte en un documento.

    El panel Estilos permite almacenar y volver a utilizar combinaciones decaractersticas de objetos o elegir un estilo entre los almacenados.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    9/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 9

    El panel Caracteres especiales permite insertar caracteres especiales enbloques de texto directamente en Fireworks con un slo clic.

    El panel Biblioteca contiene smbolos grficos, de botn y de animacin. Es fcilarrastrar instancias de estos smbolos desde el panel Biblioteca al documento.Tambin es posible realizar cambios globales en ellas modificando solamente elsmbolo. Para ms informacin, consulte Utilizacin de estilos, smbolos y URL(See2.10).

    El panel URL permite crear bibliotecas que contengan valores URL utilizados confrecuencia.

    El panel Mezclador de colores permite crear colores nuevos y aadirlos a lapaleta de colores del documento actual o aplicar los objetos seleccionados.

    El panel Muestras gestiona la paleta de color del documento actual.

    El panel Informacin proporciona datos sobre las dimensiones de los objetos

    seleccionados y las coordenadas del cursor conforme se mueve por el lienzo.

    El panel Comportamientos permite controlar los comportamientos, quedeterminan la reaccin que se produce en las zonas interactivas o las divisiones almover el ratn.

    El panel Buscar permite buscar y reemplazar elementos como texto, URL,fuentes y colores en uno o varios documentos.

    El panel Alinear contiene controles para alinear y distribuir objetos en el lienzo.

    4.4.4.1 Organizacin de paneles y grupos de paneles

    De forma predeterminada, los paneles de Fireworks estn acoplados en grupos enel rea de acoplamiento situada a la derecha del espacio de trabajo. Es posibledesacoplar grupos de paneles, aadir paneles a un grupo, desacoplar panelessueltos, cambiar el orden de los grupos de paneles acoplados y contraer o cerrargrupos de paneles. Tambin es posible abrir y cerrar paneles sueltos.

    Para desacoplar o desplazar un grupo de paneles:

    Arrastre hacia la izquierda el asa del panel del ngulo superior izquierdo paraalejarlo del rea de acoplamiento de la derecha de la pantalla.

    Para acoplar un grupo de paneles:

    Arrastre el asa del panel hacia el rea de acoplamiento de paneles.Conforme arrastre el panel o el grupo de paneles por el rea deacoplamiento, una lnea o rectngulo de colocacin ir mostrando dnde secolocara el panel entre los dems grupos.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    10/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 10

    Para contraer o expandir un panel o grupo de paneles, siga uno deestos procedimientos:

    Haga clic en el ttulo del panel o grupo de paneles.Nota: la barra de ttulo sigue visible cuando el panel o grupo de panelesest contrado.

    Haga clic en la flecha de ampliacin del ngulo superior izquierdo del panel ogrupo de paneles.

    Para desacoplar un panel de un grupo de paneles:

    Seleccione Agrupar con > Nuevo grupo de paneles en el men de opcionesde la barra de ttulo del grupo de paneles. (El nombre del comando Agruparcon cambia en funcin del nombre del panel activo.) El panel aparece en un

    nuevo grupo de paneles propio.Para acoplar un panel de un grupo de paneles:

    Seleccione el nombre de un grupo de paneles del submen Agrupar con delmen de opciones del grupo de paneles. (El nombre del comando Agruparcon cambia en funcin del nombre del panel activo.)

    Para cambiar el nombre de un grupo de paneles:

    1. Haga clic en el icono situado en la parte superior derecha del grupo depaneles y elija Cambiar nombre del grupo de paneles en el men de

    opciones.

    2. Introduzca el nombre nuevo.Para restablecer la posicin predeterminada de los paneles en

    funcin de la resolucin de la pantalla, siga uno de estos procedimientos:

    Seleccione Ventana > Disposiciones del rea de trabajo > 800 x 600. Seleccione Ventana > Disposiciones del rea de trabajo > 1024 x 768. Seleccione Ventana > Disposiciones del rea de trabajo > 1280 x 1024.

    Para abrir un panel:

    Seleccione el nombre del panel en el men Ventana.Sugerencia: una marca de verificacin junto al nombre del panel en elmen Ventana significa que el panel est abierto.Para cerrar un panel, siga uno de estos procedimientos:

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    11/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 11

    Seleccione el nombre del panel en el men Ventana. Haga clic en el botn Cerrar de la barra de ttulo del panel cuando ste est

    desacoplado.

    Para ocultar todos los paneles y el Inspector de propiedades:

    Seleccione Ventana > Ocultar paneles. Para ver los paneles ocultos, vuelva aelegir Ventana> Ocultar paneles.

    Nota: Los paneles que estaban ocultos al elegir Ocultar paneles permanecenocultos cuando se anula la seleccin de este comando.Para mostrar u ocultar paneles acoplados en la ventana de aplicacin

    (slo Windows), realice uno de los siguientes procedimientos:

    Arrastre la barra vertical que se encuentra a la izquierda del rea del panelacoplado para cambiar el tamao del rea del panel.

    Haga clic en la pequea flecha que separa el rea del panel acoplado delresto de la ventana de la aplicacin.

    4.4.4.2 Utilizacin del men de opciones de un panel o grupo de paneles

    Cada panel y grupo de paneles tiene un men de opciones que indica las opciones

    propias del panel o grupo de paneles activo. En el Inspector de propiedadestambin hay un men de opciones (excepto en Windows cuando el Inspector depropiedades est desacoplado).

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    12/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 12

    Para elegir una opcin en el men de opciones de un panel o grupode paneles:

    1. Haga clic en el icono del men de opciones del ngulo superior derecho delpanel o grupo de paneles para abrir el men.

    2. Seleccione un elemento del men.4.4.4.3 Almacenamiento de una disposicin de paneles

    Con el men Comandos puede guardarse la disposicin de los paneles. Cuando sevuelve a abrir Fireworks, los paneles aparecen dispuestos de la misma manera enel rea de trabajo.

    Para guardar una disposicin del rea de trabajo:

    1. Seleccione Ventana > Disposiciones del rea de trabajo > Guardar actual.2. Asigne un nombre a la disposicin del rea de trabajo y haga clic en Aceptar.

    Para abrir una disposicin del rea de trabajo guardada:

    Seleccione Ventana > Disposiciones del rea de trabajo y elija unadisposicin en el submen.

    4.4.5 Acerca del botn Exportacin rpida

    El botn Exportacin rpida permite exportar los archivos de Fireworks a variasaplicaciones de Macromedia, como Dreamweaver, Flash, Director y FreeHand.Adems, es posible exportar archivos a Photoshop, FrontPage, Adobe GoLive eIllustrator o realizar una presentacin preliminar en el navegador seleccionado.Para ms informacin, consulte Utilizacin del botn Exportacin rpida(See2.14.4.8).

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    13/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 13

    4.4.6 Apertura y desplazamiento de barras de herramientas (sloWindows)

    Fireworks para Windows incluye dos barras de herramientas que contienencomandos frecuentes de Fireworks.

    Para ver u ocultar una barra de herramientas:

    Seleccione Ventana > Barras de herramientas y elija una barra deherramientas.

    Para desacoplar una barra de herramientas:

    Arrastre la barra de herramientas para alejarla de la posicin en que estabaacoplada.

    Nota: si la barra de herramientas est desacoplada, haga clic en el botn de

    cierre del ngulo superior derecho de la barra de ttulo para cerrarla.Para acoplar una barra de herramientas:

    Arrastre la barra de herramientas a un rea de acoplamiento de la partesuperior, inferior, derecha o izquierda de la ventana de aplicacin hasta queaparezca el rectngulo de la vista previa de colocacin.

    4.4.7 Visualizacin y navegacin por el documento

    Es posible controlar el aumento del documento, su nmero de vistas y su modo devisualizacin. Adems, es fcil desplazarse por el documento para ver otras partesdel mismo, lo cual resulta til si ste se ampla y el lienzo ya no est visible en su

    totalidad.

    4.4.7.1 Utilizacin de las fichas de documento (Windows)

    Cuando el documento est maximizado, puede elegir fcilmente cualquiera de losdocumentos abiertos utilizando las fichas de documento que aparecen en la partesuperior de la ventana de documento. Todos los documentos abiertos muestran sunombre en una ficha que aparece encima de los botones de vistas.

    Para seleccionar otro documento cuando el actual est maximizado:

    Haga clic en la ficha del documento que desee ver.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    14/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 14

    4.4.7.2 Aumento y desplazamiento de un documento

    Fireworks permite ampliar y reducir en porcentajes de aumento preestablecidos odefinidos por el usuario.

    Para aumentar en incrementos preestablecidos, siga uno de estosprocedimientos:

    Seleccione la herramienta Zoom y haga clic en la ventana de documentopara especificar el nuevo punto central. Con cada clic, la imagen se ampla alsiguiente aumento preestablecido.

    Seleccione un nivel de aumento en el men emergente Establecer nivel deaumento de la parte inferior de la ventana de documento.

    Seleccione Alejar o un nivel de aumento preestablecido en el men Ver.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    15/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 15

    Para alejar el documento en incrementos preestablecidos, siga unode estos procedimientos:

    Seleccione la herramienta Zoom y pulse la tecla Alt (Windows) u Opcin(Macintosh) mientras hace clic en la ventana de documento. Con cada clic, la

    vista se reduce al siguiente porcentaje preestablecido.

    Seleccione un nivel de aumento en el men emergente Establecer nivel deaumento de la parte inferior de la ventana de documento.

    Seleccione Acercar o un nivel de aumento preestablecido en el men Ver.Para ampliar un rea determinada sin las limitaciones impuestas por

    aumentos preestablecidos:

    1. Seleccione la herramienta Zoom.2. Arrastre el puntero por la parte de la imagen que desee ampliar.

    El tamao que indica el cuadro de seleccin de aumento determina elporcentaje exacto de aumento, que se muestra en el cuadro Establecer nivelde aumento.

    Nota: en el cuadro de texto Establecer nivel de aumento, no puedenintroducirse porcentajes de aumento.Para alejar el documento a partir de un rea determinada:

    Pulse Alt (Windows) u Opcin (Macintosh) mientras arrastra una seleccincon la herramienta Zoom.

    Para recuperar el nivel de aumento del 100%:

    Haga doble clic en la herramienta Zoom del panel de Herramientas.Para desplazarse por el documento:

    1. Seleccione la herramienta Mano.2. Arrastre el cursor con forma de mano.

    Al desplazarse ms all del borde del documento, tambin se desplaza la

    vista para facilitar el trabajo con los pxeles del borde del lienzo.Para ajustar el documento en la vista actual:

    Haga doble clic en la herramienta Mano.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    16/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 16

    4.4.7.3 Utilizacin de los modos de visualizacin para gestionar el rea detrabajo

    Los botones de modo de visualizacin de la seccin Ver del panel Herramientas seutilizan para controlar la disposicin del rea de trabajo. Se pueden seleccionartres modos de visualizacin:

    Modo Pantalla estndar es la vista predeterminada de la ventana dedocumento.

    Modo Pantalla completa con mens es la vista maximizada de la ventanade documento sobre un fondo gris con los mens, barras de herramientas, barrasde desplazamiento y paneles visibles.

    Modo Pantalla completa es la vista maximizada de la ventana de documentosobre un fondo negro sin mens, barras de herramientas ni barras de ttulo

    visibles.

    Para cambiar de modo de visualizacin, siga uno de estosprocedimientos:

    Para cambiar a modo de pantalla completa con mens, haga clic en el botnModo Pantalla completa con mens del panel Herramientas.

    Para cambiar a modo de pantalla completa, haga clic en el botn ModoPantalla completa del panel Herramientas.

    Para volver a modo de pantalla estndar, haga clic con el botn derecho delratn (Windows) o pulse la tecla Control y haga clic (Macintosh) en laventana de documento y seleccione Salir del Modo de pantalla completa, ohaga clic en el botn Modo Pantalla estndar del panel Herramientas.

    4.4.7.4 Visualizacin de vistas mltiples de un documento

    Es posible utilizar varias vistas para ver un documento con diferentes niveles deaumento a la vez. Los cambios introducidos en una vista se reflejanautomticamente en las dems vistas del mismo documento. Normalmente, esconveniente asegurarse de que el documento no est maximizado en el rea detrabajo antes de crear vistas mltiples del mismo. Esto permite mostrar

    simultneamente vistas mltiples del documento.Para abrir una vista adicional de un documento con distintos valores

    de aumento:

    1. Seleccione Ventana > Duplicar ventana.2. Elija un valor de aumento para la nueva ventana.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    17/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 17

    Para disponer las vistas del documento en mosaico:

    Seleccione Ventana > Mosaico horizontal o Ventana > Mosaico vertical.Para cerrar una vista del documento:

    Haga clic en el botn Cerrar de la ventana.4.4.7.5 Control de la actualizacin en pantalla del documento

    Los modos de visualizacin influyen en la presentacin en pantalla de undocumento, no as en los datos del objeto ni en la calidad del resultado.

    Para controlar la actualizacin en pantalla del documento:

    Seleccione Ver > Pantalla completa.Cuando se selecciona Pantalla completa, Fireworks muestra el documento

    con todos los colores y detalles disponibles. Cuando Pantalla completa noest seleccionada, Fireworks muestra los trazados con una anchura de 1pxel y sin relleno, y las imgenes con una X.

    Modos de visualizacin y borradorPara ver un documento con el aspecto que tendra en una plataforma

    diferente:

    En Windows, seleccione Ver > Gama de Macintosh. En Macintosh, seleccione Ver > Gama de Windows.

    Aparecer una vista previa del documento en la otra plataforma. Porejemplo, si est trabajando en la plataforma Windows, puede utilizar estecomando para ver el aspecto que tendra el documento en una plataforma

    Macintosh.

    4.4.8 Cambio del lienzo

    Cuando se crea un nuevo documento en Fireworks por primera vez, es precisoespecificar las caractersticas del documento. El tamao y el color del lienzo, ascomo la resolucin de la imagen, pueden cambiarse en cualquier momento con el

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    18/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 18

    men Modificar o el Inspector de propiedades. Conforme trabaje con eldocumento, tambin podr girar el lienzo y recortar las partes que no desee.

    4.4.8.1 Cambio del tamao, el color y la resolucin del lienzo

    Fireworks permite cambiar con facilidad el tamao, el color y la resolucin del

    lienzo.

    Para cambiar el tamao del lienzo:

    1. Siga uno de estos procedimientos: Seleccione Modificar > Lienzo > Tamao del lienzo. Elija Seleccionar > Anular seleccin, haga clic en la herramienta

    Puntero para ver las propiedades del documento en el Inspector depropiedades y, a continuacin, haga clic en el botn Tamao dellienzo.

    2. Introduzca las nuevas dimensiones en los cuadros de texto de anchura yaltura.

    3. Haga clic en un botn Anclaje para especificar los lados del lienzo que se vana ampliar o reducir en Fireworks y a continuacin haga clic en Aceptar.

    Nota: de manera predeterminada, est seleccionado el anclaje central, queindica que los cambios introducidos para el tamao del lienzo se aplican entodos los lados.Para cambiar el color del lienzo con el men Modificar:

    1. Seleccione Modificar > Lienzo > Color del lienzo.2. Elija Blanco, Transparente o Personalizado. Si elige Personalizado, haga clic

    en un color de la ventana emergente Muestras.

    Para seleccionar el color del lienzo en el Inspector de propiedades:

    1. Elija Seleccionar > Anular seleccin, haga clic en la herramienta Punteropara ver las propiedades del documento en el Inspector de propiedades y, acontinuacin, haga clic en el cuadro de color de lienzo.

    2. Elija un color en la ventana emergente de muestras o haga clic con laherramienta Cuentagotas en un color de cualquier parte de la pantalla. Paraelegir un lienzo transparente, haga clic en el botn Ninguno de la ventanaemergente Muestras.

    Para cambiar el tamao de un documento y de todo su contenido:

    1. Siga uno de estos procedimientos:

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    19/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 19

    Elija Seleccionar > Anular seleccin, haga clic en la herramientaPuntero para ver las propiedades del documento en el Inspector depropiedades y a continuacin haga clic en el botn Tamao de laimagen en el Inspector de propiedades.

    Seleccione Modificar > Lienzo > Tamao de la imagen.

    Se abre el cuadro de dilogo Tamao de la imagen.

    2. En los cuadros de texto Dimensiones en pxeles, introduzca dimensioneshorizontales y verticales nuevas.

    Tambin puede cambiar las unidades de medida. Si desactiva Volver amuestrear la imagen, podr cambiar los valores de resolucin o tamao deimpresin, pero no podr modificar las dimensiones en pxeles.

    3. En los cuadros de texto Tamao de impresin, introduzca las dimensioneshorizontal y vertical que va a utilizar para imprimir la imagen.

    4. En el cuadro de texto Resolucin, introduzca un valor de resolucin nuevopara la imagen.

    Puede elegir entre pxeles/pulgada y pxeles/cm como unidades, o elegirVolver a muestrear la imagen. Si cambia la resolucin tambin cambiarn

    las dimensiones en pxeles.

    5. Siga uno de estos procedimientos: Para mantener la misma proporcin entre las dimensiones vertical y

    horizontal, elija Restringir las proporciones.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    20/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 20

    Desactive Restringir las proporciones para cambiar la anchura y laaltura por separado.

    6. Seleccione Volver a muestrear la imagen para aadir o suprimir pxeles alcambiar la imagen de tamao y obtener la misma apariencia con un tamao

    distinto.7. Haga clic en Aceptar.

    4.4.8.2 Acerca del nuevo muestreo

    Fireworks no vuelve a muestrear las imgenes de la misma forma que la mayorparte de las aplicaciones de edicin de imgenes. Fireworks contiene objetos demapa de bits basados en pxeles y objetos vectoriales basados en trazados.

    Cuando se vuelve a muestrear un objeto de mapa de bits, se aaden osuprimen pxeles para acercar o alejar la imagen.

    Cuando se vuelve a muestrear un objeto vectorial, apenas se produce unadisminucin de la calidad, ya que ste se dibuja de nuevo matemticamentecon un tamao mayor o menor.

    Dado que los atributos de los objetos vectoriales de Fireworks estn compuestosde pxeles, algunos trazados o rellenos pueden parecer algo distintos despus delnuevo muestreo, debido a que es preciso volver a dibujar los pxeles del trazado orelleno.

    Nota: cuando se cambia el tamao de un documento, las guas, los objetos dezona interactiva y los objetos de divisin tambin cambian de tamao.

    El hecho de tener que volver a muestrear objetos de mapa de bits plantea siempreel mismo problema: debo aadir o suprimir pxeles para cambiar el tamao de laimagen, o cambio el nmero de pxeles por pulgada o centmetro?

    El tamao de una imagen de mapa de bits se modifica ajustando la resolucin ovolviendo a muestrear la imagen. Cuando se ajusta la resolucin, se cambia eltamao de los pxeles de la imagen, de manera que, en un espacio determinadoentran ms o menos pxeles. Si se ajusta la resolucin sin volver a muestrear, nose produce prdida de datos.

    El muestreo por aumento, o adicin de pxeles para aumentar el tamao de la

    imagen, puede conllevar una disminucin de la calidad de la imagen porque lospxeles que se aaden no siempre se corresponden con los de la imagen original.

    El muestreo por reduccin, o la supresin de pxeles para reducir la imagen,conlleva una disminucin de la calidad en todos los casos debido a que sedescartan pxeles para cambiar el tamao de la imagen. Otro efecto secundario delmuestreo por reduccin es la prdida de datos de la imagen.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    21/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 21

    4.4.8.3 Rotacin del lienzo

    La rotacin del lienzo resulta til cuando la imagen importada est invertida ogirada. Es posible rotar el lienzo 180, 90 a la derecha o 90 a la izquierda.

    Al girar el lienzo, la rotacin afecta a todos los objetos del documento.

    Para girar el lienzo, siga uno de estos procedimientos:

    Seleccione Modificar > Lienzo > Rotar 180. Seleccione Modificar > Lienzo > Rotar 90 derecha. Seleccione Modificar > Lienzo > Rotar 90 izquierda.

    4.4.8.4 Recorte o ajuste del lienzo

    Cuando a un documento le sobra espacio alrededor del contenido del lienzo, stese puede recortar. El lienzo tambin puede expandirse hasta incluir todos los

    objetos que sobrepasan sus lmites.

    Original; Lienzo recortado

    Para recortar o ajustar el lienzo al contenido del documento:

    Elija Seleccionar > Anular seleccin para ver las propiedades del documentoen el Inspector de propiedades.

    Haga clic en Ajustar lienzo en el Inspector de propiedades.El lienzo se expandir o contraer para ajustarse a su contenido.

    4.4.8.5 Recorte de un documento

    Con la funcin de recorte pueden eliminarse porciones innecesarias de undocumento. El lienzo cambia de tamao para ajustarse al rea que se defina.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    22/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 22

    De forma predeterminada, el recorte elimina los objetos que superan los lmitesdel lienzo. Puede conservar los objetos que se encuentren fuera del lienzocambiando una preferencia antes de recortar.

    Para recortar un documento:

    1. Elija la herramienta Recortar en el panel Herramientas o elija Edicin >Recortar el documento.

    2. Arrastre el cuadro delimitador por el lienzo. Ajuste los tiradores de recortehasta que el cuadro delimitador abarque el rea del documento que deseeconservar.

    3. Haga doble clic dentro del cuadro delimitador o pulse Intro para recortar eldocumento.

    Fireworks ajusta el lienzo al rea definida y elimina los objetos que se

    encuentren ms all de los bordes del lienzo.

    Sugerencia: Puede conservar los objetos que se encuentran fuera dellienzo anulando la seleccin de Eliminar objetos al recortar en la fichaEdicin del cuadro de dilogo Preferencias antes de recortar. Para msinformacin sobre preferencias, consulte Configuracin de preferencias(See2.17.1).

    4.4.8.6 Utilizacin de los mens contextuales

    Los mens contextuales permiten acceder con rapidez a determinados comandosasociados a la seleccin actual.

    Para utilizar un men contextual:

    Haga clic con el botn derecho del ratn (Windows) o pulse la tecla Control yhaga clic (Macintosh) sobre el elemento seleccionado en la ventana dedocumento.

    4.4.8.7 Utilizacin de reglas, guas y cuadrcula

    Para disponer los objetos con la mayor precisin posible y facilitar el dibujo, utilicelas reglas y las guas. Coloque las guas en el documento y encaje los objetos en

    dichas guas, o bien active la cuadrcula de Fireworks y encaje los objetos en dichacuadrcula.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    23/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 23

    Utilizacin de las reglas

    Las reglas ayudan a medir, organizar y planificar la disposicin del trabajo.Teniendo en cuenta que las imgenes de Fireworks van a utilizarse en la Web,donde los elementos grficos se miden en pxeles, las reglas de Fireworks siempremiden en pxeles sea cual sea la unidad de medida empleada al crear el

    documento.

    Para mostrar y ocultar las reglas:

    Seleccione Ver > Reglas.En los mrgenes del documento aparece una regla horizontal y otra vertical.Utilizacin de las guas

    Las guas son lneas que se arrastran al lienzo del documento a partir de lasreglas. Se utilizan como ayuda de dibujo y facilitan la colocacin y alineacin delos objetos. Pueden emplearse para marcar partes importantes del documento,

    como los mrgenes, el punto central del documento y las reas donde se va arealizar una tarea de precisin.

    Para facilitar la alineacin de los objetos, Fireworks permite ajustar los objetos enlas guas. Puede bloquear las guas para impedir que se muevan por accidente.

    Nota: las guas no se encuentran en ninguna capa ni se exportan con eldocumento. Slo son herramientas de diseo.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    24/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 24

    Fireworks tambin contiene guas de divisin que permiten dividir un documentopara utilizarlo en la Web. Sin embargo, las guas de imagen normales son distintasde las guas de divisin. Para ms informacin sobre las guas de divisin, consulteDesplazamiento de guas para editar divisiones(See 2.11.1.3.1).

    Para crear una gua horizontal o vertical:

    1. Haga clic y arrstrela a partir de la regla correspondiente.2. Site la gua en el lienzo y suelte el botn del ratn.

    Nota: para cambiar la gua de lugar, arrstrela de nuevo.Para mover una gua a una determinada posicin:

    1. Haga doble clic en la gua.2. Introduzca la posicin nueva en el cuadro de dilogo Mover gua y haga clic

    en Aceptar.Para mostrar u ocultar guas:

    Seleccione Ver > Guas > Mostrar guas.Para ajustar los objetos a las guas:

    Seleccione Ver > Guas > Ajustar a guas.Para cambiar el color de las guas:

    1. Seleccione Ver > Guas > Editar guas.2. Seleccione el color nuevo de la gua en la ventana emergente del cuadro de

    color y haga clic en Aceptar.

    Para bloquear o desbloquear todas las guas:

    Seleccione Ver > Guas > Bloquear guas.Para eliminar una gua:

    Arrastre la gua fuera del lienzo.Utilizacin de la cuadrcula

    La cuadrcula de Fireworks es un sistema de lneas horizontales y verticalessuperpuesto en el lienzo. La cuadrcula resulta til para colocar los objetos conprecisin. Adems, la cuadrcula puede visualizarse, editarse y cambiar de tamaoy color.

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    25/26

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 4 PRIMEROS PASOS EN FIREWORKS Pgina 25

    Nota: la cuadrcula no reside en una capa y no se puede exportar con undocumento. Es tan slo una herramienta de diseo.

    Para mostrar y ocultar la cuadrcula:

    Seleccione Ver > Cuadrcula > Mostrar cuadrcula.Para ajustar los objetos a la cuadrcula:

    Seleccione Ver > Cuadrcula > Ajustar a cuadrcula.Para cambiar el color de la cuadrcula:

    1. Seleccione Ver > Cuadrcula > Editar cuadrcula.2. Seleccione el nuevo color de la cuadrcula en la ventana emergente del

    cuadro de color y haga clic en Aceptar.

    Para cambiar el tamao de las celdas de la cuadrcula:

    1. Seleccione Ver > Cuadrcula > Editar cuadrcula.2. Introduzca los valores que desee en los cuadros de texto de espaciado

    horizontal y vertical y haga clic en Aceptar.

    4.4.9 Utilizacin del panel Historial para deshacer y repetir variasacciones

    El panel Historial permite ver, modificar y repetir las acciones realizadas para crearel documento. En este panel se enumeran las ltimas acciones realizadas enFireworks hasta el nmero especificado en Pasos de Deshacer en el cuadro dedilogo Preferencias.

    El panel Historial permite realizar lo siguiente:

    Deshacer y rehacer rpidamente las acciones ms recientes. Elegir las ltimas acciones realizadas en el panel Historial y repetirlas. Copiar comandos seleccionados en el Portapapeles como equivalente a texto

    de JavaScript.

    Guardar un grupo de acciones recientes como comando personalizado yseleccionarlo en el men Comando para volver a utilizarlo como un solocomando. Para obtener ms informacin sobre la creacin de comandosmediante el panel Historial, consulte Creacin de archivos de comandosmediante el panel Historial(See 2.16.3.2).

    Para deshacer y rehacer acciones:

  • 8/8/2019 Leccion 4 Primeros Pasos Con Fireworks

    26/26

    [FIREWORKS] IDSYSTEMS 2011

    1. Seleccione Ventana > Historial para abrir el panel Historial.2. Suba o baje el marcador de deshacer.

    Para repetir acciones:

    1. Realice las acciones.2. Realice una de las siguientes acciones para resaltar en el panel Historial las

    acciones que se repetirn:

    Para resaltar una accin, haga clic sobre ella. Para resaltar varias acciones, pulse la tecla Control (Windows) o

    Comando (Macintosh) y haga clic sobre ellas.

    Pulse la tecla Mays mientras hace clic para resaltar varios comandosconsecutivos.

    3. Haga clic en el botn Reproducir de la parte inferior del panel Historial.Para guardar acciones para su utilizacin posterior:

    1. Resalte las acciones que desee guardar en el panel Historial.2. Haga clic en el botn de almacenamiento de la parte inferior del panel.3. Introduzca un nombre para el comando y haga clic en Aceptar.

    Para utilizar el comando personalizado guardado:

    Seleccione el nombre del comando en el men Comandos.