p. 1

utilização do adobe® fireworks® cs5

[close]

p. 2

Última atualização em 26/4/2010 ©2010 adobe systems incorporated and its licensors all rights reserved copyright utilização do adobe® fireworks® cs5 para sistemas operacionais windows® e mac this user guide is protected under copyright law furnished for informational use only is subject to change without notice and should not be construed as a commitment by adobe systems incorporated adobe systems incorporated assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide this user guide is licensed for use under the terms of the creative commons attribution non-commercial 3.0 license this license allows users to copy distribute and transmit the user guide for noncommercial purposes only so long as 1 proper attribution to adobe is given as the owner of the user guide and 2 any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms the best way to provide notice is to include the following link to view a copy of this license visit http creativecommons.org/licenses/by-nc-sa/3.0 adobe the adobe logo adobe air acrobat actionscript air creative suite director dreamweaver fireworks flash flash builder flash catalyst flex freehand golive homesite illustrator incopy indesign photoshop reader version cue and xmp are either registered trademarks or trademarks of adobe systems incorporated in the united states and/or other countries apple macintosh and mac os are trademarks of apple inc registered in the united states and other countries microsoft windows and windows vista are either registered trademarks or trademarks of microsoft corporation in the united states and/or other countries all other trademarks are the property of their respective owners updated information/additional third party code information available at http www.adobe.com/go/thirdparty portions include software under the following terms this product includes software developed by the apache software foundation http www.apache.org the proximity/merriam-webster inc database © copyright 1990 the proximity/franklin electronic publishers database © copyright 1994 © copyright 1990 1994 1997 all rights reserved proximity technology inc this program was written with macapp® ©1985-1988 apple computer inc apple computer inc makes no warranties whatsoever either express or implied regarding this product including warranties with respect to its merchantability or its fitness for any particular purpose the macapp software is proprietary to apple computer inc and is licensed to adobe for distribution only for use in combination with adobe fireworks pantone® colors displayed here may not match pantone-identified standards consult current pantone color publications for accurate color pantone® and other pantone inc trademarks are the property of pantone inc © pantone inc 2008 portions contributed by focoltone colour system portions produced under dainippon ink and chemical inc copyright of color-data-base derived from sample books sorenson sparktm video compression and decompression technology licensed from sorenson media inc mpeg layer-3 audio coding technology licensed from fraunhofer iis and thomson flash video compression and decompression is powered by on2 truemotion video technology © 1992-2005 on2 technologies inc all rights reserved http www.on2.com portions contributed by nellymoser inc www.nellymoser.com this product contains either bsafe and/or tipem software by rsa security inc this software is based in part on the work of the independent jpeg group adobe systems incorporated 345 park avenue san jose california 95110 usa notice to u.s government end users the software and documentation are commercial items as that term is defined at 48 c.f.r §2.101 consisting of commercial computer software and commercial computer software documentation as such terms are used in 48 c.f.r §12.212 or 48 c.f.r §227.7202 as applicable consistent with 48 c.f.r §12.212 or 48 c.f.r §§227.7202-1 through 227.7202-4 as applicable the commercial computer software and commercial computer software documentation are being licensed to u.s government end users a only as commercial items and b with only those rights as are granted to all other end users pursuant to the terms and conditions herein unpublished-rights reserved under the copyright laws of the united states adobe systems incorporated 345 park avenue san jose ca 95110-2704 usa for u.s government end users adobe agrees to comply with all applicable equal opportunity laws including if appropriate the provisions of executive order 11246 as amended section 402 of the vietnam era veterans readjustment assistance act of 1974 38 usc 4212 and section 503 of the rehabilitation act of 1973 as amended and the regulations at 41 cfr parts 60-1 through 60-60 60-250 and 60-741 the affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference.

[close]

p. 3

Última atualização em 26/4/2010 iii conteúdo capítulo 1 o que há de novo maior desempenho e estabilidade precisão de pixels 1 1 1 1 integração com o adobe device central aprimoramentos de extensão fluxos de trabalho compatíveis com o flash catalyst e o flash builder compartilhamento de amostras no conjunto de aplicativos 1 2 capítulo 2 princípios básicos do fireworks sobre o trabalho no fireworks 3 gráficos de vetor e de bitmap modelos 4 5 criação de um novo documento do fireworks abertura e importação de arquivos 6 6 8 9 criar arquivos png do fireworks a partir de arquivos html inserir objetos em um documento do fireworks salvamento de arquivos do fireworks 11 capítulo 3 Área de trabalho princípios básicos sobre a área de trabalho navegar por documentos e exibi-los alterar a tela de desenho visualizar no navegador 14 26 29 34 35 desfazer e repetir várias ações capítulo 4 seleção e transformação de objetos selecionar objetos 37 modificar uma seleção selecionar pixels escala com 9 fatias 38 46 39 51 53 editar objetos selecionados organizar vários objetos capítulo 5 trabalho com bitmaps criação de bitmaps 56 edição de bitmaps retoque de bitmaps 57 59 63 70 ajustar a cor e a tonalidade de um bitmap aplicação de desfoque e nitidez a bitmaps adicionar ruído a uma imagem 72 capítulo 6 trabalho com objetos de vetor formas básicas 74 formas automáticas 79

[close]

p. 4

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 iv conteúdo formas livres 83 89 90 formas compostas técnicas especiais de edição de vetores capítulo 7 trabalho com texto inserir texto 98 selecting text 99 100 formatar e editar texto capítulo 8 aplicação de cor traçados e preenchimentos aplicação de cores 112 save swatches painel kuler 118 119 121 aplicação de traçados e preenchimentos capítulo 9 utilização de filtros em tempo real aplicação de filtros em tempo real 129 editar e personalizar filtros em tempo real 133 capítulo 10 camadas mascaramento e mesclagem camadas 135 mascaramento 140 152 mesclagem e transparência capítulo 11 estilos símbolos e urls estilos 157 símbolos urls 160 169 capítulo 12 fatias sobreposições e pontos de acesso criação e edição de fatias 172 fatias interativas 177 183 186 preparação de fatias para exportação pontos de acesso e mapas de imagem capítulo 13 criação de botões e menus pop-up princípios básicos sobre navegação 191 criar símbolos de botão editar símbolos de botão menus pop-up 192 194 196 capítulo 14 desenvolvimento de protótipos de sites da web e interfaces de aplicativos fluxo de trabalho do desenvolvimento de protótipos 202 trabalho com páginas do fireworks criação de layouts baseados em css 204 208 210 212 desenvolvimento do protótipo de aplicativos flex desenvolvimento do protótipo de aplicativos adobe air

[close]

p. 5

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 v conteúdo capítulo 15 criação de animações princípios básicos sobre animações 215 criar símbolos de animação editar símbolos de animação estados manipular estados interpolação 216 216 218 220 222 sobre seqüência em papel translúcido visualizar uma animação otimizar uma animação 222 223 224 224 225 trabalhar com animações existentes criar animações de giro e esmaecimento capítulo 16 criação de apresentações de slides criar e organizar uma apresentação de slides 227 personalizar uma apresentação de slides 228 230 criar um player de álbum personalizado do fireworks capítulo 17 otimização e exportação usar o assistente de exportação 233 usar a visualização da imagem otimizar na área de trabalho otimizar jpegs 233 236 240 otimizar arquivos gif png tiff bmp e pict exportar a partir da área de trabalho 247 249 260 enviar um documento do fireworks como anexo de e-mail capítulo 18 utilização do fireworks com outros aplicativos trabalho com o dreamweaver 261 trabalho com o homesite o golive e outros editores de html trabalho com o flash trabalhar com o illustrator trabalho com o photoshop trabalho com o director 269 271 277 279 286 284 289 compartilhar metadados de imagens com o adobe xmp previewing fireworks documents in mobile emulators capítulo 19 automação de tarefas localização e substituição 291 selecionar a fonte da pesquisa localizar e substituir texto localizar e substituir fontes localizar e substituir cores localizar e substituir urls processamento em lote 292 292 definir opções para localização e substituição em vários arquivos 293 293 293 293 294 298 294 localizar e substituir cores não seguras para web uso de comandos para processamento em lote

[close]

p. 6

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 vi conteúdo extensão do fireworks criação de scripts gerenciar comandos 299 302 301 capítulo 20 preferências e atalhos do teclado definir preferências 304 selecionar e personalizar atalhos do teclado trabalhar com arquivos de configuração sobre a reinstalação do fireworks 307 309 310 310 exibir o conteúdo do pacote somente mac os

[close]

p. 7

Última atualização em 26/4/2010 1 capítulo 1 o que há de novo maior desempenho e estabilidade · várias melhorias nas ferramentas mais usadas do fireworks que ajudam a aumentar a sua eficiência · desempenho mais rápido no geral · maior controle sobre o posicionamento de pixels de elementos de design · ferramenta de caminho composto atualizada precisão de pixels a maior precisão de pixels garante que os seus designs tenham uma aparência nítida e bem definida em qualquer dispositivo corrija de forma rápida e simples elementos de design que não aparecem em um pixel inteiro integração com o adobe device central usando o adobe device central você pode selecionar perfis para dispositivos móveis entre outros e depois iniciar um fluxo de trabalho automatizado para criar um projeto do fireworks o projeto tem o tamanho de tela e a resolução do dispositivo de destino após a conclusão do design você pode visualizar o design em várias condições usando os recursos de emulação do device central também pode criar perfis de dispositivos personalizados fluxos de trabalho móveis aprimorados incluindo a emulação de designs interativos com integração ao adobe device central fluxos de trabalho compatíveis com o flash catalyst e o flash builder crie interfaces de usuário avançadas e conteúdo interativo usando novos fluxos de trabalho entre o fireworks e o flash catalyst crie o design no fireworks e selecione objetos páginas ou documentos inteiros para exportação via fxg um novo formato gráfico baseado em xml para as ferramentas da adobe flash platform exporte seus designs para o flash professional o flash catalyst e o flash builder com eficiência por meio de um script extensível personalizável aprimoramentos de extensão tenha maior controle quando estiver trabalhando com outros aplicativos api aprimorada com suporte para scripts de exportação que podem ser estendidos pelo usuário processamento em lotes e controle avançado em comparação ao formato de arquivo fxg.

[close]

p. 8

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 2 o que há de novo compartilhamento de amostras no conjunto de aplicativos maior controle sobre a precisão de cores usando a capacidade do fireworks de compartilhar amostras convenientemente entre os aplicativos do creative suite a capacidade de compartilhar o formato de arquivo ase encoraja a troca de cores unificada entre designers incluindo aqueles que usam o adobe kuler.

[close]

p. 9

Última atualização em 26/4/2010 3 capítulo 2 princípios básicos do fireworks sobre o trabalho no fireworks o adobe® fireworks® é um programa versátil para criação edição e otimização de gráficos da web você pode criar e editar imagens de bitmap e de vetor projetar efeitos da web como sobreposições e menus pop-up recortar e otimizar gráficos para reduzir seu tamanho de arquivo e poupar tempo automatizando tarefas repetitivas você pode exportar ou salvar um documento como arquivo jpeg arquivo gif ou um arquivo de outro formato esses arquivos podem ser salvos junto com arquivos html contendo tabelas html e código javascript para que você possa usá-los na web para assistir a um tutorial de vídeo que apresenta as noções básicas do fireworks consulte www.adobe.com/go/lrvid4032_fw_br desenhar e editar objetos de vetor e bitmap o painel ferramentas do fireworks inclui seções distintas que contêm ferramentas para desenhar e editar vetores e bitmaps a ferramenta selecionada determina se o objeto criado é um vetor ou um bitmap depois de desenhar um objeto ou texto você pode usar uma ampla variedade de ferramentas efeitos comandos e técnicas para aprimorar gráficos ou criar botões interativos de navegação você também pode importar e editar gráficos em jpeg gif png psd e muitos outros formatos de arquivo adicionar interatividade a gráficos fatias e pontos de acesso são objetos da web que especificam áreas interativas em um gráfico da web fatias cortam uma imagem em seções exportáveis às quais você pode aplicar comportamentos de sobreposição animação e links de url em uma página da web cada fatia aparece em uma célula de tabela use as alças de sobreposição de arrastar e soltar em fatias e pontos de acesso para atribuir rapidamente comportamentos de troca de comportamentos de imagem e sobreposição use o editor de botões do fireworks e o editor de menu pop-up para criar gráficos interativos especiais para navegação em sites da web otimizar e exportar gráficos use os eficientes recursos de otimização do fireworks para obter o equilíbrio certo entre tamanho de arquivo e qualidade visual aceitável para gráficos exportados o tipo de otimização escolhido depende das necessidades dos seus usuários e do conteúdo após a otimização de gráficos a etapa seguinte é exportá-los para uso na web no documento png de origem do fireworks é possível exportar arquivos de vários tipos incluindo jpeg gif gif animado e tabelas html contendo imagens fatiadas em vários tipos de arquivo.

[close]

p. 10

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 4 princípios básicos do fireworks gráficos de vetor e de bitmap computadores exigem gráficos em formato de vetor ou bitmap compreender a diferença entre os dois formatos pode ajudar você a compreender o fireworks que contém ferramentas de vetor e bitmap e é capaz de abrir ou importar ambos os formatos sobre gráficos de vetor gráficos de vetor geram imagens usando linhas e curvas vetores que incluem informações de cor e posição por exemplo a imagem de uma folha pode ser definida por uma série de pontos que descrevem o contorno da folha a cor da folha é determinada pela cor do seu contorno o traçado e a cor da área delimitada por esse contorno o preenchimento gráficos de vetor não dependem de resolução isso significa que a qualidade da aparência de um gráfico de vetor não mudará quando você alterar sua cor mover redimensionar ou remodelar esse gráfico ou quando a resolução do dispositivo de saída for alterada sobre gráficos de bitmap gráficos de bitmap são compostos de pontos pixels organizados em uma grade a tela do seu computador é uma ampla grade de pixels em uma versão bitmap da folha a imagem é determinada pelo valor de local e cor de cada pixel na grade cada pixel é atribuído com uma cor quando exibidos com a resolução correta os pontos se encaixam como ladrilhos em um mosaico ao editar um gráfico de bitmap em vez das linhas e curvas você modifica os pixels esses gráficos de bitmap dependem da resolução ou seja os dados que descrevem a imagem são fixos a uma grade de tamanho específico ampliar um gráfico de bitmap redistribui os pixels na grade o que pode fazer com que as bordas da imagem pareçam irregulares exibir um gráfico de bitmap em um dispositivo de saída com uma resolução menor do que a imagem propriamente dita também prejudica a qualidade da imagem.

[close]

p. 11

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 5 princípios básicos do fireworks criação de um novo documento do fireworks novos documentos no fireworks são salvos como documentos png portable network graphic o png é o formato de arquivo nativo para o fireworks os gráficos criados no fireworks podem ser exportados ou salvos em vários formatos gráficos e da web independentemente das configurações de otimização e exportação selecionadas o arquivo png original do fireworks é preservado para facilitar a edição posterior criar um novo documento 1 selecione arquivo novo a caixa de diálogo novo documento é aberta 2 insira configurações do documento e clique em ok nota use a janela pop-up da caixa de cor em personalizado para selecionar a cor da tela de desenho definir dimensões padrão para novo documento ao abrir o fireworks pela primeira vez os seguintes valores padrão para dimensões são exibidos na caixa de diálogo novo documento · 660 x 440 windows · 500 x 500 mac as configurações na caixa de diálogo novo documento não são alteradas quando você altera o tamanho da tela de desenho no fireworks as configurações padrão são alteradas quando você copia um objeto as dimensões do objeto copiado na área de transferência são usadas automaticamente para as dimensões na caixa de diálogo novo documento para apagar as dimensões do objeto da área de transferência faça o seguinte windows 1 crie um documento com as dimensões desejadas 2 salve o documento e feche o fireworks 3 reabra o fireworks e crie um documento as dimensões do documento salvo anteriormente serão exibidas na caixa de diálogo novo documento.

[close]

p. 12

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 6 princípios básicos do fireworks no mac os ao criar um novo documento o fireworks mantém a dimensão do objeto copiado anteriormente isso ocorre porque o conteúdo da área de transferência é mantido até cortar ou copiar outros elementos por exemplo como texto se copiar elementos não relacionados às dimensões e selecionar novo o tamanho salvo anteriormente aparecerá como padrão criar um novo documento com o mesmo tamanho que um objeto na área de transferência 1 copie um objeto na área de transferência a partir de outro documento do fireworks de um navegador da web ou de qualquer aplicativo aceitável para colagem 2 selecione arquivo novo a caixa de diálogo novo documento é aberta com as dimensões de largura e altura do objeto na área de transferência 3 defina a resolução e a cor da tela de desenho e clique em ok 4 selecione editar colar para colar o objeto da área de trabalho no novo documento modelos salve um arquivo do fireworks como modelo e crie novos arquivos usando o modelo o modelo é salvo no formato png do fireworks o fireworks fornece uma lista de modelos personalizados pré-construídos para dispositivos móveis protótipos sites e quadros da web que você pode personalizar create template 1 crie um arquivo É possível adicionar espaços reservados para design e conteúdo para ajudar a padronizar a aparência dos documentos criados usando o modelo 2 selecione arquivo salvar como modelo para salvar o arquivo como um modelo de arquivo png no fireworks create file from template 1 selecione arquivo novo a partir do modelo 2 selecione o modelo que deseja usar para criar o arquivo e clique em abrir nota dados específicos do fireworks como páginas camadas e informações vetoriais são armazenados no modelo abertura e importação de arquivos nota quando um arquivo é importado do adobe dreamweaver® o fireworks preserva muitos comportamentos javascript mas nem todos se o fireworks aceitar um comportamento particular ele reconhecerá esse comportamento e o manterá quando você mover um arquivo de volta ao dreamweaver abrir um documento do fireworks selecione arquivo abrir e escolha o arquivo.

[close]

p. 13

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 7 princípios básicos do fireworks para abrir um arquivo sem substituir a versão anterior selecione abrir como sem título e salve-o usando um nome diferente abrir um arquivo recém-fechado 1 selecione arquivo abrir recente 2 selecione um arquivo no submenu abrir um arquivo recém-fechado quando nenhum arquivo estiver aberto clique no nome do arquivo na página inicial abrir gráficos criados em outros aplicativos É possível abrir arquivos criados em outros aplicativos ou formatos de arquivo incluindo photoshop® adobe illustrator® wbmp eps jpeg gif e arquivos gif animados quando abrir um formato de arquivo diferente do png usando arquivo abrir você criará um novo documento png do fireworks com base no arquivo que for aberto você pode usar todos os recursos do fireworks para editar a imagem em seguida pode selecionar salvar como para salvar o trabalho como um novo arquivo png do fireworks ou outro formato de arquivo em alguns casos um arquivo pode ser salvo em seu formato original se você fizer isso a imagem será nivelada para uma única camada e não será possível editar os recursos específicos do fireworks adicionados a essa imagem os seguintes formatos de arquivo podem ser salvos diretamente a partir do fireworks png do fireworks gif gif animado jpeg bmp wbmp tiff swf ai psd e pict somente para mac nota o fireworks salva imagens tiff de 16 bits a uma profundidade de cores de 24 bits gifs animados · importe um gif animado como símbolo de animação e edite e mova todos os elementos da animação como uma única unidade use o painel biblioteca de documentos para criar novas ocorrências do símbolo nota quando um gif animado é importado a configuração de atraso de estado assume 0,07 segundo como padrão se necessário use o painel estados para restaurar a temporização original · abra um gif animado como costuma abrir um arquivo gif normal cada elemento do gif é inserido como imagem separada em seu próprio estado do fireworks você pode converter o gráfico em símbolo de animação no fireworks arquivos eps o fireworks abre a maioria dos arquivos eps como imagens de bitmap niveladas em que todos os objetos estão combinados em uma única camada alguns arquivos eps exportados do adobe illustrator mantêm suas informações de vetor arquivos psd o fireworks pode abrir arquivos psd criados no photoshop e preservar a maioria dos recursos psd incluindo camadas hierárquicas efeitos de camada e modos de mesclagem usados com freqüência use as diversas opções de importação do photoshop/abrir na caixa de diálogo preferências para personalizar a importação de arquivos psd.

[close]

p. 14

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 8 princípios básicos do fireworks arquivos wbmp o fireworks pode abrir arquivos wbmp que são arquivos de 1 bit monocromáticos otimizados para dispositivos de computação móveis esse formato é para uso em páginas wap wireless application protocol É possível selecionar a extensão importar vários arquivos para importar vários arquivos selecionados em novas páginas de um arquivo png do fireworks esse utilitário ajuda você a agregar os arquivos de seus projetos criados em versões anteriores do fireworks também é possível importar arquivos dos formatos png nivelado psd ai bmp freehand gif gif animado jpeg pict e tiff você pode fazer download desta extensão em http www.adobe.com/go/learn_fw_multiplepages_br criar arquivos png do fireworks a partir de arquivos html o fireworks pode abrir e importar conteúdo html criado em outros aplicativos que contenham elementos básicos de tabelas html abrir todas as tabelas de um arquivo html 1 selecione arquivo reconstituir tabela 2 selecione o arquivo html que contém as tabelas a serem abertas e clique em abrir cada uma das tabelas é aberta em sua própria janela de documento abrir apenas a primeira tabela de um arquivo html 1 selecione arquivo abrir 2 selecione o arquivo html que contém a tabela a ser aberta e clique em abrir a primeira tabela no arquivo html é aberta em uma nova janela de documento importar a primeira tabela de um arquivo html em um documento aberto do fireworks 1 selecione arquivo importar 2 selecione o arquivo html do qual você deseja importar e clique em abrir 3 clique para posicionar o ponto de inserção no local em que a tabela importada será exibida nota o fireworks pode importar documentos que utilizam a codificação utf-8 e documentos gravados em xhtml.

[close]

p. 15

Última atualização em 26/4/2010 utilizaÇÃo do fireworks cs5 9 princípios básicos do fireworks inserir objetos em um documento do fireworks arrastar uma imagem ou texto até o fireworks você pode arrastar objetos de vetor imagens de bitmap ou textos de qualquer aplicativo que ofereça suporte a operações de arrastar no outro aplicativo arraste o objeto ou o texto até o fireworks colar no fireworks colar um objeto copiado de outro aplicativo no fireworks coloca esse objeto no centro do documento ativo textos ou objetos em qualquer um destes formatos podem ser colados a partir da Área de transferência · adobe freehand 7 ou posterior · adobe illustrator · png · pict mac os · dib windows · bmp windows · texto ascii · eps · wbmp · txt · rtf 1 no outro aplicativo copie o objeto ou o texto que deseja colar 2 no fireworks cole o objeto ou o texto no documento local dos objetos colados o posicionamento do objeto colado depende do que está selecionado · se pelo menos um objeto em uma única camada estiver selecionado o objeto colado será colocado na frente desse objeto selecionado empilhado diretamente acima dele na mesma camada · se a própria camada estiver selecionada e nenhum objeto estiver selecionado ou se todos estiverem selecionados o objeto colado será colocado na frente do objeto da extremidade superior empilhado diretamente acima dele na mesma camada · se dois ou mais objetos em mais de uma camada estiverem selecionados o objeto colado será colocado na frente do objeto da extremidade superior empilhado diretamente acima dele na camada também da extremidade superior · se a camada da web ou um objeto nessa camada estiver selecionado o objeto colado será colocado na frente de todos os outros objetos empilhado acima deles na camada da extremidade inferior nota a camada da web é uma camada especial que contém todos os objetos da web ela sempre permanece no topo do painel camadas.

[close]