usando fireworks cs3

Usando o Fireworks

Marcas comerciais 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev e WebHelp so marcas comerciais ou marcas registradas da Macromedia, Inc. e podem estar registradas nos Estados Unidos ou em outras jurisdies inclusive internacionalmente. Os nomes de outros produtos, logotipos, designs, ttulos, palavras e frases mencionados nesta publicao podem ser marcas comerciais, marcas de servio ou nomes comerciais da Macromedia, Inc. ou de outras entidades e podem estar registrados em algumas jurisdies, inclusive internacionalmente. Informaes de terceiros Este guia contm links para sites de terceiros na Web que no esto sob o controle da Macromedia, e a Macromedia no responsvel pelo contedo dos sites vinculados. O acesso a sites de terceiros na Web mencionados neste guia responsabilidade do usurio. A Macromedia fornece esses vnculos apenas por convenincia, e a incluso do vnculo no significa que a Macromedia endosse ou aceite qualquer responsabilidade pelo contedo dos sites de terceiros. Copyright 2005 Macromedia, Inc. Todos os direitos reservados. Este manual no pode ser copiado, fotocopiado, reproduzido, traduzido ou convertido em qualquer formato eletrnico ou de leitura por mquina, no todo ou em parte, sem a prvia autorizao por escrito da Macromedia, Inc. Entretanto, o proprietrio ou o usurio autorizado de uma cpia vlida do software com o qual este manual foi fornecido poder imprimir uma cpia deste documento a partir da verso eletrnica com o nico propsito de aprender a usar o software, desde que nenhuma parte deste manual seja impressa, reproduzida, distribuda, revendida ou transmitida com qualquer outro objetivo, inclusive, sem limitaes, com objetivos comerciais, como a venda de cpias deste documento ou a prestao de servios de suporte pagos. Agradecimentos Gerenciamento do projeto: Charles Nadeau, Debi Robson Redao: Rosanne Conroy Edio: Melba Lancaster, Shawn Jackson, Lisa Stanziano Gerenciamento da produo: Patrice ONeill Design e produo de mdia: Adam Barnett, Aaron Begley, John Francis, Paul Rangel, Arena Reed, Mario Reynoso Gerenciamento do projeto de localizao: Luciano Arruda Agradecimentos especiais a Matt Hoffberg, Maureen Keating, David Spells, Marisa Bozza, Souvik Bose, Alan Musselman, Sheila McGinn, Andrew Wilson, Rosana Francescato, Masayo Noda, Kashka Pregowska-Czerw, Kristin Conradi, Bonnie Loo e a todas as equipes de engenharia e controle de qualidade do Fireworks. Primeira edio: Agosto de 2005 Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103

ndice

Captulo 1: Introduo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Requisitos do sistema . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Instalao do Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Novidades do Fireworks 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Guia de mdia instrucional. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Captulo 2: Conceitos bsicos do Fireworks . . . . . . . . . . . . . . . . . 15 Sobre o trabalho no Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Sobre grficos vetoriais e de bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Criao de um novo documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 Abertura e importao de um arquivo . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Salva de um arquivo no Fireworks:. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30 Ambiente de trabalho do Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 Captulo 3: Seleo e transformao de um objeto . . . . . . . . . . 59 Seleo de um objeto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 Seleo de um pixel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64 Edio de objetos selecionados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .79 Transformao e distoro de objetos selecionados e selees . . . . 81 Organizao de objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 Captulo 4: Trabalho com bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . 91 Trabalho com bitmaps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Criao de objetos bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Acesso a ferramentas comuns de edio de fotos em um nico local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94 Desenho, pintura e edio de objetos bitmap . . . . . . . . . . . . . . . . . . . . 95 Retoque de um bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99 Ajuste da cor e do tom de um bitmap. . . . . . . . . . . . . . . . . . . . . . . . . . . .106 Embaamento e aguamento de bitmaps . . . . . . . . . . . . . . . . . . . . . . . 119 Adio de rudo a uma imagem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125

3

Captulo 5: Trabalho com objetos vetoriais . . . . . . . . . . . . . . . . . 127 Desenho de objetos vetoriais . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 Edio de traados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152 Captulo 6: Utilizao de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . 163 Digitao de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164 Edio de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167 Aplicao de traos, preenchimentos e filtros ao texto . . . . . . . . . . . 180 Anexao de um texto a um traado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181 Transformao de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 Converso de texto em traados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 Importao de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 Verificao da ortografia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187 Utilizao do Text Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189 Captulo 7: Aplicao de cor, traos e preenchimentos. . . . . . . 191 Uso da seo Colors do painel Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . 192 Organizao de grupos de exemplos e modelos de cor . . . . . . . . . . . 193 Uso de caixas de cor e janelas pop-up de cores . . . . . . . . . . . . . . . . 203 Trabalho com traos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205 Trabalho com preenchimentos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210 Aplicao de um preenchimento dgrad ou com padro. . . . . . . . . 212 Adio de textura a traos e preenchimentos . . . . . . . . . . . . . . . . . . . . 219 Captulo 8: Uso de Live Filters . . . . . . . . . . . . . . . . . . . . . . . . . . 223 Aplicao de Live Filters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224 Edio de Live Filters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230 Captulo 9: Camadas, mascaramento e mistura . . . . . . . . . . . . 235 Trabalho com uma camada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .236 Mascaramento de imagens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Mistura e transparncia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .268 Captulo 10: Uso de estilos, smbolos e URLs . . . . . . . . . . . . . . .273 Uso de estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .274 Uso de smbolos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .279 Trabalho com URLs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287

4

ndice

Captulo 11: Fatias, rollovers e pontos ativos . . . . . . . . . . . . . . . 293 Criao e edio de fatias. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294 Transformao de fatias em objetos interativos . . . . . . . . . . . . . . . . . 303 Preparao de fatias para exportao. . . . . . . . . . . . . . . . . . . . . . . . . . .314 Trabalho com pontos ativos e mapas de imagem. . . . . . . . . . . . . . . . .321 Captulo 12: Criao de botes e menus pop-up. . . . . . . . . . . . 329 Criao de smbolos de botes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330 Criao de barras de navegao. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343 Criao de menus pop-up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344 Captulo 13: Criao de animao. . . . . . . . . . . . . . . . . . . . . . . . 359 Construo de uma animao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360 Trabalho com smbolos de animao . . . . . . . . . . . . . . . . . . . . . . . . . . .361 Trabalho com molduras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365 Interpolao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371 Visualizao de uma animao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372 Exportao de uma animao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373 Trabalho com animaes existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . 375 Uso de vrios arquivos como uma animao . . . . . . . . . . . . . . . . . . . . 376 Captulo 14: Otimizao e exportao . . . . . . . . . . . . . . . . . . . . .377 Sobre otimizao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378 Uso do Export Wizard . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378 Otimizao no espao de trabalho . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384 Exportao do Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408 Envio de um documento do Fireworks como um anexo de e-mail . .431 Uso do boto File Management . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432 Captulo 15: Uso do Fireworks com outros aplicativos. . . . . . . 435 Trabalho com o Macromedia Dreamweaver . . . . . . . . . . . . . . . . . . . . 436 Trabalho com o Macromedia Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . 458 Trabalho com o Macromedia FreeHand MX . . . . . . . . . . . . . . . . . . . . 466 Trabalho com o Macromedia Director MX . . . . . . . . . . . . . . . . . . . . . . 474 Trabalho com o Macromedia HomeSite . . . . . . . . . . . . . . . . . . . . . . . . 479 Trabalho com o Adobe Photoshop. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 483 Sobre o trabalho com o Adobe GoLive . . . . . . . . . . . . . . . . . . . . . . . . . .491 Sobre o trabalho com editores de HTML . . . . . . . . . . . . . . . . . . . . . . . 492 Sobre a extenso dos recursos do Fireworks . . . . . . . . . . . . . . . . . . . 492

ndice

5

Captulo 16: Automatizao de tarefas repetitivas . . . . . . . . . . 493 Localizao e substituio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494 Processo em lote . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499 Extenso dos recursos do Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . .511 Filmes SWF do Flash usados como painis do Fireworks . . . . . . . . 518 Captulo 17: Preferncias e atalhos de teclado . . . . . . . . . . . . . . 519 Configurao de preferncias. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 519 Alterao de conjuntos de atalhos de teclado . . . . . . . . . . . . . . . . . . 524 Trabalho com arquivos de configurao . . . . . . . . . . . . . . . . . . . . . . . .526 Sobre a reinstalao do Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . 529 Exibio do contedo do pacote (somente Macintosh) . . . . . . . . . . 529 ndice remissivo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 531

6

ndice

CAPTULO 1

IntroduoO Macromedia Fireworks 8 a soluo definitiva para a produo e o design grfico profissionais para a Web. Ele o primeiro ambiente de produo a identificar e solucionar os desafios especiais que os desenvolvedores e os designers grficos da Web enfrentam. possvel usar o Fireworks para criar, editar e animar grficos da Web, adicionar interatividade avanada e otimizar imagens em um ambiente profissional. No Fireworks, pode-se criar e editar grficos vetoriais e de bitmap em um nico aplicativo. possvel editar tudo a qualquer momento. Tambm possvel automatizar o fluxo de trabalho para atender s demandas de atualizaes e alteraes demoradas. O Fireworks integra-se a outros produtos da Macromedia, como o Dreamweaver, o Flash, o FreeHand e o Director, bem como aos seus aplicativos grficos e editores de HTML preferidos, para oferecer uma soluo para a Web realmente integrada. possvel exportar facilmente grficos do Fireworks com cdigo HTML e JavaScript personalizados para o editor de HTML de sua preferncia. Este captulo abrange os seguintes tpicos:Requisitos do sistema . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Instalao do Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Novidades do Fireworks 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Guia de mdia instrucional. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

1

Requisitos do sistemaAntes de instalar o Fireworks, preciso verificar se o computador atende aos requisitos do sistema. Para mais informaes, consultar o site da Macromedia na Web em www.macromedia.com/go/sysreqs.

7

Instalao do FireworksEsta seo explica como instalar o Fireworks. necessrio ler as notas da verso no site da Macromedia na Web em www.macromedia.com/ go/fireworks_documentation para obter as instrues e as informaes mais recentes.Para instalar o Fireworks:1. 2.

Inserir o CD do Fireworks na unidade de CD-ROM do computador. Seguir um destes procedimentos:

No Windows, o programa de instalao do Fireworks iniciado automaticamente. No Macintosh, clicar duas vezes no cone Fireworks Installer (Programa de instalao do Fireworks).

3.

Seguir as instrues na tela. O programa de instalao solicita as informaes necessrias. Caso seja solicitado, reiniciar o computador.

4.

Registro do Fireworks aconselhvel registrar sua cpia do Macromedia Fireworks, eletronicamente ou por correio. possvel fazer o registro eletrnico durante o processo de ativao do produto na primeira inicializao do Fireworks. Com o registro, o usurio adicionado lista de prioridades para receber os ltimos avisos sobre upgrades e novos produtos da Macromedia. Sero enviados avisos por e-mail sobre atualizaes de produtos e sobre novo contedo exibido nos sites www.macromedia.com e www-euro.macromedia.com na Web.Para registrar sua cpia do Fireworks, siga um destes procedimentos:

Selecionar Help (Ajuda) > Online Registration (Registro on-line) e preencher o formulrio eletrnico. Selecionar Help > Print Registration (Imprimir registro), imprimir o formulrio e enviar ao endereo exibido no prprio formulrio.

Exibio dos arquivos instalados com o FireworksEm algum momento, talvez seja necessrio exibir ou acessar os arquivos instalados com o Fireworks. Durante a instalao, o Fireworks coloca os arquivos em vrios locais no sistema. importante compreender o motivo pelo qual os arquivos residem em locais especficos. Para mais informaes, consultar Trabalho com arquivos de configurao na pgina 526.

8

Captulo 1: Introduo

Os usurios do Macintosh devem prestar ateno especial ao formato que o Fireworks usa para armazenar o aplicativo e os arquivos de configurao padro. Para mais informaes, consultar Exibio do contedo do pacote (somente Macintosh) na pgina 529.

Novidades do Fireworks 8O Fireworks 8 permite criar e otimizar imagens para a Web com controle preciso em um ambiente intuitivo e personalizvel. O novo suporte aos formatos ActionScript e CSS (Cascading Style Sheet, folha de estilo em cascata) permite ao Fireworks trabalhar com mais eficincia com o Dreamweaver e o Flash. Os novos formatos de arquivo suportados, os novos painis e o fluxo de trabalho bastante simplificado otimizam seu tempo e suas imagens.OtimizaoPainel Image Editing (Edio de imagem) Formatos de arquivos mais importantes Fluxo de trabalho de processamento em lote otimizado Este novo painel um local central onde possvel acessar ferramentas de edio de imagem, filtros e comandos de menu usados com freqncia. O Fireworks 8 agora suporta a importao dos formatos de arquivo QuickTime Image, MacPaint, SGI & JPEG 2000 (plugin QuickTime necessrio para suporte ao formato QuickTime). A renomeao simplificada de arquivos, a capacidade de verificar as dimenses de arquivos durante o dimensionamento em um processo em lote e a adio de uma barra de status e de um arquivo de log so apenas algumas das otimizaes desse fluxo de trabalho. Para mais informaes sobre processamento em lote, consultar Processo em lote na pgina 499.

Novidades do Fireworks 8

9

O usurio pode aproveitar o fluxo de trabalho integrado no Fireworks para criar e otimizar imagens para o Dreamweaver 8 e o Flash Professional 8 sem perder informaes ou tempo com a edio em dois aplicativos. Ele pode usar o suporte aperfeioado a CSS e ActionScript, bem como o alinhamento de recursos com os outros produtos do Studio.Fluxo de trabalho integradoMenus pop-up de CSS O Fireworks 8 usa o formato CSS (Cascading Style Sheet, folha de estilo em cascata) para criar menus pop-up interativos. O resultado a facilidade de personalizar o cdigo que se integra bem aos sites criados no Dreamweaver. Para mais informaes, consultar Sobre a exportao de menus pop-up na pgina 358. Os atributos vetoriais (preenchimentos, traos, filtros e modos de mistura) so preservados quando os objetos so movidos entre o Flash e o Fireworks. As fatias poligonais so inseridas automaticamente quando um objeto selecionado um traado poligonal. Consultar Criao de fatias no retangulares na pgina 297.

Compatibilidade vetorial

Mais opes de fatiamento

Reconhecimento de valores O Fireworks reconhece os valores das cores ActionScript de cores ActionScript quando copiadas do Flash e coladas nos campos de valores de cores do Fireworks. Uso do comando Save as (Salvar como) para salvar bitmaps em tipos diferentes de arquivos Lgica evoluda para abrir, salvar e exportar possvel escolher entre formatos de sada de um nico arquivo, como gif, jpg ou tiff, na caixa de dilogo Save As. Consultar Salva de documentos em outros formatos na pgina 31. A lgica usada para determinar as pastas padro nas caixas de dilogo Open (Abrir), Save (Salvar), Save As (Salvar como), Save a Copy (Salvar uma cpia) e Export (Exportar) foram aprimoradas reduzindo a navegao necessria. Como no Flash, as grades agora usam uma linha pontilhada e uma cor padro mais clara.

Grades menos intrusivas

O Fireworks usado para ferramentas visuais permite criar animaes e grficos da Web, como rollovers e pop-ups, de qualidade profissional sem precisar programar. Para manter um controle preciso sobre as imagens, existem vrias novas opes criativas.Criao sem complexidade25 novos modos de mistura 25 novas opes para alterar a aparncia de cores e objetos. Sombra em perspectiva Adio de uma sombra em perspectiva para abrir traados e objetos de texto.

10

Captulo 1: Introduo

Criao sem complexidadeSolid Shadow (Sombra slida) Componentes mveis da interface Amostras de botes, animaes, temas e marcadores Painel Auto Shape Properties (Propriedades de formas automticas) Um novo filtro ao vivo que carimba o objeto ao qual ele aplicado diversas vezes. Os componentes da interface de bitmap permitem imitar rapidamente uma interface mvel. Novos recursos incrveis, como botes, animaes, temas e marcadores, permitem comear a trabalhar rapidamente. Este novo painel usado para modificar as propriedades de formas automticas, como Star Auto Shape (Forma automtica de estrela), Arrow Auto Shape (Forma automtica de seta) ou Smart Polygon Auto Shape (Forma automtica de polgono inteligente). Transformao de selees ativas em traados vetoriais editveis ou vice-versa. Feedback instantneo sobre configuraes e filtros aplicados a selees. Consultar Converso de uma moldura em um traado na pgina 74 e Converso de um traado em uma seleo de moldura na pgina 158. As camadas so nomeadas automaticamente de acordo com o texto digitado nelas. Consultar Nomeao de um objeto de texto na pgina 165. Este novo painel permite inserir caracteres especiais diretamente em blocos de texto. possvel editar pontos do traado quando existe um texto anexado. Consultar Edio de traados e textos anexados a traados na pgina 182.

Selees de molduras ao vivo e de converses (moldura em traado e traado em moldura)

Nomeao automtica de texto Painel Special Characters (Caracteres especiais) Mudana da forma de um texto em um traado

Os diversos aperfeioamentos de tarefas comuns permitem poupar tempo e esforos.Melhorias de fluxo de trabalhoAs fontes recentes e a otimizao lembram as ltimas configuraes usadas Opo de salvar vrias selees As ltimas fontes usadas agora aparecem na parte superior dos menus de fontes. A otimizao agora assume como padro as ltimas configuraes usadas. Consultar Salva e reutilizao de uma configurao de otimizao na pgina 407. possvel salvar, restaurar, nomear e excluir vrias selees de molduras com os arquivos PNG. Consultar Salva de selees de molduras na pgina 74.

Novidades do Fireworks 8

11

Melhorias de fluxo de trabalhoSeleo de objetos que Com a tecla Shift pressionada, possvel clicar para selecionar compartilham uma borda no objetos que compartilham uma borda ou um limite no painel de painel Layers (Camadas) camadas. Preferncias para salvar automaticamente Agrupamento de deslocamentos consecutivos As preferncias do Fireworks 8 so salvas automaticamente com mais freqncia. Os deslocamentos consecutivos so tratados como um nico movimento.

Suporte a mesa O suporte a mesa digitalizadora foi aperfeioado para as digitalizadora aperfeioado ferramentas Path Scrubber (Corretor de traado) e para a sensibilidade da presso do traado. Bloqueio de objetos Bloqueio individual de objetos no painel Layers (Camadas). Consultar Proteo de camadas e objetos na pgina 240.

Para mais informaes sobre novos recursos, consultar a pgina do Fireworks no site da Macromedia na Web em www.macromedia.com/go/fireworks.

Guia de mdia instrucionalH vrios recursos disponveis para aprender a usar o Fireworks, incluindo este manual, a Ajuda do Fireworks, as verses em PDF dos componentes da documentao do Fireworks e diversas fontes de informaes baseadas na Web.

Usando o Fireworks o manual do usurio do Fireworks. Para acess-lo a qualquer momento na Ajuda do Fireworks, selecionar Help (Ajuda) > Using Fireworks (Usando o Fireworks). O manual tambm est disponvel no formato PDF no site da Macromedia na Web em www.macromedia.com/go/fireworks_documentation. Introduo ao Fireworks fornece uma introduo interativa aos principais recursos do Fireworks. possvel seguir tutoriais que abrangem tarefas comuns do Fireworks, como o uso de ferramentas de desenho e edio, a otimizao de imagens e a criao de rollovers, barras de navegao e outros elementos interativos. Para acessar o guia a qualquer momento na Ajuda do Fireworks, selecionar Help (Ajuda) > Getting Started with Fireworks (Introduo ao Fireworks). O guia tambm est disponvel no formato PDF no site da Macromedia na Web em www.macromedia.com/go/fireworks_documentation. O Centro de suporte do Fireworks em www.macromedia.com/go/fireworks_support oferece suporte e informaes para solucionar problemas.

12

Captulo 1: Introduo

O Centro de desenvolvedores do Fireworks em www.macromedia.com/go/ fireworks_devnet apresenta informaes para ajudar o usurio a desenvolver as habilidades que j possui e aprender novas habilidades. O grupo de discusso do Fireworks oferece um intercmbio ativo entre os usurios do Fireworks, os representantes de suporte tcnico e a equipe de desenvolvedores do Fireworks. Usar um leitor de grupo de notcias para acessar news:// forums.macromedia.com/macromedia.fireworks. Extenso de recursos do Fireworks inclui informaes sobre como criar o cdigo JavaScript para automatizar as tarefas do Fireworks. possvel controlar todos os comandos ou configuraes do Fireworks por meio de comandos especiais JavaScript que o Fireworks consegue interpretar. O manual est disponvel na Ajuda e no site da Macromedia na Web como um PDF descarregvel.

Guia de mdia instrucional

13

14

Captulo 1: Introduo

CAPTULO 2

Conceitos bsicos do FireworksO Macromedia Fireworks 8 um aplicativo para projetar grficos a serem usados na Web. Suas solues inovadoras resolvem os principais problemas enfrentados por designers grficos e webmasters. Com a ampla variedade de ferramentas do Fireworks, possvel criar e editar grficos vetoriais e de bitmap em um nico arquivo. Com o surgimento do Fireworks, os designers da Web no precisam mais trabalhar ao mesmo tempo em dzias de aplicativos especficos para uma tarefa. Seus Live Filters (Filtros ao vivo) no-destrutivos eliminam a frustrao de ter que recriar grficos da Web a partir do zero aps uma simples edio. O Fireworks gera cdigo JavaScript, facilitando a criao de rollovers. Os recursos eficientes de otimizao reduzem o tamanho dos arquivos de grficos da Web sem prejudicar a qualidade. No caso de um iniciante no Fireworks, vale a pena compreender os conceitos gerais do aplicativo, como a abertura, a importao e a salva de arquivos, a navegao no ambiente e o trabalho em um arquivo. O ambiente de trabalho do Fireworks torna-se disponvel quando um usurio cria um novo arquivo ou abre um arquivo existente. Este captulo contm os seguintes tpicos:Sobre o trabalho no Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Sobre grficos vetoriais e de bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .17 Criao de um novo documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 Abertura e importao de um arquivo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Salva de um arquivo no Fireworks:. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30 Ambiente de trabalho do Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

2

15

Sobre o trabalho no FireworksO Fireworks um aplicativo verstil para criar, editar e otimizar grficos da Web. possvel criar e editar imagens vetoriais e de bitmap, projetar efeitos na Web, como rollovers e menus pop-up, cortar e otimizar grficos para reduzir o tamanho dos arquivos e poupar tempo automatizando tarefas repetitivas. Depois de concluir um documento, o usurio pode exportlo ou salv-lo como um arquivo no formato JPEG, GIF ou em outro formato junto com os arquivos HTML que contm as tabelas HTML e o cdigo JavaScript para usar na Web. Ele tambm pode exportar um tipo de arquivo especfico para outro aplicativo ou salv-lo em outro aplicativo, como o Photoshop ou o Macromedia Flash, se quiser continuar a trabalhar nesse aplicativo.

Objetos vetoriais e de bitmapNo painel Fireworks Tools (Ferramentas do Fireworks), existem sees distintas que contm ferramentas para desenhar e editar vetores e bitmaps. Para mais informaes sobre esses dois formatos bsicos, consultar Sobre grficos vetoriais e de bitmap na pgina 17 No Fireworks, a ferramenta selecionada determina se o objeto criado um vetor ou um bitmap. Por exemplo, a seleo da ferramenta Pen (Caneta) na seo Vector (Vetor) do painel Tools (Ferramentas) permite comear a desenhar traados vetoriais plotando pontos; a seleo da ferramenta Brush (Pincel) permite arrastar e pintar um objeto de bitmap; e a seleo da ferramenta Text (Texto) permite comear a digitar. Depois de desenhar objetos vetoriais, objetos de bitmap ou textos, possvel usar um conjunto de ferramentas, efeitos, comandos e tcnicas para aperfeioar e concluir grficos. As ferramentas do Fireworks no Button Editor (Editor de boto) permitem criar botes de navegao interativos. O usurio tambm pode usar as ferramentas do Fireworks para editar grficos importados. Ele pode importar e editar arquivos em JPEG, GIF, PNG, PSD e em muitos outros formatos de arquivo. Depois de importar a imagem de um grfico, ele pode ajustar sua cor e seu tom, bem como cort-la, retoc-la e mascar-la.

16

Captulo 2: Conceitos bsicos do Fireworks

Grficos interativosAs fatias e os pontos ativos so objetos da Web que especificam reas interativas em um grfico da Web. As fatias cortam uma imagem em sees diferentes s quais possvel aplicar comportamentos de rollover, animao e links de URLs (Uniform Resource Locator, localizadores uniformes de recursos). Alm disso, possvel exportar as sees usando configuraes diferentes. Em uma pgina da Web, cada fatia aparece em uma clula de tabela. Os pontos ativos permitem atribuir links de URLs e comportamentos a um grfico, no todo ou em parte. Para mais informaes, consultar Fatias, rollovers e pontos ativos na pgina 293. As fatias e os pontos ativos tm alas de rollover arrastar e soltar que permitem atribuir com rapidez comportamentos de rollover e imagem de troca a grficos diretamente no espao de trabalho. O Button Editor e o Pop-up Menu Editor (Editor de menu pop-up) so recursos convenientes do Fireworks que ajudam a criar grficos interativos especiais para a navegao em sites na Web.

Sobre a otimizao e a exportao de um grficoO Fireworks tem recursos eficientes de otimizao para ajudar o usurio a encontrar o equilbrio entre o tamanho do arquivo e a qualidade visual aceitvel durante a preparao para exportar um grfico. possvel otimizar grficos da Web no Fireworks para minimizar o tamanho do arquivo desses grficos e carreg-los rapidamente em sites na Web e, ao mesmo tempo, comparar a qualidade dos grficos nas exibies Preview (Visualizar), 2-Up ou 4-Up no espao de trabalho. possvel fatiar uma imagem em partes menores e, em seguida, otimizar cada parte no formato mais adequado ao contedo. Para maior flexibilidade de otimizao, o usurio pode usar a compresso seletiva de JPEG a fim de se concentrar na parte mais importante de um JPEG e reduzir a qualidade do fundo. Depois da otimizao dos grficos, a prxima etapa export-los para usar na Web. No documento PNG de origem do Fireworks, o usurio pode exportar arquivos de vrios tipos, inclusive JPEG, GIF, GIF animado e tabelas HTML que contm imagens fatiadas em diversos tipos de arquivos. Para mais informaes, consultar Otimizao e exportao na pgina 377.

Sobre grficos vetoriais e de bitmapOs computadores exibem grficos em formato vetorial ou de bitmap. Compreender a diferena entre os dois formatos ajuda a compreender o Fireworks, que contm ferramentas vetoriais e de bitmap e consegue abrir ou importar ambos os formatos.

Sobre grficos vetoriais e de bitmap

17

Sobre grficos vetoriaisOs grficos vetoriais processam imagens usando linhas e curvas, chamadas vetores, que incluem informaes sobre cor e posio. Por exemplo, vrios pontos, que descrevem o contorno de uma folha, podem definir a imagem dessa folha. A cor do contorno (o trao) e a cor da rea delimitada pelo contorno (o preenchimento) determinam a cor da folha

Quando edita um grfico vetorial, o usurio modifica as propriedades das linhas e das curvas que descrevem sua forma. Os grficos vetoriais independem da resoluo, ou seja, possvel mover, redimensionar, mudar a forma ou alterar a cor de um grfico vetorial, bem como exibilo em dispositivos de sada de diferentes resolues, sem alterar a qualidade da aparncia.

Sobre grficos de bitmapOs grficos de bitmap so compostos por pontos, denominados pixels, organizados em uma grade. A tela do computador uma grande grade de pixels. Em uma verso em bitmap da folha, o local e o valor da cor de cada pixel na grade determinam a imagem. atribuda uma cor a cada ponto. Quando exibidos na resoluo correta, os pontos ajustam-se como ladrilhos em um mosaico para formar a imagem.

18


Quando edita um grfico de bitmap, o usurio modifica pixels, em vez de linhas e curvas. Esses grficos de bitmap independem da resoluo, ou seja, os dados que descrevem a imagem so fixados a uma grade de um tamanho especfico. A ampliao de um grfico de bitmap redistribui os pixels na grade, dando s bordas da imagem uma aparncia desigual. A exibio de um grfico de bitmap em um dispositivo de sada com uma resoluo menor que a da prpria imagem tambm pode prejudicar a qualidade da imagem.

Criao de um novo documentoA seleo de File (Arquivo) > New (Novo) permite criar um novo documento PNG (Portable Network Graphic) no Fireworks. PNG o formato de arquivo nativo do Fireworks. Depois de criar grficos no Fireworks, possvel export-los ou salv-los em outros formatos grficos para a Web conhecidos, como JPEG, GIF e GIF animado. Tambm possvel exportar ou salvar grficos em vrios formatos populares usados fora da Web, como TIFF e BMP. Sejam quais forem as configuraes de otimizao e exportao escolhidas, o arquivo PNG do Fireworks original preservado para permitir a edio fcil posteriormente. Para criar um grfico da Web no Fireworks, primeiro necessrio configurar um novo documento ou abrir um documento existente. Posteriormente, possvel ajustar as opes de configurao no Property inspector (Inspetor de propriedades).Para criar um novo documento:1.

Selecionar File (Arquivo) > New (Novo). A caixa de dilogo New Document (Novo documento) aberta.

2. 3.

Digitar as medidas de largura e altura da tela em pixels, polegadas ou centmetros. Digitar uma resoluo em pixels por polegada ou pixels por centmetro.

Criao de um novo documento

19

4.

Selecionar branco, transparente ou uma cor personalizada para a tela.O BS E R VA O

A janela pop-up da caixa de cor Custom (Personalizar) permite selecionar uma cor de tela personalizada.

5.

Clicar em OK para criar o novo documento.

Para criar um novo documento do mesmo tamanho de um objeto na rea de transferncia:1.

Copiar um objeto para a rea de transferncia a partir de qualquer uma das seguintes origens:

Outro documento do Fireworks Um navegador da Web Qualquer um dos aplicativos listados em Como colar no Fireworks na pgina 25

2.

Selecionar File (Arquivo) > New (Novo). A caixa de dilogo New Document (Novo documento) aberta com as dimenses de largura e altura do objeto na rea de transferncia.

3. 4.

Definir a resoluo e a cor da tela e, em seguida, clicar em OK. Selecionar Edit (Editar) > Paste (Colar) para colar o objeto da rea de transferncia no novo documento.

Abertura e importao de um arquivoNo Fireworks, possvel abrir, importar e editar facilmente imagens vetoriais e de bitmap criadas em outros programas grficos. Tambm possvel importar imagens de uma cmera digital ou de um scanner.O BS E R VA O

O Fireworks preserva os comportamentos JavaScript, mas no todos, durante a importao de um arquivo do Macromedia Dreamweaver. Se o Fireworks suportar um comportamento especfico, ele reconhecer esse comportamento e o manter quando o arquivo retornar ao Dreamweaver.

Para abrir um documento do Fireworks:1.

Selecionar File (Arquivo) > Open (Abrir). A caixa de dilogo Open (Abrir) exibida.

20


2.

Selecionar o arquivo e clicar em Open.DICA

Para abrir um arquivo sem substituir a verso anterior, selecionar Open as Untitled (Abrir sem ttulo) e salvar o arquivo com um nome diferente.

Esta seo abrange os seguintes tpicos:

Abertura de documentos fechados recentemente na pgina 21 Abertura de grficos criados em outros aplicativos na pgina 21 Criao de um arquivo PNG do Fireworks a partir de um arquivo HTML na pgina 23 Insero de um objeto em um documento do Fireworks na pgina 24

Abertura de documentos fechados recentementeO menu File (Arquivo) lista at 10 documentos fechados recentemente no submenu Open Recent (Abrir recente). A Start Page (Pgina inicial) tambm lista os documentos fechados recentemente.Para abrir um arquivo fechado recentemente:1. 2.

Selecionar File (Arquivo) > Open Recent (Abrir recente). Selecionar um arquivo no submenu.

Para abrir um arquivo fechado recentemente quando nenhum arquivo estiver aberto:1.

Clicar no nome do arquivo na pgina inicial.

Abertura de grficos criados em outros aplicativosCom o Fireworks, possvel abrir arquivos criados em outros aplicativos ou formatos, incluindo arquivos do Photoshop, Macromedia FreeHand, Illustrator e CorelDRAW descompactado, e arquivos nos formatos WBMP, EPS, JPEG, GIF e GIF animado. Quando um arquivo em um formato diferente de PNG aberto usando os comandos File (Arquivo) > Open (Abrir), criado um novo documento PNG do Fireworks com base no arquivo aberto. possvel usar todos os recursos do Fireworks para editar a imagem. Em seguida, possvel selecionar Save As (Salvar como) para salvar o trabalho como um novo arquivo PNG do Fireworks ou em outro formato. No caso de alguns tipos de imagens, possvel selecionar Save (Salvar) para salvar o documento no formato original. A salva no formato original do documento nivela a imagem em uma nica camada e no permite a edio de recursos especficos do Fireworks adicionados imagem.

Abertura e importao de um arquivo

21

Com o Fireworks, possvel salvar nos seguintes formatos de arquivo diretamente: Fireworks PNG, GIF, GIF animado, JPEG, BMP, WBMP, TIF, SWF, AI, PSD e PICT (somente Mac).OBSERVAO

O Fireworks salva imagens TIF de 16 bits intensidade de cor de 24 bits.

GIFs animados possvel trazer arquivos GIF para o Fireworks de duas maneiras: Importar um GIF animado como um smbolo de animao. Editar e mover todos os elementos da animao como uma unidade e usar o painel Library (Biblioteca) para criar novas instncias do smbolo.OBSERVAO

Na importao de um GIF animado, a configurao de retardo de moldura assume 0,07 segundos como padro. Se necessrio, usar o painel Frames (Molduras) para restaurar a durao original.

Abrir um GIF animado da mesma forma que um arquivo GIF normal. Cada elemento do GIF colocado como uma imagem separada na sua prpria moldura do Fireworks. possvel converter o grfico em um smbolo de animao no Fireworks.

Arquivos EPSO Fireworks abre a maioria dos arquivos EPS, como os arquivos EPS do Photoshop, como imagens bitmap niveladas, nas quais todos os objetos so combinados em uma nica camada. No entanto, alguns arquivos EPS exportados do Illustrator, mantm as informaes sobre vetores. Quando os arquivos EPS, em sua maioria, so abertos, exibida a caixa de dilogo EPS File Options (Opes de arquivo EPS).Image Size (Tamanho da imagem) determina

as dimenses da imagem e as unidades nas quais a imagem processada. possvel selecionar entre pixels, porcentagens, polegadas e centmetros. indica o nmero de pixels por unidade para a resoluo. abre o arquivo nas mesmas propores do

Resolution (Resoluo)

Constrain Proportions (Limitar propores)

original.

22


Anti-aliased (Sem serrilhado)

suaviza as bordas irregulares no arquivo EPS aberto.

Quando os arquivos EPS do Illustrator so abertos ou importados, exibida a caixa de dilogo Vector File Options (Opes de arquivo vetorial). Ela a mesma caixa de dilogo exibida quando os arquivos do FreeHand so abertos ou importados.

Arquivos WBMPO Fireworks consegue abrir arquivos WBMP, que so arquivos de 1 bit (monocromticos) otimizados para dispositivos mveis de computao. Esse formato usado especificamente em pginas WAP (Wireless Application Protocol, protocolo de aplicaes sem fio). possvel abrir um arquivo WBMP usando diretamente File (arquivo) > Open (Abrir) ou importar um arquivo WBMP usando File (Arquivo) > Import (Importar).

Criao de um arquivo PNG do Fireworks a partir de um arquivo HTMLO Fireworks consegue abrir e importar contedo HTML criado em outros aplicativos. Quando um arquivo HTML aberto ou importado, o Fireworks reconstri o layout e os comportamentos definidos pelo cdigo HTML, o que permite recriar pginas da Web com grficos fatiados, botes JavaScript e outros tipos de interatividade. Esse recurso permite recuperar sites da Web herdados mesmo sem os arquivos PNG de origem. Ele tambm permite abrir ou importar rapidamente uma pgina da Web para atualizar grficos, alterar o layout de um documento ou alterar links de navegao, botes e outros elementos de interatividade, tudo sem recriar a pgina a partir do zero ou modificar seus scripts. Como o Fireworks exporta contedo HTML na forma de uma tabela HTML, ele tambm determina o layout do documento para HTML importado com base nas tabelas HTML. Um arquivo HTML precisa conter, no mnimo, uma tabela para que o Fireworks possa reconstrulo. Para mais informaes sobre HTML, consultar Exportao de HTML na pgina 415. possvel inserir contedo HTML no Fireworks de vrias formas:

Abrir todas as tabelas HTML em um arquivo HTML. Abrir a primeira tabela HTML que o Fireworks encontrar em um arquivo HTML.


23

Importar a primeira tabela HTML que o Fireworks encontrar para um documento do Fireworks existente.O Fireworks tambm consegue importar documentos que usam a codificao UTF-8 e aqueles que so criados em XHTML. Os arquivos XHTML geralmente tm a extenso .xhtm ou .xhtml. Para mais informaes sobre esses tipos de arquivo, consultar Exportao de arquivos com e sem codificao UTF-8 na pgina 426 e Exportao de XHTML na pgina 425.

Para abrir todas as tabelas de um arquivo HTML:1. 2.

Para abrir somente a primeira tabela de um arquivo HTML:1. 2.

Para importar a primeira tabela de um arquivo HTML para um documento aberto do Fireworks:1. 2. 3.

Insero de um objeto em um documento do Fireworks possvel importar, arrastar ou copiar e colar objetos vetoriais, imagens bitmap ou textos criados em outros aplicativos para um documento do Fireworks. Tambm possvel importar imagens de uma cmera digital ou de um scanner.

Como arrastar uma imagem para o Fireworks possvel arrastar objetos vetoriais, imagens bitmap ou textos de qualquer aplicativo que suporte o recurso de arrastar para o Fireworks:

24

O BS E R VA O

Selecionar File (Arquivo) > Reconstitute Table (Reconstituir tabela). Selecionar o arquivo HTML que contm as tabelas a serem abertas e clicar em Open (Abrir). Cada uma das tabelas aberta em sua prpria janela de documento.

Selecionar File (Arquivo) > Open (Abrir). Selecionar o arquivo HTML que contm a tabela a ser aberta e clicar em Open. A primeira tabela no arquivo HTML aberta em uma nova janela de documento.

Selecionar File (Arquivo) > Import (Importar). Selecionar o arquivo HTML do qual pretende importar e clicar em Open (Abrir). Clicar para colocar o ponto de insero no local em que a tabela importada dever aparecer.

FreeHand 7 ou posterior Flash 3 ou posterior


Photoshop 4 ou posterior Illustrator 7 ou posterior Microsoft Office 97 ou posterior Microsoft Internet Explorer 3 ou posterior Netscape Navigator 3 ou posterior CorelDRAW 7 ou posterior

Para arrastar uma imagem ou um texto para o Fireworks:

No outro aplicativo, arrastar o objeto ou o texto para o Fireworks.

Como colar no FireworksColar um objeto copiado de outro aplicativo no Fireworks posiciona o objeto no centro do documento ativo. possvel copiar e colar um objeto ou um texto da rea de transferncia em qualquer um destes formatos:

FreeHand 7 ou posterior Illustrator PNG PICT (Macintosh) DIB (Windows) BMP (Windows) Texto ASCII EPS WBMP TXT RTF

Para colar no Fireworks:1. 2.

No outro aplicativo, copiar o objeto ou o texto a ser colado. No Fireworks, colar o objeto ou o texto no documento.

Posicionamento de objetos coladosO posicionamento de um objeto colado no Fireworks depende do que foi selecionado:

Se, pelo menos, um objeto em uma nica camada estiver selecionado, o objeto colado ser posicionado na frente ou empilhado logo acima do objeto selecionado na mesma camada.


25

Se a prpria camada estiver selecionada, se nenhum objeto estiver selecionado ou se todos os objetos estiverem selecionados, o objeto colado ser posicionado na frente ou empilhado logo acima do primeiro objeto na mesma camada. Se dois ou mais objetos em mais de uma camada estiverem selecionados, o objeto selecionado ser posicionado na frente ou empilhado logo acima do primeiro objeto na camada mais alta. Se a Web Layer (Camada da Web) ou um objeto na Web Layer estiver selecionado, o objeto colado ser posicionado na frente ou empilhado acima de todos os outros objetos na camada mais baixa.A Web Layer (Camada da Web) uma camada especial que contm todos os objetos da Web. Ela sempre est na parte superior do painel Layers (Camadas). Para mais informaes sobre camadas, consultar Camadas, mascaramento e mistura na pgina 235.

Criao de nova amostra de objetos coladosQuando um bitmap com uma resoluo diferente daquela do documento do Fireworks de destino colado, o Fireworks pergunta se necessrio fazer uma nova amostra do bitmap. Na criao de uma nova amostra, ocorre a adio ou a subtrao de pixels de um bitmap redimensionado para aproximar o mximo possvel sua aparncia do bitmap original. A criao de uma nova amostra de um bitmap em uma resoluo mais alta geralmente causa perda insignificante de qualidade. No entanto, a criao de uma nova amostra em uma resoluo mais baixa sempre causa perda de dados e, em geral, queda de qualidade.Para criar uma nova amostra de um objeto de bitmap colando:1. 2.

3.

26

OBSERVAO

Copiar o bitmap para a rea de transferncia do Fireworks ou de outro programa. Selecionar Edit (Editar) > Paste (Colar) no Fireworks. Se a imagem bitmap na rea de transferncia tiver uma resoluo diferente daquela do documento atual, ser exibida uma caixa de dilogo perguntando se deve ser criada ou no uma nova amostra. Selecionar uma das seguintes opes:Resample (Nova amostra)

mantm a largura e a altura originais do bitmap colado, adicionando ou subtraindo pixels como necessrio.

Dont Resample (No criar nova amostra) mantm todos os pixels originais, o que pode aumentar ou reduzir o tamanho relativo da imagem colada alm do esperado.


Importao de arquivos PNG possvel importar arquivos PNG do Fireworks para a camada atual do documento ativo do Fireworks. Os objetos de ponto ativo ou de fatia so colocados na Web Layer (Camada da Web) do documento. Para mais informaes sobre fatias e objetos da Web, consultar Visualizao e exibio de fatias e guias de fatia na pgina 298. Para mais informaes sobre camadas, consultar Trabalho com uma camada na pgina 236.Para importar um arquivo PNG para uma camada de documento do Fireworks:1. 2. 3. 4.

No painel Layers (Camadas), selecionar a camada para a qual o arquivo ser importado. Selecionar File (Arquivo) > Import (Importar) para abrir a caixa de dilogo Import. Navegar at o arquivo a ser importado e clicar em Open (Abrir). Na tela, colocar o ponteiro de importao no local em que deseja posicionar o canto superior esquerdo da imagem. Importar o arquivo:

5.

Clicar para importar a imagem no tamanho original. Arrastar o ponteiro de importao para redimensionar a imagem ao import-la.

O Fireworks retm as propores da imagem.

Importao de uma cmera digital ou de um scannerS possvel importar imagens de uma cmera digital ou de um scanner quando o dispositivo compatvel com TWAIN (Windows) ou usa o recurso interno OS X Image Capture (Captura de imagem do OS X) (Macintosh). As imagens importadas de uma cmera digital ou de um scanner para o Fireworks so abertas como novos documentos.O BS E R VA O

O Fireworks no consegue importar de cmeras digitais ou scanners de imagens a menos que os drivers de software, mdulos e plug-ins adequados estejam instalados. Para instrues especficas sobre instalao, configuraes e opes, consultar a documentao da cmera ou do scanner sobre o mdulo TWAIN ou o plug-in Acquire do Photoshop.


27

No Macintosh, o Fireworks procura automaticamente os plug-ins Acquire do Photoshop na pasta Plug-ins contida na pasta de aplicativo do Fireworks. Para colocar os plug-ins em outro local, necessrio apontar o Fireworks para esse local alternativo.O B S E R V A O

A localizao exata da pasta Plug-ins varia em funo do sistema operacional. Para mais informaes, consultar Trabalho com arquivos de configurao na pgina 526.

Para direcionar o Fireworks para os plug-ins Acquire do Photoshop:1.

No Fireworks, selecionar Edit (Editar) > Preferences (Preferncias).O BS E R VA O

No Mac OS X, selecionar Fireworks > Preferences (Preferncias).

2. 3. 4.

Clicar na guia Folders (Pastas). Selecionar Photoshop Plug-Ins (Plug-ins do Photoshop). Clicar em Browse (Procurar) se a caixa de dilogo Select the Photoshop Plug-ins Folder (Selecionar pasta de plug-ins do Photoshop), no Windows, ou Choose a Folder (Escolher uma pasta), no Macintosh, no for exibida automaticamente. Navegar at a pasta que contm os plug-ins do Photoshop.

5.

Para importar uma imagem de uma cmera digital (Macintosh):1. 2. 3.

Conectar a cmera ao computador. Instalar o software que acompanha a cmera caso ainda no esteja instalado. No Fireworks, selecionar File (Arquivo) > Acquire (Obter) e, em seguida, selecionar Camera Acquire (Obteno de cmera) ou Camera Select (Seleo de cmera). Na caixa de dilogo Select Camera (Selecionar cmera), selecionar uma cmera e clicar em OK.

4.

28


5.

Na caixa de dilogo Select Images (Selecionar imagens), selecionar as imagens a serem importadas e clicar em OK.OBSERVAO

A caixa de dilogo Select Images s exibe os tipos de arquivos suportados pelo Fireworks.

6.

Siga as instrues para aplicar as configuraes desejadas. A imagem importada aberta como um novo documento do Fireworks.

Para importar uma imagem de uma cmera digital (Windows):1. 2. 3.

Conectar a cmera ao computador. Instalar o software que acompanha a cmera caso ainda no esteja instalado. No Fireworks, selecionar File (Arquivo) > Scan (Varrer) e, em seguida, selecionar Twain Acquire (Obteno de Twain) ou Twain Select (Seleo de Twain). Na caixa de dilogo Select Source (Selecionar origem), selecionar uma origem e clicar em OK. Na caixa de dilogo Select Images (Selecionar imagens), selecionar as imagens a serem importadas e clicar em OK. A interface de usurio para o software da cmera exibida. Seguir as instrues para aplicar as configuraes desejadas. A imagem importada aberta como um novo documento do Fireworks.

4.

5.

6.

Para importar uma imagem de um scanner (Macintosh):1. 2. 3.

Conectar o scanner ao computador. Instalar o software que acompanha o scanner caso ainda no esteja instalado. No Fireworks, selecionar File (Arquivo) > Acquire (Obter) e, em seguida, selecione Twain Acquire (Obteno de Twain) ou Twain Select (Seleo de Twain).OB S E R V A O

Para a maioria dos mdulos T WAIN ou plug-ins Acquire do Photoshop, caixas de dilogo adicionais solicitam a definio de outras opes.


29

4.

Seguir as instrues para aplicar as configuraes desejadas. A imagem importada aberta como um novo documento do Fireworks.

Para importar uma imagem de um scanner (Windows):1. 2. 3.

Conectar o scanner ao computador. Instalar o software que acompanha o scanner caso ainda no esteja instalado. No Fireworks, selecionar File (Arquivo) > Scan (Varrer) e, em seguida, selecionar Twain Acquire (Obteno de Twain) ou Twain Select (Seleo de Twain).O BS E R VA O

Para a maioria dos mdulos TWAIN ou plug-ins Acquire do Photoshop, caixas de dilogo adicionais solicitam a definio de outras opes.

4.

Seguir as instrues para aplicar as configuraes desejadas. A imagem importada aberta como um novo documento do Fireworks.

Salva de um arquivo no Fireworks:Quando um novo documento criado ou quando um arquivo PNG existente do Fireworks aberto, o nome do arquivo tem a extenso .png. Os arquivos de outros tipos, como PSD e HTML, tambm so abertos como arquivos PNG, o que permite usar o documento PNG do Fireworks como o arquivo de origem ou de trabalho. No entanto, vrios arquivos mantm as extenses de nome originais e as configuraes de otimizao quando abertos no Fireworks. Para mais informaes, consultar Salva de documentos em outros formatos na pgina 31. O local no qual o Fireworks salva um documento por padro determinado pelas seguintes informaes nesta ordem:

O local do arquivo atual O local de exportao/salva atual, definido sempre que o usurio procura o local padro em uma caixa de dilogo Save (Salvar), Save As (Salvar como), Save a Copy (Salvar uma cpia) ou Export (Exportar) O local padro onde os novos documentos ou imagens so salvos no sistema operacional

30


Salva de um arquivo PNG no FireworksQuando um novo documento criado ou quando um arquivo PNG existente do Fireworks aberto, o nome do arquivo tem a extenso .png. O arquivo exibido na janela de documento do Fireworks o arquivo de origem ou de trabalho. O uso do arquivo PNG do Fireworks como o arquivo de origem apresenta as seguintes vantagens:

O arquivo PNG de origem sempre editvel. possvel voltar e fazer outras alteraes mesmo quando o arquivo exportado para uso na Web. possvel dividir grficos complexos em vrias fatias no arquivo PNG e export-las como diversos arquivos com formatos diferentes e configuraes de otimizao variadas.

Para salvar um novo documento do Fireworks:1.

Selecionar File (Arquivo) > Save As (Salvar como). A caixa de dilogo Save As (Salvar como) aberta. Navegar at o local desejado e digitar o nome do arquivo. No necessrio digitar uma extenso, o Fireworks faz isso automaticamente. Clicar em Save.

2.

3.

Para salvar um documento existente:

Selecionar File (Arquivo) > Save (Salvar).

Salva de documentos em outros formatosQuando um arquivo em um formato diferente de PNG aberto atravs da seleo da opo File (Arquivo) > Open (Abrir), possvel utilizar todos os recursos do Fireworks para editar a imagem. Em seguida, possvel selecionar Save As (Salvar como) para salvar o trabalho como um novo arquivo PNG do Fireworks ou para salv-lo em um formato diferente. Para salvar a maioria dos tipos de arquivos no formato original, basta selecionar Save (Salvar).OB S E R V A O

Se um arquivo PNG for salvo como um arquivo de bitmap, como GIF ou JPEG, os objetos grficos manipulados no PNG no estaro mais disponveis no arquivo de bitmap (ver Sobre grficos vetoriais e de bitmap na pgina 17). Para revisar a imagem, necessrio editar o arquivo PNG de origem e export-lo novamente.

possvel salvar arquivos diretamente nos seguintes formatos: Fireworks PNG, GIF, GIF animado, JPEG, BMP, WBMP, TIF, SWF, AI, PSD e PICT (somente Macintosh). O Fireworks salva imagens TIF de 16 bits intensidade de cor de 24 bits.

Salva de um arquivo no Fireworks:

31

Os arquivos de outros tipos, como PSD e HTML, so abertos como arquivos PNG, o que permite usar o documento PNG do Fireworks como o arquivo de origem. As edies realizadas so aplicadas ao arquivo PNG e no ao original.Para salvar um arquivo existente no formato GIF, JPEG, TIF, BMP ou em outro formato listado acima:1. 2.

Selecionar File (Arquivo) > Save (Salvar). Se o documento contiver modificaes no-editveis no formato original do arquivo, ser exibida uma notificao na caixa de dilogo Save. As modificaes no-editveis incluem a adio de novos objetos, mscaras e Live Filters (Filtros ao vivo), bem como o ajuste de opacidade, a aplicao de modos de mistura e a salva de selees de pixels.OB S E R V A O

Caso a opo Save as a Copy (Salvar uma cpia) no seja selecionada, o formato do arquivo do documento de trabalho ser alterado para o formato em que ele for salvo.

Para exportar um documento para outro formato:1. 2.

Selecionar um formato de arquivo no painel Optimize (Otimizar). Selecionar File (Arquivo) > Export (Exportar) para exportar o documento. Para mais informaes sobre exportao de arquivos, consultar Otimizao e exportao na pgina 377.

32


Ambiente de trabalho do FireworksQuando um documento aberto no Fireworks pela primeira vez, o aplicativo ativa o ambiente de trabalho, inclusive o painel Tools (Ferramentas), o Property inspector (Inspetor de propriedades), os menus e outros painis. O painel Tools (Ferramentas), no lado esquerdo da tela, contm categorias rotuladas, inclusive grupos de bitmaps, vetores e ferramentas da Web. Por padro, o Property inspector aparece na parte inferior do documento e exibe inicialmente as propriedades do documento. Em seguida, ele alterado para exibir as propriedades de uma ferramenta ou de um objeto selecionado recentemente durante o trabalho no documento. Inicialmente, os painis so encaixados em grupos no lado direito da tela. A janela do documento aparece no centro do aplicativo.

Uso da pgina inicialQuando o Fireworks iniciado sem um documento aberto, a pgina inicial do aplicativo aparece no ambiente de trabalho. A pgina inicial permite acesso rpido aos tutoriais do Fireworks, aos arquivos recentes e ao Fireworks Exchange, em que possvel adicionar novos recursos a alguns dos recursos do Fireworks j existentes. O uso da pgina inicial bem semelhante ao de uma pgina da Web. Basta clicar em qualquer recurso exibido para us-lo.

Ambiente de trabalho do Fireworks

33

Para desativar a pgina inicial:1.

Executar o Fireworks sem abrir um documento. A pgina inicial exibida. Clicar em Dont Show Again (No mostrar novamente).

2.

Uso do painel ToolsO painel Tools (Ferramentas) organizado em seis categorias: Select (Selecionar), Bitmap, Vector (Vetor), Web, Colors (Cores) e View (Exibir).

Alterao de opes de ferramentasQuando uma ferramenta selecionada, o Property inspector (Inspetor de propriedades) exibe suas opes. Algumas opes continuam a ser exibidas durante o trabalho com a ferramenta. No caso de outras ferramentas, como as ferramentas de forma bsica, Pen (Caneta) e Line (Linha), o Property inspector exibe as propriedades do objeto selecionado. Para mais informaes sobre o Property inspector, consultar Uso do Property inspector na pgina 36.

34


Para exibir as opes de uma ferramenta em uso no Property inspector:

Escolher Select (Selecionar) > Deselect (Cancelar seleo) para cancelar a seleo de todos os objetos.

Para mais informaes sobre opes de ferramentas especficas, consultar as sees que apresentam as vrias ferramentas no manual Usando o Fireworks ou na Ajuda do Fireworks.

Seleo de uma ferramenta de um grupo de ferramentasUm tringulo pequeno no canto inferior direito de uma ferramenta no painel Tools (Ferramentas) indica que ela faz parte de um grupo de ferramentas. Por exemplo, a ferramenta Rectangle (Retngulo) faz parte do grupo de ferramentas bsicas de forma, que tambm inclui as ferramentas bsicas Rounded Rectangle (Retngulo arredondado), Ellipse (Elipse) e Polygon (Polgono), bem como todas as ferramentas Auto Shape (Forma automtica), que aparecem abaixo da linha divisria.

Para selecionar uma ferramenta alternativa de um grupo de ferramentas:1.

Clicar no cone da ferramenta e manter o boto do mouse pressionado. exibido um menu pop-up com os cones das ferramentas, os nomes das ferramentas e as teclas de atalho. H uma marca de seleo esquerda do nome da ferramenta selecionada no momento.

2.

Arrastar o ponteiro para realar a ferramenta desejada e liberar o boto do mouse. A ferramenta aparece no painel Tools (Ferramentas) e suas opes so exibidas no Property inspector (Inspetor de propriedades).


35

Uso do Property inspectorO Property inspector (Inspetor de propriedades) um painel contextual que exibe as propriedades da seleo atual, as opes da ferramenta atual ou as propriedades do documento. Por padro, o Property inspector encaixado na parte inferior do espao de trabalho. possvel abrir o Property inspector com metade da altura, exibindo duas linhas de propriedades, ou com a altura total, exibindo quatro linhas. Tambm possvel recolher completamente o Property inspector sem retir-lo da rea de trabalho.O BS E R VA O

A maioria dos procedimentos no manual Usando o Fireworks supe que o Property inspector esteja exibido com toda a altura.

Para desencaixar o Property inspector:

Arrastar o grampo no canto superior esquerdo para outra parte do espao de trabalho.

Para encaixar o Property inspector na parte inferior do espao de trabalho (somente Windows):

Arrastar a barra lateral no Property inspector (Inspetor de propriedades) para a parte inferior da tela.

Para expandir o Property inspector da metade da altura para toda a altura, revelando outras opes, seguir um destes procedimentos:

Clicar na seta de expanso no canto inferior direito do Property inspector (Inspetor de propriedades). Clicar no cone no canto superior do Property inspector e selecionar Full Height (Altura total) no menu Options (Opes).OB S E R V A O

No Windows, o menu Options s est disponvel quando o Property inspector est encaixado.

Para reduzir o Property inspector metade da altura, seguir um destes procedimentos:

Clicar na seta de expanso no canto inferior direito do Property inspector (Inspetor de propriedades).

36


Selecionar Half Height (Metade da altura) no menu Options (Opes) do Property inspector.O BS E R VA O

No Windows, o menu Options s est disponvel quando o Property inspector est encaixado.

Para recolher o Property inspector quando ele estiver encaixado, seguir um destes procedimentos:

Clicar na seta de expanso ou no ttulo do Property inspector (Inspetor de propriedades). Selecionar Collapse Panel Group (Recolher grupo de painis) no menu Options (Opes) do Property inspector encaixado. Para mais informaes sobre opes especficas do Property inspector, consultar as sees adequadas do manual Usando o Fireworks ou da Ajuda do Fireworks.

Uso de painisOs painis so controles flutuantes que ajudam a editar aspectos de um objeto selecionado ou de elementos do documento. Os painis permitem trabalhar em molduras, camadas, smbolos, exemplos de cores e outros elementos. Os painis so arrastveis, portanto possvel agrup-los em organizaes personalizadas. Por padro, alguns painis so agrupados e outros no. Os seguintes painis podem conter outros painis:

Assets (Propriedades) Colors (Cores) Frames (Molduras) e History (Histrico)


37

Por padro, os painis Optimize (Otimizar), Image Editing (Edio de imagem), Layers (Camadas), Shapes (Formas), Auto Shape Properties (Propriedades de formas automticas), Info (Informaes), Behaviors (Comportamentos), Find (Localizar) e Align (Alinhar) geralmente no so agrupados com outros painis, mas possvel agrup-los se desejado. Quando os painis so agrupados, todos os nomes do grupo de painis aparecem na barra de ttulo desse grupo. No entanto, possvel atribuir um nome preferido aos grupos de painis.O painel Optimize

permite gerenciar as configuraes que controlam o tamanho e o tipo de um arquivo e trabalhar com a paleta de cores da fatia ou do arquivo a ser exportado. inclui ferramentas e opes usadas com freqncia para editar

O painel Image Editing

imagens.O painel Layers organiza a estrutura de um documento e contm opes para criar, excluir e manipular camadas. O painel Frames O painel History

inclui opes para criar animaes.

lista os comandos usados recentemente para que seja possvel desfaz-los e refaz-los com rapidez. Alm disso, possvel selecionar vrias aes e, em seguida, salv-las e reutiliz-las como comandos. Para mais informaes, consultar Uso do painel History para desfazer e repetir vrias aes na pgina 56.

O painel Shapes contm Auto Shapes (Formas automticas) que no so exibidas no painel Tools (Ferramentas). O painel Auto Shapes Properties permite alterar as propriedades de uma Auto Shape depois

de inserida no documento.O painel Styles (Estilos)

permite armazenar e reutilizar combinaes de caractersticas de objetos ou selecionar um estilo de estoque.

O painel Special Characters (Caracteres especiais)

permite inserir caracteres especiais em blocos de texto diretamente no Fireworks com um nico clique.

O painel Library (Biblioteca) contm smbolos de grficos, botes e animaes. possvel arrastar facilmente instncias desses smbolos do painel Library para o documento. Para fazer mudanas globais em todas as instncias, basta modificar o smbolo. Para mais informaes, consultar Uso de estilos, smbolos e URLs na pgina 273. O painel URL

permite criar bibliotecas com URLs usados freqentemente.

O painel Color Mixer (Misturador de cores) permite criar novas cores para adicionar paleta de cores do documento atual ou para aplicar a objetos selecionados. O painel Swatches (Exemplos de cores)

gerencia a paleta de cores do documento atual.

O painel Info fornece informaes sobre as dimenses do objeto selecionado e as coordenadas exatas do ponteiro quando movido pela tela.

38


O painel Behaviors gerencia comportamentos, que determinam o que os pontos ativos e as fatias fazem em resposta ao movimento do mouse.

permite pesquisar e substituir elementos como texto, URLs, fontes e cores em um ou vrios documentos.O painel Find O painel Align

contm controles para alinhar e distribuir objetos na tela.

Organizao de painis e grupos de painisPor padro, os painis do Fireworks so encaixados em grupos na rea de encaixe no lado direito da rea de trabalho. possvel desencaixar grupos de painis, adicionar painis a um grupo, desencaixar painis individuais, reorganizar a ordem dos grupos de painis encaixados, alm de recolher e fechar grupos de painis. Tambm possvel abrir e fechar painis individuais.Para desencaixar ou mover um grupo de painis:

Arrastar o grampo do painel no canto superior esquerdo para longe da rea de encaixe do painel no lado direito da tela.

Para encaixar um grupo de painis:

Arrastar o grampo do painel na direo da rea de encaixe. medida que um painel ou um grupo de painis arrastado pela rea de encaixe de painel, um retngulo ou uma linha de visualizao de posicionamento mostra o local em que ele deve ser posicionado entre os grupos.

Para recolher ou expandir um painel ou um grupo de painis, seguir um destes procedimentos:

Clicar no ttulo do painel ou do grupo de painis.O BS E R VA O

A barra de ttulo permanece visvel quando o painel ou o grupo de painis recolhido.

Clicar na seta de expanso no canto superior esquerdo do painel ou do grupo de painis.

Para desencaixar um painel de um grupo de painis:

Selecionar Group With (Agrupar a) > New Panel Group (Novo grupo de painis) no menu Options (Opes) na barra de ttulo do grupo de painis. (O nome do comando Group With alterado de acordo com o nome do painel ativo.) O painel aparece em um novo grupo de painis prprio.


39

Para encaixar um painel em um grupo de painis:

Selecionar o nome de um grupo de painis no submenu Group With (Agrupar a) do menu Options (Opes) do grupo de painis. (O nome do comando Group With alterado de acordo com o nome do painel ativo.)

Para renomear um grupo de painis:1.

Clicar no cone no canto superior do grupo de painis e selecionar Rename Panel Group (Renomear grupo de painis) no menu Options (Opes). Digitar o novo nome.

2.

Para retornar um painel posio padro para a resoluo da tela, seguir um destes procedimentos:

Selecionar Window (Janela) > Workspace Layouts (Layouts do espao de trabalho) > 800 x 600. Selecionar Window > Workspace Layouts > 1024 x 768. Selecionar Window > Workspace Layouts > 1280 x 1024.

Para abrir um painel:

Selecionar o nome do painel no menu Window (Janela).DICA

Uma marca de seleo ao lado do nome de um painel no menu Window indica que o painel est aberto.

Para fechar um painel, seguir um destes procedimentos:

Selecionar o nome do painel no menu Window (Janela). Clicar no boto Close (Fechar) na barra de ttulo do painel quando o painel estiver desencaixado.

Para ocultar todos os painis e o Property inspector:

Selecionar Window (Janela) > Hide Panels (Ocultar painis). Para exibir painis ocultos, selecionar Window > Hide Panels novamente.OB S E R V A O

Os painis ocultados quando Hide Panels selecionado continuam ocultos quando a seleo desse comando cancelada.

40


Para mostrar ou ocultar painis encaixados na janela do aplicativo (somente Windows), seguir um destes procedimentos:

Arrastar a barra vertical para a esquerda da rea do painel encaixado para redimensionar a rea do painel. Clicar na seta pequena que separa a rea do painel encaixado do restante da janela do aplicativo.

Clicar para mostrar ou ocultar a rea do painel encaixado

Uso do menu Options de um painel ou de um grupo de painisCada painel ou grupo de painis tem um menu Options (Opes) que lista vrias opes especficas do painel ou do grupo de painis ativo. Um menu Options tambm exibido no Property inspector (Inspetor de propriedades), exceto no Windows quando o Property inspector est desencaixado.


41

Para selecionar uma opo no menu Options de um painel ou de um grupo de painis:1.

Clicar no menu Options (Opes) no canto superior direito do painel ou do grupo de painis para abrir o menu. Selecionar um item do menu.

2.

Salva de layouts de painis possvel salvar o layout de painis usando o menu Commands (Comandos). Na prxima abertura do Fireworks, os painis so organizados na mesma posio no espao de trabalho.Para salvar um layout de espao de trabalho:1.

Selecionar Window (Janela) > Workspace Layouts (Layouts de espao de trabalho) > Save Current (Salvar atual). Nomear o layout do espao de trabalho e clicar em OK.

2.

Para abrir um layout de espao de trabalho salvo:

Selecionar Window (Janela) > Workspace Layouts (Layouts de espao de trabalho) e selecionar um layout de espao de trabalho no submenu.

Sobre o boto Quick ExportO boto Quick Export (Exportao rpida) permite exportar arquivos do Fireworks para vrios aplicativos da Macromedia, inclusive o Dreamweaver, o Flash, o Director e o FreeHand. Alm disso, possvel exportar arquivos para o Photoshop, o FrontPage, o Adobe GoLive e o Illustrator, ou visualizar os arquivos no navegador de sua preferncia. Para mais informaes, consultar Uso do boto Quick Export na pgina 429.

42


Abertura e movimentao de barras de ferramentas (somente Windows)O Fireworks for Windows inclui duas barras de ferramentas com os comandos comuns do Fireworks.Para mostrar ou ocultar uma barra de ferramentas:

Selecionar Window (Janela) > Toolbars (Barras de ferramentas) e selecionar uma barra de ferramentas.

Para desencaixar uma barra de ferramentas:

Arrastar a barra de ferramentas para longe de seu local de encaixe.OB S E R V A O

Se uma barra de ferramentas estiver desencaixada, clique no boto de fechamento no canto superior direito da barra de ttulo para fech-la.

Para encaixar uma barra de ferramentas:

Arrastar a barra de ferramentas para uma rea de encaixe na parte superior, inferior, esquerda ou direita da janela do aplicativo at que o retngulo de visualizao de posicionamento aparea.

Navegao e exibio de um documento possvel controlar a ampliao, o nmero de exibies e o modo de exibio de um documento. Tambm possvel enquadrar facilmente a exibio de um documento, o que til quando ele ampliado, e a tela no pode mais ser vista por inteiro.

Uso de guias de documentos (Windows)Quando um documento maximizado, possvel escolher facilmente entre vrios documentos abertos usando as guias dos documentos que aparecem na parte superior da janela do documento. Cada documento aberto exibe seu nome de arquivo em uma guia que aparece acima dos botes de exibio.


43

Para selecionar um documento diferente quando o documento atual estiver maximizado:

Clicar na guia do documento a ser exibido.

Zoom e enquadramentoO Fireworks permite aumentar ou reduzir de acordo com uma porcentagem de ampliao predefinida ou definida pelo usurio.

Zoom, ferramenta Hand (Mo), ferramenta

Zoom, menu pop-up

Para aumentar de acordo com incrementos predefinidos, seguir um destes procedimentos:

Selecionar a ferramenta Zoom e clicar para especificar um novo ponto central dentro da janela do documento. Cada clique amplia a imagem at a prxima ampliao predefinida.

44


Selecionar uma configurao de zoom no menu pop-up Set Magnification (Definir ampliao) na parte inferior da janela do documento. Selecionar Zoom In (Aumentar) ou uma ampliao predefinida no menu View (Exibir).

Para reduzir de acordo com incrementos predefinidos, seguir um destes procedimentos:

Selecionar a ferramenta Zoom, pressionar o boto Alt (Windows) ou o boto Option (Macintosh) e clicar dentro da janela do documento. Cada clique reduz a exibio at a prxima porcentagem predefinida. Selecionar uma configurao de zoom no menu pop-up Set Magnification (Definir ampliao) na parte inferior da janela do documento. Selecionar Zoom Out (Reduzir) ou uma ampliao predefinida no menu View (Exibir).

Para aumentar uma rea especfica sem ser restringido pelos incrementos de zoom predefinidos:1. 2.

Selecionar a ferramenta Zoom. Arrastar sobre a parte da imagem a ser ampliada. O tamanho da caixa de seleo de zoom determina a porcentagem de ampliao precisa, que exibida na caixa de texto Set Magnification (Definir ampliao).O B S E R V A O

No possvel digitar uma porcentagem de ampliao na caixa de texto Set Magnification.

Para reduzir uma rea especfica:

Manter pressionada a tecla Alt (Windows) ou Option (Macintosh) e arrastar uma rea de seleo com a ferramenta Zoom.

Para retornar ampliao 100%:

Clicar duas vezes na ferramenta Zoom no painel Tools (Ferramentas).

Para enquadrar o documento:1. 2.

Selecionar a ferramenta Hand (Mo). Arrastar o ponteiro em forma de mo. medida que a rea alm da borda da tela enquadrada, a exibio continua o enquadramento para que seja possvel trabalhar com pixels situados na borda da tela.


45

Para ajustar o documento exibio atual:

Clicar duas vezes na ferramenta Hand (Mo).

Uso de modos de exibio para gerenciar o espao de trabalhoCom os botes dos modos de exibio na seo View (Exibir) do painel Tools (Ferramentas), o usurio pode controlar o layout do espao de trabalho. possvel selecionar um dos trs modos de exibio:O modo Standard Screen (Tela padro)

a exibio padro da janela do documento.

O modo Full Screen with Menus (Tela inteira com menus) uma exibio maximizada da janela do documento sobre um fundo cinza com menus, barras de ferramentas, barras de rolagem e painis visveis. O modo Full Screen (Tela inteira) uma exibio maximizada da janela do documento sobre um fundo preto sem menus, barras de ferramentas ou barras de ttulo visveis.

Para alterar o modo de exibio, seguir um destes procedimentos:

Para alterar para o modo Full Screen with Menus (Tela inteira com menus), clicar no boto Full Screen with Menus Mode (Modo de tela inteira com menus) no painel Tools (Ferramentas). Para alterar para o modo Full Screen (Tela inteira), clicar no boto Full Screen Mode (Modo de tela inteira) no painel Tools. Para retornar ao modo Standard Screen (Tela padro), clicar com o boto direito do mouse (Windows), ou pressionar a tecla Control e clicar (Macintosh), na janela do documento e, em seguida, selecionar Exit Full Screen Mode (Sair do modo de tela inteira) ou clicar no boto Standard Screen Mode (Modo de tela padro) no painel Tools.

Exibio de diversas visualizaes de um documento possvel usar vrias exibies para ver um documento em ampliaes diferentes simultaneamente. As alteraes feitas em uma exibio so refletidas automaticamente em todas as outras exibies do mesmo documento. Em geral, o usurio deseja certificar-se de que seu documento no seja maximizado no espao de trabalho antes de criar vrias exibies. Assim, ele pode ver diversas exibies do documento ao mesmo tempo.Para abrir outra exibio do documento em uma configurao de zoom diferente:1. 2.

Selecionar Window (Janela) > Duplicate Window (Duplicar Janela). Selecionar uma configurao de zoom para a nova janela.

46


Para colocar exibies de um documento lado a lado:

Selecionar Window (Janela) > Tile Horizontal (Lado a lado horizontal) ou Window > Tile Vertical (Lado a lado vertical).

Para fechar uma janela de exibio de documento:

Clicar no boto Close (Fechar) da janela.

Controle do redesenho do documentoOs modos de exibio afetam a representao na tela de um documento, mas no os dados dos seus objetos ou a qualidade de impresso.Para controlar o redesenho de um documento:

Selecionar View (Exibir) > Full Display (Tela inteira). Quando a opo Full Display selecionada, o Fireworks exibe o documento em todas as cores disponveis com os detalhes completos. Quando a seleo dessa opo cancelada, o Fireworks exibe traados com 1 pixel de largura sem preenchimento e mostra imagens com um X sobreposto.

Modos de exibio e de rascunhoPara exibir um documento como ele aparecer em uma plataforma diferente:

No Windows, selecionar View (Exibir) > Macintosh Gamma (Gama do Macintosh). No Macintosh, selecionar View > Windows Gamma (Gama do Windows). Agora possvel visualizar o documento como ele aparecer na plataforma do outro computador. Por exemplo, quando o trabalho executado na plataforma Windows, possvel usar esse comando para visualizar um documento como ele aparecer na plataforma Macintosh.


47

Alterao da tela necessrio especificar caractersticas ao criar um novo documento do Fireworks. possvel modificar o tamanho e a cor da tela, bem como alterar a resoluo da imagem, a qualquer momento usando o menu Modify (Modificar) ou o Property inspector (Inspetor de propriedades). Durante o trabalho com o documento, tambm possvel girar a tela e eliminar as partes indesejadas.

Alterao de tamanho, cor e resoluo de uma telaO Fireworks facilita a alterao do tamanho, da cor e da resoluo da imagem da tela.Para alterar o tamanho da tela:1.

Seguir um destes procedimentos:

Selecionar Modify (Modificar) > Canvas (Tela) > Canvas Size (Tamanho da tela). Escolher Select (Selecionar) > Deselect (Cancelar seleo), clicar na ferramenta Pointer (Ponteiro) para exibir as propriedades do documento no Property inspector (Inspetor de propriedades) e, em seguida, clicar no boto Canvas Size.

2. 3.

Digitar as novas dimenses nas caixas de texto Width (Largura) e Height (Altura). Clicar em um boto Anchor (ncora) para especificar os lados da tela que o Fireworks aumentar ou diminuir e clicar em OK.O B S E R V A O

Por padro, a ncora central selecionada, indicando que as alteraes no tamanho da tela so feitas em todos os lados.

Para alterar a cor da tela no menu Modify:1. 2.

Selecionar Modify (Modificar) > Canvas (Tela) > Canvas Color (Cor da tela). Selecionar White (Branco), Transparent (Transparente) ou Custom (Personalizar). Ao selecionar Custom, clicar em uma cor na janela pop-up Swatches (Exemplos de cores).

Para selecionar a cor da tela no Property inspector:1.

Escolher Select (Selecionar) > Deselect (Cancelar seleo), clicar na ferramenta Pointer (Ponteiro) para exibir as propriedades do documento no Property inspector (Inspetor de propriedades) e clicar na caixa de cor Canvas (Tela).

48


2.

Escolher uma cor na janela pop-up Swatches (Exemplos de cores) ou clicar o conta-gotas em uma cor em qualquer ponto da tela. Para selecionar uma tela transparente, clicar no boto None (Nenhum) na janela pop-up Swatches.

Para redimensionar um documento e todo o seu contedo:1.


Escolher Select (Selecionar) > Deselect (Cancelar seleo), clicar na ferramenta Pointer (Ponteiro) para exibir as propriedades do documento no Property inspector (Inspetor de propriedades) e, em seguida, clicar no boto Image Size (Tamanho da imagem) no mesmo inspetor. Selecionar Modify (Modificar) > Canvas (Tela) > Image Size (Tamanho da imagem).

A caixa de dilogo Image Size aberta.

2.

Nas caixas de texto Pixel Dimensions (Dimenses dos pixels), digitar as novas dimenses horizontal e vertical. possvel alterar as unidades de medida. Se a opo Resample Image (Criar nova amostra da imagem) no estiver marcada, ser possvel alterar a resoluo ou o tamanho da impresso, mas no as dimenses dos pixels.

3.

Nas caixas de texto Print Size (Tamanho da impresso), digitar as dimenses horizontal e vertical para a imagem impressa. Na caixa de texto Resolution (Resoluo), digitar uma nova resoluo para a imagem. possvel selecionar entre pixels por polegada e pixels por centmetro como as unidades ou selecionar Resample Image. A alterao da resoluo tambm altera as dimenses dos pixels.

4.

5.



49

Para manter a mesma proporo entre as dimenses horizontal e vertical do documento, selecionar Constrain Proportions (Limitar propores). Cancelar a seleo de Constrain Proportions para redimensionar a largura e a altura independentemente.

6.

Selecionar Resample Image para adicionar ou remover pixels ao redimensionar a imagem a fim de obter uma aparncia semelhante em um tamanho diferente. Clicar em OK.

7.

Sobre criao de nova imagemO Fireworks cria novas amostras de imagens diferentemente da maioria dos aplicativos de edio de imagem. O Fireworks contm objetos de imagens bitmap baseados em pixels e objetos vetoriais baseados em traado.

Quando criada uma nova amostra de um objeto bitmap, so adicionados pixels imagem para aument-la ou so removidos pixels da imagem para reduzi-la. Quando criada uma nova amostra de um objeto vetorial, ocorre pouca perda de qualidade pois o traado redesenhado matematicamente em um tamanho maior ou menor.

Como os atributos de objetos vetoriais no Fireworks so vistos como pixels, alguns traados ou preenchimentos podem parecer um pouco diferentes depois da criao da nova amostra, pois preciso redesenhar os pixels que compem a amostra ou o preenchimento.O BS E R VA O 50

As guias, os objetos de ponto ativo e os objetos de fatia so redimensionados quando o tamanho da imagem do documento alterado.

O redimensionamento de objetos bitmap sempre apresenta um problema peculiar adicionar ou remover pixels para redimensionar a imagem, ou alterar o nmero de pixels por polegada ou centmetro? possvel alterar o tamanho de uma imagem bitmap ajustando a resoluo ou criando uma nova amostra da imagem. Quando ajusta a resoluo, o usurio altera o tamanho dos pixels da imagem para que um nmero maior ou menor de pixels fique contido em um espao especfico. O ajuste da resoluo sem criar uma nova amostra no resulta em perda de dados.A criao de uma amostra maior

ou a adio de pixels para aumentar a imagem pode resultar em perda de qualidade porque os pixels adicionados nem sempre correspondem imagem original.


A criao de uma amostra menor ou a remoo de pixels para diminuir a imagem sempre causa perda de qualidade pois so descartados pixels para redimensionar a imagem. A perda de dados da imagem outro efeito colateral da criao de uma amostra menor.

Rotao da telaA rotao da tela til quando uma imagem importada de cabea para baixo ou de lado. possvel girar a tela 180 ou 90 no sentido horrio, ou 90 no sentido anti-horrio. Quando a tela girada, todos os objetos do documento tambm so.Para girar a tela, seguir um destes procedimentos:

Selecionar Modify (Modificar) > Canvas (Tela) > Rotate 180 (Girar 180). Selecionar Modify > Canvas > Rotate 90 CW (Girar 90 SH). Selecionar Modify > Canvas > Rotate 90 CCW (Girar 90 SAH).

Apara ou ajuste da telaQuando o documento contm espao extra em torno do contedo da tela, possvel aparar a tela. Tambm possvel modificar a tela expandindo-a para ajustar objetos que ultrapassam seu limite.

Original; tela aparadaPara aparar ou ajustar a tela ao contedo do documento:

Escolher Select (Selecionar) > Deselect (Cancelar seleo) para exibir as propriedades do documento no Property inspector (Inspetor de propriedades). Clicar em Fit Canvas (Ajustar tela) no Property inspector. A tela aumentada ou reduzida at o tamanho de seu contedo.


51

Corte de um documentoPara eliminar partes indesejadas de um documento, basta cort-las. A tela redimensionada para se ajustar a uma rea definida. Por padro, o corte exclui objetos que ultrapassam os limites da tela. possvel manter objetos fora da tela alterando uma preferncia antes de cortar.Para cortar um documento:1.

Selecionar a ferramenta Crop (Cortar) no painel Tools (Ferramentas) ou selecionar Edit (Editar) > Crop Document (Cortar documento). Arrastar a caixa delimitadora na tela. Ajustar as alas de corte at que a caixa delimitadora envolva a rea do documento a ser mantida. Clicar duas vezes dentro da caixa delimitadora ou pressionar a tecla Enter para cortar o documento. O Fireworks redimensiona a tela para a rea definida e exclui os objetos que ultrapassam as bordas da tela.DICA

2.

3.

Para manter objetos fora da tela, cancelar a seleo de Delete Objects when Cropping (Excluir objetos ao cortar) na guia Editing (Edio) da caixa de dilogo Preferences (Preferncias) antes de cortar. Para mais informaes sobre preferncias, consultar Configurao de preferncias na pgina 519.

Uso de menus contextuaisOs menus contextuais permitem acessar rapidamente comandos relevantes para a seleo atual.Para exibir um menu contextual:

Clicar com o boto direito do mouse (Windows), ou pressionar a tecla Control e clicar (Macintosh), em um item selecionado na janela do documento.

52


Uso de rguas, guias e a grade possvel usar rguas e guias para dispor objetos com a maior preciso possvel e para ajudar a desenhar. O usurio pode colocar guias no documento e alinhar objetos a essas guias ou ativar a grade do Fireworks e alinhar objetos a ela.

Uso de rguas As rguas ajudam a medir, organizar e planejar o layout do trabalho. Como as imagens do Fireworks so criadas para a Web, onde os grficos so medidos em pixels, as rguas do Fireworks sempre medem em pixels, independentemente da unidade de medida usada na criao do documento.Para exibir e ocultar rguas:

Selecionar View (Exibir) > Rulers (Rguas). As rguas vertical e horizontal aparecem ao longo das margens da janela do documento.


53

Uso de guias As g

usando fireworks cs3

Documents