Leccion 2 Entorno de Trabajo

download Leccion 2 Entorno de Trabajo

of 14

Transcript of Leccion 2 Entorno de Trabajo

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    1/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 1

    LECCION 2 ENTORNO DE TRABAJO

    AREA DE TRABAJO (CANVAS)

    Al entrar a Fireworks nos encontramos, ms o menos (puede variar de acuerdo lala configuracin que le d el usuario), con la siguiente pantalla:

    Pero an no tenemos un area de trabajo, que en este caso llamamos "lienzo"(canvas), as que vamos a Archivo(File)>Nuevo(New), y nos aperece estaventana, que sirve para confirgurar precisamente el area de trabajo:

    En ella se nos dan las opciones para determinar el ancho (width) y el alto (heigh)del lienzo; la resolucin (que en el caso de diseo web, se suele determinar en 72pixels; y el sistema de medidas que queremos utilizar: pixels, pulgadas (inches), ocentmetros. Nosotros utilizaremos pixels, por ser el sistema ms utilizado enmedidas para diseo web.

    En la misma ventana podemos ver, adems, las opciones para determinar el colorque llevar el "lienzo" o area de trabajo. Pero es de notar que, aunque definamosun color determinado, aun nos da la opcin de utilizarlo de color blanco, otransparente..

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    2/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 2

    2.1 El espacio 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 la izquierda de la pantalla, contiene variassecciones de herramientas de distintos grupos, como mapa de bits, vector y Web.El Inspector de propiedades aparece en la parte inferior del documento einicialmente muestra las propiedades del mismo; stas cambian cuando elige unanueva herramienta o un objeto del documento. Los paneles estn inicialmenteacoplados en grupos a lo largo de la parte derecha de la pantalla.

    2.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 2 Entorno de Trabajo

    3/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 3

    HERRAMIENTAS

    Por empezar, fijmonos que a la izquierda o en algn lugar de la pantalla,encontramos la siguiente "caja de herramientas":

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    4/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 4

    Son 37 herramientas, algunas de las cuales cambian segn lo que se trabaje:dibujos o pixeles.En la tabla siguiente, sacada del manual oficial de Fireworks, se describen lasfunciones bsicas de cada herramienta en cada modo:

    HerramientaEn el modo deobjeto

    En el modo deedicin de imgenes

    PunteroSelecciona y mueve

    trazados en la pantalla.Mueve la imagen o

    los pixeles agrupadosmediante un recuadro.Haga doble click en unaimagen para editar lospixeles que lacomponen.

    Seleccionar Seleccciona un Mueve la imagen o

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    5/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 5

    detrsobjeto situado detrs delobjeto seleccionado.

    los pixeles agrupadosmediante un recuadro.

    Seleccionaren nivel inferior

    Selecciona y mueverecuadros en la pantalla,

    selecciona un objeto de ungrupo o un smbolo.Muestra los puntos de untrazado y seleccionapuntos.

    Mueve la imagen olos pixeles agrupados

    mediante un recuadro.

    Recuadro orecuadro elptico

    Activa el modo deedicin de imgenes yselecciona un area depixeles rectangular oelptica.

    Selecciona un areade pixeles rectangular oelptica.

    Lazo o lazo

    poligonal

    Activa el modo deedicin de imgenes yselecciona un area depixeles de estilo libre

    selecciona omueve un area depixeles de estilo libre.

    Varita

    mgica

    Activa el modo deedicin de imgenes yselecciona un areaformada por pixeles decolor similar.

    Selecciona un areaformada por pixeles decolor similar.

    Lnea yformas bsicas

    Dibuja objetos comotrazados que se puedeneditar.

    Pinta pinceladasde pixeles en un objetode imagen.

    PlumaDibuja objetos como

    trazados que se puedeneditar.

    Activa el modoobjetos y dibuja objetoscomo trazados que sepueden editar.

    TextoCrea y edita bloques

    de texto y abre el editorde texto.

    Activa el modo de

    objetos, crea bloques detexto, y abre el editorde texto.

    Lpiz Dibuja trazos delpiz de un pixel comotrazados de estilo libre.

    Dibuja trazos delpiz de un pixel.

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    6/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 6

    PincelDibuja pinceladas

    como trazados.Pinta pinceladas

    como pixeles.

    Estilo libre Estira o contrae untrazado seleccionado para

    cambiar la forma delmismo.

    Activa el modo deobjeto.

    Remodelar

    area

    Remodela las partesde un trazadoseleccionado que estnincludas en el cursor"remodelar area"

    Activa el modo deobjeto.

    Depuradorde trazados

    Modifica lascaractersticas de presin

    y velocidad de un trazadosin modificar su forma.

    Activa el modo deobjeto.

    Cuchillo/bor

    rador >

    En el modo deobjetos esta herramientase convierte en Cuchillo.Corta un trazadoseleccionado para crearvarios trazados.

    En el modo deedicin de imgenesesta herramienta seconvierte en Borrador.Borra pixeles de unaimagen.

    SelloActiva el modo de

    edicin de imgenes yduplica partes de unobjeto de imagen.

    Duplica partes deun objeto de imagen.

    2.3 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 de

    abrir e importar ambos formatos.

    Las imgenes de mapa de bits estn formadas por puntos, llamados pxeles,organizados en una cuadrcula. Cuando se edita una imagen de mapa de bits, semodifican los pxeles, no las lneas y curvas. Las imgenes de mapa de bitsdependen de la resolucin, es decir, los datos que las definen estn fijos en unacuadrcula que tiene un tamao determinado. Cuando se aumenta el tamao de un

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    7/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 7

    elemento grfico de mapa de bits, los pxeles se redistribuyen en la cuadrcula, loque puede dar lugar a que sus bordes queden desiguales.

    Los grficos vectoriales representan las imgenes mediante lneas y curvas,denominadas vectores, que incluyen informacin de color y posicin. Cuando se

    edita una imagen vectorial, se modifican las propiedades de las lneas y curvasque describen su forma. Las imgenes vectoriales son independientes de laresolucin, lo que significa que es posible desplazar, cambiar el tamao, alterar laforma, modificar su color y visualizarlas en dispositivos de salida de diferenteresolucin, sin que cambie la calidad de su aspecto.

    Fireworks le permite experimentar con las herramientas de mapa de bits yvectoriales en un lienzo vaco para ver la diferencia entre los dos formatos.

    2.4 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 esaherramienta. 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" en la Ayuda deFireworks.

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

    Elija Seleccionar > Anular seleccin para anular la seleccin de todos losobjetos.

    Para ms informacin sobre las opciones especficas de las herramientas, consultelas secciones que las describen en Utilizacin de Fireworks.

    2.5 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 inteligentes, que aparecenbajo la lnea divisoria.

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    8/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 8

    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 actualmente

    seleccionada 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.

    2.6 Utilizacin del Inspector de propiedades

    El Inspector de propiedades le permite editar las propiedades de la seleccin,

    herramienta o documento actuales. De forma predeterminada, el Inspector depropiedades est acoplado en la parte inferior del rea de trabajo.

    El Inspector de propiedades puede abrirse a media altura, mostrando dos filas depropiedades, o por completo, mostrando cuatro filas. El Inspector de propiedadestambin puede contraerse en su totalidad aunque permanezca en el espacio de

    trabajo.

    NOTA En la mayora de los procedimientos de Utilizacin de Fireworks se dapor supuesto que el Inspector de propiedades se visualiza con sualtura completa.

    Para desacoplar el Inspector de propiedades:

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    9/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 9

    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 a su altura completa y verotras opciones:

    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 cuanel Inspector de propiedades est acoplado.

    Para reducir el Inspector de propiedades a media altura:

    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.Para contraer el Inspector de propiedades cuando est acoplado:

    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 de Fireworks.

    2.7 Utilizacin de los paneles

    Los paneles ayudan a modificar aspectos de elementos u objetos seleccionados enel documento. Con los paneles se puede trabajar en fotogramas, capas, smbolos yotros. Los paneles pueden arrastrarse por separado, por lo que es posibleagruparlos en funcin de las necesidades propias.

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    10/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 10

    Algunos paneles no aparecen de forma predeterminada, pero puede visualizarlos silo desea. Algunos paneles no se agrupan con otros paneles de formapredeterminada, pero puede agruparlos si lo desea. Al agrupar los paneles, todoslos nombres de grupos de paneles aparecen en la barra de ttulo del grupo depaneles. Sin embargo, tambin puede asignar cualquier 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 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" enUtilizacin de Fireworks.

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

    El panel Estilos permite almacenar y volver a utilizar combinaciones de

    caractersticas de objetos o elegir un estilo entre los almacenados.

    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.

    El panel URL permite crear bibliotecas que contengan URL utilizadas confrecuencia.

    El panel Mezclador de colores (Ventana > Mezclador de colores) permite crear

    colores nuevos y aadirlos a la paleta de colores del documento actual o aplicar losobjetos seleccionados.

    El panel Muestras (Ventana > Muestras) gestiona la paleta de color deldocumento actual.

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    11/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 11

    El panel Informacin (Ventana > Informacin) proporciona datos sobre lasdimensiones de los objetos seleccionados y las coordenadas del cursor conformese mueve por el lienzo.

    El panel Comportamientos (Ventana > Comportamientos) permite controlar los

    comportamientos, que determinan la reaccin que se produce en las zonasinteractivas o las divisiones al mover el ratn.

    El panel Buscar (Ventana > Buscar) permite buscar y reemplazar elementoscomo texto, URL, fuentes y colores en uno o varios documentos.

    El panel Alinear (Ventana > Alinear) contiene controles para alinear y distribuirobjetos en el lienzo.

    El panel Propiedades de formas automticas (Ventana > Propiedades deformas automticas) permite definir las propiedades de formas automticas.

    El panel Edicin de imagen (Ventana > Edicin de imagen) rene en unaubicacin las herramientas ms utilizadas para la edicin fotogrfica.

    El panel Caracteres especiales (Ventana > Caracteres especiales) permiteinsertar caracteres especiales en el texto directamente desde Fireworks, en lugarde tener que copiar y pegar los caracteres de otra fuente.

    2.8 Organizacin de paneles y grupos de paneles

    De manera predeterminada, algunos paneles de Fireworks estn acoplados en laparte derecha del espacio de trabajo. Algunos paneles estn organizados engrupos. Otros no se muestran inicialmente, pero se pueden abrir desde el menVentana. Es posible desacoplar grupos de paneles, aadir paneles a un grupo,desacoplar paneles sueltos, cambiar el orden de los grupos de paneles acoplados ycontraer o cerrar grupos de paneles. Tambin es posible abrir y cerrar panelessueltos.

    Para abrir un panel cerrado:

    Seleccione el panel en el men Ventana.SUGER

    ENCIAUna marca de verificacin junto al nombre del panel en

    men Ventana significa que el panel est abierto.

    Para cerrar un panel, siga uno de estos procedimientos:

    Seleccione el nombre del panel en el men Ventana.

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    12/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 12

    Haga clic en el botn Cerrar de la barra de ttulo del panel cuando ste estdesacoplado.

    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.Para contraer o expandir un panel o grupo de paneles, siga uno de

    estos 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 pane

    est 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 unnuevo 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 deopciones.

    2. Introduzca el nuevo nombre.

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    13/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 13

    Para restablecer la posicin predeterminada de los paneles enfuncin de la resolucin de la pantalla, siga uno de estos procedimientos:

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

    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 panepermanecen ocultos cuando se anula la seleccin de este comando.

    2.9 Acerca del botn Exportacin rpida

    El botn Exportacin rpida permite exportar los archivos de Fireworks a variasaplicaciones de Macromedia, como Dreamweaver, Flash, Director y MacromediaFreeHand MX. Adems, es posible exportar archivos a Photoshop, FrontPage,Adobe GoLive e Illustrator o realizar una presentacin preliminar en el navegadorseleccionado.

    2.10 Visualizacin y navegacin por el documento

    Es posible controlar el aumento del documento, su nmero de vistas y su modo de

    visualizacin. 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 sutotalidad.

  • 8/8/2019 Leccion 2 Entorno de Trabajo

    14/14

    [FIREWORKS] IDSYSTEMS 2011

    LECCION 2 ENTORNO DE TRABAJO Pgina 14

    Cuando el documento est maximizado en Windows, puede elegir fcilmentecualquiera de los documentos abiertos utilizando las fichas de documento queaparecen en la parte superior de la ventana de documento. Todos los documentosabiertos muestran su nombre en una ficha.