Home

FW4UM.book Page 1 Friday, November 17, 2000 3:36 PM

image

Contents

1. 3 Selecione Visualizar para ver suas altera es na rea de trabalho medida que aplica as altera es a imagem atualizada automaticamente 4 Selecione Colorizar para alterar uma imagem RGB para uma imagem de dois tons ou adicione cor a uma imagem em tons de cinza Quando escolher Colorizar a faixa de valores dos controles deslizantes Matiz e Satura o alterada A matiz varia de O a 360 A satura o varia de O a 100 5 Arraste o controle deslizante Satura o para ajustar a pureza das cores Os valores v o de 100 a 100 6 Arraste o controle deslizante Matiz para ajustar a cor da imagem Os valores v o de 180 a 180 7 Arraste o controle deslizante Luminosidade para ajustar a luminosidade das cores Os valores v o de 100 a 100 8 Clique em OK Invers o dos valores da cor de uma imagem Voc pode usar o filtro Inverter para alterar cada cor em um objeto ou imagem para seu inverso na roda de cores Por exemplo aplicar Inverter a um objeto de imagem vermelho R 255 G 0 B 0 altera a cor para azul claro R 0 G 255 B 255 Ap s a invers o Para inverter cores 1 Selecione um objeto vetorial ou bitmap 2 Selecione Xtras gt Ajustar Cor gt Inverter Ajuste da core dotom 183 184 Cap tulo Emba amento de imagem Voc pode usar os comandos Emba ar para emba ar os pixels nas imagens bitmap As op es de emba amento incluem Emba ar Emba amento maior e Desfoque Gaussia
2. 444 332 Exporta o de camadas CSS 0000 333 Exporta o para Lotus Domino Designer lt 44 333 Uso do comando Atualizar HTML cc 334 Edi o de imagens do Fireworks colocadas no Dreamweaver 334 Configura o do HTML 2 22 335 CAP TULO 19 Utilizac o do Dreamweaver e do Fireworks JEL e us 384 ara End ve MEG ose ee DR KONA 337 Obten o de arquivos do Fireworks no Dreamweaver 337 Execu o do Fireworks a partir do Dreamweaver 341 Edi o de arquivos do Fireworks colocados no Dreamweaver 343 Otimiza o de imagens e anima es do Fireworks colocadas no Dean weavei ass pede aa e ark a bo SU AV 346 Atualiza o do HTML do Fireworks colocado no Dreamweaver 349 Cria o de lbuns de fotografias na Web 444 349 CAP TULO 20 Automatiza o de tarefas repetitivas 353 Localiza o e substitui o 44444444 44444444444 354 Sele o de origem da pesguisa 4 4444444 4444444 355 Localiza o e substitui o em m ltiplos arquivos 355 Localiza o e substitui o de texto lt lt 44444 44 44 4 356 Localiza o e substitui o de fontes lt 4 44444 44 4 357 Localiza o e substitui o de cores lt 44444444 44 4 357 Localiza o e substitui o de URLs 00 358 Localiza o e su
3. f Arquivo Anima o JPEG Visualizar 7 Configura es salvas 33 0 qualidade ms Eormato JPEG E 282 08K 88seg a 28 8 kbps Qualidade 53 E Suayiza o Sem suaviza o I Progressiva V Agugarbordas coloridas Mate JV Remover cores n o usadas era foz Da p js a EIZ RI ok Cancelar Para editar as configura es de otimiza o clique na guia Op es Para obter mais informa es consulte Otimiza o e visualiza o durante a exporta o na p gina 321 Para editar o tamanho e rea da imagem exportada clique na guia Arquivo Para obter mais informa es consulte Redimensionamento de arquivos colocados do Fireworks na p gina 347 Para editar configura es de anima o para a imagem clique na guia Anima o Para obter mais informa es consulte Edi o de anima es colocadas no Fireworks na p gina 348 4 Quando terminar de editar a imagem clique em Atualizar Clicar em Atualizar exporta a imagem utilizando as novas configura es de otimiza o atualiza o GIF ou JPEG colocado no Dreamweaver e salva o arquivo PNG de origem se tiver sido selecionado um arquivo de origem Se voc alterou o formato da imagem o verificador de v nculos do Dreamweaver solicita a atualiza o das refer ncias para a imagem Por exemplo se voc alterou o formato de uma imagem chamada minha imagem de GIF para JPEG clicar em OK neste av
4. 266 Cria o de rollovers desmembrados usando comportamentos de arrastar e SOMAR ta sy os spas BAU Ea ap qua rg bych ne 268 Configura o de objetos da Web imagens e molduras 268 Utiliza o de comportamentos de arrastar e soltar para criar o rollover desmembrado ciiciii ici 269 Exclus o de comportamentos de arrastar e soltar 271 Atribui o de v nculos de URL a rollovers 444 271 Cria o de menus pop up lt 4 44 4444 272 Cria o de entradas de menu pop up cciiiiiiciiiiis 272 Defini o da apar ncia de um menu pop up lt lt 273 Edi o de um menu pop up lt 444 44444444400ee 274 Altera o da posi o de um menu pop up cccciiiio 274 Exporta o de um menu pop up 4 4444444444000 274 Cria o de rollovers com formas irregulares 275 Cria o de rollovers com sobreposi o de fatias 276 Utiliza o de arquivos externos como imagens de rollover 276 Utiliza o de pontos ativos sobre fatias para interatividade complexa 277 CAP TULO 16 Cria o de anima o 279 Sobre anima o n sonnn nanunua 279 Trabalho com s mbolos de animac 0 44 44 44 280 Trabalho com molduras 4 4 lt lt lt lt 4 44 284 Configura o do retardo de moldura 444 4444 285 Como mostrar e ocultar
5. erann 392 As pessoas normalmente projetam p ginas Web inteiras usando o Fireworks 4 4444 44444000 392 Como atualizo as imagens do Fireworks gue foram exportadas para o Dreamweaver 4 4444 44444400 392 Qual a maneira recomendada de integrar o Fireworks no fluxo de trabalho de outras aplica es 392 E se eu n o tiver o Dreamweaver 4444400 393 Ao colar c digo no Miscrosoft FrontPage 98 o c digo alterado e os v nculos s o desfeitos 444 393 Onde devo procurar ajuda t cnica se alguma coisa n o fUncionar cel emas mui arara e a a E A A A a A 393 NDICE REMISSIVO 2905 ndice 15 16 ndice INTRODU O O Fireworks 4 a solu o para produ o e projetos gr ficos profissionais na Web o primeiro ambiente de produ o que supera os desafios especiais que se apresentam aos desenvolvedores e projetistas gr ficos da Web Use o Fireworks para criar editar e animar imagens gr ficas na Web adicionar interatividade avan ada e otimizar imagens em um ambiente profissional O Fireworks combina ferramentas de edi o de bitmap e vetorial No Fireworks tudo edit vel o tempo todo E voc pode automatizar o fluxo de trabalho relativo s atualiza es e altera es O Fireworks opera integrado com outros produtos da Macromedia como o FreeHand Director Dreamweaver M Macromedia Flash e tamb m com os mais conhecido
6. sempre um objeto da Web ou seja uma fatia ou ponto ativo Os objetos da Web podem ter um ou mais comportamentos anexados a eles O rollover mais simples troca uma imagem na Moldura 1 por uma imagem diretamente abaixo dela na Moldura 2 Voc pode construir rollovers mais complicados rollovers de troca de imagem podem trocar uma imagem de qualquer moldura Rollovers desmembrados exibem uma imagem longe do ponteiro 261 262 Cap tulo 15 Criac o de rollovers simples utilizando o painel Comportamentos Um rollover simples aquele em que uma imagem aparece abaixo do ponteiro quando este passa sobre ou clica em uma imagem acionadora Este o rollover mais f cil porque ele requer apenas uma fatia j que as reas de destino e acionadora da tela s o as mesmas Um rollover simples sempre pega a imagem da Moldura 2 Configura o de fatias imagens e molduras Voc cria um rollover simples em dois est gios O primeiro est gio envolve configurar a fatia as duas imagens que criam o efeito e as molduras em que elas residem As duas imagens que compreendem o rollover est o localizadas no mesmo espa o na tela mas est o em molduras diferentes Para configurar a fatia as imagens e molduras para um rollover simples 1 Selecione a imagem que deseja que acione o efeito rollover 2 Selecione Inserir gt Fatia para anexar uma fatia imagem 3 Crie uma nova moldura utilizando o painel Molduras Selecione Janela gt Molduras
7. Escolha de configura es de otimiza o para GIFs e PNGs 304 Escolha de intensidade de cor 444444 4444e 304 Escolha de paleta de cores 444444444444 304 Pontilhamento para aproximar as cores perdidas 305 Defini o de perda para reduzir o tamanho do arquivo 305 Defini o de reas transparentes 44444444404e 305 Remo o de todas as cores n o usadas da paleta 305 Entrela amento Transfer ncia em segmentos 305 Escolha de configura es de otimiza o para JPEGs 306 Compress o JPEG seletiva 4444444440000 306 Redu o de qualidade para diminuir o tamanho do arquivo 307 Emba amento de bordas para aumentar a compacta o 307 Agu amento de bordas coloridas e detalhes delicados 308 JPEGs progressivos 444444 4 4 4400 308 Otimiza o de paletas de cores 4444444444444 308 Escolha da paleta de cores apropriada 444 308 Defini o do n mero de cores na paleta 4 309 Visualiza o de cores em uma paleta 44 4444440 310 Bloqueio de cores em uma paleta 4444 444 311 Edi o de cores em uma paleta 44444 4444 312 Defini o de cores Websafe 4444400 312 Como salvar paletas us sq ass pai y kiea ka E En pus das 313 Atribu
8. Para editar um Efeito ao vivo 1 No painel Efeito clique no bot o Informa es ao lado do efeito que deseja editar Ser aberta uma janela pop up de edi o ou uma caixa de di logo Nota Se o efeito n o for edit vel o bot o Informa es estar esmaecido Por exemplo voc n o pode editar N veis autom ticos separa o A janela pop up de edi o Aplicar sombra 2 Ajuste as configura es do efeito 3 Quando terminar clique fora da janela pop up de edi o ou pressione Enter para fech la Reordena o dos Efeitos ao vivo Voc pode reordenar os efeitos aplicados a um objeto A reordena o dos efeitos altera a sequ ncia em que eles s o aplicados Esse procedimento pode alterar a apar ncia do objeto Em geral os efeitos que alteram o interior de um objeto como o Chanfro interno devem ser aplicados antes dos efeitos que alteram o exterior do objeto Por exemplo aplique o efeito Chanfro interno antes de aplicar o efeito Chanfro externo Brilho ou Sombra Para reordenar os efeitos aplicados a um objeto selecionado No painel Efeito arraste o efeito que deseja mover para a posi o desejada na lista Os efeitos listados no topo da lista s o aplicados antes daqueles que est o na base da lista Remo o de Efeitos ao vivo Tamb m simples remover efeitos de um objeto Se um objeto tiver v rios efeitos aplicados voc poder remover um nico efeito ou todos eles Para obter informa
9. es para ver um documento em diferentes amplia es simultaneamente Modifica es feitas em uma exibi o aparecer o automaticamente em diferentes amplia es em diversas exibi es Para abrir uma exibi o adicional do documento em uma configura o de amplia o diferente 1 Selecione Janela gt Nova janela 2 Selecione uma defini o de zoom para a nova janela Para colocar lado a lado as exibi es do documento Selecione Janela gt Lado a Lado Horizontal ou Janela gt Lado a Lado Vertical Para fechar uma janela de exibi o de documento Clique no bot o Fechar da janela Controle de redesenho do documento Os modos de exibi o afetam a apresenta o dos documentos na tela mas n o seus dados de objeto ou a qualidade da sa da O modo Tela Inteira exibe o documento em todas as cores dispon veis com todos os detalhes O modo Tela de Rascunho exibe tra ados com um pixel de largura sem preenchimento e exibe imagens com X dentro deles Configura o de documento do Fireworks 75 76 Cap tulo 3 e Macintosh Gamma Windows ou Windows Gamma Macintosh modifica Tela Inteira para mostrar qual a apar ncia de um gr fico em outra plataforma de computador Ao trabalhar na plataforma Windows voc pode usar esse comando para visualizar a apar ncia de um gr fico na plataforma Macintosh e vice versa Para alternar para outro modo de exibi o Selecione Tela Inteira no menu Exibir K
10. es sobre como desativar temporariamente um efeito consulte Manipula o do desenho de Efeitos ao vivo na p gina 197 Para remover um nico efeito aplicado a um objeto selecionado 1 No painel Efeito selecione o efeito que deseja remover da lista 2 Clique no bot o Excluir na base do painel Efeito ou arraste o efeito at o bot o Excluir Para remover todos os efeitos de um objeto selecionado No painel Efeito escolha Nenhum no menu pop up Efeito Cria o de Efeitos ao vivo personalizados Use o menu pop up Op es do painel Efeito para salvar a configura o personalizada de um efeito renomear ou excluir um efeito No Fireworks 4 os efeitos salvos s o armazenados com o aplicativo Se voc nomear e salvar as configura es do efeito de um objeto o efeito ficar dispon vel em todos os demais documentos que abrir Se voc nomear e salvar m ltiplos efeitos aplicados a um objeto todos eles poder o ser aplicados a outros objetos de uma vez Aplica o de Efeitos ao vivo 195 196 Cap tulo 10 Nota Quando voc abrir documentos de vers es anteriores do Fireworks que contenham efeitos salvos os efeitos ser o intitulados Sem nome No entanto todas as configura es de efeito ser o conservadas Renomeie os efeitos usando o painel Efeito Para salvar uma configura o de efeito 1 No menu pop up Op es do painel Efeito escolha Salvar efeito como Efeito x i Efeito Salvar padr es
11. es sobre como organizar a ordem de empilhamento de objetos selecionados consulte Como empilhar objetos na p gina 96 Nota Usar uma opera o de tra ado remove todas as informa es de press o e velocidade dos tra ados afetados Combina o de objetos de tra ado Voc pode combinar objetos de tra ado em um nico objeto de tra ado Para criar um tra ado cont nuo a partir de dois tra ados abertos 1 Selecione a ferramenta Selecionar secund rio 2 Selecione dois pontos finais nos tra ados abertos 3 Selecione Modificar gt Unir Para criar um tra ado composto 1 Selecione dois ou mais tra ados abertos ou fechados 2 Selecione Modificar gt Unir Para separar um tra ado composto 1 Selecione um tra ado composto 2 Selecione Modificar gt Dividir Trabalho com objetos vetorias 117 118 Cap tulo 5 Para combinar tra ados fechados em um tra ado que abranja toda a rea dos tra ados originais Selecione Modificar gt Combinar gt Uni o Os atributos de tra o e preenchimento do objeto posterior s o aplicados ao tra ado resultante Cria o de um objeto da interse o de outros objetos Voc pode criar um objeto da interse o de dois ou mais objetos a Para criar um tra ado fechado que abranja a rea comum a todos os tra ados selecionados Selecione Modificar gt Combinar gt Interse o Os atributos de tra o e lt g preenchimento do objeto de tra ado posterior
12. ndice remissivo 405 adicionar textura 172 ajustar 170 alterar a cor para ferramentas de formas b sicas 165 aplicar D grad 167 aplicar Padr o 168 aplicar preenchimentos de cores 182 aplicar s lido 166 com d grad converter imagens em transpar ncia 186 com padr o adicionar externos lista 169 com padr o ajustar 170 com padr o girar 170 com padr o mover 170 com padr o transformar 169 de cores 182 definir para ferramentas de desenho 165 desenhar sobre tra os 164 editar D grad 167 editar s lidos 166 enevoado ou suaviza o de serrilhado 170 girar 170 ilus o de transpar ncia 174 localizar e substituir 357 mover 170 padr o aplicar 168 preenchimento pontilhado 173 restaurar cor padr o 162 salvar d grad 168 s lidos adicionar textura 172 s lidos aplicar 166 transformar d grad 170 transformar Padr o 169 trocar cores de tra o e preenchimento 162 preenchimentos d grad adicionar nova cor 168 ajustar 170 ajustar transi o de cores 168 alterar cores 168 aplicar 167 caixa de di logo Editar d grad 168 editar 167 girar 170 mover 170 remover cores 168 salvar 168 transformar 170 406 ndice remissivo prefer ncias definir 57 etapas de Desfazer 57 Importar 374 Iniciar e editar 343 op es de edi o 58 op es de importa o 59 op es de interpola o 57 op es de pasta 59 padr es de cores 57 processo em lote 359 backup a
13. o 6 Para ver o texto no documento medida que o digita no Editor de Texto Selecione a op o aplicar automaticamente no Editor de Texto mm Z e Clique em Aplicar 7 Cligue em OK O texto aparece como um bloco de texto no documento Fireworks Nota O Fireworks lembra da cor do texto separada da cor de preenchimento e transporta isso para sua pr xima entrada ou sess o Para abrir o Editor de Texto novamente Cligue duas vezes no bloco de texto Como mover blocos de texto Voc pode selecionar um bloco de texto e mov lo para qualquer ponto do documento como qualquer outro objeto Voc at mover um bloco de texto enquanto o Editor de Texto estiver aberto Para mover um bloco de texto Arraste o at o novo local Dimensionamento autom tico de blocos de texto O Fireworks tem dimensionamento autom tico de blocos de texto medida que voc digita uma nica linha o bloco de texto expande Se remover texto o bloco de texto encolhe para acomodar o texto remanescente Blocos de texto com v rias linhas n o fazem dimensionamento autom tico Para controlar a largura do texto com quebra de linha em um bloco de texto redimensione o Macromedia fireworks Para redimensionar um bloco de texto Arraste uma al a de redimensionar Uso detexto 139 140 Cap tulo 7 Edi o de texto Em um bloco de texto voc pode variar todos os aspectos do texto inclusive tamanho fonte espa ame
14. o do HTML ou clique no bot o Op es na caixa de di logo Exportar V para a guia Tabela e selecione configura es Selecione uma configura o para Espa ar com Ninhos de tabelas Sem espacadores cria um ninho de tabelas sem espa adores Tabela simples Sem espa adores cria uma tabela simples sem espa adores Tabelas poder o ser exibidas de forma incorreta em alguns casos se esta op o estiver ativada Espa ador transparente de 1 pixel usa um GIF transparente de 1 pixel por 1 pixel como um espa ador que redimensionado conforme o necess rio no HTML Selecione uma cor de c lula para fatias de texto Selecione Usar cor da tela para que as c lulas tenham a mesma cor de fundo que a tela do documento Desselecione Usar cor da tela para selecioanr uma cor do menu pop up da caixa de cores No menu pop up Conte do selecione o que colocar nas c lulas vazias Nenhum faz com que as c lulas vazias permane am em branco Imagem do espa ador coloca uma pequena imagem transparente chamada spacer gif em c lulas vazias Espa o sem quebra coloca um tag HTML de espa o em c lulas vazias A c lula aparece vazada Nota C lulas vazias ocorrem apenas se Incluir reas sem fatias for desselecionada na caixa de di logo Exportar 6 Clique em OK Exporta o de tra ados vetoriais Voc pode exportar tra ados vetoriais para serem abertos em outros aplicativos vetoriais incluindo Macromedia FreeHand Ad
15. Op o Descri o Nenhum Nenhum nome aplicado ao elemento nome doc O elemento recebe o nome do documento fatia Voc pode inserir a palavra fatia na conven o de nomea o da fatia Fatia 1 2 3 O elemento numerado num rica ou alfabeticamente de Fatia 01 02 03 acordo com o estilo escolhido Fatia A B C Fatia a b c linha coluna r3_c2 r4_c7 Linha r e Coluna c designam as linhas e colunas da tabela que os navegadores da Web usam para reconstruir uma imagem fatiada Voc pode usar esta informa o na conven o de nomea o Sublinhado O elemento usa qualquer um destes caracteres Ponto tipicamente como separadores entre outros elementos Espa o H fen Por exemplo se o nome do documento meudoc a conven o de nomea o nome doc fatia Fatia A B C resulta em uma fatia chamada meudocfatiaA Provavelmente voc nunca precisar de uma conven o de nomea o que utilize todos os seis elementos Para automaticamente nomear arquivos de fatias 1 Selecione uma ou mais fatias 2 No painel Objeto selecione Nomear fatias automaticamente 3 Ao exportar a sua imagem fatiada digite um nome na caixa de texto Nome do arquivo Windows ou Nome Macintosh na caixa de di logo Exportar N o adicione uma extens o de arquivo O Fireworks adiciona extens es de arquivos automaticamente aos arquivos de fatia no momento da exporta o Pontos ativo
16. Para terminar de criar a imagem de troca utilizando os comportamentos de arrastar e soltar 1 Selecione a fatia que cobre a rea de acionamento Nota Voc pode selecionar a fatia em qualquer moldura 2 Posicione o ponteiro sobre o s mbolo dos comportamentos de arrastar e soltar no centro da faita O ponteiro se torna uma m o 3 Clique no ponteiro e mantenha o bot o do mouse pressionado para que ele se torne um punho 4 Arraste o punho at a borda da fatia Uma linha azul de comportamento de arrastar e soltar vai do centro at o canto superior esquerdo da fatia O di logo Trocar imagem exibido Cria o de rollovers 267 268 Cap tulo15 Trocar imagem de Moldura 2 v Mais op es 5 A partir do menu pop up Trocar imagem de selecione a moldura em que reside a imagem de rollover 6 Selecione Arquivo gt Visualizar no navegador ou clique na guia Visualizar para ver o rollover como ele apareceria em um navegador Cria o de rollovers desmembrados usando comportamentos de arrastar e soltar Um rollover desmembrado ligeiramente mais complicado que um rollover de troca de imagem que usa uma nica fatia Em resposta a um ponteiro passando sobre ou clicando em uma imagem de acionamento uma imagem exibida em um local diferente na p gina da Web Cada imagem reside em sua pr pria moldura Os rollovers desmembrados requerem dois objetos da Web uma fatia ou ponto ativo para acionar
17. Sem t tulo Tudo ativado Tudo desativado Localizar plug ins Menu pop up Op es do painel Efeito 2 Digite um nome para o efeito e clique em OK O efeito ser adicionado ao menu pop up Efeito Para renomear uma configura o de efeito personalizado 1 No painel Efeito selecione o efeito personalizado que deseja renomear 2 No menu pop up Op es do painel Efeito escolha Renomear efeito 3 Digite o novo nome e clique em OK Voc n o pode renomear ou excluir um efeito padr o do Fireworks Para excluir um efeito personalizado nomeado 1 Selecione o objeto que cont m o efeito personalizado a ser exclu do ou escolha o efeito personalizado no menu pop up Efeito 2 No menu pop up Op es do painel Efeito selecione Excluir efeito Como salvar Efeitos ao vivo como estilos Para salvar e reutilizar um efeito crie um estilo baseado nesse efeito Os Efeitos ao vivo s o um dos atributos que voc pode salvar como um estilo ou como parte de um estilo Para obter mais informa es consulte Sobre estilos na p gina 218 Uso das configura es padr o de Efeitos ao vivo Se voc usar com fregii ncia configura es espec ficas de Efeitos ao vivo poder tornar essas as suas configura es padr o Por exemplo se estiver usando uma combina o espec fica de sombra e brilho para os bot es salve essa combina o de configura es como padr o e aplique a a bot es em todo o seu documento A configura o p
18. es pressione Esc Para visualizar otimiza o na caixa de di logo Visualizar exporta o 1 Selecione Arquivo gt Visualizar exporta o 2 Para aumentar ou diminuir a imagem na visualiza o selecione a ferramenta Zoom Clique para ampliar a visualiza o Alt clique Windows ou Op o clique Macintosh para reduzir DEE 4 Para enguadrar a rea de visualizac o selecione a ferramenta Ponteiro e arraste uma visualiza o ou mantenha pressionada a barra de espa os e arraste uma visualiza o Quando v rias visualiza es est o abertas todas as visualiza es s o ampliadas ao mesmo n vel Todas as visualiza es enquadram se simultaneamente para exibir a mesma parte da imagem Para comparar configura es de otimiza o em Visualizar exporta o clique em um bot o dividir visualiza o para dividir a rea de visualiza o em duas ou quatro visualiza es visualiza es Cada janela de visualiza o pode exibir uma visualiza o do gr fico com configura es diferentes de exporta o Para otimizar um gr fico baseado em um tamanho alvo de arquivo clique no assistente Otimizar para Tamanho Digite um tamanho de arquivo em kilobytes O Assistente Otimizar para o tamanho tenta igualar o tamanho do arquivo solicitado usando os seguintes m todos Ajuste da qualidade JPEG Modifica o da suaviza o JPEG Altera o do n mero de cores em imagens de 8 bits Mudan a das configura es
19. lt Voltar Backup de arquivos processados em lote 1 Selecione Backup na caixa de di logo Processo em lote 2 Selecione com deseja o backup dos arquivos Substituir backups existentes substitui o arquivo de backup anterior Backups incrementais mant m c pias de todos os arquivos de backup Quando executar um novo processo em lote um n mero ser anexado ao final do nome do arquivo da nova c pia de backup Nota Quando Backup for desselecionado o processo em lote no mesmo formato de arquivo substitui o arquivo original se o nome for o mesmo Entretanto o processo em lote para um formato diferente de arquivo cria um novo arquivo nesse formato e n o move ou exclui o arquivo original 3 Clique em Lote para concluir o processo em lote ou em Voltar para retornar caixa de di logo Processo em lote Como salvar processos em lote como scripts Salve as configura es do processo em lote como Scriptlets de m ltiplas plataformas para recriar facilmente o processo em lote no futuro Para criar um script de lote 1 Na caixa de di logo Processo em lote clique em Salvar script 2 Digite um nome e um destino para o Script e clique em Salvar Automatiza o de tarefas repetitivas 365 366 Cap tulo 20 Nota Se salvar seu script na pasta Fireworks AConfigurationyCommands ele aparece no menu Comandos Para executar um script em lote 1 o N 4 Siga uma das seguintes op es Selecione Arquivo gt Executar script
20. na p gina 279 Processo em lote O Fireworks possui uma interface de usu rio de processo em lote reprojetada que apresenta de modo l gico as op es de processo Nesta vers o o programa permite determinar o local e o nome da pasta de sa da medida em que s o definidas as tarefas do processo em lote 23 24 Introdu o As op es s o apresentadas em visualiza o normal nos pain is e n o mais ocultas em menus pop up Primeiramente na caixa de di logo Abrir arquivos para lote deve se selecionar os arquivos para o processo em lote A seguir s o digitadas as informa es nos pain is organizados para encaminh lo ao processo de configura o O primeiro painel permite selecionar as a es a serem executadas no processo em lote e a ordem a ser seguida para tal O segundo painel permite selecionar como os arquivos processados ser o salvos e como ser o feitos os backups Para mais informa es sobre este t pico consulte Processo em lote na p gina 359 Reorganiza o da caixa de di logo Configura o do HTML Com a nova caixa de di logo HTML pode se facilmente encontrar e selecionar as op es de HTML As op es est o organizadas em quatro pain is tabulados Geral que define as prefer ncias globais Nome do arquivo que define as conven es associa es Macintosh e as extens es dos nomes dos arquivos Tabela que define como as tabelas HT ML s o exportadas Espec fico do documento
21. o da cor do pixel com a ferramenta Lata de tinta Ap s selecionar pixels voc poder usar a ferramenta Lata de tinta para alter los para a cor na caixa de cores de preenchimento Ferramenta Lata de tinta Para alterar os pixels selecionados para a cor de preenchimento 1 Escolha uma cor na caixa de cores de preenchimento 2 Clique duas vezes na ferramenta Lata de tinta 3 No painel Op es da ferramenta escolha Preencher apenas sele o 4 Clique dentro da moldura da caixa de sele o Os pixels selecionados passam a ter a cor de preenchimento Como apagar pixels Use a ferramenta Borracha para remover pixels ou cores sobre pixels com uma cor diferente Ferramenta Borracha Como padr o o ponteiro da ferramenta Borracha tem a forma de borracha e representa o tamanho da borracha atual poss vel alterar o tamanho e a apar ncia do ponteiro da ferramenta Borracha Para obter informa es consulte Configura o de prefer ncias na p gina 57 Para apagar pixels 1 Clique duas vezes na ferramenta Borracha para abrir o painel Op es da ferramenta 2 Defina a cor da borracha no menu pop up Apagar Transparente torna a rea apagada transparente Cor de preenchimento seleciona a cor na caixa de cores de preenchimento Cor do tra o seleciona a cor na caixa de cores de tra o Cor da tela seleciona a cor da tela do documento 3 Escolha uma borracha redonda ou quadrada 4 Arraste o controle deslizante Su
22. o de imagens de bitmap Alinhamento de objetos em um documento Cria o de bot es JavaScript Adi o de v nculos a bot es Uso do painel Hist rico Cria o de rollovers desarticulados e simples Exporta o do arquivo para HTML Para obter informa es detalhadas sobre qualquer recurso mencionado neste tutorial e informa es sobre recursos adicionais do Fireworks consultar o ndice deste guia do usu rio ou pesquisar os t picos da Ajuda do Fireworks Al m disso visite o premiado Centro de suporte da Macromedia em http www macromedia com support fireworks CAP TULO 2 Princ pios b sicos do Fireworks O Fireworks um aplicativo de ltima gera o para elaborar gr ficos para usar na Web Suas solu es inovadoras atacam os principais problemas com que se deparam os projetistas gr ficos e mestres da Web O Fireworks uma ferramenta de desenho incrivelmente vers til para gr ficos e projetistas da Web Sua ampla variedade de ferramentas permite a voc criar imagens gr ficas utilizando alguns dos melhores recursos de aplicativos gr ficos vetorias e de bitmap em um nico aplicativo Voc pode editar com flexibilidade de vetor e aplicar efeitos bitmap inclusive chanfros brilhos aplicar sombras e agora filtros do Photoshop que redesenham enquanto faz a edi o O advento do Fireworks libertou os criadores da Web das idas e vindas de uma s rie de aplicativos espec ficos para essa tarefa Os Efeitos ao Vivo
23. o ir sugerir o tipo de arquivo e as configura es de otimiza o Se desejar otimizar ao m ximo o tamanho do arquivo alvo o Assistente de exporta o otimizar o arquivo exportado para se ajustar ao limite de tamanho definido Exporta o 319 320 Cap tulo 18 Assistente de exporta o Assistente de exporta o Para exportar um gr fico usando o Assistente de exporta o 1 2 Selecione Arquivo gt Assistente de exporta o Responda as perguntas de cada painel clicando em Continuar para passar para o painel seguinte A tela Resultados da an lise aparecer com recomenda es sobre os formatos de arquivo Nota Selecione Destinar o tamanho do arquivo de exporta o no primeiro painel para otimizar ao m ximo o tamanho do arquivo Clique em Sair Na janela Visualizar exporta o a janela Visualiza o 2 para cima mostra duas op es recomendadas de exporta o Clique na rea de visualiza o que cont m o formato de arquivo que voc deseja usar Fa a altera es adicionais nas configura es de otimiza o se necess rio Clique em Exportar Na caixa de di logo Exportar digite um nome de arquivo selecione op es de fatiamento e o destino e clique em Salvar Otimiza o e visualiza o durante a exporta o A caixa de di logo Visualizar exporta o exibe a maioria dos controles de otimiza o do Fireworks e at quatro visualiza es da imagem exportada A gui
24. o reduz o tamanho do arquivo Selecione a op o Diferen a autom tica para exportar apenas os pixels que se alteram entre molduras Selecionar esta op o reduz o tamanho do arquivo Atualiza o do HTML do Fireworks colocado no Dreamweaver O comando Arquivo gt Atualizar HTML no Fireworks fornece uma alternativa para a t cnica iniciar e editar para a atualiza o de arquivos do Fireworks colocados no Dreamweaver Com Atualizar HTML voc pode editar uma imagem PNG de origem no Fireworks e em seguida automaticamente atualizar todo o c digo HTML exportado e os arquivos de imagem colocados em um documento do Dreamweaver Este comando permite atualizar arquivos do Dreamweaver mesmo quando o Dreamweaver n o est sendo executado Para atualizar o HTML do Fireworks no Dreamweaver 1 No Fireworks selecione Arquivo gt Atualizar HTML 2 Navegue para o arquivo Dreamweaver que cont m o HTML que deseja atualizar e clique em Abrir 3 Navegue at a pasta de destino onde deseja colocar os arquivos de imagens atualizados e clique em Selecionar O Fireworks atualiza o c digo HTML e JavaScript no documento Dreamweaver O Fireworks tamb m exporta as imagens associadas com o HTML e coloca as imagens na pasta de destino especificada Se o Fireworks n o conseguir encontrar o HTML correspondente para atualizar voc ter a op o de inserir o novo HTML no documento Dreamweaver O Fireworks coloca a se o JavaScript do novo c digo
25. pode agrupar controles em arranjos personalizados O Mini iniciador cont m cones para abrir e fechar os pain is usados com maior fregii ncia inclusive os pain is Tra o Camadas Comportamentos e Otimizar O Mini iniciador est localizado na base de cada janela do documento 7 6 vB DDS Os pain is Objeto Tra o Preenchimento e Efeito controlam uma ampla variedade de caracter sticas de objetos selecionados O painel Misturador de cores e exemplos gerenciam a paleta de cores do documento atual Os pain is Camadas e Molduras organizam a estrutura de um documento e possuem op es para cria o exclus o e manipula o de camadas e molduras O painel Molduras possui op es para cria o de anima o O painel Comportamentos gerencia comportamentos determinando o que os pontos ativos e fatias devem fazer em resposta ao movimento do mouse O painel Hist rico ista os comandos recentes usados que podem ser rapidamente desfeitos ou refeitos Tamb m poss vel escolher comandos para serem repetidos e salvar segii ncias de comandos para reutiliz las como um nico comando O painel Biblioteca cont m s mbolos gr ficos s mbolos de bot o e s mbolos de anima o de onde voc pode facilmente arrast los para seu documento Al m disso pode fazer altera es globais em todos os exemplos modificando apenas o s mbolo Os pain is Otimizar e Cor permitem gerenciar as configura es que controlam o tamanho de
26. Clique duas vezes no nome do arquivos de script na rea de trabalho Selecione um script e clique em Abrir Selecione os arquivos a serem processados com o script Arquivos atuais abertos processa todos os documentos abertos Painel depProjeto Todos os arquivos processa todos os arquivos listados no painel Registro de projeto Painel de projeto Arquivos selecionados processa os arquivos atualmente selecionados no painel Registro de projeto Personalizar permite selecionar arquivos a serem processados Nota Clique no bot o ao lado do menu pop up Arquivos a processar para selecionar arquivos a serem processados Arquivos a processar x Arquivos a processar 8 arquivos atuais abertos v e Cancelar Clique em OK Para mais informa es sobre sele o de arquivos consulte Processo em lote na p gina 359 Execu o de scripts arrastando e soltando Se voc tiver um processo em lote que repita com freq ncia salve o como um script e em seguida arraste o da unidade de disco r gido no icono do Fireworks para executar o processo em lote Arrastar um arquivo script para o aplicativo Fireworks inicia o Fireworks e processa imediatamente esses arquivos Voc tamb m pode arrastar um arquivo script mais arquivos ou pastas leg vies para o aplicativo Fireworks para processar imediatamente esses arquivos Arrastar v rios arquivos script e v rios arquivos gr ficos para o Fireworks processa os arquiv
27. Corte de uma imagem de bitmap Use Editar gt Cortar bitmap selecionado para remover partes de uma imagem de bitmap Por exemplo se voc tiver uma fotografia que tenha sido tirada com um ngulo muito aberto poder remover elementos do fundo mas manter o tema da fotografia Ferramenta Cortar Trabalho com bitmaps 135 Para cortar uma imagem de bitmap 1 Escolha Editar gt Cortar bitmap selecionado As al as de corte s o exibidas 2 Ajuste as al as de corte at que a caixa delimitadora envolva a rea da imagem de bitmap que deseja manter e Arraste as al as Mantenha pressionada a tecla Shift e use as teclas de seta 3 Para cortar a imagem de bitmap clique duas vezes dentro da caixa delimitadora ou pressione Enter Tudo fora da caixa delimitadora removido Para cancelar o comando de corte pressione Esc 136 Cap tulo 6 CAP TULO 7 Uso de texto O Fireworks tem muitos recursos de texto tipicamente reservados para aplicativos de editora o eletr nica sofisticados Voc pode criar texto em v rias fontes e tamanhos e ajustar kerning espa amento cor entrelinhamento deslocamento da linha de base e mais Combinar os recursos de edi o de texto do Fireworks com a vasta gama de tra os preenchimentos efeitos e estilos faz do texto um elemento vivo dos seus projetos gr ficos A capacidade de editar texto a qualquer momento mesmo depois de aplicar Efeitos ao vivo como sombras e chanfros significa
28. Misturador de cores e na Caixa de ferramentas E los F Painel Exemplos Para abrir o painel Exemplos Selecione Janela gt Exemplos S cm Caixas de cor no painel Ferramentas mmm fesos a Janela pop up caixa de cores Para abrir uma janela pop up de caixa de cores Clique na caixa de cores ou na flecha pr xima caixa de cores Aplica o de cores Voc pode usar o painel exemplos ou uma janela pop up de caixa de cores para aplicar cores ao tra o ou preenchimento de objetos de tra ado 154 Cap tulo 8 Para aplicar uma cor a um objeto selecionado 1 Clique na caixa de cores de tra o ou preenchimento para selecion la 2 Escolha uma cor No painel Exemplos clique em um exemplo para aplicar a cor ao tra o ou preenchimento dos objetos selecionados Esta cor ent o atribu da caixa de cor ativa e Abraa janela pop up da caixa de cores e clique em um exemplo ou digite o valor hexadecimal de uma cor na caixa de texto valor Amostragem de cores Voc pode pegar uma cor de qualquer ponto da tela inclusive de outros documentos Fireworks abertos e aplic la aos objetos selecionados Este processo chamado de amostragem ele permite identificar e usar as cores exatas necess rias para editar e integrar gr ficos Voc tamb m pode identificar o valor hexadecimal de qualquer cor antes ou depois de aplic la aos objetos selecionados Nota necess rio utilizar o modo de cores de 24 ou 32
29. Para especificar o texto alternativo No painel Objeto digite o texto na caixa de texto Texto alternativo Sele o de uma op o Alvo Alvo uma moldura de p gina da Web ou janela de navegador da Web alternativa em que o documento vinculado ser aberto Voc pode especificar um alvo para um ponto ativo ou uma fatia selecionada na caixa de texto Alvo do painel Objeto Para especificar um alvo e Digite o nome da moldura HTML em que deve ser aberto o documento vinculado Selecione um alvo reservado no menu pop up Alvo Essas s o as op es de alvo reservado blank carrega os documentos vinculados em uma nova janela sem nome do navegador parent carrega o documento vinculado no conjunto principal de molduras ou na janela da moldura que cont m o v nculo Se a moldura contendo o v nculo n o estiver aninhada o documento vinculado ser carregado na janela inteira do navegador self carrega o documento vinculado na mesma moldura ou janela do v nculo Este alvo est subentendido por isso normalmente voc n o precisa especific lo top carrega o documento vinculado na janela inteira do navegador removendo assim todas as molduras Altera o de pontos ativos Os objetos da Web possuem pontos e tra ados como os objetos vetoriais Use as ferramentas Ponteiro Selecionar secund rio e Transformar para reformatar ou redimensionar um ponto ativo Outras ferramentas de edi o como a ferramenta Form
30. Se desejado voc pode digitar at duas linhas de texto adicional para aparecer diretamente abaixo do t tulo nos campos de texto Informa es do sub cabe alho e Outras informa es Selecione a pasta que cont m as imagens de origem clicando no bot o Procurar pr ximo ao campo de texto Pasta das imagens de origem Em seguida selecione ou crie uma pasta de destino na qual colocar as imagens e arquivos HTML exportados clicando no bot o Procurar pr ximo ao campo de texto Pasta de destino A pasta de destino n o deve j conter um lbum de fotografias se contiver e se alguma das imagens novas tiver o mesmo nome da imagem usada anteriormente voc pode sobrescrever os arquivos de imagem e miniaturas existentes Especifique as op es de exibi o para as imagens miniatura Selecione um tamanho para as imagens miniatura a partir do menu pop up Tamanho da miniatura As imagens s o postas em escala proporcionalmente para criar miniaturas que caibam em um quadrado que tenha as dimens es indicadas de pixels Para exibir o nome do arquivo de cada imagem original abaixo da miniatura correspondente selecione Mostrar os nomes dos arquivos Digite o n mero de colunas para a tabela que exibe as miniaturas Selecione um formato para as imagens miniatura a partir do menu pop up Formato da miniatura GIF WebSnap 128 cria miniaturas GIF que usam uma paleta adaptativa da Web de at 128 cores GIF WebSnap 256 cria miniaturas GIF
31. ado A adi o de pontos a um tra ado proporciona controle sobre um segmento espec fico dentro do tra ado A exclus o de pontos do tra ado muda a sua forma ou simplifica a edi o Para inserir um ponto em um tra ado selecionado Com a ferramenta Caneta clique em qualquer ponto no tra ado que n o tenha um ponto Para converter um ponto de curva em um ponto de canto Clique em um ponto de curva com a ferramenta Caneta Para excluir ponto de um segmento de tra ado selecionado e Clique em um ponto de canto de um objeto selecionado com a ferramenta Caneta e Clique duas vezes em um ponto de curva de um objeto selecionado com a ferramenta Caneta Selecione um ponto com a ferramenta Selecionar secund rio e pressione a tecla Delete ou Backspace Sele o de pontos S poss vel selecionar um ponto com a ferramenta Caneta Para selecionar v rios pontos use a ferramenta Selecionar secund rio e clique com a tecla Shift em cada ponto Ou com a ferramenta Selecionar secund rio arraste em volta dos pontos a serem selecionados Antes de selecionar um ponto com a ferramenta Caneta selecione o tra ado com a ferramenta Ponteiro Caso contr rio a ferramenta Caneta desenhar um novo tra ado em vez de selecionar um ponto no tra ado existente Trabalho com objetos vetorias 111 Para selecionar pontos espec ficos R 1 Selecione a ferramenta Selecionar secund rio 2 Clique em um ponto ou mantenha pressio
32. aplicada a qualquer objeto selecionado e se torna a cor ativa de tra o ou qualquer obj preenchimento 3 Mantenha a tecla Shift pressionada e aponte para um exemplo no painel Exemplos O cursor passa ao modo lata de tinta 4 Clique no exemplo para substitu lo pela nova cor Para excluir um exemplo do painel Exemplos 1 Mantenha pressionada a tecla Control Windows ou Command Macintosh e aponte para um exemplo O cursor passa ao modo tesoura 2 Clique no exemplo para exclu lo do painel Exemplos Para limpar todo o painel Exemplos Selecione Limpar Exemplos no menu pop up Op es do painel Exemplos Para retornar aos exemplos de cor padr o Escolha a paleta Sistema Windows ou Sistema Macintosh a partir do menu pop up Op es do painel Exemplos Para classificar os exemplos por cor Escolha Classificar por cor no menu pop up Op es no painel Exemplos Altera o de grupos de exemplos Voc pode alternar com facilidade para outro ou criar o seu pr prio grupo de exemplos O Fireworks permite escolher entre estes grupos de exemplos Cubos coloridos cores de Tom Cont nuo cores do Sistema Macintosh cores do Sistema Windows Tons de cinza e grupos de exemplos personalizados importados de arquivos ACT ou GIF Aplica o de cores tra os e preenchimentos 157 158 Cap tulo 8 Use o painel Exemplos para escolher um grupo de exemplos Adicionar exemplos Substituir exemplos Limpar exempl
33. gina principal do lbum de fotografias 352 Cap tulo19 Es 1M CAP TULO 20 Automatiza o de tarefas repetitivas Os Web designers muitas vezes ficam sobrecarregados de tarefas repetitivas como por exemplo otimiza o de imagens ou convers o de imagens para adapt las a determinadas restri es Parte da pot ncia o Fireworks sua capacidade de automaticar e simplificar v rias tarefas tediosas de desenho edi o e convers o de arquivos Para agilizar o processo de edi o use Localizar e Substituir para pesquisar e substituir elementos dentro de um arquivo ou elementos de m ltiplos arquivos Localize e substitua elementos como URLs fontes cor e texto e comandos criados no painel Hist rico Use Processo em lote para converter grupos inteiros de arquivos de imagem em outros formatos ou para alterar suas paletas de cores O Processo em lote pode aplicar configura es de otimiza o personalizadas a grupos de arquivos Voc tamb m pode redimensionar um grupo de arquivos fazendo do Processo em Batch uma ferramenta ideal para a cria o de miniaturas Use o painel Hist rico para criar comandos que s o atalhos para os recursos usados mais frequentemente ou para criar um script que possa executar uma s rie complexa de etapas O Fireworks pode entender e executar JavaScript assim usu rios avan ados podem automatizar tarefas muito complexas escrevendo comandos em JavaScript e em seguida executando os d
34. mapa de imagem no Dreamweaver ou outros editores HTML Quando voc est exportando arquivos o Fireworks pode utilizar coment rios HTML para rotular claramente o in cio e o fim do c digo para mapas de imagens e outros recursos Web criados no Fireworks Por padr o coment rios HTML n o s o inclu dos no c digo Para inclu los selecione Incluir coment rios HTML no di logo Configura o HTML Depois que voc tiver exportado o HTML o recurso Atualizar HTML entrega o HTML gerado pelo Fireworks ao local correto nos arquivos HTML de seu site da Web Para obter informa es sobre como colocar mapas de imagens no Dreamweaver ou outro editor de HTML consulte Utiliza o do Dreamweaver e do Fireworks juntos na p gina 337 Sobre fatiamento O fatiamento corta um documento Fireworks em segmentos diferentes e exporta cada segmento para um arquivo separado para transfer ncia H tr s raz es por que necess rio fazer este passo para otimizar o tamanho do arquivo de uma imagem para criar interatividade e para trocar partes de uma imagem Voc tamb m pode usar o fatiamento para substituir parte de uma imagem por texto HTML Otimiza o de uma imagem Um desafio de design gr fico da Web assegurar que as imagens s o pequenas o suficiente para transferir rapidamente O fatiamento fornece uma ferramenta poderosa para aceitar este desafio permitindo cortar seu gr fico em peda os menores que o computador do usu rio pod
35. mesma cor para o pr ximo bloco de texto que voc criar Al m disso se voc selecionar uma outra ferramenta de desenho e alterar o tra o ou preenchimento e depois voltar Ferramenta texto a cor do texto usada por ltimo estar presente na ferramenta Agora enquanto o Editor de texto estiver aberto o programa permite reposicionar um bloco de texto na rea de trabalho CAP TULO 1 Tutorial Este tutorial permite que voc teste diretamente a versatilidade do Fireworks 4 Neste tutorial voc descobrir como o Fireworks combina os recursos de v rios aplicativos espec ficos de tarefa em uma solu o de f cil utiliza o Al m disso o Fireworks oferece recursos exclusivos que automatizam as tarefas mais usadas para cria o de objetos da Web p ginas inteiras da Web e texto e gr ficos com Efeitos ao vivo O que voc aprender Neste tutorial em menos de duas horas voc vai repetir um fluxo de trabalho de produ o t pico do Fireworks para o projeto de uma p gina da Web O fluxo de trabalho inclui as seguintes tarefas Cria o de formas e texto vetoriais Importa o e edi o de imagens de bitmap e Alinhamento de objetos em um documento e Cria o de bot es JavaScript e Adi o de v nculos a bot es Uso do painel Hist rico e Cria o de rollovers desarticulados e simples e Exporta o do arquivo para HTML O que voc deve saber Embora o tutorial seja projetado para usu rios ini
36. o semelhantes para GIFs e PNGs de 8 bits PNG8 Otimizar Documento fome OP Configura o Jarweozs o GIF X Mate F veze zl Cores jee Perdafo z Pontl 100 eede Bm Escolha de intensidade de cor Intensidade de cor o n mero de cores da imagem gr fica exportada As imagens GIF s o sempre exportadas em cores de 8 bits 256 cores ou menos Voc pode exportar PNG com maior intensidade de cor As intensidades maiores de cor criam arquivos exportados maiores e normalmente n o s o ideais para imagens gr ficas da Web Use PNGs com intensidades de cor de 24 ou 32 bits quando exportar imagens fotogr ficas com tons cont nuos ou misturas de cores complexas de d grad Escolha de paleta de cores Cada GIF e PNG de 8 bits exportado cont m uma paleta de cores A paleta de cores uma lista de at 256 cores dispon veis para o arquivo Somente as cores definidas na paleta de cores aparecem na imagem gr fica entretanto algumas paletas de cores cont m cores que n o est o na imagem gr fica O ajuste da paleta de cores durante a otimiza o afeta as cores da imagem exportada Para obter mais informa es consulte Otimiza o de paletas de cores na p gina 308 Pontilhamento para aproximar as cores perdidas O pontilhamento aproxima cores que n o est o na paleta atual alternando duas cores semelhantes dispon veis de pixel a pixel Esse recurso bastante til para exportar imagens com
37. para adequar os objetos em cada moldura Exporta o 333 334 Cap tulo 18 5 Na caixa de di logo Exportar digite um nome de arquivo selecione uma pasta de destino e clique em Salvar Uso do comando Atualizar HTML O comando Atualizar HTML atualiza HTML gerado pelo Fireworks e imagens ou apenas imagens Use Iniciar e editar do Dreamweaver quando atualizar HTML para preservar as altera es feitas no arquivo HTML que estiver sendo editado no Dreamweaver Para obter mais informa es consulte HT ML do Fireworks na p gina 389 Para atualizar HTML 1 Selecione Arquivo gt Atualizar HTML 2 Selecione o arquivo a ser atualizado na caixa de di logo Localizar arquivo HTML 3 Clique em Abrir 4 Se n o for encontrado HTML gerado pelo Fireworks clique em OK para inserir o novo HTML no final do documento 5 Se n o for encontrado HTML gerado pelo Fireworks selecione uma das op es seguintes e clique em OK Substituir Imagens e seus HTML substitui o HTML anterior Atualizar imagens apenas substitui apenas as imagens 6 Selecionar pasta de imagens aparece Selecione uma pasta em que colocar as imagens e clique em Abrir Edi o de imagens do Fireworks colocadas no Dreamweaver Edite imagens do Fireworks colocadas no Dreamweaver iniciando o Fireworks a partir do Dreamweaver e editando a imagem Edite GIFs e JPEGs de dentro do Dreamweaver usando um arquivo de origem Fireworks ou otimize a imagem sem afetar o arquiv
38. pode reutiliz los para criar outras anima es Cria o de s mbolos de anima o Depois que tiver criado um s mbolo voc pode definir propriedades que determinam o n mero de molduras na anima o e o tipo de a o como dimensionamento e rota o Por padr o o novo s mbolo de anima o tem cinco molduras cada uma com um tempo de retardo de 0 20 segundo Para criar um s mbolo de anima o 1 Selecione Inserir gt Novo s mbolo 2 No di logo Propriedades do s mbolo digite um nome para o novo s mbolo 3 Selecione Anima o e clique em OK 4 No Editor de s mbolo use as ferramentas desenho ou texto para criar um novo objeto Voc pode desenhar objetos vetoriais ou de bitmap 5 Feche a janela do Editor de s mbolo O Fireworks coloca o s mbolo na biblioteca e uma c pia no centro do documento 6 Voc pode adicionar novas molduras ao s mbolo utilizando o controle deslizante Molduras no painel Objeto Para converter um objeto em um s mbolo de anima o 1 Selecione um objeto 2 Selecione Modificar gt Animar gt Animar sele o 3 Informe a configura o desejada na caixa de di logo Para maiores informa es sobre configura es consulte Edi o das propriedades do s mbolo na p gina 281 Os controles de anima o aparecem na caixa de limites do objeto e uma c pia adicionada biblioteca Edi o das propriedades do s mbolo Alterar as caracter sticas do s mbolo faz co
39. vel desenhar qualquer pol gono eq ilateral desde um tri ngulo a um pol gono com 360 lados Para desenhar um pol gono 1 Clique duas vezes na ferramenta Pol gono para abrir o painel Op es da ferramenta Pol gono 2 Selecione Pol gono no menu pop up Forma 3 Digite o n mero de lados do pol gono Use o controle deslizante para escolher de 3 a 25 lados Digite um n mero de 3 a 360 na caixa de texto Lados 4 Arraste para desenhar o pol gono Para limitar a orienta o de um pol gono em incrementos de 45 graus mantenha a tecla Shift pressionada enquanto desenha A ferramenta Pol gono sempre desenha a partir de um ponto central 102 Cap tulo 5 Desenho de estrelas Com a op o Estrela da ferramenta Pol gono pode se desenhar estrelas com 3 at 360 pontas e todos os ngulos da faixa de pontas Para desenhar uma estrela 1 Clique duas vezes na ferramenta Pol gono para abrir o painel Op es 2 Selecione Estrela no menu pop up Forma 3 Digite o n mero de pontas da estrela 4 Selecione Precis o autom tica ou digite um ngulo Valores pr ximos a O resultam em pontos longos e finos valores pr ximos a 100 resultam pontos curtos e robustos 5 Arraste na tela para desenhar a estrela Para limitar a orienta o de uma estrela em incrementos de 45 graus mantenha a tecla Shift pressionada durente o arraste A ferramenta Pol gono sempre desenha a partir de um ponto central Desenho e pintura de
40. 1 convertida para a Camada da Web Para obter mais informa es sobre camada consulte Camadas e mascaramento na p gina 199 Abertura de arquivos do Photoshop Quando abrir um arquivo do Photoshop no Fireworks as camadas de texto permanecer o por padr o totalmente edit veis e as camadas do Photoshop ser o convertidas para objetos do Fireworks Voc pode modificar configura es de importa o do Photoshop para que camadas do Photoshop sejam convertidas para molduras do Fireworks e camadas de texto para imagens bitmap Para obter informa es sobre como alterar op es de arquivo do Photoshop consulte Importa o de arquivos do Photoshop para o Fireworks na p gina 374 Nota No Windows os nomes de arquivos devem incluir uma extens o PSD para que o Fireworks reconhe a o tipo de arquivo do Photoshop Para abrir arquivos do Photoshop 1 Selecione Arquivo gt Abrir 2 Selecione o arquivo e clique em Abrir Abertura de arquivos do FreeHand Illustrator ou CorelDRAW Voc pode abrir um desenho vetorial do FreeHand Illustrator ou CorelDRAW e em seguida aplicar edi es do Fireworks tais como tra os de pincel e preenchimentos texturizados ao desenho Configura o de documento do Fireworks 67 68 Cap tulo 3 O Fireworks pode importar arquivos CDR descompactados criados com o CorelDRAW 7 ou 8 para Windows O Fireworks n o pode abrir ou importar arquivos CMX ou arquivos CDR compactados C
41. 2000 Macromedia Inc 600 Townsend St San Francisco CA 94103 NDICE INTRODU O Requisitos do sistema 444 444444444444400 17 Instala o do Fireworks lt lt lt 4444 18 Como aprender o Fireworks lt lt 18 O que h de novo no Fireworks 4 444 19 CAP TULO 1 PRSA sask eis spa dad E pads 25 Exibi o de p gina da Web conclu da 4444 0 26 Abertura do arquivo Iniciar ccccicccccicc ss cc rca 26 Adi o de formas vetoriais 4 444444444 4444444444 27 Cria o de bot es 44444 lt lt lt lt 29 Importa o e modifica o de imagens de bitmap 35 Cria o de rollover desarticulado 444444444444 42 Exporta o de arquivo do Fireworks para HTML 44 Uso do Fireworks com o Dreamweaver lt 444 44 45 Seguir as pr ximas etapas ne ee e e EE 46 CAP TULO 2 Princ pios b sicos do Fireworks 47 Sobre gr ficos vetoriais e de bitmap 44 444444 47 Sobre o fluxo de trabalho do Fireworks 444 44 49 Sobre o ambiente de trabalho do Fireworks 4 50 Exibi o de documento do Fireworks 44 44 51 Exibi o e escolha de ferramentas 444 4444 440 51 Altera o de op es de ferramentas 4444 4444 53 Uso de pain is sms it
42. 255 alterar conven o de nomea o padr o 256 nomes de arquivos alterar em um processo em lote 364 Notas de Design para integra o entre Dreamweaver e Fireworks 342 o objetos de fatia atualizar 258 de fatia definic o 248 de fatia editar fatias de tabelas do Fireworks a partir do Dreamweaver 345 de fatia nomeac o autom tica 255 distorcer 94 remover um efeito 195 vetoriais mudar a forma 113 ndice remissivo 403 ocorr ncias definidas 220 posicionar 221 posicionar no documento 221 ocultar barras de ferramentas 53 bordas 89 pain is 56 Ocultar sele o 208 Ocultar tudo 208 onion skinning definida 288 desativar 290 edi o de m ltiplas molduras 290 visualiza o personalizada 290 visualizar molduras antes e depois 290 visualizar pr xima moldura 290 visualizar todas as molduras 290 opacidade ajustar 214 painel Camadas 214 otimiza o no espa o de trabalho 296 otimizar anima es 292 imagens do Fireworks a partir do Dreamweaver 346 usar Visualizar exporta o 321 ovais desenhar 101 P pain is Biblioteca 221 descri o 54 Efeito 189 Estilos 218 Exemplos 154 Molduras 285 ocultar 56 op o Localizar e substituir 356 Op es de ferramenta 53 painel URL 224 Preenchimento 165 remover painel tabulado 56 Tra o 163 painel Biblioteca 221 404 ndice remissivo Camadas exibir fatias 253 Camadas mesclagem 214 Camadas nomear fatias 254 Camadas opacidade 214 Efeito 189 Est
43. 264 definir imagem da barra de navega o 264 definir o menu pop up 264 definir texto da barra de status 264 do Dreamweaver 4 264 Dreamweaver 4 264 painel Comportamentos 263 restaurar barra de navega o 264 rollover simples 264 sobre na barra de navega o 264 trocar imagem 264 visualizar 300 comportamentos de arrastar e soltar criar rollovers desmembrados 269 criar rollovers desmembrados com 268 defini o 265 excluir 270 271 linha azul 265 para uma nica fatia 266 composi o 211 Compress o JPEG seletiva Ativar Qualidade Seletiva 307 cor de sobreposi o 307 preservar bot o de qualidade 307 preservar qualidade do texto 307 compress o JPEG seletiva 306 compress o emba ar bordas 307 configura o padr o do retardo de moldura 69 configura es de otimiza o alterar um processo em lote 361 comparar 301 comparar duas ou quatro configura es 301 compartilhar com outro usu rio 299 configura es de otimiza o predefinidas 296 excluir configura es predefinidas 300 GIF 304 JPEG 306 op es predefinidas 296 PNG 304 reutilizar 299 salvar 299 visualizar 300 Configurar HTML 335 configurar o Fireworks 57 conjuntos de atalhos atalhos secund rios 61 folha de refer ncia 62 personalizados conven es 60 personalizados excluir 62 ndice remissivo 397 contorno do menu pop up 273 contraste 180 copiar e colar HTML do Fireworks 339 copiar pixels 123 cor adicionar da tela paleta 156 alterar tra
44. 3 Digite um nome de arquivo e clique em Salvar O programa cria um arquivo marcador do Fireworks Este arquivo cont m os URLs exportados Digita o de URLs absolutos ou relativos No painel URL voc pode digitar um URL absoluto ou relativo Se voc estiver vinculando com uma p gina da Web que esteja fora do seu site na Web use um URL absoluto Se voc estiver vinculando com uma p gina da Web dentro do seu site na Web pode usar um URL absoluto ou um URL relativo URLs absolutos s o URLs completos que incluem o protocolo do servidor que normalmente http para p ginas da Web Por exemplo http www macromedia com support fireworks o URL absoluto da p gina do Suporte do Macromedia Fireworks na Web Os URLs absolutos permanecem precisos independentemente do local do documento de origem mas eles n o vinculam corretamente se o documento alvo for movido URLs relativos s o relativos pasta contendo o documento de origem Esses s o exemplos de sintaxe de navega o dos URLs relativos file htm vincula com um arquivo localizado na mesma pasta do documento de origem file htm vincula com um arquivo localizado na pasta duas etapas acima da pasta contendo o documento de origem Cada representa uma etapa htmldocs file htm vincula com um arquivo localizado na pasta nomeada htmidocs que est abaixo da pasta contendo o documento de origem Em geral os URLs relativos s o os mais simples par
45. As op es de anima o na caixa de di logo otimiza o s o similares quelas dispon veis no painel Molduras do Fireworks Para editar uma imagem animada 1 2 No Fireworks na caixa de di logo otimiza o clique na guia Anima o Use as seguintes t cnicas para visualizar molduras de anima o a qualquer momento Para exibir uma nica moldura selecione a moldura desejada na lista do lado esquerdo da caixa de di logo ou use os controles de moldura na rea inferior direita da caixa de di logo Para exibir a anima o clique no controle Reproduzir Parar na rea inferior direita da caixa de di logo Fa a as edi es na anima o Para especificar o m todo de elimina o da moldura selecione a moldura desejada na lista e escolha uma op o no menu pop up indicado pelo cone de lixeira Para definir a exibi o selecione a moldura desejada na lista e digite o tempo de retardo em cent simos de segundo Visualizar exporta o Op es Arquivo Anima o g Jo Moldura 1 B 20 7100 s Moldura 2 u 20 Moldura 3 u 20 Moldura 4 P 20 Moldura 5 u 20 Para configurar a animac o para reproduzir repetidamente cligue no bot o Ciclos e selecione o n mero desejado de repeti es a partir do menu pop up Selecione a op o Cortar autom tico para cortar cada moldura como uma rea retangular de modo que apenas a rea de imagem que difere entre as molduras seja exportada Selecionar esta op
46. Como voc pode ter v rios s mbolos em um nico arquivo voc pode criar uma anima o complexa onde tipos diferentes de a o ocorrem todas de uma vez Sua anima o n o se mover at que o s mbolo ou a fatia que envolve o s mbolo seja otimizado como um GIF Animado O painel Otimizar permite definir configura es de otimiza o e exporta o para controlar como seu arquivo criado O Fireworks pode exportar anima es como arquivos GIF animado ou Flash SWF Sobre anima o No Fireworks voc cria anima es atribuindo propriedades a objetos chamados de s mbolos de anima o A anima o de um s mbolo dividida em molduras que determinam quanto tempo leva para o s mbolo completar seu movimento Voc pode ter mais de um s mbolo em uma anima o e cada s mbolo pode ter uma a o diferente S mbolos diferentes podem conter n meros diferentes de molduras A anima o termina quando toda a a o de todos os s mbolos estiver completa 279 280 Cap tulo 16 Construir uma anima o no Fireworks um processo de quatro passos 1 Crie um s mbolo de anima o seja criando o s mbolo do in cio ou convertendo um objeto existente em um s mbolo 2 Use a caixa de di logo Propriedades do s mbolo para digitar configura es para o s mbolo de anima o Voc pode definir o grau e a dire o do movimento o dimensionamento a opacidade clarear ou escurecer assim como o ngulo e a dire o de rota
47. Distribuir para moldura Cada moldura tem tamb m v rias propriedades associadas Ao definir o retardo da moldura ou esconder uma moldura voc pode fazer com que sua anima o fique do jeito que deseja durante o processo de constru o e edi o Configura o do retardo de moldura O retardo de moldura determina o tempo de exibi o da moldura atual Ele especificado em cent simos de segundo Por exemplo uma configura o de 50 exibe a moldura por meio segundo enquanto uma configura o de 300 a exibe por 3 segundos Para definir o valor do retardo da moldura 1 Selecione uma ou mais molduras Para selecionar um intervalo cont guo de molduras clique mantendo a tecla Shift pressionada no primeiro e no ltimo nome de moldura Para selecionar um intervalo n o cont guo de molduras mantenha pressionada a tecla Control Windows ou Command Macintosh e clique em cada nome de moldura 2 Clique no menu pop up Op es e selecione Propriedades ou clique duas vezes na coluna retardo da moldura para abrir a caixa de di logo Propriedades da moldura 3 Digite um valor para o retardo da moldura 4 Pressione Enter ou clique fora do painel para fechar a caixa de di logo Como mostrar e ocultar molduras para reprodu o Voc pode mostrar ou ocultar molduras para reprodu o Se uma moldura estiver oculta n o exibida durante a reprodu o e n o exportada Cria o de anima o 285 Para mostrar ou o
48. Editor de bot o A rea ativa aparece contendo uma nica fatia Nota Por padr o o Editor de bot o automaticamente cria a fatia Quando Definir automaticamente a rea ativa estiver marcado o tamanho da fatia expandido para abranger todas as imagens usadas para construir o bot o 2 Clique no Assistente de v nculo para anexar um URL ao rollover Cria o de bot es e barras de navega o 233 234 Cap tulo 13 3 Clique na guia V nculo e digite o endere o do URL no primeiro campo Para obter informa es sobre URLs est ticos versus relativos consulte Digita o de URLs absolutos ou relativos na p gina 227 Assistente de v nculo Configura es de exporta o V nculo Alvo Momed 4 OK m N Especificar o URL ao qual este bot o ser vinculado quando elicado O menu pop up relaciona os URLs recentemente Anterior selecionados Se estiver selecionado Nenhum URL noHREF o rollover no bot o ocorrer mas n o haver v nculo com outra p gina da web alt J Especificar uma descri o de texto alternativo deste bot o para exibir no navegador Texto da barra de status opcional I E Caso desejado especificar uma mensagem a exibir na barra de status da janela do navegador 4 Se necess rio digite o texto alternativo e uma mensagem de barra de status nos campos restantes 5 Se voc quiser que o URL aponte para uma moldura ou janela alvo clique na guia Alvo e sele
49. Efeito do painel Efeito Aplica o de efeitos tradicionais O Fireworks permite criar efeitos da Web como chanfros sombras brilhos e relevo Ele tamb m permite personalizar cada efeito para alcan ar exatamente a apar ncia desejada Al m disso voc pode alterar as configura es de efeito quando quiser Quando voc escolhe o efeito Chanfro Relevo Sombra ou Brilho uma janela pop up de edi o aparece no painel Efeito para permitir o ajuste de configura es do efeito As op es da janela pop up de edi o mudam conforme o efeito escolhido Experimente as configura es at obter a apar ncia desejada Se voc desejar alterar as configura es de efeito posteriormente consulte Altera o de Efeitos ao vivo na p gina 194 Largura de chanfro Contraste Suavidade ngulo de chanfro alto relevo hd Janela pop up de edi o Chanfro interno Aplica o de Efeitos ao vivo 191 192 Cap tulo 10 Aplica o de bordas chanfradas A aplica o de uma borda chanfrada a um bot o cria uma apar ncia de alto relevo Voc pode criar um chanfro interno ou um chanfro externo Chanfro interno e Chanfro externo Para aplicar uma borda chanfrada a um objeto selecionado 1 No painel Efeito escolha uma op o de Chanfro Chanfro e relevo gt Chanfro interno Chanfro e relevo gt Chanfro externo N Edite as configura es do efeito na janela pop up de edi o o Clique fora da janel
50. El Para atribuir um URL a um ponto ativo selecionado 1 Selecione Janela gt Objeto para abrir o painel Objeto 2 Digite um URL na caixa de texto V nculo 3 Opcionalmente digite texto alternativo que aparece em um navegador da Web medida que a p gina Web transferida 4 Digite um nome de moldura HTML ou escolha um alvo reservado a partir do menu pop up Alvo Alvo uma moldura da p gina da Web ou janela do navegador da Web alternativa em que ser aberta o arquivo vinculado Consulte Sele o de uma op o Alvo na p gina 244 5 Se desejado selecione uma cor alternativa do ponto ativo a partir da janela pop up Cor da sobreposi o Isto pode ser til na organiza o de objetos da Web Organiza o de URLs com o painel URL Se voc pretende usar os mesmos URLs v rias vezes voc pode criar uma biblioteca de URL no painel URL e em seguida armazenar seus URLs na biblioteca Para obter mais informa es consulte Uso de bibliotecas estilos e URLs na p gina 217 URL noHREF x S Biblioteca Jurus em www macromedia com Pontos ativos e fatias 243 244 Cap tulo 14 Especifica o de texto alternativo O texto alternativo aparece no marcador de lugar da imagem enquanto a imagem est sendo transferida da Web ou no lugar de um gr fico se houver falha na transfer ncia Em algumas vers es do Internet Explorer o texto tamb m aparece pr ximo ao ponteiro como uma Dica de ferramenta
51. Enter Windows ou Return Macintosh Uma caixa de di logo pergunta se deseja editar todas as ocorr ncias do bot o ou apenas a atual Clique em Atual Repetir as etapas 4 e 5 com o ltimo bot o desta vez alterando o texto para Registro de viagem Usar a guia Visualizar para exibir seus bot es de rollover Ao concluir retornar guia Original Compass E C revisa o Atribui o de URLs a bot es Normalmente bot es fornecem um m todo de navega o Para especificar os v nculos para cada um dos bot es usar o Assistente de v nculo 1 Na tela selecionar o bot o Planejador de aventura e em seguida clicar no Assistente de v nculo no painel Objeto 2 Na guia V nculo da caixa de di logo Assistente de v nculo digitar compasssite adventureplanner index html no menu pop up superior e clicar em OK Assistente de v nculo Configura es de exporta o V nculo Alvo Nome as gt ro Ny compasssitetaduentureplannentindes html Cancelar Especificar o URL ao qual este bot o ser vinculado quando clicado O menu pop up relaciona os URLs recentemente Anterior selecionados Se estiver selecionado Nenhum URL noHREF o rollover no bot o ocorrer mas n o haver v nculo com outra p gina da web galt Especificar uma descri o de testo alternativo deste bot o para exibir no navegador Texto da barra de status opcional E Caso desejado especificar uma mensagem a exibir na
52. Essa op o s funciona no modo bitmap 2 Opcionalmente altere o nome do tra o para 1 Pixel Suave L pis Colorido ou Grafite no painel Tra o Tamb m poss vel alterar a cor do tra o usando qualquer caixa de cor do tra o Consulte Desenho e pintura de tra ados de forma livre na p gina 103 3 Arraste para desenhar Para limitar o tra ado a uma linha horizontal ou vertical mantenha pressionada a tecla Shift durante o arreste 4 Libere o bot o do mouse para terminar o tra ado Para fechar o tra ado libere o bot o do mouse quando tiver retornado o ponteiro ao ponto inicial do tra ado Nota Pinte pixels com a ferramenta L pis no modo bitmap Consulte Pintura no modo Bitmap na p gina 131 Uso da ferramenta Pincel A ferramenta Pincel possui uma ampla variedade de categorias de tra o de pincel inclusive aer grafo pintura em spray caligrafia crayon e artificial Dentro de cada categoria existe uma s rie de tra os inclusive pontas porosas claras e escuras leo borrifado bambu fita confete 3D pasta de dente e pintura viscosa Embora os tra os sejam semelhantes a pintura ou tinta eles sempre t m pontos como qualquer outro objeto vetorial Isso significa que poss vel alterar a forma do tra o pela movimenta o dos pontos Depois de mudar a forma do tra ado o tra o redesenhado Dessa maneira pode se editar uma pintura inteira sem ter que apagar ou redesenhar os tra os Pintura ed
53. Fireworks no Dreamweaver Voc pode colocar imagens GIF JPEG ou PNG geradas pelo Fireworks diretamente em um documento Dreamweaver Para inserir uma imagem Fireworks em um documento Dreamweaver 1 Posicione o ponto de inser o onde deseja que a imagem apare a na janela do documento Dreamweaver 2 Siga uma das seguintes op es Selecione Inserir gt Imagem e Clique no bot o Inserir imagem na categoria Comum do painel Objetos 3 Navegue para o arquivo Fireworks desejado e clique em Abrir Se o arquivo do Fireworks n o estiver no site atual do Dreamweaver uma mensagem exibida perguntando se deseja copiar o arquivo para a pasta raiz Inser o de c digo HTML do Fireworks no Dreamweaver O Dreamweaver permite inserir c digo HTML gerado pelo Fireworks completo com imagens associadas fatias e JavaScript em um documento Este recurso de inser o torna f cil adicionar tabelas ou mapas de imagens criados no Fireworks em um documento Dreamweaver Para inserir HTML do Fireworks em um documento Dreamweaver 1 No Dreamweaver salve o documento em um site definido 2 Posicione o ponto de inser o no documento onde deseja que o c digo HTML inserido comece 3 Siga uma das seguintes op es Selecione Inserir gt Imagens interativas gt HTML do Fireworks e Clique no bot o HTML do Fireworks na categoria Comum do painel Objetos 4 Na caixa de di logo que exibida clique em Procurar para selecionar o arquivo
54. HTML do Fireworks desejado 5 Selecione a op o Excluir arquivo ap s a inser o para mover o arquivo HTML para a Lixeira Windows ou Lixeira Macintosh quando a opera o tiver terminado Use esta op o se n o precisar mais do arquivo HTML do Fireworks ap s inseri lo Esta op o n o afeta o arquivo PNG de origem associado ao arquivo HTML Nota Se o arquivo HTML estiver em uma unidade de rede ele permanentemente exclu do ao inv s de movido para a Lixeira 6 Clique em OK para inserir o c digo HTML junto com suas imagens fatias e JavaScript associados no documento Dreamweaver Como copiar e colar HTML do Fireworks no Dreamweaver Uma maneira r pida de colocar imagens e tabelas geradas pelo Fireworks no Dreamweaver envolve copiar e colar o c digo HTML do Fireworks diretamente no documento Dreamweaver Para copiar e colar o HTML do Fireworks no Dreamweaver 1 No Fireworks selecione Editar gt Copiar c digo HTML 2 Siga a orienta o do assistente durante a configura o da exporta o do seu c digo HTML e das imagens Quando perguntado especifique a pasta do site do Dreamweaver como destino para as imagens exportadas O assistente exporta as imagens para o destino especificado e copia o c digo HTML para a rea de transfer ncia 3 No Dreamweaver posicione o ponto de inser o no documento onde deseja colar o c digo HTML e selecione Editar gt Colar Todo o c digo HTML e JavaScript associado ao
55. La o La o poligonal e Varinha m gica Ferramentas Moldura de caixa de sele o Ferramentas La o e Varinha m gica As ferramentas de sele o de pixel definem a rea de pixels a ser selecionada Depois de desenhar a moldura da caixa de sele o voc poder clicar ou arrastar para selecionar os pixels usando a ferramenta Ponteiro Para mover ou redimensionar os pixels dentro da moldura de caixa de sele o arraste os e Clique dentro da moldura de caixa de sele o para criar uma sele o flutuante de pixels que poder ser editada movida recortada ou copiada Trabalho com bitmaps 123 124 Cap tulo 6 Quando uma ferramenta de moldura de caixa de sele o estiver ativa voc poder manter pressionada a tecla Control Windows ou Command Macintosh para alternar temporariamente para a ferramenta Ponteiro e em seguida arrastar a moldura de caixa de sele o para criar uma sele o flutuante de pixels Escolha de op es da ferramenta Moldura de caixa de sele o Quando voc clica duas vezes na ferramenta Moldura de caixa de sele o La o ou Varinha m gica o painel Op es da ferramenta exibe op es espec ficas da ferramenta As op es de borda est o dispon veis para todas as ferramentas de sele o de pixels Acentuada cria uma sele o de moldura com uma borda definida Suaviza o de serrilhado evita bordas dentadas na sele o de moldura Enevoar permite suavizar a borda da sele
56. Macromedia endosse ou aceite qualquer responsabilidade pelo conte do dos sites de terceiros Isen o de responsabilidade da Apple A APPLE COMPUTER INC N O D GARANTIAS EXPL CITAS OU IMPL CITAS RELATIVAS AO PACOTE DE SOFTWARE ANEXO SUA COMERCIABILIDADE OU SUA ADEQUA O A QUALQUER PROP SITO ESPEC FICO A EXCLUS O DAS GARANTIAS IMPL CITAS N O PERMITIDA EM ALGUNS LOCAIS A EXCLUS O ACIMA PODE N O SE APLICAR A VOC ESTA GARANTIA LHE D DIREITOS JUR DOS ESPEC FICOS VOC PODE TER OUTROS DIREITOS QUE VARIEM DE UM LUGAR PARA O OUTRO O Fireworks foi criado pela Macromedia Inc O 2000 Todos os direitos est o reservados Patentes nos EUA 5 353 396 5 361 333 5 434 959 5 467 443 5 500 927 5 594 855 e 5 623 593 Outras patentes em andamento Este manual n o pode ser copiado fotocopiado reproduzido traduzido ou publicado para qualquer formato eletr nico ou leg vel por m quinas no todo ou em parte sem a pr via autoriza o por escrito da Macromedia Inc C digo do Produto ZFW40M1AAPO Agradecimentos Escrito por Lynn Flink Stephanie Gowin Sarah Hanily Robin Hunt Smith Gavan Murphy e Pamela Lu Editado por Gary White Projeto gerenciado por Erick Vera e Stuart Manning Produzido por Sherri Harte e Rocky Angelucci Gerente de Localiza o Senior Sami Kaied Gerente de Projetos de Localiza o Gloria Figueroa Especialista de Produ o de Localiza o Sherri Harte Primeira edi o dezembro de
57. Modificar gt Converter em Bitmap Ao clicar duas vezes em um objeto de bitmap voc entra no modo Bitmap como indicado na borda volta da janela do documento ou no pr prio bitmap No modo Bitmap v rias ferramentas podem ser usadas para selecionar mover pintar e modificar pixels quase da mesma forma como isso feito no Photoshop Para sair do modo Bitmap clique no bot o Parar na barra de Status Windows ou no bot o da janela do documento Macintosh D grad s Os dois aplicativos Fireworks e Photoshop 5 5 possibilitam o preenchimento de uma rea com d grad formado por uma mistura suave de duas ou mais cores Entretanto as diferen as nas caracter sticas de bitmap e de vetor de cada aplictivo afetam a forma com que os d grad s s o usados e editados Cria o de d grad s No Photoshop 5 5 voc arrasta com a ferramenta d grad para aplicar um d grad a uma sele o de pixels ou a uma camada inteira No Fireworks voc pode aplicar d grad s como um tipo de preenchimento aos objetos vetoriais Depois de selecionar o objeto desejado escolha um tipo de d grad no menu pop up Categoria de preenchimento do painel Preenchimento Os preenchimentos de dekradi est o relacionados abaixo da divis o de linha do menu pop up O Fireworks aplica o d grad ao interior do objeto como qualquer outro tipo de preenchimento Nenhuma S lido Pontilhamento web Explos o de estrelas Barras
58. O conta gotas Tons m dios conta gotas com tinta cinza redefine o valor de tons m dios 3 Clique em um pixel na imagem e clique em OK Ajuste do brilho e do contraste O filtro Brilho Contraste modifica o contraste do brilho de todos os pixels em uma imagem Usar este comando afeta os realces sombras e tons m dios de uma imagem Voc pode usar o filtro Brilho Contraste ao corrigir imagens que n o precisem de corre es substanciais Para mais procedimentos de corre o tonal avan ados consulte Invers o dos valores da cor de uma imagem na p gina 183 e Ajuste da faixa tonal usando Curvas na p gina 178 Original l Ap s ajustar o brilho Para ajustar o brilho ou contraste 1 Selecione a imagem no modo vetorial ou no modo bitmap 2 Selecione Xtras gt Ajustar cor gt Brilho Contraste A caixa de di logo Brilho Contraste exibida Brilho Contraste x J Cancelar Iv Visualizar Brilho Contraste 3 Selecione Visualizar para ver suas altera es na rea de trabalho medida que aplica as altera es a imagem atualizada automaticamente 4 Arraste os controles deslizantes de Escuro e Contraste para ajustar as configura es Os valores v o de 100 a 100 5 Clique em OK Ajuste da cor e dotom 181 182 Cap tulo Aplica o de preenchimentos de cores Voc pode usar o efeito Preenchimento colorido para alterar de forma r pida a cor de objet
59. Para alterar o conjunto de atalho atual 1 Selecione Atalhos de teclado no menu Editar 2 Selecione o conjunto que preferir em Conjunto atual Atalhos de teclado Conjunto atual Macromedia Standard X Ga o Bl Comandos Comandos do menu M F Arquivo E Editar E Exibir F Inserir E Modificar E Texto E Comandos FH Xtras FH Janela E Ajuda Descri o Athos pa Pressionar tecla Alteran Caixa de di logo Atalhos de teclado Cria o de atalhos personalizados poss vel criar seus pr prios atalhos de teclado personalizados Para tanto duplique qualquer conjunto preinstalado e em seguida modifique a c pia na forma desejada Um conjunto de atalho personalizado sempre se baseia em um conjunto preinstalado Os conjuntos de atalho seguem algumas regras gerais Os comandos de menu devem incluir a tecla Control Windows ou a tecla Command Macintosh Nota A nica exce o a essa regra que voc pode atribuir teclas de fun o vari vel F2 a F12 a comandos de menu No Fireworks atalhos de ferramenta n o podem incluir teclas modificadoras Control Shift e Alt no Windows e Command Shift Option e Control no Macintosh Atalhos de ferramentas consistem em uma nica tecla de n mero ou letra Para criar um atalho personalizado para um comando do menu ferramenta ou a es variadas 1 Abra o di logo Atalhos de teclado 2 Clique no bot o Duplicar con
60. Para alterar simultaneamente o texto em todos os estados de um bot o no Editor de bot o 1 Altere o texto no bloco de texto do topo em qualquer estado do bot o Uma mensagem aparece perguntando se deseja atualizar o texto nos outros estados do bot o 2 Clique em Sim Uso de efeitos de chanfro para desenhar estados de bot es Voc pode usar qualquer objeto para criar um estado de rollover Entretanto pelo fato de bot es serem o tipo mais comum de rollovers em JavaScript o Fireworks possui predefini es de Efeitos ao vivo a fim de simplificar a cria o de aspectos comuns de bot es Aplique ao objeto um efeito de Chanfro interno ou de Chanfro externo e em seguida selecione Levantado Real ado Interiorizado ou Invertido no menu pop up Predefini es de Bot o do painel Efeito Efeito de predefini es do Bot o Descri o Alto relevo O chanfro aparece levantado a partir dos fas objetos subjacentes Real ado As cores do bot o Essas m Interiorizar O chanfro aparece afundado nos objetos SSS ee Invertido O chanfro aparece afundado nos objetos subjacentes e suas cores s o clareadas Por exemplo se estiver criando um bot o de guatro estados pode aplicar o gr fico do estado Elevado para Acima o gr fico do estado Realcado para o Abaixo e assim por diante Para obter mais informa es sobre Efeitos ao vivo consulte Aplica o de um Efeito ao vivo na p gina 189 Inser o de bot es
61. Para maiores informa es sobre op es de otimiza o consulte Escolha de configura es de otimiza o para GIFs e PNGs na p gina 304 3 No painel Molduras defina o retardo da moldura Para obter mais informa es consulte Configura o do retardo de moldura na p gina 285 Exporta o como GIF SWF ou arquivos m ltiplos Depois de criar e otimizar uma anima o ela est pronta para ser exportada como um GIF animado como m ltiplos arquivos ou como um arquivo do Flash SWF Os GIFs Animados d o os melhores resultados para imagens gr ficas de clip art e tipo desenho animado Exportar arquivos m ltiplos til quando voc tem muitos s mbolos em camadas diferentes para o mesmo objeto por exemplo voc pode exportar um an ncio em faixa como v rios arquivos se cada letra do nome da empresa for animada em um gr fico Cada letra separada das outras Os arquivos SWF importam mais facilmente para outros programas como o Flash para edi o posterior Se exportar a anima o como um arquivo Flash SWE poder import la para o Macromedia Flash para edi o posterior Para obter mais informa es consulte Exporta o para Macromedia Flash na p gina 328 Nota O formato do arquivo deve ser definido como GIF animado no painel Otimizar para exportar qualquer tipo de movimento Para exportar como um GIF Animado 1 Selecione GIF animado como parte do processo de otimiza o Para obter mais infor
62. Photoshop 4444444 44444 215 Importa o de m scaras de camada do Photoshop 215 Importa o de camadas agrupadas do Photoshop 215 CAP TULO 12 Uso de bibliotecas estilos e URLS 2r Sobre estilos 4 4 lt lt c lt 4s lt 404444 218 Uso de estilos suas pegas sa Pa Eid dna 218 Sobre s mbolos e ocorr nciaS lt lt lt lt lt lt lt lt 444444 220 Uso da Biblioteca de s mbolos lt lt lt lt 444 221 Sobre o painel URL 3 53 e spa aaa lk uo do kok A EL 224 Trabalho com URLs ecaro mire butea sie bed ceras erre aa 225 Digita o de URLs absolutos ou relativos 4 227 CAP TULO 13 Cria o de bot es e barras de navega o 229 Sobre DOL ES 54 o andas Maes EE fa do a da 229 Cria o de DotOES suar es ea pad a sa ad slu zk bad a 230 Cria o de bot o si su sis eras arara ddd apa qua dae 231 Adi o de estado Abaixo lt lt lt lt 4444444 232 Adi o de Sobre durante o estado Abaixo 44 44 4 233 Anexac o de URL ao bot 0 lt 4 lt lt 444 444 233 Altera o de bot 0 44444 4 lt lt 4444 234 Desenho e edi o na rea ativa 44444444444444re44 235 Edi o do texto do bot o lt lt lt lt lt lt lt 4 444 235 Uso de efeitos de chanfro para desenhar estados de b
63. Siga as instru es nos coment rios gerados dentro do HTML do Fireworks Lembre se de selecionar Incluir coment rios HTML na Configura o HTML Cole o JavaScript ente as tags lt HEAD gt e lt HEAD gt As informa es de tabela HTML devem ser coladas ente as tags lt BODY gt e lt BODY gt Como substituo uma vers o mais antiga de HTML exportado por uma nova vers o Voc pode substituir HTML antigo de v rias formas Use Atualizar HTML Voc tem a op o de atualizar apenas as imagens ou o HTML e as imagens e Copie o c digo HTML para a rea de transfer ncia e cole o no arquivo HTML antigo Exporte o HTML novamente e sobrescreva o arquivo mais antigo Para sobrescrever completamente a vers o mais antiga atualize o HTML e escolha substituir imagens e seu HTML HTML do Fireworks 391 392 Cap tulo 22 Se eu fizer altera es no meu documento Fireworks como atualizo apenas o HTML relevante Quando voc atualiza HTML exportado para o Dreamweaver as altera es feitas fora do Fireworks n o s o afetadas No entanto se voc alterar o HTML gerado pelo Fireworks e isso precisar ser atualizado as altera es ser o sobrescritas Use o comando Atualizar HTML Se estiver utilizando outro editor HTML o comando Atualizar HTML lhe d a op o de substituir apenas as imagens de modo que as altera es feitas no HTML s o preservadas As pessoas normalmente projetam p ginas Web inteiras usando o
64. Voc pode importar um gr fico do Photoshop que cont m o efeito para o Fireworks e export lo novamente para o Photoshop quando estiver pronto Para aplicar um Efeito ao vivo de Preenchimento de cor a um objeto 1 Escolher o objeto ao qual aplicar a cor 2 No menu pop up do painel Efeitos selecionar Preenchimento de cor no submenu Ajustar cor 3 Selecionar cor modo de mesclagem e opacidade Trabalho com Photoshop Objetos mascarados podem ser exportados para o Photoshop Eles s o convertidos em m scaras de camada do Photoshop As m scaras incluindo texto permanecem edit veis Para editabilidade total selecionar Manter editabilidade sobre apar ncia ao exportar para o Photoshop Importa o de m scaras de camada do Photoshop No Photoshop voc pode mascarar imagens usando m scaras de camada ou camadas agrupadas O Fireworks permite importar com xito imagens que utilizem m scaras de camada sem perder a capacidade de edit las Mascaras de camadas s o importadas como m scaras de bitmap Para obter mais informa es sobre m scaras e camada do Photoshop consulte M scaras na p gina 380 Importa o de camadas agrupadas do Photoshop Arquivos do Photoshop que cont m camadas s o importados com cada camada posicionada como um objeto separado em uma camada nica do Fireworks Camadas agrupadas s o importadas como camadas individuais como se tivessem sido desagrupadas no Photoshop antes da importa o par
65. a M Alterac o da tela Voc configura caracter sticas de tela quando criar um novo documento do Fireworks Mas depois voc ainda pode voltar e modificar o tamanho da tela a cor da tela e as caracter sticas de resolu o da imagem medida que trabalha com o documento voc tamb m pode girar a tela e aparar partes indesejadas Altera o de tamanho cor e resolu o do documento O Fireworks facilita a altera o do tamanho da tela a cor da tela e as caracter sticas de resolu o da imagem Para alterar o tamanho da tela 1 Selecione Modificar gt Tamanho da tela 2 Clique em um bot o ncora para especificar quais lados da tela o Fireworks adicionar ou excluir e em seguida clique em OK Nota Por padr o a ncora central selecionada indicando que altera es no tamanho da tela foram feitas em todos os lados 3 Digite as novas dimens es nos campos Largura e Altura Para alterar a cor da tela 1 Selecione Modificar gt Cor da tela 2 Selecione uma das seguintes op es e Branco Transparente Personalizada Se selecionar Personalizada clique na caixa de cor para escolher uma cor na janela pop up da caixa de cores 3 Clique em OK Para redimensionar um documento e todo o seu conte do 1 Selecione Modificar gt Tamanho da imagem caixa de di logo Tamanho da imagem aberta Tamanho da imagem 3 889 Polegadas 3 565 Polegadas Pixels Polegadas 2 Nas caix
66. ao arquivo MyFile htm 5 Testar os outros recursos adicionados 6 A maior parte dos navegadores da Web permitem exibir o c digo de origem com um comando como Exibir gt Origem Localizar e executar o comando que permite exibir o c digo MeuArquivo htm Bloco de Notas Eiquivo Editar Pesquisar Ajuda Ktitle gt HeuArquivo jpg lt title gt lt meta http eguiv Content Type content text htnl gt lt meta nane description content Fll Dil HTHL gt lt t Fireworks 4 8 Dreamweaver 4 0 target Created Tue Sep 19 04 43 37 GHT 0700 Pacific Daylight Tine 2096 gt lt script language JavaScript gt lt t hide Function HM Findobj n d v3 0 var p i x if fd d document iF p n index0F gt Gk parent Franes length d parent franes n substring p 1 docunent n n substring 9 p iFCt x d n Bd a11 x d allfn For i 0 tx kicd Forns lengthzi x d forms i n for i 0 tx amp amp d layers amp amp i lt d layers length i x MM FindObj n d layers i docunent return x gt Function HM suapInage 7703 0 var i j 0 x a HM suapinage arguments document MH sr new Array For i 03i lt a length 2 i 3 iF x MM Findobj a i t null fdocunent MM sr j x iF tx 0Src x 0Src x src var d document iF d inages iF d MM p d MM p new Array var i j d MM p length a MM preloadImages arguments For i 0 i lt a length i if a i index0F W t 6 d MM_p j new Image d MM
67. aur olas 315 suavizar extremidades de texto 145 substituir 354 T Tabela de cores exemplo bloqueado 310 exemplo editado 310 exemplo transparente 310 selecionar m ltiplas cores 311 selecionar uma faixa de cores 311 tamanho de arquivo definir perda para reduzir tamanho 305 reduzir qualidade 307 teclas de atalho 59 T cnica onion skin Editor de bot o 230 tela 2 para cima 51 4 para cima 51 aparar 80 girar 79 modificar caracter sticas 76 modificar resolu o 77 tempo de transfer ncia do arquivo 301 texto cor 145 digitar 138 dire o 143 editar 140 fatias 249 localizar e substituir 356 orienta o 143 texto alternativo 244 textura adicionar a preenchimentos 172 adicionar a tra os 171 tipos de paletas de cores adaptativa 308 adaptativa Web 308 exata 308 personalizada 309 preto e branco 309 sistema Macintosh 308 sistema Windows 308 408 ndice remissivo tons de cinza 309 uniforme 309 Web 216 308 tra ados 116 adicionar textura de tra o 171 alterar a forma 110 compostos 117 converter retos em curvos 109 copiar e colar 329 cortar 119 de forma livre 103 dividir 117 dobrar um segmento adjacente 112 editar tra os 163 restaurar cor padr o 162 restaurar cores padr o 162 selecionar um ponto 112 trocar cores de tra o e preenchimento 162 vetoriais exportar 327 tra ados de texto alterar a forma do tra ado 147 anexar texto ao tra ado 147 colocar texto em um tra ado 148 conver
68. barra de status da janela do navegador 3 Selecionar o bot o Condi es de verifica o na tela e usar o Assistente de v nculo para atribuir a ele o URL compasssite checkconditions index html 4 Selecionar o bot o Registro de viagem na tela e atribui lo ao URL compasssite travelog index html Voc pode testar os v nculos mais tarde no tutorial ap s exportar o documento Importa o e modifica o de imagens de bitmap At agora voc esteve trabalhando no modo vetorial O Fireworks tamb m oferece recursos para criar importar e modificar imagens de bitmap poss vel adicionar Efeitos ao vivo a gr ficos de bitmap assim como s formas vetoriais Al m disso voc pode corrigir e excluir cores na imagem de bitmap Neste tutorial voc usar imagens de bitmap que importa modifica e usa para criar rollovers desarticulados onde uma imagem muda em uma rea do documento quando o ponteiro passa sobre outra rea Adi o de camada Camadas oferecem uma maneira de organizar conjuntos de objetos em um documento em planos an logos a sobreposi es transparentes Nota Se estiver familiarizado com o Photoshop ter em mente que o termo camada tem um significado diferente no Fireworks No Fireworks um objeto qualquer coisa que voc cria ou importa como uma forma vetorial ou imagem de bitmap e que voc coloca em camadas Tutorial 35 36 Cap tulo 1 Quando usar camadas poss vel modificar objetos fa
69. cios mais tarde no tutorial Por enquanto s precisa saber que o painel Camadas oferece entre outros recursos uma maneira de organizar conjuntos de objetos Selecionar a camada Bot es posicionar os bot es criados na mesma camada de outros bot es no documento 3 Seo painel Ferramentas n o estiver vis vel selecionar Janela gt Ferramentas No painel Ferramentas selecionar a ferramenta Ret ngulo Posicionar o ponteiro em cruz no canto superior direito da c lula mostrada na ilustra o seguinte e arrastar para o canto oposto da c lula para que o ret ngulo fique alinhado s grades Tutorial 27 28 Cap tulo 1 Arrastar a COMPASS 4 ferramenta Ret ngulo daqui Lo at aqui Adi o de preenchimento d grad Alguns toques mais criativos far o sua forma vetorial parecer mais com um bot o Primeiro adicionar cores d grad s e em seguida Efeitos ao vivo Um d grad exibe varia es sutis de uma cor ou transi es entre duas ou mais cores Adicionar um d grad linear forma vetorial 1 Seo painel Preenchimento n o estiver vis vel selecionar Janela gt Preenchimento e verificar se a forma vetorial continua selecionada No painel Preenchimento usar o menu pop up Categoria de preenchimento para selecionar Linear Nota No modo vetorial o modo em que est agora usar a ferramenta Ponteiro para selecionar um objeto Um tra ado de sele o azul claro por padr o contornando o
70. como apacer quando for impressa ou publicada na Web O Fireworks possui v rias ferramentas para desenhar e editar objetos vetoriais que usam t cnicas diversificadas Com as ferramentas de forma b sica desenhe rapidamente linhas retas c rculos e elipses quadrados e ret ngulos estrelas e qualquer pol gono eq ilateral de 3 a 360 lados Pode se desenhar tra ados vetoriais livres com as ferramentas L pis Pincel e Canetas A ferramenta Caneta permite desenhar formas complexas com curvas suaves e linhas retas plotando pontos um a um Depois de desenhar objetos vetoriais o Fireworks oferece a voc v rios m todos para edit los poss vel alterar a forma de um objeto movendo adicionando ou excluindo pontos Al m disso pode usar al as de ponto para alterar a forma dos segmentos de tra ado adjacentes Ferramentas de mudan a de forma permitem a altera o na forma de objetos atrav s da edi o direta dos tra ados Comandos do menu Modificar oferecem a voc mais op es para editar objetos inclusive combinando objetos para criar um nico objeto criando um objeto da partir do ponto de interse o de v rios objetos e expandindo o tra o de um objeto Al m disso voc pode importar imagens bitmap e vetoriais e manipul las no modo vetorial 99 100 Cap tulo 5 Entrada no modo vetorial O Fireworks possui dois modos de desenho modo vetor e modo bitmap Para desenhar objetos vetoriais necess rio estar n
71. da biblioteca A biblioteca do Fireworks o ajuda agilizar a cria o de bot es consistentes para seu site na Web Voc pode criar um s mbolo de bot o original e us lo como origem para todos os bot es do site Para usar o s mbolo do bot o no documento atual importe o para a biblioteca Em seguida arraste o s mbolo na tela para criar novas ocorr ncias Nota A edi o de uma ocorr ncia quebra o v nculo entre ela e a original Se em algum momento for necess rio alterar os bot es no seu site na Web voc s precisa editar o s mbolo original e usar o comando Atualizar no painel Biblioteca para implementar as altera es em cada um dos documentos Para mais informa es sobre usar o painel Biblioteca consulte Sobre s mbolos e ocorr ncias na p gina 220 Importa o de c pia de s mbolo de bot o para o documento atual Para importar uma c pia de um s mbolo de bot o para o documento atual 1 Selecione Janela gt Biblioteca para abrir o painel Biblioteca 2 Selecione Importar s mbolos no menu pop up Op es 3 Localize o arquivo de s mbolo de bot o ou o documento do Fireworks criado anteriormente e clique em Abrir 4 Clique em Importar para trazer a c pia para a biblioteca Inser o de bot o da Biblioteca Para inserir um bot o da biblioteca 1 Abrao painel Biblioteca 2 Arraste o bot o da Biblioteca para o documento Importa o de s mbolo de bot o pr instalado O Fireworks vem co
72. da fonte selecionada a localizar M x define o tamanho m ximo de ponto da fonte selecionada a localizar Localiza o e substitui o de cores Selecione Localizar cor no menu pop up Localizar para pesquisar e substituir cores em documentos do Fireworks substituir x GpLocalizar e substituir LO l gt Pesquisar documento Localizar cor q Localizar ma Alterar para m Aplicar a Tra os e preenchimentos Localizar Super Substituir tudo Automatiza o de tarefas repetitivas 357 358 Cap tulo 20 Selecione um item no menu pop up Aplicar para determinar como as cores encontradas no localizar e substituir ser o aplicadas Preenchimentos localiza e substitui uma cor de preenchimento exceto dentro de preenchimentos com padr o Tra os localiza e substitui apenas cores de tra os Preenchimentos e tra os localiza e substitui cores de preenchimento e tra o e Efeitos localiza e substitui apenas cores de efeito Todas as propriedades localiza e substitui cores de preenchimento tra o e efeito Localiza o e substitui o de URLs Selecione URL no menu pop up Localizar do painel Localizar e substituir para pesquisar e substituir URLs atribu dos a objetos da Web em documentos do Fireworks ar e substituir GoLocalizar e substituir C Pesquisar documento v Localizar URL Localizar ww 2dobe com Alterar para wwmae
73. da imagem Crie uma nova moldura utilizando o painel Molduras Selecione Janela gt Molduras e clique no bot o Nova Duplicar moldura Posicione a imagem alvo de rollover Selecione Inserir gt Fatia para anexar uma fatia imagem alvo de rollover Utiliza o de comportamentos de arrastar e soltar para criar o rollover desmembrado A segunda parte da cria o de um rollover desmembrado vincular o objeto da Web de acionamento fatia alvo com uma linha de comportamento de arrastar e soltar Para configurar um comportamento trocar imagem para um rollover desmembrado 1 2 Selecione o objeto da Web que cobre a rea de acionamento Posicione o ponteiro sobre o s mbolo dos comportamentos de arrastar e soltar no centro do objeto da Web O ponteiro se torna uma m o Cria o de rollovers 269 3 Clique no ponteiro e mantenha o bot o do mouse para que ele se torne um punho 4 Arraste o punho at a fatia que cobre a imagem que deseja trocar A linha vai do centro do objeto da Web de acionamento at o canto superior esquerdo da fatia alvo e o di logo Trocar imagem de exibido Trocar imagem Trocar imagem de Moldura 2 v Mais op es 5 A partir do menu pop up Trocar imagem de selecione a moldura em que reside a imagem de rollover 270 Cap tulo 15 Exclus o de comportamentos de arrastar e soltar Voc pode excluir relacionamentos de comportamentos de arrastar e soltar aquelas l
74. de bitmap cortar imagens de bitmap e transformar imagens de bitmap Entrada no modo Bitmap Se voc escolher uma ferramenta do modo Bitmap como a ferramenta La o clicar duas vezes em uma imagem de bitmap ou selecionar uma imagem de bitmap no painel Camadas o Fireworks ir para o modo Bitmap Quando o Fireworks estiver no modo Bitmap aparecer uma borda listrada em torno do documento inteiro A borda funciona como um lembrete de que o modo Bitmap est ativo e de que no momento est o sendo editados pixels Nota Em vers es anteriores do Fireworks o modo Bitmap era chamado de modo de edi o de imagem Uma borda listrada envolve a tela no modo Bitmap 121 122 Cap tulo 6 Desenhar e editar no modo Bitmap pinta pixels individuais na imagem de bitmap Ao contr rio do desenho de objetos no modo Vetor sempre que voc desenha no modo Bitmap altera os pixels apagando tudo o que estava anteriormente nesses pixels Um objeto vetorial com um tra ado e pontos e uma imagem de bitmap composta inteiramente de pixels Altern ncia de e para o modo Bitmap Para editar pixels no bitmap importado aberto ou criado alterne do modo Vetor para o modo Bitmap Para alternar para o modo Bitmap Selecione um objeto de imagem de bitmap com qualquer uma destas ferramentas Moldura de caixa de sele o Moldura el ptica La o La o poligonal Varinha m gica Borracha ou Carimbo Clique duas vezes na imagem de bitmap usando a fe
75. de N veis de Entrada Nota O valor sombra n o pode ser mais alto que o valor realce e o valor realce n o pode ser menos que o valor sombra Ajuste dacore dotom 177 178 Cap tulo 6 Arraste os controles deslizantes N veis de Sa da para ajustar os valores de contraste na imagem Arraste o controle deslizante da direita para ajustar os realces usando valores de 255 a 0 e arraste o controle deslizante da esquerda para ajustar as sombras de 0 a 255 medida que move os controles deslizantes os valores s o automaticamente entrados nas caixas de N veis de sa da Para obter informa es sobre usar os bot es conta gotas para ajustar a faixa tonal consulte Ajuste da faixa tonal com os conta gotas na p gina 180 Ajuste autom tico da faixa tonal Ao usar o filtro N veis autom ticos voc pode automaticamente definir os pixels mais claros e mais escuros em uma imagem O filtro N veis autom ticos exatamente o mesmo que o filtro N veis exceto que o Fireworks faz os ajustes para voc Para ajustar realces tons m dios e sombras automaticamente 1 Selecione a imagem no modo vetorial ou no modo bitmap 2 Selecione N veis autom ticos Selecione Xtras gt Ajustar Cor gt N veis autom ticos Selecione Ajustar cores gt N veis autom ticos no menu pop up Efeito do painel Efeito Nota Voc tamb m pode ajustar os realces tons m dios e sombras automaticamente clicando no bot o Autom tico na cai
76. de cada visualiza o exibe estat sticas das configura es da visualiza o atual incluindo o formato de arquivo tempo de transfer ncia estimado tamanho do arquivo paleta e n mero de cores GIF 0 pontilhamento 1 93K Adaptativa O sega 28 8 kbps 67oores Janela de visualiza o Para comparar duas ou quatro configura es de otimiza o diferentes 1 Clique na guia 2 para cima ou 4 para cima no canto superior esquerdo da janela do documento 2 Clique em uma das visualiza es de tela dividida para selecion la 3 Digite as configura es no painel Otimizar e no painel Tabela de cores 4 Selecione a outra visualiza o e especifique configura es diferentes de otimiza o para comparar com a primeira Quando voc escolhe a visualiza o 2 para cima e 4 para cima a primeira exibe o documento PNG original do Fireworks de forma a permitir a sua compara o com as vers es otimizadas Voc pode alternar essa visualiza o para exibir outra vers o otimizada Otimiza o de gr ficos 301 302 Cap tulo 17 Para alternar a visualiza o original com uma otimizada na visualiza o 2 para cima e 4 para cima 1 Selecione a visualiza o que cont m o original 2 Na janela do documento selecione Visualizar exporta o no menu pop up Visualizar F Dsctoo15 ipg 50 Original Dscf001 w Original Sem visualiza o Visualizar exporta o Para alternar qualquer visualiza o otimiz
77. de comportamentos que cont m Sobre na barra de navega o Abaixo na barra de navega o e Restaurar barra de navega o Para obter mais informa es consulte Cria o de bot es e barras de navega o na p gina 229 Sobre na barra de navega o especifica o estado Acima para a fatia selecionada atualmente quando esta fizer parte de uma barra de navega o e especifica opcionalmente o estado Sobre durante o estado Abaixo Abaixo na barra de navega o especifica um estado Abaixo para a fatia selecionada atualmente quando esta fizer parte de uma barra de navega o Restaurar barra de navega o restaura todas as outras fatias na barra de navega o para o estado Acima Definir o menu pop up anexa um menu pop up a uma fatia ou ponto ativo Definir texto da barra de status permite definir o texto para exibi o na barra de status na base da maioria das janelas de navegador Os comportamentos no Fireworks 4 s o compat veis com os comportamentos do Dreamweaver 4 Ao exportar um rollover do Fireworks para o Dreamweaver 4 voc pode editar comportamentos do Fireworks utilizando o painel Comportamentos do Dreamweaver 4 Nota Os menus pop up funcionam no Dreamweaver 4 mas eles devem ser editados no Fireworks Para alterar o evento de mouse que ativa o comportamento 1 Selecione a fatia ou o ponto ativo acionador que cont m o comportamento que deseja modificar Todos os comportamentos associados q
78. de importa o especificadas Al m de preservar as camadas e o texto conforme especificado nas op es de importa o o Fireworks preserva e converte os seguintes recursos do Photoshop Convers o de m scaras de camada em m scaras de objeto do Fireworks Os efeitos da camada s o convertidos em Efeitos ao vivo do Fireworks se houver um Efeito ao vivo correspondente Por exemplo o efeito de camada Sombreamento converte um Efeito ao vivo de sombreamento no Fireworks Modos de mesclagem de camadas s o convertidos para modos de mesclagem do Fireworks para objetos correspondentes se aqueles m todos de mesclagem forem suportados pelo Fireworks A primeiro canal alfa na paleta Canais converte em reas transparentes na imagem do Fireworks O Fireworks n o suporta canais alfa adicionais do Photoshop Camadas de ajuste grupos de recorte e caminhos do Photoshop n o s o suportados pelo Fireworks O Fireworks ignora esses recursos quando importar arquivos do Photoshop Para importar um arquivo do Photoshop para o Fireworks 1 Selecione Arquivo gt Importar ou Arquivo gt Abrir e navegue at um arquivo do Photoshop PSD 2 Clique em Abrir O arquivo do Photoshop foi convertido em PNG e abriu no Fireworks Edi o vetorial e de bitmap No Photoshop 5 5 voc cria e edita imagens pela modifica o de grupos de pixels os blocos construtivos das imagens de bitmap O Fireworks proporciona suporte compar vel par
79. de limites nica e um caminho de movimento anexado que indica a dire o em que o s mbolo se move O ponto verde no caminho de movimento indica o ponto inicial enquanto o ponto vermelho mostra o ponto final Os pontos azuis no caminho representam molduras Por exemplo um s mbolo com cinco molduras ter cinco pontos azuis no seu caminho A posi o do objeto no caminho indica a moldura atual Desta forma se o objeto aparece no terceiro ponto a moldura 3 a moldura atual Voc pode alterar a dire o do movimento alterando o ngulo do do tra ado Para alterar o movimento ou dire o 1 Arraste uma das al as do s mbolo de anima o para um novo local O ponto verde indica o ponto inicial o vermelho indica o ponto final Para restringir a dire o do movimento a incrementos de 45 graus mantenha pressionada a tecla Shift enquanto arrasta Trabalho com molduras Voc constr i anima es criando v rias molduras Voc pode ver o conte do de cada moldura utilizando o painel Molduras O painel Molduras onde voc cria e organiza molduras Voc pode nomear as molduras reorganiz las definir manualmente a temporiza o da anima o e mover objetos de uma moldura para otra Coluna Onion skin Molduras FY i Moldura 1 20 2 Moldura 3 Moldura3 Nome da moldura Coluna retardo de moldura 2 G3 Para sempre Op es de t cnica Excluir moldura onion skin Moldura nova duplicada
80. de not cias 19 instala o 18 novos recursos 19 recursos para aprender 18 Requisitos do sistema 17 Flash exportar anima es para 293 exportar para 328 fluxo de trabalho 392 folha de refer ncia 62 fonte alterar com o uso do menu Texto 141 estilo 140 Localizar e substituir 357 tamanho do tipo 140 tratar de fontes ausentes 151 For ar propor o 70 formato de arquivo 302 selecionar GIF 302 selecionar JPEG 303 selecionar PNG 303 formato WBMP exportar para 332 FreeHand abrir arquivos 67 exportar para 327 G GIF configura es de otimiza o 304 escolher uma paleta de cores 304 exemplos 157 selecionar GIF 302 girar objetos 92 reposicionar eixo de rota o 93 grade alinhar objetos a 83 alterar cor padr o 84 alterar tamanho da c lula 84 mostrar ocultar 83 gr ficos de bitmap 48 exportar 318 vetoriais 48 grupos de ferramentas 52 guias alinhar objetos a 83 bloquear 83 de fatia exibir 252 Visualizar 51 H histograma 176 HTML arquivos 389 atualizar HTML do Fireworks colocado no Dreamweaver 349 coment rios 390 Configurar guia Espec fico do documento 335 Configurar guia Geral 335 Configurar guia Tabelas 326 copiar e colar do Fireworks para o Dreamweaver 339 inserir bot es 391 inserir do Fireworks no Dreamweaver 338 inserir em um arquivo HTML existente 390 inserir fatias 391 substituir vers o mais antiga 391 v nculos desfeitos 393 Illustrator abrir arguivos 67 abrir do Fireworks 67
81. de pontilhamento em imagens de 8 bits Habilita o ou desabilita o das configura es de otimiza o Exporta o de molduras ou camadas como m ltiplos arquivos O Fireworks pode exportar todas as camadas ou molduras de um documento como arquivos de imagem separados usando um nico comando de exporta o Cada moldura ou camada ser exportada como uma imagem separada usando as configura es de otimiza o especificadas no painel Otimizar O nome da camada ou moldura determina o nome do arquivo de cada arquivo exportado Para exportar molduras ou camadas como m ltiplos arquivos 1 2 Selecione Arquivo gt Exportar Selecione uma das op es seguintes Para exportar molduras como m ltiplos arquivos selecione Molduras para arquivos Para exportar camadas como m ltiplos arquivos selecione Camadas para arquivos Nota Isso exporta todas as camadas na moldura atual Exporta o 323 324 Cap tulo 18 Selecione Aparar imagens para recortar automaticamente as imagens exportadas para adequar os objetos em cada moldura Se voc deseja exportar as molduras ou camadas do mesmo tamanho que o documento desselecione Aparar imagens Selecione o destino e clique em Salvar Exporta o de rea Use a ferramenta Exportar rea para exportar uma parte de um gr fico do Fireworks Para exportar uma parte de um documento 1 2 Selecione a ferramenta rea de exporta o no painel Ferramentas Arraste u
82. do Fireworks 340 J JPEG Agucar bordas do JPEG 308 compress o JPEG seletiva 306 configura es de otimiza o 306 edi o de reas selecionadas 307 progressivo 308 selecionar 303 K kerning 142 L li es 18 limitar rota o 93 linhas desenhar 101 localizar bordas Xtra 185 Localizar e substituir 354 arquivos processados em lote 363 cores 357 cores n o Websafe 358 fonte 357 m ltiplos arquivos 355 selecionar origem da pesquisa 355 402 ndice remissivo texto 356 URLs 358 usos 354 Lotus Domino Designer exportar para 333 Macintosh Requisitos do sistema para 17 mapas de imagens criar 241 exportar 246 m scaras 204 agrupar objetos para formar uma m scara 207 ativar 210 criar m scaras vazias 208 desativar 210 editar 209 editar um objeto sem afetar 209 excluir 210 texto como uma m scara 207 usar um objeto existente 206 m scaras de bitmap 206 criar 206 usar um objeto existente 206 m scaras vetoriais 206 converter em m scara de bitmap 210 criar 206 usar um objeto existente 206 matiz 182 Matiz Satura o Xtra 182 menus Contexto 56 menus pop up arrastar 274 criar 272 descri o 272 digitar texto do menu 272 editar 274 exportar 274 projetar a apar ncia 273 mesclagem aplicar 214 definir modo de mesclagem 214 painel Camadas 214 mesclar tra ados 110 miniaturas 209 Mini iniciador 54 Misturador de cores 159 criar cores 160 mode objeto consulte modo objeto modelo de cor CMY 159 H
83. do nome da camada no painel Camadas Para expandir ou reduzir todas as camadas Alt clique no sinal de adi o ou subtra o Windows ou Option clique no tri ngulo Macintosh Para mover um objeto para outra camada Arrastar o objeto para a camada desejada P Imagen he HED i Nota Arrastar objetos dentro de uma camada para alterar a ordem de empilhamento naquela camada Camadas e mascaramento 203 204 Cap tulo 11 Para copiar objetos selecionados para outra camada Manter pressionada a tecla Alt Windows ou Option Macintosh e arrastar o objeto at a camada desejada Para renomear um objeto 1 Clicar duas vezes no nome de um objeto no painel Camadas 2 Digitar um novo nome para o objeto Para fechar clicar fora da caixa de texto ou pressionar Enter Duplica o de camadas Voc pode adicionar camadas duplicadas e selecionar onde posicion las no painel Camadas Uma camada duplicada cont m os mesmos objetos que a camada atualmente selecionada Camadas duplicadas t m o mesmo nome que a camada original mas com um n mero anexado Para duplicar uma camada 1 Siga uma das seguintes op es Arrastar uma camada para o bot o Camada nova duplicada Selecionar uma camada e escolher Duplicar camada no menu pop up Op es do painel Camadas 2 Se optou pela segunda selecione o n mero de camadas duplicadas a inserir e onde coloc las na ordem de empilhamento Nota A Camada da Web sempre
84. e tabelas geradas pelo Fireworks colocadas em um documento Dreamweaver O Dreamweaver inicia automaticamente o Fireworks permitindo fazer as edi es desejadas na imagem As atualiza es feitas no Fireworks s o automaticamente aplicadas imagem colocada no Dreamweaver O Fireworks reconhece e preserva muitas edi es feitas ao documento no Dreamweaver incluindo v nculos alterados mapas de imagens editados e texto editado em fatias de texto O Inspetor de propriedades no Dreamweaver ajuda a identificar imagens fatias de tabelas e tabelas geradas pelo Fireworks em um documento Edi o de imagens do Fireworks Voc pode iniciar o Fireworks para editar imagens individuais colocadas em um documento Dreamweaver Para iniciar e editar uma imagem do Fireworks colocada no Dreamweaver 1 No Dreamweaver selecione Janela gt Propriedades para abrir o Inspetor de propriedades se necess rio 2 Siga uma das seguintes op es Selecione a imagem desejada O Inspetor de propriedades identifica a sele o como uma imagem do Fireworks e exibe o nome do arquivo PNG de origem conhecido para a imagem Em seguida clique em Editar no Inspetor de propriedades Utiliza o do Dreamweaver e do Fireworks juntos 343 Sem t tulo 01Tutori E3 Arquivo Editar Exibir Inserir Modificar Texto Comandos Site Janela Ajuda T tulo Sem t tulo 1974 145 1K 15sec cual Imagem 7K L 301 Orig Inst 19DWF wiGre
85. em Como colar no Fireworks na p gina 72 Selecione Arquivo gt Novo A caixa de di logo Novo documento abre com as dimens es de largura e altura do objeto na rea de Transfer ncia Defina a resolu o e cor da tela e clique em OK Selecione Editar gt Colar para colar o objeto da rea de Transfer ncia no novo documento Para abrir um documento existente 1 2 Selecione Arquivo gt Abrir A caixa de di logo Abrir exibida Selecione o arquivo e clique em Abrir Abertura de gr ficos de outros aplicativos Com o Fireworks voc pode abrir arquivos de outros aplicativos ou formatos de arquivo inclusive arquivos do Photoshop FreeHand Illustrator descompactado do CorelDRAW e GIF animados Quando abrir um formato de arquivo diferente do PNG usando Arquivo gt Abrir ser criado um novo documento do Fireworks Enquanto que se o novo documento for um arquivo PNG o documento original permanecer inalterado Abertura de arquivos do Fireworks 1 No Fireworks 1 a camada de fundo uma imagem permanente que abrange toda a tela sob a qual nenhum objeto ou camada pode ser colocado Os documentos do Fireworks 4 n o t m uma camada de fundo permanente Quando abrir documentos do Fireworks 1 no Fireworks 4 a camada de fundo do documento do Fireworks 1 ser convertida em um objeto bitmap e colocada como camada compartilhada na base do documento Da mesma forma a sobreposi o de URL no documento do Fireworks
86. enevoadas No Fireworks voc pode definir a borda de um preenchimento como uma linha acentuada regular ou suaviz la atrav s dos recursos Suaviza o de serrilhado ou Enevoado Por padr o as bordas apresentam serrilhados suavizados A suaviza o de serrilhado suaviza bordas irregulares que podem ocorrer em objetos arredondados como elipses e c rculos atrav s de uma mistura sutil da borda com o fundo No entanto o enevoado cria uma mistura percept vel nos dois lados da borda Isso confere borda um efeito suavizado quase um brilho Para alterar a borda do preenchimento de um objeto selecionado 1 No painel Preenchimento selecione uma op o no menu pop up Borda Preenchimento acentuado Suaviza o de serrilhado ou Enevoadas 2 Para uma borda enevoada selecione tamb m o n mero de pixels a serem enevoados em cada lado da borda O padr o 10 Voc pode escolher de 0 a 100 Quanto mais alto o n vel maior o enevoamento Adi o de textura a tra os e preenchimentos Voc pode criar efeitos dimensionais tanto para tra os quanto para preenchimentos pela adi o de textura O Fireworks fornece texturas ou voc pode usar texturas existentes Para maiores informa es sobre a utiliza o de texturas externas consulte Utiliza o de arquivos externos como padr es e texturas na p gina 173 Adi o de textura a um tra o As texturas modificam o brilho do tra o mas n o o matiz e conferem aos tra os
87. escala com largura e alturas exatas Selecione Escalonar para encaixar na rea e insira os valores m ximos de largura e altura para colocar imagens em escala proporcional dentro de uma faixa especificada de largura e altura Nota Selecione Escalonar para encaixar na rea para converter um grupo de imagens em imagens em imagens miniaturas Selecione Colocar em escala para porcentagem para colocar imagens em escala por porcentagem Clique em Avan ar para continuar o processo em lote Localiza o e substitui o durante um processo em lote Adicione Localizar e substituir caixa de di logo Processo em lote para localizar e substituir texto fontes cores ou URLs em bot es pontos ativos ou fatias quando processar em lote Substitui o em lote Localizar testo v Localizar Pe Alterar para E Palavra inteira T Coincidir mai sc min sc r Express es regulares Estas op es aplicam se a arquivos de objeto como Fireworks e FreeHand mas n o a arquivos apenas de imagens como GIF ou JPEG WW Atualizar registro de projeto Cancelar Substitui o em lote afeta apenas os seguintes formatos de arquivo Fireworks PNG Illustrator FreeHand e CorelDRAW Substitui o em Lote n o afeta GIFs e JPEGs Para selecionar atributos a localizar e substituir durante um processo em lote 1 Clique em Editar para abrir a caixa de di logo Substitui o em lote 2 Selecione o tipo de atributo a loca
88. exportar para 327 ilus o de perspectiva 93 de transpar ncia 174 imagens borda listrada 121 clonar 134 coladas 72 criar 132 exportar 318 pintar 131 selecionar 123 selecionar pixels 123 importar arquivos do Photoshop 375 arquivos PNG 73 de c mera digital 70 estilos 220 s mbolos 223 texto 150 texto arquivos do Photoshop 150 texto arquivos RTF 150 texto ASCII 151 Xtra para Director 331 inclinar objetos 93 Iniciar e editar prefer ncias 343 iniciar o Fireworks a partir do Dreamweaver Consulte Integra o entre Dreamweaver e Fireworks inserir HTML do Fireworks no Dreamweaver 338 imagens do Fireworks no Dreamweaver 338 instala o Fireworks 18 ndice remissivo 401 instalar plug ins do Photoshop 191 integra o entre Dreamweaver e Fireworks atualizar HTML do Fireworks 349 comando Otimizar imagem no Fireworks 346 criar lbuns de fotografias na Web 350 editar anima es do Fireworks 348 exportar Camadas CSS 340 exportar itens de biblioteca Dreamweaver 340 iniciar e editar imagens do Fireworks 343 iniciar e editar tabelas do Fireworks 345 iniciar e otimizar imagens do Fireworks 346 inserir arquivos do Fireworks 337 Notas de Design 342 prefer ncia de editor externo 341 prefer ncias Iniciar e editar 343 redimensionar imagens do Fireworks 347 integra o entre Fireworks e Dreamweaver Consulte Integra o entre Dreamweaver e Fireworks interpola o escalonar 57 Inverter Xtra 183 itens de biblioteca exportar
89. grupos de recorte 379 hist rico 384 importar arquivos PSD para Fireworks 375 mascaramento 380 m scaras de camada 380 otimizar arquivos 386 texto 381 pixels ajustar faixa tonal 176 ajustar faixa tonal usando conta gotas 180 ajustar faixa tonal usando Curvas 178 apagar 133 clonar 134 contrair borda de sele o 129 copiar 123 enevoar 134 expandir borda de sele o 129 faixa tonal 176 modo Bitmap 121 mover 123 N veis autom ticos 178 pintar 131 recortar 123 selecionar 123 selecionar rea de forma livre 125 selecionar rea em torno da moldura de caixa de sele o 130 selecionar rea poligonal 126 selecionar cores semelhantes 126 suavizar borda da moldura de caixa de sele o 130 plotar pontos 105 plug ins 190 como Efeitos ao vivo 175 plug ins do Photoshop aplicar 191 instala o de aquisi o 71 instalar 191 PNG configura es de otimiza o 304 escolher uma paleta de cores 304 selecionar PNG 303 pol gonos 102 limitar 102 pontilhamento 305 com cores Websafe 173 ponto central desenhar de 101 transformar 91 pontos acionar 111 alterar segmento adjacente 110 converter 109 converter retos em curvos 109 de curva 106 dobrar um segmento adjacente 112 excluir 111 mover 110 selecionar 112 pontos ativos aplicar comportamentos arrastar e soltar 245 atribuir URLs 243 criar 241 editar forma 244 sobre as fatias 277 pontos de canto 106 possibilidade de extens o 19 preenchimentos adicionar padr es lista 169
90. mais entradas e Limpar sele o no menu pop up Op es do Registro de projeto Automatiza o de tarefas repetitivas 367 368 Cap tulo 20 Para remover todas as entradas do Registro de projeto Selecione Limpar tudo do menu pop up Op es do Registro de projeto Para exportar um arquivo listado no Registro de projeto com suas ltimas configura es de exporta o Selecione o arquivo e selecione Exportar Novamente no menu pop up Op es do Registro de projeto Visualiza o e impress o de Registro de projeto A vers o mais recente do Registro de projeto armazenada como um arquivo HTML na pasta Fireworks 4Settings Abra o arquivo Project Log htm em um navegador para ver ou imprimir o Registro de projeto Scripts Voc pode reduzir o t dio de algumas tarefas repetitivas com a cria o de scripts de macro no Fireworks Execute apenas as etapas no Fireworks que voc deseja incluir em um script e em seguida use o painel Hist rico para salv los como comandos Ou escreva seu pr rpio c digo em JavaScript em um editor de texto para executar dentro do Fireworks Use scripts para tarefas como aplicar altera es no texto aplicar cores tra os e preenchimentos alterar tamanho e resolu es de documento configurar uma cor espe ifica de tela ou aplicar m ltiplos efeitos e distor es a v rios objetos Voc pode controlar quase todos os comandos ou configura es no Fireworks com JavaScript usando comandos espe
91. menu pop up Op es do Misturador de cores Os valores atuais dos componentes da cor mudar o para cada novo modelo de cor Para exibir o Misturador de cores Selecione Janela gt Misturador de cores Aplica o de cores tra os e preenchimentos 159 Para alternar a barra de cores entre os modelos de cores Clique na barra de cores mantendo a tecla Shift pressionada na parte inferior do Misturador de cores As op es no Misturador de cores n o se alteram Para aplicar uma cor da barra de cores a um objeto selecionado 1 No Misturador de cores clique na caixa de cor de tra o ou preenchimento para faz la a amostra ativa 2 Mova o ponteiro sobre a barra de cores O ponteiro se torna o ponteiro conta gotas 3 Clique para selecionar uma cor A cor aplicada ao objeto selecionado e se torna a cor ativa de tra o ou preenchimento Para criar uma cor no Misturador de cores 1 Desselecione todos os objetos antes de misturar uma cor para evitar a edi o indesejada de um objeto ao misturar cores 2 Clique na caixa de cores tra o ou preenchimento para torn la o destino da nova cor 3 Escolha um modelo de cores no menu pop up Op es do Misturador de cores 4 Especifique os valores dos componentes da cor Digite valores nas caixas de texto de componentes de cor Use os controles deslizantes pop up e Selecione uma cor da barra de cores Voc pode adicionar a cor ao painel Exemplos para ser reutilizada
92. mesmos atalhos de teclado do Photoshop para comandos de menu Para usar os atalhos de teclado do Photoshop para os comandos de menu do Fireworks 1 No Fireworks selecione Editar gt Atalhos de teclado 2 Selecione Photoshop no menu pop up Conjunto atual 3 Se desejar personalize as teclas de atalho para comandos de menu espec ficos Para obter mais informa es consulte Altera o dos conjuntos de atalho de teclado na p gina 59 4 Clique em OK 373 374 Cap tulo 21 Importa o de arquivos do Photoshop para o Fireworks O Fireworks proporciona suporte excelente para importa o de arquivos criados no Photoshop PSD e oferece op es para reten o de muitos aspectos dos arquivos importados incluindo camadas m scaras e texto edit vel Assim voc pode trazer para o Fireworks as imagens do Photoshop para edi o mais detalhada e otimiza o de Web sem perder a possibilidade de re export las para o Photoshop Especifica o das op es para importar arquivo do Photoshop As op es do Fireworks para prefer ncias de importa o permitem especificar como manipular as camadas e o texto nos arquivos importados do Photoshop Dependendo das op es escolhidas voc poder controlar o grau da apar ncia e do texto edit vel dos arquivos importados Para especificar as op es de importa o para arquivos do Photoshop 1 Selecione Editar gt Prefer ncias e clique na guia Importar Windows ou se
93. molduras 1 Clique duas vezes na camada compartilhada 2 Desselecione Compartilhar entre molduras 3 Selecione como copiar objetos para molduras Deixe o conte do da camada compartilhada apenas na moldura atual Copie o conte do da camada compartilhada para todas as molduras Utiliza o de onion skin Use o recurso onion skin para exibir o conte do de molduras anteriores e posteriores moldura atualmente selecionada A t cnica onion skin o ajuda a animar molduras de forma f cil sem ter que mover se para frente e para tr s atrav s delas O termo onion skin prov m de uma tradicional t cnica de anima o que utiliza papel vegetal fino e transl cido para exibir segii ncias animadas Quando o onion skin estiver ativado objetos em molduras antes ou depois da atual ser o atenuados para que possam ser distinguidos dos objetos na moldura atual O p ssaro mais escuro no meio est na moldura atual com a op o onion skin antes e depois ativada Por padr o voc pode selecionar e editar objetos atenuados em outras molduras sem sair da moldura atual Para ajustar o n mero de molduras vis veis antes e depois da moldura atual 1 No painel Molduras clique no bot o Onion skin Molduras ds i Moldura 1 4 Moldura4 3 Moldura3 w Sem onion skin Mostrar pr xima moldura Antes e depois Mostrar todas as molduras Personalizar v Edi o de m ltiplas molduras Cria
94. na rea cinza EE Dsctoo12 25 Mikl ES Original i Escolha uma configurac o de zoom no menu pop up l4 gt boto 4i Ib 8244960 254 O menu pop up Zoom na janela do documento e a ferramenta Zoom e a ferramenta M o no painel Ferramentas Para aumentar um documento Escolha a ferramenta Zoom e clique dentro da janela de um documento em que deseja o novo ponto central Escolha uma defini o de zoom no menu pop up Zoom Selecione Exibir gt Zoom e escolha uma op o de Zoom Para reduzir um documento Escolha uma defini o de zoom no menu pop up Zoom Selecione Exibir gt Zoom e escolha uma op o de zoom Para aumentar uma rea espec fica Arraste uma rea de sele o com a ferramenta Zoom Para diminuir com base em uma rea de sele o Mantenha a tecla Alt Windows ou Option Macintosh pressionada e arraste uma rea de sele o com a ferramenta Zoom Para retornar a 100 do tamanho Clique duas vezes na ferramenta Zoom no painel Ferramentas Para enquadrar seu documento 1 Selecione a ferramenta M o O cursor M o aparece 2 Arraste o cursor M o Nota Durante o enquadramento quando voc atingir a borda de um documento a exibi o continuar a rolar alguns pixels para a rea cinza Para ajustar o documento na exibi o atual Clique duas vezes na ferramenta M o Exibi o de m ltiplas exibi es de documento Use m ltiplas exibi
95. no in cio do documento e coloca a tabela HTML ou v nculo para a imagem no final Cria o de lbuns de fotografias na Web O comando Criar lbum de fotografias na Web no Dreamweaver permite gerar automaticamente um site da Web que exibe um lbum de imagens de uma dada pasta Este comando usa JavaScript para chamar o Fireworks que cria uma miniatura e uma imagem de tamanho maior para cada uma das imagens da pasta O Dreamweaver ent o cria uma p gina da Web que cont m todas as miniaturas e v nculos para as imagens maiores Para usar Criar lbum de fotografias na Web voc deve ter tanto o Dreamweaver quanto o Fireworks instalados no seu sistema Antes de come ar coloque todas as imagens para seu lbum de fotografias em uma nica pasta A pasta n o precisa estar em um site Al m disso certifique se de que os nomes de arquivo de imagem terminem em extens es reconhecidas pelo comando Criar lbum de fotografias na Web gif jpg jpeg png psd tif ou tiff As imagens com extens o de arquivo n o reconhecidas n o s o inclu das no lbum de fotografias Utiliza o do Dreamweaver e do Fireworks juntos 349 350 Cap tulo 19 Para criar um lbum de fotografias na Web 1 2 No Dreamweaver selecione Comandos gt Criar lbum de fotografias na Web No campo de texto T tulo do lbum de fotografias digite um t tulo O t tulo ser exibido em um ret ngulo cinza no topo da p gina que cont m as miniaturas
96. o 3 Use os controles Retardo de moldura no painel Molduras para definir a velocidade do movimento da anima o 4 Otimize e exporte o documento como um GIF Animado Trabalho com s mbolos de anima o Os s mbolos de anima o realizam a es como os atores em um filme Por exemplo em uma anima o de tr s gansos voando no c u cada ganso um membro do elenco Um s mbolo de anima o pode ser qualquer objeto que voc cria ou importa e poss vel ter v rios s mbolos em um arquivo Cada s mbolo tem suas pr prias propriedades e anima independentemente Desta forma voc pode criar s mbolos que se movem atrav s da tela enquanto outros se apagam ou encolhem Nota Se voc converter um objeto existente em um s mbolo de anima o voc deve se assegurar de que ele est definido para ser otimizado como um GIF animado no painel Otimizar Caso contr rio o movimento do s mbolo n o ser exportado Para obter mais informa es consulte Otimiza o de uma anima o na p gina 292 Voc pode alterar propriedades de s mbolos de anima o a qualquer momento usando o di logo Animar ou o painel Objeto Voc tamb m pode editar o s mbolo no Editor de s mbolo O Editor de s mbolo permite editar seu s mbolo sem afetar o resto do documento Voc tamb m pode alterar o movimento do s mbolo alterando seu caminho de movimento Como os s mbolos de anima o s o automaticamente colocados na biblioteca voc
97. o para a nova posi o Cada ponto na curva tem seus pr prios valores de Entrada e Sa da Quando voc arrasta um ponto os valores de entrada e sa da s o automaticamente atualizados A curva exibe valores de brilho de 0 a 255 com 0 representando as sombras Curva ap s arrastar um ponto para ajustar Nota Clicar no bot o Autom tico d o mesmo resultado que clicar no bot o Autom tico na caixa de di logo N veis Ajuste da core dotom 179 180 Cap tulo 9 Para excluir um ponto ao longo da curva Arraste o ponto para fora da grade Nota Voc n o pode excluir os pontos finais da curva Ajuste da faixa tonal com os conta gotas poss vel ajustar realces sombras e tons m dios usando o bot o conta gotas de sombra realce ou tom m dio na caixa de di logo N veis ou Curvas Por exemplo voc pode ter uma imagem que cont m muito branco e portanto est com a apar ncia desbotada Clique no conta gotas realce e em seguida clique em um pixel na imagem que n o seja branco O realce na imagem remapeado para a nova cor dando mais contraste figura Para ajustar a faixa tonal usando um conta gotas 1 Abraa caixa de di logo N veis ou Curvas e escolha um canal de cor no menu pop up Canal 2 Selecione o conta gotas apropriado O conta gotas Realce conta gotas com tinta branca redefine o valor de realce e O conta gotas Sombra conta gotas com tinta preta redefine o valor sombra
98. o para fazer altera es no tamanho da rea 3 Selecione Modificar gt JPEG seletivo gt Salvar sele o como m scara JPEG 4 Altere as configura es de qualidade seletiva no painel Otimizar se desejado Nota Para desfazer uma sele o escolha Modificar gt JPEG seletivo gt Remover m scara JPEG Redu o de qualidade para diminuir o tamanho do arquivo Ajuste a configura o Qualidade no painel Otimizar para aumentar ou diminuir a qualidade da imagem JPEG A escolha de uma qualidade inferior resultar em um arquivo JPEG menor Emba amento de bordas para aumentar a compacta o Defina Suaviza o no painel Otimizar para ajudar a diminuir o tamanho dos arquivos de JPEGs A suaviza o emba a bordas acentuadas que n o s o bem compactadas em JPEGs N meros maiores produzem mais emba amento in the exported JPEG no JPEG exportado criando normalmente arquivos menores Otimiza o de gr ficos 307 308 Cap tulo 17 Uma configura o de suaviza o de cerca de 3 reduz o tamanho da imagem enquanto ainda mant m uma qualidade razo vel Agu amento de bordas coloridas e detalhes delicados Selecione Agu ar bordas do JPEG no menu pop up Op es do painel Otimizar para ajudar a manter as bordas finas entre duas cores Use Agu ar bordas do JPEG ao exportar JPGEs com texto ou detalhe fino para manter a nitidez dessas reas A escolha de Agu ar bordas do JPEG aumenta o tamanho do arquivo JPEGs progr
99. o bot o fizer parte de uma barra de navega o pode ser necess rio usar os quatro estados do bot o Contudo se seu bot o residir em apenas uma p gina da Web provavelmente ser o necess rios apenas o estado Acima e o estado Sobre Nota Quando voc cria ou insere um bot o o Fireworks o colocar automaticamente na Moldura 1 Buttons work correctly only on Frame 1 Se um bot o for movido para outra moldura n o funcionar corretamente Para criar um bot o 1 Selecione Inserir gt Novo bot o para abrir o Editor de bot o O Editor de bot o abre o indicador de estado Acima 2 Na rea de trabalho do Editor de bot o posicione um gr fico que aparecer como o estado Acima do bot o Use as ferramentas de desenho e edi o para criar um gr fico Importe ou arraste e solte um gr fico no Editor de bot o 3 Se quiser que o bot o exiba texto use a ferramenta Texto Nota uma boa id ia alinhar no centro o texto para que ele mantenha a posi o central no bot o em futuras edi es 4 Clique no indicador Acima Cria o de bot es e barras de navega o 231 232 Cap tulo 13 5 Marque a caixa Onion skinning para poder alinhar visualmente cada gr fico de estado do bot o 6 Posicione um gr fico de estado Acima do bot o e Clique em Copiar gr fico Acima para colar uma c pia do gr fico do estado Acima na janela Sobre e em seguida edite o para alterar sua apar ncia Crie um gr fico de est
100. o de anima o 289 290 Cap tulo 16 2 Selecione uma op o de exibi o Sem onion Skin desativa o onion skin e exibe apenas o conte do da moldura atual Mostrar pr xima moldura exibe o conte do da moldura atual e da pr xima moldura Antes e depois exibe o conte do da moldura atual e das adjacentes Mostrar todas as molduras exibe o conte do de todas as molduras Personalizar define um n mero personalizado de molduras e controla a opacidade do onion skin Edi o de m ltiplas molduras permite selecionar e editar todos os objetos vis veis Desselecionar esta op o permite selecionar e editar apenas os objetos da moldura atual Visualiza o de anima o Voc pode visualizar uma anima o enquanto estiver trabalhando nela a fim de ver seu andamento Voc tamb m pode visualizar uma anima o ap s a otimiza o para ver como o GIF animado exportado ficar em um navegador da Web Para visualizar uma anima o na rea de trabalho Use os controles de moldura que aparecem na base da janela do documento Controles de moldura Observe estes conceitos ao visualizar anima es Para definir quanto tempo cada moldura aparece na janela do documento informe as configura es de retardo da moldura no painel Molduras As molduras exclu das da exporta o n o aparecem na visualiza o A visualiza o da anima o na janela do documento original exibe o gr fico de origem com resolu o total
101. o de pixels As op es de estilo est o dispon veis apenas para as ferramentas da Moldura de caixa de sele o Normal permite criar uma moldura de caixa de sele o em que a altura e a largura s o independentes Propor o fixa restringe a altura e a largura a propor es definidas Tamanho fixo restringe a altura e a largura a uma dimens o definida Para selecionar uma rea retangular ou el ptica de pixels 1 Clique duas vezes na ferramenta Moldura de caixa de sele o ou Moldura el ptica para abrir o painel Op es da ferramenta 2 Escolha as op es Estilo e Borda 3 Arraste para selecionar os pixels Nota Mantenha pressionada a tecla Shift para desenhar molduras quadradas ou circulares Mantenha pressionada a tecla Alt Windows ou Option Macintosh para desenhar a partir do centro Para selecionar uma rea de forma livre de pixels 1 Clique duas vezes na ferramenta La o para abrir o painel Op es da ferramenta 2 Escolha uma op o de Borda Trabalho com bitmaps 125 3 Arraste o ponteiro em torno dos pixels que deseja selecionar Para selecionar uma rea poligonal de pixels 1 Clique duas vezes na ferramenta La o poligonal para abrir o painel Op es da ferramenta e escolha uma op o de Borda Clique para definir a sele o Feche o pol gono Clique no ponto inicial Clique duas vezes na rea de trabalho Nota Mantenha pressionada a tecla Shift para restringir os
102. objeto indica que esse est selecionado 2 No menu pop up Nome do preenchimento selecionar Preto Branco 3 Clicar e arrastar o exemplo de cores da esquerda para a direita para que o d grad fique um pouco mais escuro Quando adicionar texto claro ao bot o esse ficar mais leg vel sobre a cor de preenchimento ligeiramente mais escura Preto branco Editar O bot o Editar Exemplo de cores Aplicac o de Efeitos ao vivo Com Efeitos ao vivo do Fireworks poss vel adicionar v rios efeitos especiais como chanfrado e relevo ao texto e aos gr ficos 1 Seo painel Efeito n o estiver vis vel selecionar Janela gt Efeito e verificar se sua forma vetorial continua selecionada 2 No menu pop up Adicionar efeito do painel Efeito no topo do painel selecionar Chanfro e Relevo gt Chanfro interno Campos adicionais aparecem no painel Efeito 3 No menu pop up Forma da borda do chanfro selecionar Inclinada 4 Para diminuir a largura do chanfro mover o controle deslizante pop up Largura par 4 e pressionar Enter Adicionar o menu pop up Efeito Menu pop up Forma da borda do chanfro Campo Largura 8 Nota Ap s adicionar um Efeito ao vivo se desejar modific lo clicar no bot o Info no painel Efeito Cria o de bot es Voc est pronto para transformar sua forma vetorial em um bot o convertendo o em um s mbolo de bot o Um s mbolo um elemento de m dia reutiliz vel armazenado na sua
103. objeto ou objetos na rea de transfer ncia Selecione Editar gt Recortar Selecionar Editar gt Copiar 3 Selecionar o objeto que deseja mascarar 4 Selecione Editar gt Colar como m scara ou Modificar gt M scara gt Colar como m scara Se j existir uma m scara voc pode selecionar Substituir ou Adicionar a ela Selecionar Adicionar cria uma m scara formada por mais de um objeto Para adicionar uma m scara ao conte do da rea de transfer ncia 1 Selecionar o objeto a ser mascarado 2 Selecione Editar gt Recortar 3 Selecionar o objeto que deseja usar como m scara 4 Selecionar Editar gt Colar em Agrupamento de objetos para formar uma m scara Voc pode selecionar dois ou mais objetos existentes e agrup los para formar um objeto mascarado O objeto do topo torna se o objeto de m scara Verificar no painel Camadas qual objeto est no topo Objetos de diferentes camadas podem ser agrupados como um objeto de m scara O objeto do topo da camada mais alta torna se o objeto de m scara Voc pode agrupar objetos como m scaras vetoriais ou de bitmap Agrupar como m scara resulta em uma m scara de bitmap O comando para Agrupar como m scara vetorial encontrado nos Atalhos de teclado sob a categoria Miscel nea Isso o mesmo que usar Agrupar como m scara e escolher Contorno do tra ado no painel Objeto Para obter mais informa es consulte Uso do painel Objeto no mascaramento na p gina
104. os recursos de copiar e colar ou arrastar e soltar Importa o de texto ASCII Voc pode importar texto ASCII usando qualquer um dos m todos de importa o O texto ASCII importado configurado para a fonte padr o atual com 12 pixels de altura e usa a cor de preenchimento atual Tratamento de fontes ausentes Ao abrir um documento no Fireworks que cont m fontes que n o est o instaladas no seu computador a caixa de di logo Fontes ausentes exibida Voc pode escolher fontes para substituir as fontes ausentes Se n o escolher fontes de substitui o o texto exibido na fonte padr o do sistema Voc pode editar e salvar o texto Quando o arquivo for reaberto em um computador que cont m as fontes originais o programa lembra da fonte original Para selecionar uma fonte de substitui o 1 Selecione uma fonte ausente na lista Alterar fonte ausente 2 Selecione uma fonte de substitui o na lista Para e em seguida clique em OK Da pr xima vez que abrir um documento com as mesmas fontes ausentes a caixa de di logo Fontes ausentes conter as fontes selecionadas Para deixar a fonte ausente inalterada Clique em Sem altera o Uso de texto 151 152 Cap tulo 7 CAP TULO 8 Aplica o de cores tra os e preenchimentos O Fireworks lhe oferece uma vasta gama de op es quando se trata de escolher cores para um gr fico Voc pode usar os exemplos de cores para ajud lo a manter a apar ncia do
105. ou ocultar objetos de fatia e guias em uma Visualiza o Clique no bot o Mostrar ou Ocultar pontos ativos e fatias no painel Ferramentas Visualiza o de bot es e rollovers Mova o ponteiro sobre o rollover ou o bot o na janela Visualiza o para ver como o objeto aparece no navegador da Web Nota Para visualizar bot es ou rollovers voc deve exibir a Moldura 1 Para mudar para Moldura 1 clique sobre ela no painel Molduras Estimativa de tempo de transfer ncia de arquivo A janela Visualiza o exibe o tamanho total da imagem e o tempo total estimado para a transfer ncia A janela Visualiza o exibe o tamanho total da imagem e o tempo total estimado O tempo de transfer ncia estimado a m dia do tempo para a transfer ncia de todas as fatias e estados de rollover da imagem usando as configura es de otimiza o atuais e um modem de 28 8 bps Compara o de configura es de otimiza o Para comparar o mesmo gr fico em diferentes configura es de otimiza o voc pode dividir a janela do documento em duas ou quatro visualiza es usando as guias 2 acima e 4 acima Voc pode atribuir configura es exclusivas a cada visualiza o para comparar como cada escolha de configura es afeta a imagem Quando exibir a visualiza o 2 acima ou 4 acima a primeira visualiza o a original Voc pode continuar a editar naquela visualiza o e comparar o gr fico original com a vers o otimizada A base
106. p j src a i lt body topnargin 6 leFtnargin 6 bgcolor BFFFFFF u 7 Rolar a origem Se conhecer JavaScript reconhecer o JavaScript que o Fireworks criour para voc Se n o conhecer JavaScript vai gostar de saber que o Fireworks n o exige que o aprenda Uso do Fireworks com o Dreamweaver Se estiver interessado em aprender como usar o Fireworks e Dreamweaver juntos certifique se de fazer o tutorial de ambos O tutorial apresenta uma introdu o sobre os fundamentos da utiliza o do Dreamweaver com Fireworks para editar otimizar e colocar imagens da Web em p ginas HTML Voc aprender como importar uma imagem ou tabela do Fireworks para um documento do Dreamweaver onde pode continuar a modificar o arquivo usando as v rias ferramentas de edi o do Dreamweaver Aprender tamb m como usar o recurso exclusivo iniciar e editar que permite usar o Fireworks para editar ou otimizar uma tabela de imagens ou fatias do Fireworks colocada no Dreamweaver e em seguida retornar ao Dreamweaver com todas as atualiza es intactas Para fazer o tutorial do Fireworks e Dreamweaver ir para http www macromedia com support dreamweaver programs html Tutorial 45 46 Cap tulo 1 Seguir as pr ximas etapas Voc completou as principais tarefas no fluxo de trabalho de produ o para criar uma p gina da Web com o Fireworks Estas tarefas inclu ram o seguinte Cria o de formas e texto vetoriais Importa o e edi
107. pain is mais usados do Fireworks Para mais informa es sobre a nova interface do usu rio consulte Princ pios b sicos do Fireworks na p gina 47 19 20 Introdu o Compatibilidade com o Dreamweaver Agora o Fireworks e o Dreamweaver trabalham juntos de modo mais eficiente A edi o completa de tabelas permite editar e atualizar c digos em HTML e JavaScriptTM e imagens gr ficas do Dreamweaver ao mesmo tempo em que mant m as edi es da tabela Atualiza imagens de tabela HTML colocadas no Dreamweaver preservando as altera es feitas no pr prio HTML fora do Fireworks Se voc alterar comportamentos digitar novo texto alterar o v nculo ou fizer outras edi es poder atualizar as altera es das imagens sem sobrescrever o HTML no Dreamweaver A nova janela Iniciar e Editar traz o usu rio para o Fireworks a partir de um aplicativo host como por exemplo o Dreamweaver ou o Macromedia Flash Voc poder fazer a edic o dos documentos criados no Fireworks clicar em Conclu do e ent o voltar a trabalhar no aplicativo host Ao iniciar e editar imagens do Fireworks colocadas no Dreamweaver o Inspetor de propriedade do Dreamweaver permite saber se a edic o est sendo feita em uma imagem ou tabela Cligue no bot o Editar do Inspetor de propriedade para rastrear o arguivo PNG de origem Para mais informa es sobre a compatibilidade entre o Fireworks e o Dreamweaver consulte Utiliza o do Drea
108. para 256 cores O Fireworks tem diversos m todos de aplica o e uso de cores Websafe Para for ar todas as cores para cores Websafe Selecione a paleta Web 216 Para criar uma paleta adaptativa com cores semelhantes s Websafe Selecione a paleta Adaptativa Web As cores n o Websafe que est o pr ximas s cores Websafe s o convertidas em cores Websafe mais pr ximas Para for ar uma cor para Websafe mais pr xima equivalente 1 Selecione uma cor no painel Tabela de cores 2 Clique no bot o Alinhar pela cor Websafe 312 Cap tulo 17 A altera o de cores para Websafe no painel Tabela de cores afeta somente sua vers o exportada n o a imagem real Como salvar paletas Voc pode salvar paletas personalizadas como arquivos de paleta externa Use paletas salvas com outros documentos do Fireworks ou em outros aplicativos que suportem arquivos de paleta externa como o Adobe Photoshop Macromedia FreeHand e Flash 5 Para salvar uma paleta de cores personalizadas 1 Selecione Salvar paleta no menu pop up Op es no painel Tabela de cores 2 Digite um nome para a paleta e selecione uma pasta de destino 3 Clique em Salvar Voc pode carregar o arquivo da paleta salva no painel Exemplos ou us lo quando exportar outros documentos Atribui o de transpar ncia Voc pode fazer com que a cor da tela e outras cores no arquivo fiquem transparentes ao serem exportadas como PNG ou GIF Ao faz lo uma imagem
109. para ver op es extra para aquela tarefa Selecione configura es para cada op o se necess rio 9 Para remover uma tarefa do lote selecione a na lista Incluir em lote e clique em Remover 10 Clique em Avan ar 1 Selecione op es para salvar arquivos processados Mesmo local do arquivo original salva o arquivo no mesmo local que o arquivo de origem e substitui o arquivo de origem se os nomes dos arquivos forem os mesmos e estiverem no mesmo formato Personalizar local permite escolher um local para salvar os arquivos processados 12 Selecione Backups para escolher op es de backup para os arquivos originais sempre mais seguro fazer backup dos arquivos Para obter mais informa es consulte Backup de arquivos processados em lote na p gina 365 13 Clique em Salvar script para salvar um script Para obter mais informa es consulte Como salvar processos em lote como scripts na p gina 365 14 Clique em Lote para salvar seu processo em lote Altera o de configura es de otimiza o com um processo em lote Adicione Exportar na caixa de di logo Processo em lote para alterar as configura es de otimiza o de arquivo Op es de lote Incluir em lote Aj Localizar e substituir Escala Renomear Localizar e substituir Renomear E Comandos Exportar Configura o GIF webSnap 128 z Editar Cancelar e Voltar Levana Automatiza o de tarefas rep
110. permite selecionar configura es espec ficas para objetos efeitos e texto Para obter mais informa es consulte Personaliza o de arquivos para exportar para o Photoshop na p gina 332 4 Na caixa de di logo Exportar digite um nome de arquivo selecione uma pasta de destino e clique em Salvar Nota O Photoshop 5 5 e anterior n o abre arquivos com mais de 100 camadas necess rio excluir ou mesclar camadas se o documento do Fireworks que estiver exportando contiver mais camadas Exporta o 331 332 Cap tulo 18 Personaliza o de arquivos para exportar para o Photoshop Ao exportar um arquivo para o Photoshop voc pode selecionar configura es personalizadas para a exporta o de objetos efeitos e texto Para personalizar configura es para exportar para o Photoshop 1 Na caixa de di logo Exportar selecione Personalizar no menu pop up Configura es 2 No menu pop up Objetos selecione uma das seguintes op es Converter em camadas do Photoshop converte objetos individuais do Fireworks em camadas do Photoshop Nivelar cada camada do Fireworks nivela cada camada do Fireworks para uma camada do Photoshop 3 No menu pop up Efeitos selecione uma das seguintes op es Manter a editabilidade converte Efeitos ao vivo do Fireworks em seus equivalentes no Photoshop Se os efeitos n o existirem no Photoshop ser o descartados Renderizar efeitos transforma efeitos em objetos Esses n o s o ed
111. poligonais na p gina 250 O Fireworks permite usar cada objeto como um rollover sem escrever c digo JavaScript adicional para trocar as fatias apropriadas Com formas regulares e mais gerenci veis uma nica fatia tudo o que necess rio para configurar um rollover No entanto para formas mais dif ceis voc precisa combinar v rias fatias juntas para cobrir a rea de alvo O Fireworks exporta v rias fatias e estados para recriar a apar ncia da forma irregular O JavaScript criado pelo Fireworks durante a exporta o aciona diversas fatias para exibi o ao mesmo tempo cada uma revelando uma parte da forma irregular Para criar rollovers com formas irregulares 1 Desenhe fatias poligonais que correspondam forma de cada objeto utilizando a ferramenta Fatia poligonal O Fireworks cria v rias fatias e define automaticamente m ltiplas reas de fatia retangular para os objetos de fatia irregular 2 Atribua comportamentos Trocar imagem a cada fatia para configurar o rollover 3 Exporte o arquivo Cria o de rollovers 275 276 Cap tulo 15 Criac o de rollovers com sobreposic o de fatias Quando objetos utilizados em um rollover desmembrado t m formas irregulares e s o posicionados bem perto uns dos outros as caixas de limites definidas pelas guias de fatias frequentemente se sobrep em As fatias retangulares trocam todo o bloco retangular definido pelo realce de fatia verde incl
112. que voc pode corrigir erros de ortografia com facilidade Voc tamb m pode copiar objetos que incluem texto e alterar o texto para cada c pia Texto vertical texto transformado texto anexado a tra ados e texto convertido em tra ados ou imagens estendem as possibilidades de projeto poss vel importar texto mantendo os atributos RTF Rich Text Format Al m disso ao importar um documento Photoshop que cont m texto o texto permanece edit vel O Fireworks trata fontes ausentes na importa o pedindo para escolher uma fonte substituta 137 138 Cap tulo 7 Digita o de texto Digite formate e edite texto em seu gr fico usando a ferramenta Texto e o Editor de Texto Ferramenta Texto Editor de texto Arial Iz m m 1 s avjoz 100x Aho ab fo Rd suavizar serrilhado v V Kem auto V Mostrar fonte IV Mostrar tamanho amp cor DK C Ceci Pe Editor de Texto Todo texto em um documento Fireworks aparece dentro de um ret ngulo com al as denominado bloco de texto Para digitar texto 1 Selecione a ferramenta Texto 2 Clique no documento onde deseja que o bloco de texto comece O Editor de Texto aberto 3 Selecione fonte tamanho espa amento e outras caracter sticas de texto 4 Digite o texto Para inserir uma quebra de linha pressione Enter Windows ou Return Macintosh 5 Selecione texto no Editor de Texto para reformat lo ap s ap s a digita
113. rio Selecione N o fazer novo exemplo para manter todos os pixels originais o que poder tornar o tamanho relativo da imagem maior ou menor do que o esperado Importa o de arquivos PNG Voc pode importar arquivos PNG do Fireworks para a camada de desenho atual Objetos de ponto ativo e de fatia s o inseridos na Camada da Web do documento Para obter mais informa es consulte Exibi o e nomea o de fatias no painel Camadas na p gina 253 Para importar um arquivo PNG para um documento do Fireworks 1 Selecione Arquivo gt Importar para abrir a caixa de di logo Importar 2 Navegue at o arquivo e clique em Abrir 3 Mova o ponteiro de importa o para o local em que o canto superior esquerdo da imagem dever aparecer e Clique para importar a imagem inteira Arraste o ponteiro de importa o para redimensionar a imagem durante a importa o O Fireworks mant m as propor es da imagem Navega o e exibi o do documento Voc pode controlar a amplia o do documento o n mero de exibi es e o modo de exibi o Al m disso pode enquadrar a exibi o de um documento com facili dade Isto ser til se aumentar a exibi o e n o puder mais ver o gr fico inteiro Configura o de documento do Fireworks 73 74 Cap tulo 3 Aumento e diminui o da exibi o de um documento A faixa de zoom no Fireworks de 6 a 6400 Na diminui o voc pode rolar passando a borda da tela
114. rios para remontar uma imagem fatiada ou para criar a funcionalidade rollover O HTML gerado pelo Fireworks sempre cont m um v nculo com a imagem exportada e define a cor de fundo da p gina da Web para a tela ou cor mate do gr fico Para obter mais informa es sobre como usar HT ML gerado com o Fireworks consulte HTML do Fireworks na p gina 389 Gera um ou mais arquivos de imagem dependendo da quantidade de fatias criadas no documento e estados inclu dos em bot es ou rollovers do documento Gera se necess rio um arquivo chamado Spacer gif que um GIF transparente de 1 pixel por 1 pixel que o Fireworks usa para reparar problemas de espa amento quando as imagens fatiadas s o remontadas em uma tabela HTML Voc pode escolher se deseja que o Fireworks exporte um espacador Para obter mais informa es consulte Uso de espa adores ou ninhos de tabelas ao fatiar na p gina 326 Est o dispon veis v rias op es de exporta o que afetam como o Fireworks exporta arquivos Por exemplo est o dispon veis op es para exporta o de seus arquivos para outros aplicativos da Macromedia como Flash Consulte as se es a seguir deste cap tulo para saber mais sobre essas op es Exporta o com o Assistente de exporta o Use o Assistente de exporta o para executar passo a passo o processo de exporta o Responda as perguntas sobre o destino do arquivo e uso pretendido e o Assistente de exporta
115. s o aplicados ao tra ado resultante Remo o de partes de um objeto de tra ado Voc pode remover partes de um objeto de tra ado selecionado conforme definido pelas partes sobrepostas de outro objeto de tra ado selecionado que est organizado na sua frente OS Para remover partes de um objeto de tra ado 1 Selecione o objeto de tra ado que define a rea a ser removida 2 Selecione Modificar gt Organizar gt Trazer para frente 3 Mantenha pressionada a tecla Shift e adicione sele o o objeto de tra ado do qual as partes devem ser removidas 4 Selecione Modificar gt Combinar gt Perfura o Os atributos de tra o e preenchimento permanecem inalterados Corte de um tra ado Voc pode remover partes de um tra ado selecionado fora da rea definida por outro tra ado selecionado que est organizado na sua frente Para cortar um tra ado selecionado 1 Selecione o objeto de tra ado que define a rea a ser cortada 2 Selecione Modificar gt Organizar gt Trazer para frente 3 Mantenha pressionada a tecla Shift e adicione sele o o objeto de tra ado a ser cortado 4 Selecione Modificar gt Combinar gt Cortar Os atributos de tra o e preenchimento do objeto de tra ado posterior s o aplicados ao objeto de tra ado resultante Simplifica o de um tra ado Voc pode remover pontos de um tra ado e manter a mesma forma geral Para simplificar um tra ado selecionado Selecione Mo
116. segmentos da moldura de caixa de sele o do La o poligonal a incrementos de 45 graus Para selecionar uma rea de pixels de cores semelhantes 1 126 Cap tulo 6 Clique duas vezes na ferramenta Varinha m gica para abrir o painel Op es da ferramenta 2 Escolha uma op o de Borda e defina o n vel de toler ncia arrastando o controle deslizante de toler ncia A Toler ncia define a faixa de cores que s o selecionadas quando um pixel clicado com a Varinha m gica Se voc digitar O e clicar em um pixel apenas os pixels adjacentes que t m exatamente a mesma cor ser o selecionados Se digitar 65 uma faixa ampla de cores relacionadas ser selecionada 3 Clique na rea de cor que deseja selecionar Uma moldura de caixa de sele o aparecer em torno da faixa de pixels selecionada Pixels selecionados com toler ncia definida para 87 Para selecionar cores semelhantes 1 Selecione uma rea de cor com a ferramenta moldura de caixa de sele o ou la o 2 Escolha Editar gt Selecionar similar Uma moldura de caixa de sele o aparecer em torno da faixa de pixels selecionada A defini o de toler ncia atual no painel Op es da ferramenta determina a faixa de cores semelhantes selecionada Para remover uma moldura de caixa de sele o Desenhe outra moldura de caixa de sele o ou clique fora da sele o atual com uma ferramenta moldura de caixa de sele o ou la o e Selecione Editar gt D
117. sic 73 Navega o e exibi o do documento 444 4 4 73 Exibi o de m ltiplas exibi es de documento 75 Controle de redesenho do documento 444 4 75 Altera o da tela lt ren kid aereas P cha sera quad erp dd 76 Altera o de tamanho cor e resolu o do documento 76 Sobre redimensionamento no Fireworks 444 4 78 Uso de r guas guias e a grade 4 444444444400e 81 CAP TULO 4 Trabalho com objetos s z sind vd sadia ES Ud dm 85 Sele o de objetos no modo vetorial 444 4 4 85 Uso do painel Objeto sau aspas denis pao pai parda name 86 Uso da ferramenta Ponteiro lt 4 444444444444444 86 Uso da ferramenta Selecionar secund rio lt 4 44 44 4 87 Usar a ferramenta Selecionar atr s lt 4 44444444444 87 Uso do painel Camadas para selecionar objetos 88 Modifica o de uma sele o 4 44444444444444 88 Como mover copiar clonar e excluir objetos 4 89 Transforma o e distor o de objetos 44 4444 90 Exibi o de informa es de transforma o no painel de INfONMA ES sambar aaa dae e DERA BK A sn ga Dad 91 Redimensionamento coloca o em escala de objetos 92 Como gitar objetos ssa iuris estas ba seria dar did ca al a 92 Virando Objetos rras iaa cel dpuaoi ias dana E gra 004 du
118. sobre ele em um navegador da Web Com Definir automaticamente a rea ativa selecionada o Fireworks automaticamente cria uma fatia larga o suficiente para incluir todos os estados encapsulados no bot o Se precisar que a rea ativa tenha um tamanho ou forma diferente edite a fatia de acordo Se redimensionar a fatia ou desenhar outra Definir automaticamente a rea ativa desativada Objetos da Web na guia rea ativa de um bot o aparecem na Camada da Web quando o Editor de bot o estiver aberto Para desenhar um objeto de fatia ou de ponto ativo da Web 1 Clique duas vezes em um bot o 2 Clique no indicador rea ativa do Editor de bot o 3 Desselecionar Definir automaticamente a rea ativa 4 Selecione uma ferramenta Fatia ou Ponto ativo e desenhe no Editor de bot o Para editar uma rea ativa de bot o 1 Clique duas vezes em um bot o 2 Clique no indicador rea ativa 3 Use a ferramenta Ponteiro ou Fatia Poligonal para mover mudar de forma ou redesenhar a rea ativa atual Edi o do texto do bot o No Fireworks f cil alterar o texto em um bot o de rollover sem editar cada moldura de rollover Para alterar simultaneamente o texto em todos os estados de um bot o 1 Selecione o bot o no documento 2 No painel Objeto digite o novo texto em Texto do bot o e pressione Enter O texto atualizado em todos os estados do bot o Cria o de bot es e barras de navega o 235 236 Cap tulo 13
119. sobre o arquivo Por exemplo quando voc exporta uma tabela do Fireworks o Fireworks escreve uma Nota de Design para cada arquivo de fatia exportado e para o arquivo HTML que re ne as fatias da tabela Estas Notas de Design cont m refer ncias para o arquivo PNG de origem que gerou os arquivos exportados Quando voc inicia e edita uma imagem do Fireworks a partir do Dreamweaver o Dreamweaver usa a Nota de Design para localizar um arquivo PNG de origem para aquele arquivo Para obter melhores resultados sempre salve o arquivo PNG de origem do Fireworks e os arquivos exportados em um site do Dreamweaver Isto garante que qualquer usu rio que compartilhe o site poder localizar o PNG de origem ao iniciar o Fireworks a partir do Dreamweaver Especifica o de prefer ncias iniciar e editar para os arquivos fonte do Fireworks As prefer ncias de iniciar e editar do Fireworks permitem especificar como manipular arquivos PNG de origem ao iniciar arquivos Fireworks a partir de outra aplica o como o Macromedia Director ou o Dreamweaver O Dreamweaver reconhece as prefer ncias iniciar e editar do Fireworks apenas em certos casos em que voc inicia e otimiza uma imagem do Fireworks Especificamente voc deve iniciar e otimizar uma imagem que n o seja parte de uma tabela do Fireworks e que n o contenha um caminho correto Nota Design para um arquivo PNG de origem Em todos os outros casos inclusive todas os casos de iniciar e editar de
120. sobre trago Transformar Tra ados O painel Objeto tamb m exibe informa es e configura es para alguns objetos selecionados Por exemplo quando voc selecionar um tra ado vetorial o painel Objeto exibe bot es para configurar o local do tra o do tra ado em rela o ao tra ado vetorial Ele tamb m exibe um menu pop up que cont m op es para o que deve acontecer com o objeto vetorial quando for transformado Selecione uma fatia por exemplo e defina se ser uma fatia de imagem ou texto no painel Objeto Voc tamb m pode atribuir um URL digitar um texto alternativo especificar um destino de v nculo e definir uma conven o de nomes para as imagens fatiadas exportadas Pode at mesmo alterar a cor da fatia Informa es sobre configura es espec ficas no painel Objeto s o discutidas no manual assim como outras informa es sobre os diferentes objetos que voc pode selecionar no Fireworks Uso da ferramenta Ponteiro A ferramenta Ponteiro seleciona objetos quando voc clica neles ou quando arrasta uma rea de sele o ao redor de parte dos objetos N o poss vel selecionar pontos individuais com a ferramenta Ponteiro Para isso use a ferramenta Selecionar secund rio Consulte Sele o de pontos na p gina 111 Para selecionar um objeto clicando Mova a ferramenta Ponteiro sobre o tra o do objeto e clique Se o objeto tiver um preenchimento clique no preenchimento para selecion lo Par
121. tornar o preenchimento ativo Altera o de um preenchimento d grad Voc pode editar salvar renomear ou excluir um preenchimento d grad atrav s da janela pop up Editar d grad Espectro de cores Visualiza o Janela pop up Editar d grad Aplica o de cores tra os e preenchimentos 167 168 Cap tulo 8 Para abrir a janela pop up Editar d grad 1 Selecione um objeto com um preenchimento d grad ou selecione um d grad no menu pop up Categoria de preenchimento 2 Siga uma das seguintes op es e Clique no bot o Editar no painel Preenchimento Selecione Editar d grad no menu pop up Op es do painel Preenchimento A janela pop up Editar d grad aberta com o d grad atual na visualiza o e no espectro de cores Para ajustar a transi o entre as cores no preenchimento Arraste exemplos de cores para a esquerda ou para a direita Para adicionar um novo exemplo de cor ao d grad Clique em uma rea entre a visualiza o e o espectro de cores Para remover um exemplo de cor do d grad Arraste o exemplo para longe da janela pop up Editar d grad Para alterar a cor de um exemplo de cor 1 Clique no exemplo de cor 2 Escolha uma cor na janela pop up Quando tiver terminado de editar o d grad pressione Enter ou clique fora da janela pop up Editar d grad O preenchimento d grad aparecer em quaisquer objetos selecionados e se tornar o preenchimento at
122. um ponto de curva Toda vez que clicar e arrastar o Fireworks estende o segmento de linha para o novo ponto Continue plotando pontos Se clicar e arrastar um novo ponto voc elabora um ponto de curva se apenas clicar produz um ponto de canto Finalizar o tra ado aberto ou fechado Clique duas vezes no ltimo ponto para terminar o tra ado como aberto Escolha uma outra ferramenta para termin lo como um tra ado aberto Quando selecionar algumas ferramentas e depois retornar ferramenta Caneta seu pr ximo clique continuar com o desenho do objeto Clique no primeiro ponto plotado para fechar o tra ado Os pontos inicial e final de um tra ado fechado s o o mesmo ponto Ajuste da forma de um segmento de tra ado reto Para ajustar um segmento de tra ado reto 1 2 3 Selecione o tra ado com a ferramenta Ponteiro ou Selecionar secund rio Clique em um ponto com a ferramenta Selecionar secund rio para selecion lo Pontos de canto selecionados aparecem como quadrados azuis s lidos Arraste o ponto para um novo local Ajuste da forma de um segmento de tra ado curvo Trabalho com objetos vetorias 107 Para ajustar a curva Bezier de um segmento de tra ado 1 Selecione o tra ado com a ferramenta Ponteiro ou Selecionar secund rio 2 Clique em um ponto de curva com a ferramenta Selecionar secund rio para selecion lo Um ponto de curva selecionado aparece como um c rculo azul s lido As al as d
123. uma apar ncia menos mec nica e mais org nica como se estivesse passando tinta em uma superf cie texturizada As texturas s o mais eficazes quando usadas com tra os largos Voc pode adicionar uma textura a qualquer tra o O Fireworks oferece v rias texturas escolha como Chiffon Mancha de leo e Lixa b Utilize o painel Tra o para adicionar uma textura a um pincel tra o Testura Micr bios Ondula o Pontos Tegumento O menu pop up Textura exibe uma visualiza o da textura real ada Aplica o de cores tra os e preenchimentos 11 172 Cap tulo 8 Para adicionar textura ao tra o de um objeto selecionado 1 No painel tra o selecione uma categoria de tra o no menu pop up Categoria de tra o e um tra o espec fico no menu pop up Nome do tra o 2 Selecione uma textura Selecione a textura no menu pop up Textura Para utilizar uma textura externa selecione Outra no menu pop up Textura Navegue para um arquivo de textura Voc pode usar arquivos com estes formatos como texturas PNG GIF JPEG BMP TIFF e PICT apenas Macintosh 3 Digite uma porcentagem de 0 a 100 para controlar a profundidade da textura Aumentar a porcentagem aumenta a intensidade da textura Adi o de textura a um preenchimento As texturas modificam o brilho de um preenchimento mas n o o matiz e conferem aos preenchimentos uma apar ncia menos mec nica e mais org nica Voc pode adicionar uma text
124. usando o menu Texto Escolha um comando no submenu Texto gt Alinhar Para definir a dire o usando o Editor de Texto Clique no bot o Esquerda para direita ou Direita para esquerda vertical Defini o de alinhamento O alinhamento determina a posi o de cada linha de texto em um par grafo relativo s extremidades esquerda e direita do bloco de texto Voc pode alinhar texto na extremidade esquerda ou direita do bloco de texto centraliz lo no bloco ou alinh lo tanto na extremidade esquerda quanto na direita do bloco de texto justifica o completa Por padr o o texto alinhado esquerda Para atingir um efeito esticado ou para encaixar texto em um espa o espec fico voc pode definir o alinhamento para esticar o texto horizontalmente para texto orientado horizontalmente ou verticalmente para texto orientado verticalmente Fireworks Fireworks Texto horizontal esticado para preencher um bloco Use o menu Texto ou o Editor de Texto para definir o alinhamento do texto poss vel definir o alinhamento para par grafos individuais em um bloco de texto mi l l Para definir alinhamento com o Editor de Texto 1 Selecione o texto no bloco de texto 2 Clique no bot o de alinhamento Esquerda Centro Direita Justificado ou Esticado Aplica o de cor do texto Por padr o o texto preto e sem tra o Se a cor do texto for alterada o Fireworks continuar usando aquela cor para entrada de tex
125. vetoriais Trabalho com bitmaps 131 132 Cap tulo 6 Para criar um novo bitmap Insira uma imagem de bitmap vazia Arraste em uma rea vazia do documento com a ferramenta moldura de caixa de sele o ou la o Escolha Inserir gt Bitmap vazio Para converter objetos vetoriais selecionados em uma imagem de bitmap Escolha Modificar gt Converter em bitmap Uso de ferramentas de desenho no modo Bitmap Voc pode usar as ferramentas de forma b sicas e as ferramentas Linha L pis e Pincel para pintar pixels no modo Bitmap Ao pintar no modo Bitmap voc n o desenha objetos vetoriais voc pinta pixels Tudo o que for desenhado substituir os pixels na imagem Se houver no momento uma moldura de caixa de sele o no documento essas ferramentas pintar o apenas os pixels dentro da moldura Consulte Sele o de reas de pixels na p gina 123 Se voc pintar linhas e tra os que alarguem uma imagem de bitmap seu tamanho ser automaticamente aparado depois que sair do modo Bitmap Ele ser aparado para uma forma retangular do tamanho dos pixels usados removendo espa o transparente em torno da imagem Para pintar pixels no modo Bitmap 1 Escolha uma ferramenta de forma b sica ou a ferramenta Linha L pis ou Pincel 2 Selecione op es de tra o no painel Tra o Se estiver usando uma ferramenta de forma b sica voc poder definir op es de preenchimento 3 Arraste para desenhar Altera
126. 0 Para obter mais informa es sobre texturas e padr es consulte Aplica o de cores tra os e preenchimentos na p gina 153 Discos tempor rios principal e secund rio especificam onde o Fireworks armazenar arquivos cache tempor rios que algumas vezes podem ficar muito grandes Se tiver mais de um disco r gido no seu computador destine aquele com maior espa o para ser seu disco tempor rio principal Voc pode especificar um disco r gido secund rio para o caso de o disco principal ficar sem espa o livre Configurar as prefer ncias para importar arquivo do Photoshop As prefer ncias no painel Importar gerenciam v rias quest es de convers es de arquivo para importar arquivos do Photoshop Para obter mais informa es sobre as prefer ncias de Importar consulte Importa o de arquivos do Photoshop para o Fireworks na p gina 374 Altera o dos conjuntos de atalho de teclado O Fireworks permite usar atalhos de teclado para selecionar comandos de menu escolher ferramentas no painel Ferramentas e acelerar tarefas variadas inexistentes Princ pios b sicos do Fireworks 59 60 Cap tulo 2 como comandos de menu O uso de atalhos aumenta a produtividade permitindo a execu o r pida de a es simples Se estiver acostumado a usar atalhos de outros aplicativos como o Freehand Illustrator Photoshop ou produtos que usem o padr o Macromedia voc poder mudar para o sistema de atalho que preferir
127. 0 WBMP abrir do Fireworks 70 arranjar molduras 287 arrastar e soltar 71 arrastar menus pop up 274 Assistente de exporta o 320 de exporta o usar 320 Exporta o 320 Otimizar para tamanho 323 V nculo 233 atalhos de teclado alterar conjunto atual 60 atalhos personalizados 60 ativar modo Bitmap 122 atributos de texto salvar 146 atualizar fatias 258 Atualizar HTML 334 aur olas remover 315 backup durante Localizar e substituir 356 barra de cores escolher uma cor 160 barras de ferramentas desbloquer 53 encaixar 53 mostrar e ocultar 53 reorganizar 53 barras de navega o criar 238 Biblioteca de bot es importar s mbolos 237 Biblioteca de s mbolos 221 Biblioteca de URL adicionar URLs 225 adicionar URLs usados 226 criar 225 inserir URLs absolutos ou relativos 227 vis o geral 224 bibliotecas do Dreamweaver exportar do Fireworks 340 bloco de texto auto dimensionar 139 mover 139 redimensionar 139 396 ndice remissivo borda listrada 121 bordas chanfradas 192 com preenchimento alterar 170 com suaviza o de serrilhado criar 170 enevoadas criar 170 exibir e ocultar 89 bot o Qualidade seletiva 306 bot es adicionar estado Abaixo 232 adicionar Sobre durante o estado Abaixo 233 anexar URLs 233 rea ativa 235 Assistente de v nculo 233 barras de navega o 238 converter do formato Fireworks 2 239 criar 230 defini o 229 editar 234 editar texto em 235 Editor de bot o 230 efeitos
128. 0 pontilhamento 203 35K 345 68K Adaptativa 108seg a 28 8 kbps 128cores Quando nenhuma fatia selecionada as reas fatiadas ficam esmaecidas e o restante do documento otimizado Voc pode selecionar reas a otimizar nas janelas Visualizar 2 para cima ou 4 para cima Quando uma fatia selecionada sua sobreposi o desativada Voc pode selecionar m ltiplas fatias segurando Shift e clicando com a ferramenta Ponteiro Para selecionar uma rea a otimizar 1 Clique na guia Visualizar 2 para cima ou 4 para cima 2 Clique na rea a otimizar Para ocultar ou exibir a sobreposi o de fatia Selecione Exibir gt Sobreposi o de fatia Ocultar a Sobreposi o de fatia til nas visualiza es 2 para cima e 4 para cima quando for necess rio comparar uma imagem original com as fatias vis veis com uma visualiza o otimizada com fatias ocultas Como salvar e reutilizar configura es de otimiza o Voc pode salvar configura es de otimiza o personalizads para uso futuro em otimiza o ou processamento em lote Salvar predefini es personalizadas armazena essas informa es Configura es no painel Otimizar A paleta de cores no painel Tabela de cores e Configura es de retardo de moldura escolhidas no painel Molduras apenas para GIFs animados Para salvar configura es de otimiza o como predefini o 1 Clique no bot o Salvar do painel Otimizar 2 Digite um nome para a p
129. 00 249 Atribui o de URLs a fatias annuun nunana nnana 249 Cria o de fatias de texto lt lt lt lt 44 44444 249 Cria o de fatias poligonais 4 44444444 4444444 250 Exibi o de fatias e guias de fatias 444444 4444 251 Utiliza o da sobreposi o de fatia 4444 4 44 253 Exibi o e nomea o de fatias no painel Camadas 253 Nomea o de fatias atrav s da Camada da Web 254 Nomea o autom tica de fatiaS lt 44 44444444444 255 Personaliza o da nomea o de arquivos de fatia 257 Utiliza o de ninhos de tabelas e espa adores 258 Atualiza o de uma fatia a partir de um documento HTML 258 CAP TULO 15 Criac o de oC seria OV EO 261 Sobre rollovers sas ara se ima i a Peep dar SAR E e Sa Wa 261 Cria o de rollovers simples utilizando o painel Comportamentos 262 Configura o de fatias imagens e molduras 444 262 Aplica o do comportamento de rollover simples fatia 262 Utiliza o do painel Comportamentos 4 4444 263 Utiliza o de comportamentos de arrastar e soltar para criar efeitos de troca de imagens 4 4 4440 265 Cria o de um rollover de troca de imagem utilizando uma nica fatia z s qua sa sonia nie Vlny dps asia Bass a dad 266 Anexa o de comportamentos de arrastar e soltar
130. 012ipa BY Dscf0018ipa BY Dsct0024 Nome do arquivo D scf0001 Ibi Salvar Salvar como tipo Biblioteca do Dreamweaver bi Cancelar HTML Exportar arquivo HTML Op es Fatias Nenhuma E se E JT Apenas a moldura atual W T Colocar imagens na subpasta Procurar 3 Nomeie o arquivo e especifique uma pasta de destino chamada Biblioteca na raiz do site do Dreamweaver Se necess rio o Fireworks solicitar a cria o desta pasta 4 Clique em Salvar para exportar o arquivo Execu o do Fireworks a partir do Dreamweaver Voc pode iniciar o Fireworks diretamente a partir de um documento Dreamweaver selecionando uma imagem Fireworks fatia de tabela ou tabela posicionada para edi o ou otimiza o Para que estes recursos de iniciar e editar funcionem corretamente voc deve designar o Fireworks como o editor de imagem externo prim rio no Dreamweaver Designa o do Fireworks como editor externo de imagens prim rio do Dreamweaver O Dreamweaver 4 fornece prefer ncias para iniciar automaticamente aplica es espec ficas para editar tipos espec ficos de arquivo Para utilizar os recursos iniciar e editar do Fireworks certifique se de que o Fireworks 4 est definido como editor prim rio para arquivos GIF JPEG e PNG no Dreamweaver Embora voc possa usar vers es anteriores do Fireworks como editores externos de imagens estas vers es oferecem capacidade limitada de iniciar e editar
131. 11 Cria o de m scaras vetoriais e de bitmap Voc pode criar uma m scara para um objeto usando o painel Camadas ou o menu Modificar Um objeto vetorial ou bitmap pode ser usado como uma m scara Uma m scara pode ser formada por um ou mais objetos Para criar uma m scara de bitmap do in cio 1 Selecionar o objeto que deseja mascarar 2 Clicar no bot o Adicionar m scara do painel Camadas 3 Desenhar a m scara usando uma ferramenta de bitmap do painel Ferramentas Nota As ferramentas de bitmap como Pincel L pis e Ret ngulo ou Elipse podem ser usadas para desenhar m scaras Para criar uma m scara vetoria do in cio 1 Criar o tra ado ou objeto ou objetos de texto que deseja usar como m scara 2 Recortar ou Copiar o objeto ou objetos Shift clique para selecionar v rios objetos 3 Selecionar o objeto que deseja mascarar 4 Colar a m scara e Selecionar Editar gt Colar como m scara e Selecionar Modificar gt M scara gt Colar como m scara Cria o de uma m scara usando um objeto existente Qualquer objeto pode ser usado como uma m scara Para isso usar o comando Colar como m scara para adicionar o conte do da rea de transfer ncia como uma m scara Voc tamb m pode criar uma m scara usando v rios objetos Para usar o conte do da rea de transfer ncia como uma m scara 1 Criar o objeto ou objetos que deseja usar como uma m scara Shift clique para selecionar v rios objetos 2 Colocar o
132. 176 Ajuste autom tico da faixa tonal 4 444444 178 Ajuste da faixa tonal usando Curvas 44444 178 Ajuste da faixa tonal com os conta gotas 44444 180 Ajuste do brilho e do contraste 44 4444444 180 Aplica o de preenchimentos de cores 444 182 Ajuste do matiz e da satura o 4444 44444444444 182 Invers o dos valores da cor de uma imagem 183 Emba amento de imagem 4 444444444444444 184 Altera o das transi es de cores para linhas 185 Convers o de imagen syo esmas esa paga nani pl pes nada ts 186 Agu amento de imagem ccccccciiicss sciences 186 ndice 7 8 ndice CAP TULO 10 Aplica o de Efeitos ao vivo 189 Aplica o de um Efeito ao vivo 4444 444444440 189 Uso do Xtras do Fireworks como Efeitos ao vivo 190 Uso de plug ins do Photoshop como Efeitos ao vivo 190 Aplica o de efeitos tradicionais 444 44444444 4 191 Aplica o de bordas chanfradas 444444400 192 Aplica o de efeitos de relevo 44 4444444444 192 Aplica o de sombras e brilhos 4444444 4 193 Altera o de Efeitos ao ViVO 4444444444444 194 Reordena o dos Efeitos ao vivo 44 44444 44 44 195 Remo o de Efeitos ao ViVO 44 4444444
133. 211 Para agrupar objetos em um objeto mascarado 1 Shift cligue dois ou mais objetos 2 Selecione Modificar gt M scara gt Agrupar como m scara Uso de texto como m scara Normalmente o texto usado como uma m scara para criar efeitos interessantes Selecionar Mostrar preenchimento e tra o no painel Objeto para mostrar quaisquer efeitos adicionais aplicados m scara de texto usando os pain is Preenchimento e Tra o Voc tamb m pode aplicar a m scara usando o Contorno do tra ado ou Apar ncia da escala de cinza Para obter mais informa es consulte Uso do painel Objeto no mascaramento na p gina 211 Para criar uma m scara usando texto 1 Criar o texto usando o Editor de Texto Consulte Digita o de texto na p gina 138 Camadas e mascaramento 207 208 Cap tulo 11 2 Copiar ou Recortar o objeto de texto na rea de transfer ncia 3 Escolher o objeto a ser mascarado e selecionar Editar gt Colar como m scara Uma m scara vetorial adicionada ao objeto Cria o de uma m scara vazia Voc pode adicionar uma m scara vazia a um objeto Pode ser uma m scara branca que mostra todo o objeto ou uma m scara preta que obscure a o objeto inteiro m scara vazia uma m scara totalmente edit vel Uso dos comandos Revelar Ocultar tudo O comando Revelar tudo adiciona uma m scara branca vazia a um objeto O comando Ocultar tudo adiciona uma m scara preta a um objeto Para usar os
134. 256 cores ou menos podem usar a paleta Exata Se a imagem contiver mais de 256 cores a paleta ser alternada para Adaptativa Sistema Windows e Sistema Macintosh cada uma cont m 256 cores definidas pelos padr es da plataforma Windows ou Macintosh respectivamente Tons de cinza a paleta de 256 ou menos tons de cinza A escolha dessa paleta converter a imagem exportada para tons de cinza Preto e branco a paleta de duas cores consistindo apenas de preto e branco Uniforme a paleta matem tica baseada em valores RGB de pixel Personalizada a paleta que foi modificada ou carregada de uma paleta externa ou um arquivo GIF Para importar uma paleta 1 Carregue uma paleta ACT ou GIF Selecione Carregar paleta no menu pop up Op es do painel Tabela de cores Selecione Personalizar no menu pop up Paleta do painel Otimizar 2 Navegue at o arquivo ACT ou GIF e clique em Abrir As cores do arquivo ACT ou GIF ser o adicionadas ao painel Tabela de cores Defini o do n mero de cores na paleta Digite ou selecione um n mero no menu pop up do painel Otimizar para definir o n mero m ximo de cores permitido na paleta de cores da imagem exportada O Fireworks frequentemente otimiza uma imagem usando as cores reais da imagem Isso pode ser inferior ao n mero m ximo especificado O n mero na base esquerda do painel Tabela de cores indica o n mero real de cores vis veis na imagem Crie arquivos menores reduzindo o
135. 44444444 195 Cria o de Efeitos ao vivo personalizados 195 Como salvar Efeitos ao vivo como estilos 4 444 196 Uso das configura es padr o de Efeitos ao vivo 196 Manipula o do desenho de Efeitos ao vivo 4 197 Aplica o de efeitos a objetos agrupados 44 197 CAP TULO 11 Camadas e mascalamento z sxdaskskibikuia 199 Sobre camadas 5 15 erica ei QL ae pias ias pula Ena g al pa DOR s 199 A Camada da Web usuais k dida soon era epa b o Da 201 Como trabalhar com camadas 4 4 4444 201 Mascaramento de imagens 44 444444444400 204 Cria o de m scaras vetoriais e de bitmap 4 4 206 Cria o de uma m scara usando um objeto existente 206 Uso de texto como m scara 44 44444444 444444 207 Cria o de uma m scara VAZ A 4444444444444444444 208 Uso dos comandos Revelar Ocultar tudo 4440 208 Uso dos comandos Revelar Ocultar selec o 4 44 208 Edi o de m scaras ass ai E bad vastas ek Bd ea 209 Uso do painel Objeto no mascaramento 4 44 211 Mesclagem das cores de preenchimento de objetos sobrepostos 211 Sobre modos de mesclagem 44444 44444 211 Exemplos do modo de mesclagem 444 44 213 Aplica o do Efeito ao vivo de cores de preenchimento 214 Trabalho com
136. 6 Cap tulo 16 Para adicionar molduras a um local espec fico na sequ ncia 1 Selecione Adicionar molduras no menu pop up Op es do painel Molduras 2 Digite o n mero de molduras a adicionar 3 Escolha onde inseri las antes da moldura atual depois dela no in cio ou no fim e clique em OK Para fazer uma c pia de uma moldura Arraste uma moldura existente para o bot o Novo Duplicar moldura na base do painel de Molduras Para copiar uma moldura selecionada e coloc la em uma sequ ncia 1 Selecione Duplicar moldura no menu pop up Op es do painel Molduras 2 Digite o n mero de duplicatas a criar para a moldura selecionada e escolha onde as molduras duplicadas ser o inseridas e em seguida clique em OK A duplica o de uma moldura til quando voc quiser que os objetos reapare am em outra parte da anima o Para reordenar molduras Arraste as uma de cada vez para um novo local na lista Para excluir a moldura selecionada e Clique no bot o Excluir moldura no painel Molduras Arraste a moldura para o bot o Excluir moldura Selecione Excluir moldura no menu pop up Op es do painel Molduras Como mover objetos selecionados no painel Molduras Voc pode usar o painel Molduras para mover objetos para uma moldura diferente Os objetos que aparecem em apenas uma nica moldura parecem desaparecer quando a anima o reproduzida Voc pode mover objetos para faz los aparecer ou desaparece
137. 85 Emba amento maior 184 Emba ar 184 Inverter 183 localizar bordas 185 Matiz Satura o 182 N veis 176 N veis autom ticos 178 zoom 73 em uma rea espec fica 74 ndice remissivo 409
138. Como o arquivo importado um s mbolo de anima o voc pode aplicar movimento adicional a ele Por exemplo voc pode importar uma anima o de um homem andando no lugar e depois aplicar propriedades de dire o e movimento para faz lo andar atrav s da tela Quando voc abre um GIF animado no Fireworks um novo arquivo criado e cada moldura no GIF colocada em uma moldura separada Embora o GIF n o seja um s mbolo de anima o ele mant m as configura es de retardo de moldura do arquivo original Cria o de anima o 293 294 Cap tulo 16 Depois que o arquivo for importado voc precisa definir seu formato de arquivo para GIF animado a fim de exportar o movimento a partir do Fireworks Para importar um GIF Animado 1 Selecione Arquivo gt Importar 2 Localize o arquivo e clique em Sim para adicionar molduras adicionais sua anima o Se voc clicar em Cancelar apenas a primeira moldura do GIF Animado exibida Embora todo o documento seja importado voc deve adicionar molduras adicionais para visualiz lo Para abrir um GIF animado Selecione Arquivo gt Abrir e localize o arquivo GIF Utiliza o de arquivos m ltiplos como uma anima o O Fireworks pode criar uma anima o baseada em um grupo de arquivos de imagem Por exemplo voc pode criar um an ncio em banner com base em diversos gr ficos existentes abrindo cada gr fico e colocando o em uma moldura separada no mesmo documen
139. D ROM do Fireworks 4 na unidade de CD ROM do seu computador 2 Iniciar a instala o No Windows o programa de instala o do Fireworks se inicia automaticamente Se isso n o acontecer selecione Iniciar gt Executar Clicar em Procurar e escolher o arquivo Setup exe no CD do Fireworks 4 Clicar em OK na caixa de di logo Executar No Macintosh clicar duas vezes no cone Instalador do Fireworks 4 3 Seguir as instru es da tela O programa de instala o solicita que voc digite as informa es necess rias 4 Quando solicitado reiniciar o computador Como aprender o Fireworks Existem v rios recursos para aprender a trabalhar com o Fireworks inclusive um manual impresso o sistema de ajuda que pode ser ativado no aplicativo li es interativas na tela e v rios recursos informativos pela Internet A Ajuda do Fireworks est dispon vel sempre que o aplicativo Fireworks estiver ativo Cont m as mesmas informa es deste guia e algumas informa es adicionais O tutorial do Fireworks uma introdu o interativa que aborda os principais recursos do Fireworks e pode ser conclu do em uma hora aproximadamente Inclui tarefas comuns do Fireworks como otimizar GIFs amp JPEGs criar anima es e rollovers Se voc n o estiver familiarizado com o Fireworks deve iniciar com as li es do menu Ajuda e depois completar o tutorial As li es do Fireworks comp em se de uma s rie de pequenas aulas na tela
140. Esta pode ser uma boa abordagem ao trabalhar com imagens complexas Para criar um ponto ativo de formato irregular 1 Selecione a ferramenta Ponto ativo poligonal 2 Clique para posicionar pontos vetoriais como se estivesse desenhando segmentos retos com a ferramenta Caneta Se o tra ado estiver aberto ou fechado o preenchimento define a rea do ponto ativo Para criar um ponto ativo tra ando um ou mais objetos selecionados 1 Selecione inserir gt Ponto ativo Se voc selecionou mais de um objeto aparecer uma caixa de di logo perguntando se deseja criar um nico ponto ativo retangular cobrindo todos os objetos ou v rios pontos ativos um para cada objeto ativos M ltiplos itens foram selecionados Criar um ou m ltiplos pontos 2 Clique em nico ou M ltiplos A Camada da Web exibe o novo ponto ativo ou pontos ativos Outra forma de criar um ponto ativo poligonal converter um ponto ativo circular em poligonal e depois arrastar os pontos Para obter mais informa es consulte Altera o de pontos ativos na p gina 244 Atribui o de URLs a pontos ativos URL Uniform Resource Locator um endere o de uma p gina ou arquivo espec fico na Internet Quando voc atribui um URL a um ponto ativo o usu rio pode navegar para aquele endere o clicando no ponto ativo no seu navegador da Web Use o painel Objeto para atribuir um URL a um ponto ativo el Op EEE 0 or HE Forma frst nguio
141. Exiba as al as de transforma o Selecione a ferramenta Transforma o de escala Selecione Modificar gt Transformar gt Escala 2 Arraste as al as de transforma o Para colocar o objeto em escala na horizontal e na vertical arraste uma das al as de canto As propor es s o limitadas medida que voc coloca em escala Para colocar o objeto em escala na horizontal ou vertical arraste uma al a central Voc tamb m pode colocar objetos em escala inserindo novas dimens es de largura L e altura A no painel Informa es Como girar objetos Quando girado um objeto gira em torno do seu ponto Voc pode girar um objeto arrastando as suas al as de transforma o ou selecionando um ngulo predefinido Para girar um objeto selecionado em 90 ou 180 graus Selecione Modificar gt Transformar e o comando de rota o no submenu Para girar um objeto selecionado arrastando a 1 Selecione qualquer ferramenta de transforma o Cap tulo 4 2 Mova o ponteiro para fora do objeto at o ponteiro de rota o aparecer 3 Arraste para girar o objeto Para limitar a rota o a incrementos de 15 graus em rela o horizontal mantenha pressionada a tecla Shift e mova o ponteiro al m das al as Para reposicionar o eixo de rota o Arraste o ponto central para longe do centro Para redefinir o eixo de rota o no centro da sele o clique duas vezes no ponto central Vira
142. Fireworks N o mas isto pode ser feito O Fireworks se especializa nos elementos visuais como rollovers gr ficos mapas pontos ativos e gr ficos otimizados Os designers podem utilizar o Fireworks para um ou todas estas coisas Os designers frequentemente trabalham com outras aplica es como o Photoshop e outros pacotes de design gr fico ou designers da Web como Dreamweaver e Adobe GoLive Como atualizo as imagens do Fireworks que foram exportadas para o Dreamweaver Execute o Fireworks a partir do Dreamweaver e em seguida Edite a imagem O v nculo entre o Fireworks e o Dreamweaver preserva as altera es feitas no HTML Para obter mais informa es consulte Edi o de arquivos do Fireworks colocados no Dreamweaver na p gina 343 Qual a maneira recomendada de integrar o Fireworks no fluxo de trabalho de outras aplica es A melhor maneira de obter um fluxo de trabalho consistente utilizar o Fireworks e o Dreamweaver juntos Tipicamente voc cria os gr ficos ou rollovers no Fireworks e depois os coloca no Dreamweaver Depois de ter colocado estes itens no Dreamweaver voc pode execut los e edit los no Fireworks a partir do Dreamweaver Usar Executar e Editar no Dreamweaver ajuda a preservar os v nculos dentro do HTML Consulte Execu o do Fireworks a partir do Dreamweaver na p gina 341 O Fireworks usa URLs relativos ao documento de forma que necess rio manter as imagens e o arqui
143. Macromedia Fireworks 4 de maneira permut vel O Dreamweaver e o Fireworks reconhecem e compartilham muitas das edi es de arquivos incluindo altera es e v nculos mapas de imagens fatias de tabelas e mais Juntas as duas aplica es fornecem um fluxo de trabalho aerodin mico para edi o otimiza o e coloca o de arquivos gr ficos da Web em p ginas HTML Se voc quiser modificar imagens e tabelas do Fireworks em um documento do Dreamweaver voc pode iniciar o Fireworks para fazer edi es e em seguida retornar ao documento atualizado no Dreamweaver Se voc quiser fazer edi es r pidas de otimiza o para imagens e anima es colocadas no Fireworks voc pode iniciar a caixa de di logo otimiza o do Fireworks e informar as configura es atualizadas Em ambos os casos as atualiza es s o feitas aos arquivos colocados no Dreamweaver assim como aos arquivos de origem do Fireworks se os arquivos fonte tiverem sido iniciados Obten o de arquivos do Fireworks no Dreamweaver Voc pode colocar imagens e c digo HTML do Fireworks no Dreamweaver de v rias maneiras diferentes No Dreamweaver voc pode usar os recursos de inser o para colocar arquivos do Fireworks em documentos A partir do Fireworks voc pode exportar os arquivos diretamente para a pasta de um site do Dreamweaver ou voc pode copiar e colar c digo HTML em um documento Dreamweaver 337 338 Cap tulo 19 Coloca o de imagens do
144. Modificar gt Alinhar gt Direita para alinhar os objetos na extremidade direita do objeto selecionado e Selecione Modificar gt Alinhar gt Topo para alinhar os objetos na extremidade superior do objeto selecionado e Selecione Modificar gt Alinhar gt Centralizado horizontal para alinhar os pontos centrais dos objetos no eixo horizontal Selecione Modificar gt Alinhar gt Base para alinhar os objetos na extremidade inferior do objeto selecionado Trabalho com objetos 97 98 Cap tulo 4 Para distribuir igualmente as larguras ou alturas de tr s ou mais objetos selecionados Selecione Modificar gt Alinhar gt Distribuir larguras ou Modificar gt Alinhar gt Distribuir alturas Como organizar os objetos entre camadas O painel Camadas oferece outra dimens o de controle organizacional Voc pode mover objetos selecionados de uma camada para outra arrastando a miniatura do objeto ou o indicador azul de sele o no painel Camadas para outra camada Consulte Camadas e mascaramento na p gina 199 CAP TULO 5 Trabalho com objetos vetorias Um objeto vetorial uma imagem gr fica de computador cuja forma definida J i i gem gr tic por uma s rie de linhas e curvas denominadas vetores conectados por pontos para formar um tra ado Uma cor de tra o do objeto vetorial segue o tra ado Seu J 8 preenchimento ocupa a rea interna do tra ado Em geral o tra o e o preenchimento determinam a forma
145. Na op o Localizar digite o texto a ser pesquisado Digite o texto de substitui o no campo Alterar para Localizar e substituir x amp p Localizar e substituir a Pesquisar documento X Localizar testo Localizar patos Alterar para ati T Palavrainteira T Coincidir mai se tmin se Express es regulares Localizar BUDEHET Substituir tudo Voc tamb m pode escolher op es que definam a busca com mais detalhe Palavra inteira localiza o texto da mesma forma com que ele aparece na op o Localizar n o como parte de qualquer outra palavra Coincidir mai sculas min sculas distingue entre letras mai sculas e min sculas na pesquisa de texto Express es regulares coincide partes de palavras ou n meros condicionalmente durante uma pesquisa Localiza o e substitui o de fontes Selecione Localizar fonte no menu pop up Localizar do painel Localizar e substituir para pesquisar e substituir fontes em um ou mais documentos do Fireworks Localizar e substituir Pesquisar documento l Localizar fonte v Algerian v Mini a M n sss Alterar para z Localizar BUBEttUT Substituir tudo Especifigue a fonte ou as caracter sticas da fonte nas reas Localizar e Alterar para Especifique a fonte ou as caracter sticas da fonte para substituir fontes localizadas na rea Alterar para e M n define o tamanho m nimo de ponto
146. Nota Escolher Editar gt Desfazer n o desfaz adi es ou exclus es Para adicionar uma cor ao painel Exemplos a partir de um documento Fireworks 1 Escolha a ferramenta Conta gotas no painel Ferramentas 2 Clique na cor que deseja adicionar 3 No painel Exemplos mova o ponteiro para o espa o aberto ap s o ltimo exemplo O cursor passa ao modo lata de tinta 4 Clique para adicionar o exemplo Para adicionar uma cor de qualquer ponto da tela ao painel Exemplos 1 Abra uma janela pop up de caixa de cores O ponteiro se torna o ponteiro conta gotas 2 Clique em qualquer ponto na tela inclusive em outro documento Fireworks para escolher uma cor 3 No painel Exemplos mova o ponteiro para o espa o aberto ap s o ltimo exemplo O cursor passa ao modo lata de tinta 4 Clique para adicionar o exemplo Nota Quando Alinhar pela cor Websafe estiver selecionado no menu pop up Op es da janela pop up da caixa de cores qualquer cor pega pelo ponteiro conta gotas tamb m alinhada pela cor Websafe Para salvar uma sele o de cores de amostra 1 Adicione as cores de amostra ao painel Exemplos 2 No menu pop up Op es do painel Exemplos clique em Salvar exemplos 3 A caixa de di logo Exportar exemplos exibida Escolha um nome de arquivo e diret rio e clique em Salvar Para substituir um exemplo por outra cor 1 Selecione a ferramenta Conta gotas no painel Ferramentas 2 Clique em uma cor A cor
147. O Fireworks 3 n o suporta completamente a execu o e edi o de tabelas posicionadas e fatias em tabelas enquanto o Fireworks 2 n o suporta a execu o e edi o de arquivos PNG de origem para imagens colocadas Para definir o Fireworks 4 como o editor externo de imagens prim rio no Dreamweaver 4 1 No Dreamweaver selecione Editar gt Prefer ncias e selecione Tipos de arquivos editores 2 Nalista Extens es selecione uma extens o de arquivo da Web gif jpg ou png 3 Na lista editores selecione Fireworks 4 e clique em Tornar prim rio Prefer ncias E Categoria Editores extemos Geral Barra de status A Canada Editor de HTML Procurar Convers o Cores HTML Recarregar os arquivos modificados Solicitar z Salvar na inicia o Solicitar z Elementos invis veis Estilos CSS Fontes codifica o Extens es Editores is Fireworks 4 Prim rio Fegtava o de HTML Ji Visualizar no navegador JN E PQ Ipe jpeg png wav aif i ailc mp3 moa moe moea mo Z 4 Repita os passos 2 e 3 para definir o Fireworks 4 como o editor prim rio para outras extens es de arquivos da Web Utiliza o do Dreamweaver e do Fireworks juntos 341 342 Cap tulo 19 Sobre Notas de Design e arquivos fonte Sempre que voc exporta um arquivo do Fireworks a partir de uma origem PNG salva para o site do Dreamweaver o Fireworks escreve uma Nota de Design que cont m informa o
148. Ondula es Ondas Acetinado Dobras O Fireworks tamb m permite pintar com d grad s de bitmap como no Photoshop No modo Bitmap voc pode fazer uma sele o de pixel usando as ferramentas La o Moldura da caixa de sele o ou Varinha m gica e escolher um tipo de d grad no painel Preenchimento Em seguida selecione a ferramenta Lata de tinta e clique ou arraste a sele o de pixel para preench lo Op es de ferramenta Ferramenta Lat B zoe op i Real ar mouse V Preencher apenas sele o Preservar transpar ncia Toler ncia 32 Borda Acentuada Ea Edi o de d grad s No Photoshop 5 5 voc precisa especificar as cores e a forma de um d grad antes de aplic lo a uma imagem No Fireworks a qualquer momento voc pode editar preenchimentos de d grad dentro de objetos vetoriais Basta selecionar o objeto que cont m o d grad e Fireworks para usu rios do Photoshop 377 378 Cap tulo 21 modificar as configura es do d grad no painel Preenchimento Voc tamb m pode arrastar as al as de preenchimento que aparecem dentro do objeto para ajustar a posi o o ngulo e a largura do d grad O preenchimento de d grad anterior ser imediatamente atualizado refletindo a nova configura o Camadas Embora o painel Camadas do Fireworks lembre na apar ncia a paleta Camadas do Photoshop 5 5 as camadas no Fireworks podem se comportar de modo bem d
149. Para obter informa es consulte Personaliza o do painel Exemplos na p gina 156 Cria o de cores usando seletores de cor do sistema Voc pode criar cores usando a caixa de di logo Cor do Windows Windows ou o Seletor de Cores Apple Macintosh ao inv s de utilizar o Misturador de cores e o painel Exemplos Para exibir o seletor de cor do sistema Clique duas vezes em qualquer caixa de cores 62 e Clique no bot o seletor de cores do sistema na janela pop up da caixa de cores 160 Cap tulo 8 Visualiza o de valores da cor Para identificar valores espec ficos de cor use o painel Informa es uma janela pop up de caixa de cores ou o Misturador de cores Voc pode visualizar o valor da cor de praticamente qualquer objeto vis vel em qualquer aplica o aberta inclusive a rea de trabalho na janela pop up da caixa de cores Voc pode visualizar o valor da cor das cores atuais de preenchimento e tra o no Misturador de cores ou na janela pop up da caixa de cores Para exibir o painel Informa es Selecione Janela gt Informa o Para exibir o Misturador de cores Siga uma das seguintes op es e Selecione Janela gt Misturador de cores e Clique na guia Misturador no painel Cores Para visualizar o valor da cor de qualquer parte de seu documento usando o painel Informa es Mova o ponteiro sobre o objeto que cont m a cor que deseja visualizar Para visualizar o valor da cor das c
150. Texto Para obter mais informa es sobre como abrir arquivos com vetor consulte Abertura de arquivos do FreeHand Illustrator ou CorelDRAW na p gina 67 Aplica o de tra os preenchimentos efeitos e estilos ao texto Voc pode aplicar tra os preenchimentos efeitos e estilos ao texto como qualquer outro objeto poss vel aplicar um ou todos ao mesmo bloco de texto Voc pode aplicar qualquer estilo do painel Estilos no texto mesmo se n o for um estilo de texto Al m disso pode salvar atributos de texto como estilo O texto permanece edit vel Os tra os preenchimentos efeitos e estilos s o automaticamente atualizados na edi o P F Texto com tra o preenchimento efeito e estilo aplicados Para obter mais informa es sobre tra os e preenchimentos consulte Aplica o de cores tra os e preenchimentos na p gina 153 Para obter mais informa es sobre Efeitos ao Vivo consulte Sobre estilos na p gina 218 e Aplica o de um Efeito ao vivo na p gina 189 Como salvar atributos de texto Atributos como tra o preenchimento e efeitos que voc aplica ao texto podem ser salvos para serem reutilizados como estilos no painel Estilos Salvar atributos de texto como estilo n o salva o texto propriamente dito apenas os efeitos Para salvar atributos de texto como estilo 1 Criar um objeto de texto e aplicar os efeitos desejados 2 Selecione o objeto de texto e escolha Novo estilo
151. Usando o Fireworks Marcas comerciais Afterburner AppletAce Attain Attain Enterprise Learning System Attain Essentials Attain Objects for Dreamweaver Authorware Authorware Attain Authorware Interactive Studio Authorware Star Authorware Synergy Backstage Backstage Designer Backstage Desktop Studio Backstage Enterprise Studio Backstage Internet Studio Design in Motion Director Director Multimedia Studio Doc Around the Clock Dreamweaver Dreamweaver Attain Drumbeat Drumbeat 2000 Extreme 3D Fireworks Flash Fontographer FreeHand FreeHand Graphics Studio Generator Generator Developer s Studio Generator Dynamic Graphics Server Knowledge Objects Knowledge Stream Knowledge Track Lingo Live Effects Macromedia Macromedia M Logo amp Design Macromedia Flash Macromedia Xres Macromind Macromind Action MAGIC Mediamaker Object Authoring Power Applets Priority Access Roundtrip HTML Scriptlets SoundEdit ShockRave Shockmachine Shockwave Shockwave Remote Shockwave Internet Studio Showcase Tools to Power Your Ideas Universal Media Virtuoso Web Design 101 Whirlwind and Xtra are trademarks of Macromedia Inc e podem ser registradas nos Estados Unidos ou em outras jurisdi es inclusive internacionalmente Outros nomes de produtos logotipos desenhos t tulos palavras ou frases mencionados nesta publica o podem ser marcas comerciais marcas de servi o e denomina es comerciais pertencentes Macromedia Inc ou
152. Voc n o tem que clicar no primeiro ponto novamente para fechar o pol gono Nota Evite usar fatias poligonais em excesso uma vez que elas exigem muito mais c digos JavaScript do que as fatias retangulares similares Um grande n mero de fatias poligonais pode inclusive afetar negativamente o tempo de processamento do navegador da Web Para converter um tra ado vetorial em uma fatia 1 Selecione um tra ado vetorial 2 Selecione inserir gt Ponto ativo 3 Selecione Inserir gt Fatia Uma fatia gerada de acordo com a forma do tra ado vetorial Exibi o de fatias e guias de fatias Se um objeto coberto por uma fatia voc pode precisar esconder a fatia a fim de editar o objeto Esconder uma fatia torna a fatia invis vel Voc pode desligar todos os objetos da Web no documento ou alguns espec ficos As guias de fatia aparecem automaticamente quando voc desenha um objeto de fatia As guias de fatia mostram como o Fireworks cortar a imagem quando as fatias forem exportadas Voc n o pode editar guias de fatias como guias normais mas elas s o redesenhadas quando voc adiciona transfere ou edita objetos de fatia Para obter informa es sobre guias normais consulte Uso de r guas guias e a grade na p gina 81 Pontos ativos e fatias 251 252 Cap tulo 14 As fatias e guias de fatias s o vis veis na Visualiza o embora as fatias sejam exibidas como uma sobreposi o branca Voc pode organizar
153. Voc pode evitar que as guias sejam movidas acidentalmente bloqueando as Nota Guias n o permanecem em uma camada ou s o exportadas com um documento Elas s o apenas ferramentas de desenho Guias s o diferentes de guias de fatia Para obter informa es sobre guias de fatia consulte Pontos ativos e fatias na p gina 241 Para criar uma guia horizontal ou vertical 1 Clique e arraste na r gua correspondente 2 Posicione a guia na tela e libere o bot o do mouse poss vel reposicionar a guia arrastando a novamente Para mover uma guia para uma posi o espec fica 1 Clique duas vezes na guia 2 Digite a nova posi o na caixa de di logo Mover guia 3 Clique em OK Para mostrar ou ocultar guias Selecione Exibir gt Guias gt Mostrar guias Para alinhar objetos s guias Selecione Exibir gt Guias gt Alinhar s guias Para alterar cores da guia 1 Selecione Exibir gt Guias gt Editar guias 2 Na janela pop up de caixa de cores selecione a nova cor de guia e clique em OK Para bloquear ou desbloquear todas as guias Selecione Exibir gt Guias gt Bloquear Guias Para remover uma guia Arraste a guia para fora da tela Uso da grade Use a grade para exibir um sistema de linhas horizontais e verticais na tela A grade til para colocar precisamente objetos Voc pode exibir editar redimensionar e alterar a cor da grade Nota A grade n o permanece em uma camada nem ex
154. Web criam um gr fico e depois o recorta em peda os chamados fatias Esse processo chamado fatiamento O fatiamento til se por exemplo voc quiser exportar algumas partes de uma imagem como GIF e algumas como JPEG para tirar vantagem de ambos os formatos Os peda os s o em seguida remontados na p gina da Web usando uma tabela HT ML Para mais informa es sobre fatiamento consulte Cria o de fatias na p gina 247 Usar Visualizar exporta o permite otimizar fatias durante a exporta o Contudo a otimiza o em Visualizar exporta o permite apenas otimizar todas as fatias para a mesma configura o nova Voc pode otimizar fatias individuais no espa o de trabalho Consulte Como otimizar na rea de trabalho na p gina 296 Para exportar fatias selecionadas 1 Finalize a otimiza o das fatias e Selecione Arquivo gt Exportar para exporta o sem otimiza o adicional e Selecione Arquivo gt Visualizar exporta o para alterar configura es de otimiza o e clique em Exportar 2 Selecione um m todo de fatiamento Nenhum evita o fatiamento durante a exporta o mesmo que voc tenha desenhado objetos de fatia no documento Exportar fatias exporta fatias definidas por objetos de fatia Selecione Incluir reas sem fatias para exportar as fatias e o gr fico Se voc tiver selecionado fatias individuais antes de exportar selecione Apenas fatias selecionadas para exportar apenas as
155. a o tempor ria da m scara remove a Uma m scara desativada pode ser ativada para exibir seus efeitos em um objeto M scaras e objetos podem ser facilmente identificados e editados usando miniaturas no painel Camadas Quando voc seleciona uma m scara para edi o o cone da m scara aparece ao lado dela no painel Camadas Quando selecionar um objeto para edi o aparece o cone do l pis O tamanho das miniaturas no painel Camadas pode ser alterado para mostrar detalhes de objetos e m scaras mais claramente Selecionar Op es de miniatura no menu pop up Op es do painel Camadas Desativar miniaturas para economizar mem ria Para editar uma m scara 1 Selecionar a m scara Clicar na miniatura da m scara no painel Camadas Selecionar Editar m scara no menu pop up Camadas do painel Camadas Clicar duas vezes na al a de movimento no objeto mascarado a k 2 Fazer altera es na m scara e Selecionar uma ferramenta no painel Ferramentas e arrastar as altera es Arrastar a al a de movimento na m scara e Aplicar efeitos m scara Embora a m scara n o esteja vis vel os efeitos de edi o s o vis veis imediatamente durante a edi o Para editar um objeto sem afetar a m scara 1 Clique na miniatura do objeto no painel Camadas 2 Fazer as altera es no objeto Nota Quando voc seleciona um objeto mascarado os efeitos aplicados ao objeto s o exibidos nos pain is Preenchim
156. a Op es cont m todos os controles de otimiza o encontrados no painel Otimizar e no painel Tabela de cores Para obter mais informa es sobre otimiza o de imagens consulte Como otimizar na rea de trabalho na p gina 296 Op es no painel Anima o de Visualizar exporta o tamb m s o encontradas no painel Molduras Para obter mais informa es sobre anima o consulte Trabalho com molduras na p gina 284 Visualizar exporta o otimiza uma imagem sem fatias ou todas as fatias para a mesma configura o Para otimizar fatias em consigura es individuais use o painel Otimizar Visualizar exporta o tamb m permite exportar uma imagem para um limite de tamanho alvo clicando no assistente Otimizar para tamanho Esta op o tamb m est dispon vel no menu pop up Op es do painel Otimizar Al m dos controles de otimiza o Visualizar exporta o tem usos exclusivos Por exemplo Visualizar exporta o aparece quando estiver definindo configura es personalizadas de otimiza o durante um processo em lote ou quando estiver iniciando o Fireworks a partir do Dreamweaver para otimizar ou editar uma imagem colocada nele Para exportar uma gr fico usando Visualizar exporta o 1 Selecione Arquivo gt Visualizar exporta o 2 Selecione configura es de exporta o e de otimiza o 3 Clique em Exportar 4 Na caixa de di logo Exportar digite um nome de arquivo selecione op es de fatiamen
157. a Visualiza o da ponta 5 Escolha uma textura no menu pop up Texturae informe um valor para sua intensidade Para obter mais informa es consulte Adi o de textura a tra os e preenchimentos na p gina 171 Nota Por padr o uma textura aplicada a algumas categorias de tra o Aplica o de cores tra os e preenchimentos 163 164 Cap tulo 8 Como salvar tra os Voc pode alterar caracter sticas espec ficas de tra o como quantidade de tinta forma da ponta e sensibilidade da ponta e salvar o tra o personalizado como um estilo para reutiliza o em v rios documentos Para obter informa es sobre salvar estilos consulte Uso de bibliotecas estilos e URLs na p gina 217 Para salvar tra os personalizados apenas no documento atual use o menu pop up Op es no painel Tra o para editar atributos de tra o de pincel Voc pode editar atributos de tra o ou criar e salvar seus pr prios tra os personalizados Posicionamento do tra o no tra ado Por padr o o tra o de pincel de um objeto centralizado no tra ado Voc pode alterar as op es de posicionar o tra o de pincel inteiramente dentro ou fora do tra ado Isso lhe permite controlar o tamanho geral de objetos com tra os al m de lhe permitir criar efeitos como por exemplo utilizar tra os nas bordas de bot es chanfrados Tra o centralizado tra o interno e tra o externo Utilize os bot es Posi o do tra o no painel Objeto pa
158. a Web O arquivo deve ter a mesma largura e altura que a fatia com a qual est sendo trocado Caso contr rio o navegador redimensiona o arquivo para caber dentro do objeto de fatia O redimensionamento do arquivo pode reduzir sua qualidade especialmente no caso de um GIF animado Se voc for um usu rio avan ado de HTML importante notar que o pre caching pode interromper a exibi o de GIFs animados como estados de rollover Desselecione a caixa Pr carregar imagens ao configurar o rollover para ajudar a evitar este problema Para selecionar um arquivo externo como a origem de um rollover 1 Selecione Arquivo de Imagem na caixa de di logo Trocar Imagem Sobre na Barra de Navega o ou Abaixo na Barra de Navega o 2 Navegue para o arquivo que deseja usar 3 Se necess rio desselecione a caixa Pr carregar imagens se o arquivo externo for um GIF animado Utiliza o de pontos ativos sobre fatias para interatividade complexa O Fireworks permite posicionar pontos ativos sobre fatias Isto lhe d bastante flexibilidade na escolha de um local e tamanho de um acionador Por exemplo se voc deseja que um rollover apare a quando o ponteiro passa sobre o centro da imagem de troca ent o voc pode posicionar um ponto ativo menor no centro da fatia como um acionador Isto impede que a imagem de troca apare a inadvertidamente Ao posicionar um ponto ativo sobre uma fatia nenhum comportamento anexado fatia ape
159. a a edi o de imagens de bitmap mas tamb m oferece amplas capacidades de edi o vetorial normalmente associadas a programas de desenho como o Macromedia FreeHand ou o Adobe Illustrator O Fireworks permite que voc trabalhe no mesmo arquivo com objetos vetoriais e de bitmap Cada tipo de gr fico possui um modo de edi o diferente a ele associado Modo vetorial Vetor o modo de edi o padr o do Fireworks No modo vetorial voc pode usar v rias ferramentas de desenho para criar objetos vetoriais Tamb m denominados objetos de caminho os objetos vetoriais compreendem pontos ajust veis ligados a segmentos de caminho Ao contr rio dos bitmaps os objetos vetoriais compreendem elementos diferentes que podem ser selecionados e editados com facilidade Fireworks para usu rios do Photoshop 375 376 Cap tulo 21 Por exemplo voc pode desenhar um objeto vetorial no formato de um ret ngulo e pint lo acrescentando um tra o colorido ao seu contorno preenchendo o com outra cor seguir voc pode selecionar o ret ngulo a qualquer momento para aplicar edi es ba como por exemplo alterar a cor do traco alongar ou redimensionar sua forma tudo sem afetar outros objetos do arguivo Modo Bitmap Voc pode criar novos objetos de bitmap no Fireworks importando arquivos salvos em um formato de imagem de bitmap como o Photoshop PSD Al m disso voc pode converter objetos vetoriais em objetos de bitmap selecionando
160. a camada superior portanto selecionar No topo posiciona a camada duplicada embaixo da Camada da Web Organiza o de camadas Mover camadas no painel Camadas altera a ordem em que os objetos aparecem em um documento camada mais alta aparece na frente de outras camadas Objetos na camada mais alta aparecem na frente de objetos em camadas inferiores Para mover uma camada Marcar e arrastar um nome de camada para cima ou para baixo no painel Camadas Mascaramento de imagens M scaras s o adicionadas a um objeto para criar um efeito de recorte naquele objeto Uma m scara vazia ou outro objeto pode ser usado para mascarar um objeto existente M scaras s o totalmente edit veis Voc pode usar um objeto vetorial ou bitmap como o objeto de m scara Uma m scara tem dois usos principais O tra ado de uma m scara vetorial pode contornar outro objeto ou imagem Ele mascara o objeto ou imagem b sica para seu tra ado Os pixels do objeto de m scara podem afetar a visibilidade de outro objeto Isto conhecido como uma m scara de camada no Photoshop Uma aplica o comum para M scaras s o usadas comumente para definir transpar ncia em d grad para outros objetos Ao editar os atributos de tra o e de preenchimento do objeto da m scara voc pode criar diversos efeitos exclusivos Objeto de imagem e mascaramento M scara vetorial M scara de bitmap Camadas e mascaramento 205 206 Cap tulo
161. a de edi o ou pressione Enter para fech la Aplica o de efeitos de relevo Use o efeito Relevo para que a imagem pare a destacada em alto relevo ou interiorizada de seu fundo Relevo faz com que os bot es pare am pressionados ou destacados em alto relevo Voc pode aplicar um efeito de relevo interiorizado ou de alto relevo Relevo interiorizado e Alto relevo na tela azul Para aplicar um efeito de relevo 1 Abrao menu pop up Efeito para exibir uma lista dos efeitos dispon veis 2 Selecione um efeito Relevo e Chanfro e relevo gt Relevo interiorizado Chanfro e relevo gt Alto relevo 3 Edite as configura es do efeito na janela pop up de edi o Se quiser que o objeto original apare a selecione Mostrar objeto 4 Quando terminar clique fora da janela de edi o ou pressione Enter para fech la Nota Para manter a compatibilidade com vers es anteriores os efeitos de relevo em objetos de documentos mais antigos s o abertos com a caixa de sele o Mostrar objeto desmarcada Aplica o de sombras e brilhos No Fireworks f cil aplicar sombras sombras internas e brilhos a objetos Voc pode especificar o ngulo da sombra para simular o ngulo de incid ncia da luz sobre o objeto KI ES ES Efeitos Aplicar sombra Sombra interna e Brilho Para aplicar uma sombra ou sombra interna 1 Abra o menu pop up Efeito para exibir uma lista dos efeitos dispon veis 2 Selecione uma op o de sombra Som
162. a determinados tipos de gr ficos pode reduzir sensivelmente o tamanho do arquivo Definir op es espec ficas de formato Cada formato de arquivo da Web tem um conjunto exclusivo de op es para controle de compacta o de imagem Por exemplo voc pode usar o pontilhamento em um GIF para compensar o n mero menor de cores armazenadas na imagem ou usar a suaviza o em um JPEG para emba ar um pouco a imagem ajudando a compacta o JPEG a reduzir o tamanho do arquivo e Ajustar as cores da imagem Limite as cores restringindo a imagem a um conjunto espec fico de cores denominado paleta de cores Em seguida remova as cores n o usadas da paleta de cores Quanto menor o n mero de cores na paleta menor o n mero de cores na imagem resultando em um tamanho menor de arquivo A redu o do n mero de cores tamb m pode diminuir a qualidade da imagem por isso experimente v rias paletas de cores para encontrar o melhor equil brio entre qualidade e tamanho 295 296 Cap tulo 17 Como otimizar na rea de trabalho Os controles de otimiza o do Fireworks est o localizados de forma conveniente nos pain is da rea de trabalho O painel Otimizar cont m os controles principais para a otimiza o O painel Tabela de cores exibe as cores da paleta de cores de exporta o atual A janela Visualiza o mostra a visualiza o como ficar a apar ncia do gr fico exportado Nota No Fireworks todos os controles de
163. a e ore sado dem obec Bl a es aa EA 54 Uso de menus Contexto 4 444 4444400 56 Configura o de prefer ncias 44444444444e 57 Configura o de prefer ncias de edi o 44444 58 Configura o de prefer ncias de Iniciar e Editar 58 4 ndice Gerenciamento de pastas externas e discos tempor rios 59 Configurar as prefer ncias para importar arquivo do Photoshop 59 Altera o dos conjuntos de atalho de teclado 59 Cria o de atalhos personalizados 44444 44444 60 Cria o de atalhos secund rios 444444 61 Exclus o de atalhos personalizados e conjuntos de atalhos personalizados ies iir atine ik a ed edn dad Ea aaa or l 61 Cria o de folha de refer ncia para o conjunto de atalho 62 Como desfazer e repetir v rias a es 44444 44 62 CAP TULO 3 Configura o de documento do Fireworks 05 Cria o de um novo documento lt lt lt lt 444444 65 Abertura de gr ficos de outros aplicativos 444 67 Abertura de arquivos do FreeHand Illustrator ou CorelDRAW 67 Importa o de um scanner ou de uma c mera digital 70 Inser o de objeto em um documento do Fireworks 71 Reamostragem de objetos colados 444 4 72 Importa o de arquivos PNG iii
164. a letra Para inserir informa es em uma caixa de texto de painel 1 Clique na caixa de texto 2 Digite um valor 3 Pressione Enter Para combinar dois ou mais pain is 1 Arraste um painel flutuante sobre um outro painel flutuante Quando a borda real ada aparecer no painel inferior solte o bot o do mouse 2 Clique em qualquer tabula o no painel para traz la para frente Princ pios b sicos do Fireworks 55 56 Cap tulo 2 Para remover um painel de um painel tabulado Arraste o painel para fora do painel tabulado pela tabula o Para ocultar um painel ou grupo de pain is tabulados Clique no bot o Fechar no topo do painel ou janela de grupo de painel Para ocultar todos os pain is ou exibir pain is ocultos Selecione Exibir gt Ocultar pain is Nota Pain is que estiverem ocultos ao escolher Ocultar pain is permanecer o ocultos quando voc desselecionar essa op o Para retornar os pain is s posi es padr o Selecione Comandos gt Defini es de layout de painel gt 1024 x 768 Para redefinir prefer ncias de n vel de aplicativo 1 Saia do Fireworks 2 Exclua o arquivo de prefer ncias denominado Fireworks 4 Preferences na pasta Fireworks Windows ou na pasta SystemlPreferences Macintosh 3 Reinicie o Fireworks Uso de menus Contexto Os menus Contexto permitem acesso r pido a comandos importantes para a sele o atual Amplia o Selecion
165. a livre n o editam pontos ativos Para obter informa es sobre usar as ferramentas Transformar e Inclinar consulte Trabalho com objetos na p gina 85 Para editar um ponto ativo usando pontos 1 Selecione a ferramenta Ponteiro ou Selecionar secund rio 2 Arrastar os pontos O ponto ativo retangular muda de posi o e de dimens es mas permanece retangular O ponto ativo circular muda de posi o e de di metro mas permanece circular O ponto ativo poligonal muda conforme o local do ponto movido Para converter um ponto ativo selecionado em ponto ativo retangular circular ou poligonal 1 Selecione Janela gt Objeto para abrir o painel Objeto 2 Selecione Ret ngulo C rculo ou Pol gono no menu pop up Forma Aplica o de comportamentos arrastar e soltar a pontos ativos Voc pode usar comportamentos arrastar e soltar para configurar um ponto ativo para acionar um efeito rollover desmembrado Os comportamentos arrastar e soltar s o aplicados a pontos ativos da mesma maneira que para as fatias Para obter mais informa es consulte Cria o de rollovers na p gina 261 Nota Um ponto ativo s pode acionar um rollover desmembrado Ele n o pode ser o alvo de um comportamento arrastar e soltar vindo de outro ponto ativo ou fatia q Uma vez que tiver anexado um comportamento arrastar e soltar a um ponto ativo a linha azul de conex o se mant m vis vel apenas enquanto o ponto ativo est sele
166. a n o compartilhada Duplique esse bot o para criar sua pr pria barra de navega o Para criar uma barra de navega o usando s mbolos aninhados 1 Crie um bot o com apenas os elementos gr ficos e sem texto O bot o aparece automaticamente na biblioteca 2 Selecione Inserir gt Novo bot o 3 O Editor de bot o exibe a rea de trabalho do estado Acima 4 Arraste o bot o original da biblioteca para a rea de trabalho do estado Sobre do novo bot o 5 No painel Camadas selecione uma camada que n o seja compartilhada e esteja acima da camada onde o bot o original est localizado 6 Adicione texto ao novo bot o para cada estado do bot o 7 Nos indicadores Abaixo e Sobre durante o estado Abaixo selecione as op es Incluir conforme apropriado 8 Feche o Editor de bot o 9 No documento duplicar o bot o 10 Em cada bot o duplicado altere o texto usando o painel Objeto Nota Voc pode aninhar uma s rie de bot es em um s mbolo para criar uma barra de navega o port til Para atualizar os gr ficos de todos os bot es em uma barra de navega o simples Use o Editor de bot o para editar o bot o original o bot o sem texto O Fireworks atualiza os outros bot es para refletir a nova apar ncia Contudo como o texto exclusivo nos s mbolos de bot o mais novos ele n o ser afetado quando o gr fico for atualizado Voc tamb m pode criar uma barra de navega o mais complexa usando os esta
167. a o Fireworks O efeito de recorte nas camadas agrupadas do Photoshop perdido na importa o Para obter mais informa es sobre grupos de recorte no Photoshop consulte Grupos na p gina 379 Camadas e mascaramento 215 216 Cap tulo 11 CAP TULO 12 Uso de bibliotecas estilos e URLs Este cap tulo cobre os tr s pain is em que voc pode armazenar e reutilizar s mbolos estilos e URLs Os s mbolos ficam armazenados no painel Biblioteca Da mesma forma os estilos s o armazenados no painel Estilos e os URLs no respectivo painel URL O painel Estilos cont m um conjunto de estilios predefinidos do Fireworks sua escolha Contudo caso a maneira como voc utilizou tra os preenchimentos e outros atributos para tornar um objeto exclusivo tenha lhe agradado voc poder salvar os atributos como um estilo Em vez de reconstruir atributos basta salv los no painel Estilos e depois aplicar aquela combina o de atributos a outros objetos Os s mbolos ficam armazenados no painel Biblioteca Existem tr s tipos diferentes de s mbolos bot es gr ficos e anima es poss vel criar novos s mbolos e duplic los importar s mbolos existentes e edit los Os URLs ou Localizadores Universais de Recursos ficam armazenados no painel URL URL um endere o na Internet de uma p gina ou arquivo espec fico Se voc usar o mesmo URL muitas vezes voc pode adicion lo ao painel URL Voc pode organizar e agr
168. a obter mais informa es consulte Edi o de m scaras na p gina 209 Os controles do modo de opacidade e mesclagem tamb m s o encontrados no painel Camadas Para obter mais informa es consulte Ajuste da opacidade e aplica o de mesclagens na p gina 214 Bloquear desbloquear camada Mostrar ocultar camada Expandir reduzir camada Excluir camada ova Imagem de Bitmap Adicionar m scara Camada nova duplicada Quando voc desejar proteger os objetos em todas as camadas exceto na camada ativa contra altera es ou sele es indesejadas selecionar Edi o de camada nica no menu pop up Op es do painel Camadas Uma marca de sele o Windows ou buller Macintosh mostra que a Edi o de camada nica est ativada Se a Edi o de camada nica estiver ativada s ser poss vel selecionar e editar os objetos da camada atual A Camada da Web A Camada da Web uma camada especial que aparece como uma camada superior em cada documento A Camada da Web cont m objetos da Web como fatias e pontos ativos utilizados para atribuir interatividade a documentos exportados do Fireworks Para obter mais informa es sobre objetos da Web consulte Pontos ativos e fatias na p gina 241 Voc n o pode descompartilhar excluir mover ou renomear a Camada da Web Ela sempre compartilhada entre todas as molduras e os objetos da Web s o vis veis em todas as molduras Para renomear uma fatia ou po
169. a outras entidades e podem ser registrados em determinadas jurisdi es inclusive internacionalmente Apple o logotipo da Apple Macintosh Power Macintosh Mac OS e LaserWriter s o marcas comerciais registradas da Apple Computer Inc Adobe Adobe Type Manager Illustrator e Photoshop s o marcas comerciais da Adobe Systems Incorporated CorelDRAW marca registrada da Corel Corporation ou Corel Corporation Limited no Canad nos Estados Unidos e ou em outros pa ses Java e todas as marcas baseadas em Java s o marcas comerciais ou marcas registradas da Sun Microsystems Inc nos EUA e em outros pa ses GIF LZW licenciada pela Patente Patente No 4 558 302 por suas contrapartidas estrangeiras Este software parcialmente baseado no trabalho do Grupo Independente JPEG O Graphics Interchange Format Copyright c da CompuServe Incorporated GIF uma Marca de Servi o e propriedade da CompuServe Incorporated Portions Copyright c 1988 1992 de Sam Leffler Portions Copyright c 1991 1992 da Silicon Graphics As imagens s o Copyright c 1999 da PhotoDisc Inc Este guia cont m v nculos com sites de terceiros na web que n o est o sob o controle da Macromedia e a Macromedia n o respons vel pelo conte do dos sites vinculados Ao acessar um site de terceiros na web mencionado neste guia fa a o por seu pr prio risco A Macromedia fornece estes v nculos apenas como conveni ncia e a inclus o do v nculo n o significa que a
170. a sele o de etapas 1 Selecione um ou mais objetos 2 Selecione as etapas no painel Hist rico 3 Clique no bot o Reproduzir na parte inferior do painel Hist rico As etapas marcadas com um X n o podem ser repetidas e n o ser o reproduzidas Linhas separadoras indicam que ocorreu uma altera o no objeto selecionado Comandos criados a partir de etapas que ultrapassam uma linha separadora podem gerar resultados imprevis veis Para aplicar etapas selecionadas a objetos em v rios documentos 1 Selecione uma faixa de estapas 2 Clique no bot o Copiar na base do painel Hist rico 3 Selecione um ou mais objetos em qualquer documento do Fireworks 4 Selecione Editar gt Colar Para repetir a ltima etapa Selecione Editar gt Repetir Renomea o e exclus o de comandos Voc pode renomear ou excluir comandos que aparecem no menu Comandos Para renomear um comando 1 Selecione Comandos gt Editar lista de comandos 2 Selecione um comando 3 Clique em Renomear digite um novo nome e clique em OK Para excluir um comando de dentro do Fireworks 1 Selecione Comandos gt Editar lista de comandos 2 Selecione um comando e clique em Excluir Para excluir um comando de fora do Fireworks Exclua o arquivo JSF para o comando da pasta Fireworks 4ConfigurationiCommands Editar ou personalizar um script Scripts de comando s o salvos como JavaScript Voc pode abri los e edit los em qualquer editor de texto c
171. a usar em v nculos com arquivos que estar o sempre na mesma pasta do documento atual Uso de bibliotecas estilos e URLs 227 228 Cap tulo 12 CAP TULO 13 Cria o de bot es e barras de navega o Com o Fireworks voc pode criar uma variedade de bot es em JavaScript mesmo sem saber nada sobre JavaScript O Editor de bot o do Fireworks permite percorrer o processo de cria o do bot o automatizando v rias tarefas de cria o do bot o O resultado um s mbolo de bot o conveniente que voc pode posicionar e transformar como um nico objeto Voc pode replicar rapidamente um bot o para criar uma barra de navega o e atualizar texto atrav s das molduras do bot o Um bot o controlado pelo JavaScript que executado no fundo Quando exportar um bot o o Fireworks gera automaticamente o JavaScript necess rio para exibi lo em um navegador da Web No Macromedia Dreamweaver voc pode facilmente inserir c digos HTML e JavaScript do Fireworks em p ginas da Web Al m disto recorte e cole o c digo de rollover em qualquer arquivo HTML Uma barra de navega o um grupo de bot es que normalmente permanece ou parece permanecer em uma p gina da Web como outras partes da altera o da p gina Sobre bot es No Fireworks um bot o um tipo de rollover que engloba at quatro estados diferentes Cada estado representa a apar ncia de um bot o em resposta a uma a o de ponteiro O estado Acima o pad
172. a visualizar o que ser selecionado ao clicar selecione a op o Real ar mouse no painel Op es Uma linha vermelha real a o tra o do objeto quando o ponteiro est na posi o para selecion lo Para selecionar objetos arrastando Arraste a ferramenta Ponteiro sobre um ou mais objetos Uso da ferramenta Selecionar secund rio Assim como na ferramenta Ponteiro poss vel usar a ferramenta Selecionar secund rio para selecionar objetos clicando neles ou arrastando uma rea de sele o ao seu redor Mas a ferramenta Selecionar secund rio tem v rios recursos adicionais Voc pode selecionar e mover pontos Voc pode editar tra os adjacentes a pontos arrastando as al as dos pontos Consulte Mudan a da forma de tra ados usando as ferramentas de edi o do modo vetorial na p gina 113 Voc pode selecionar e modificar um objeto dentro de um grupo ou tra ado composto Consulte Como agrupar objetos na p gina 95 Para alternar facilmente entre a ferramenta Ponteiro e a ferramenta Selecionar secund rio pressione Alt Windows ou Option Macintosh Usar a ferramenta Selecionar atr s Ao trabalhar em gr ficos que cont m v rios objetos voc pode usar a ferramenta Selecionar atr s para selecionar um objeto que esteja oculto ou obscurecido por outros objetos Para selecionar um objeto atr s de outros objetos Clique repetidamente na ferramenta Selecionar atr s sobre os objetos empilhad
173. ada com uma original na visualiza o 2 para cima e 4 para cima 1 Selecione uma visualiza o otimizada 2 Selecione Original Sem visualiza o no menu pop up Visualizar na base da janela do documento Sele o de formatos de arquivo GIE JPEG e PNG s o formatos de arquivo gr fico comuns em desenvolvimento da Web pois s o altamente compact veis O formato PNG n o t o comum porque nem todos os navegadores da Web o suportam A compacta o garante uma transfer ncia mais r pida pela Internet No entanto a apar ncia do gr fico pode variar de um formato a outro dependendo do m todo de compacta o de cada um Portanto baseie sua escolha de formato de arquivo no projeto e uso de suas imagens Escolha de GIF Graphics Interchange Format ou GIF um formato gr fico popular para a Web GIFs cont m um m ximo de 256 cores Esse formato oferece boa compacta o de imagem mas se a imagem contiver mais de 256 cores a qualidade ser reduzida de forma significativa Al m disso as GIFs podem conter uma rea transparente v rios quadros para anima o As imagens compactadas com compacta o sem perda normalmente n o perdem a qualidade de imagem Uma GIF compactada digitalizando se horizontalmente por uma coluna de pixels encontrando reas s lidas de cores e ent o abreviando se reas id nticas de pixels no arquivo GIFs n o ter o perda apenas se a imagem contiver muito menos cores como arte com linhas e g
174. ado Acima exclusivo Importe um gr fico para a janela Acima Se quiser que o bot o exiba texto use a ferramenta Texto Adi o de estado Abaixo Em um navegador da Web o estado Abaixo aparece quando um bot o clicado permanecer vis vel na p gina da Web O estado Abaixo normalmente usado em barras de navega o V rios bot es existem apenas em uma p gina da Web portanto seu bot o talvez n o precise de um estador Abaixo ou Sobre durante estado Abaixo Para adicionar um estado Abaixo a um bot o 1 Clique no indicador Abaixo no Editor de bot o 2 Posicione um gr fico no Editor de bot o e Clique em Copiar gr fico Acima para colar uma c pia do gr fico do estado Acima na janela Sobre e em seguida edite o para alterar sua apar ncia Crie um gr fico de estado Acima exclusivo Importe um gr fico para a janela Acima Se quiser que o bot o exiba texto use a ferramenta Texto 3 Opcionalmente se quiser que o estado Abaixo apare a imediatamente quando carregar a p gina da Web selecione a caixa Mostrar estado Abaixo ao carregar Mostrar imagem Abaixo ao carregar T T cnica onion skin Copiar gr fico Sobre Nota Quando inserir uma imagem na rea de trabalho do estado Abaixo Incluir estado Abaixo na barra de navega o ser automaticamente marcado Adi o de Sobre durante o estado Abaixo O Sobre durante o estado Abaixo aparece quando o ponteiro mover se sobre o estado Abaixo Assim como o e
175. adr o ser lembrada entre documentos e sess es Para salvar uma combina o de configura es de efeito como padr o 1 Selecione o objeto que cont m as configura es de efeito que deseja usar como padr o 2 No menu pop up Op es do painel Efeito escolha Salvar padr es Para aplicar os efeitos padr o a um objeto No menu pop up do painel Efeito escolha Usar padr es Manipula o do desenho de Efeitos ao vivo Pode levar um pouco mais de tempo para abrir um arquivo em que foram usados v rios Efeitos ao vivo Al m disso quando voc redimensiona ou edita um objeto com v rios efeitos pode levar mais tempo para o Fireworks redesenhar o objeto na tela Voc pode desativar temporariamente o efeito para aumentar a velocidade do redesenho Para ativar ou desativar temporariamente um efeito aplicado a um objeto Marque ou desmarque a caixa de sele o ao lado do efeito no painel Efeito Para ativar ou desativar temporariamente todos os efeitos aplicados a um objeto No menu pop up Op es do painel Efeito escolha Tudo ativado ou Tudo desativado Para obter informa es sobre como remover permanentemente efeitos consulte Remo o de Efeitos ao vivo na p gina 195 Aplica o de efeitos a objetos agrupados Se voc aplicar um efeito a um grupo ele ser aplicado a todos os objetos do grupo Se os objetos forem desagrupados cada um reverter para qualquer configura o de efeito aplicado ao objeto
176. ainel Op es Mostrar visualiza o da caneta para visualizar o segmento de linha que resultaria do pr ximo clique Mostrar pontos s lidos para desenhar pontos s lidos Clique para colocar o primeiro ponto de canto Mova o ponteiro e clique para colocar o pr ximo ponto Um segmento de linha reta une os dois pontos 5 Continue plotando pontos Segmentos retos unem intervalos entre pontos Finalizar o tra ado aberto ou fechado e Clique duas vezes no ltimo ponto para terminar o tra ado como aberto Escolha uma outra ferramenta para termin lo como um tra ado aberto Quando selecionar algumas ferramentas e depois retornar ferramenta Caneta seu pr ximo clique continuar com o desenho do objeto e Clique no primeiro ponto plotado para fechar o tra ado Os pontos inicial e final de um tra ado fechado s o o mesmo ponto Nota Ciclos formados por uma sobreposi o de tra ado n o s o tra ados fechados Apenas tra ados iniciados e terminados no mesmo ponto s o considerados tra ados fechados Desenho de segmentos de tra ado curvo Para desenhar segmentos de tra ado curvo voc s necessita clicar e arrastar durante a plotagem dos pontos Durante o desenho o ponto atual mostra al as Para desenhar um objeto com segmentos curvos 1 2 3 Selecione a ferramenta Caneta Clique para colocar o primeiro ponto de canto Mova at o local do pr ximo ponto e em seguida clique e arraste para elaborar
177. ais op es MM dd 500x500 100 26340 AMD Z 3 Na caixa de di logo verificar se est trocando a imagem da moldura Verificar condi es e clicar em OK Pronto rapidamente voc criou um rollover desarticulado Lembrar se de salvar o trabalho com fregii ncia Adi o de rollover desarticulado final Voc completar etapas semelhantes para criar um rollover desarticulado para o bot o Registro de viagem 1 Na tela selecionar o bot o Registro de viagem e arrastar o controle de comportamento do bot o at a rea da fatia da imagem de bitmap na tela 2 Na caixa de di logo selecionar Registro de viagem Moldura 3 como a imagem de troca e clicar em OK DLE Registro de Viagem hd 3 Clicar na guia Visualizar e passar sobre os bot es para exibir seu rollover desarticulado Ao concluir a exibi o da visualiza o clicar na guia Original Tutorial 43 44 Cap tulo 1 Exporta o de arquivo do Fireworks para HTML Parab ns pela conclus o do seu documento do Fireworks A seguir no processo voc exportar o documento para exibir em um navegador O Fireworks suporta exportar para v rios formatos diferentes da Web e de impress o voc exportar o documento para HTML Observar que o processo de exporta o n o modifica seu arquivo PNG o arquivo PNG continuar dispon vel para novas modifica es e exporta es se desejar Exporta o de seu arquivo Para exportar usa
178. altera as transi es de cores para linhas Em imagens de bitmap Localizar bordas cria a apar ncia de um esbo o Original Ap s aplicar Localizar bordas Ajuste da core dotom 185 186 Cap tulo 9 Para alterar as transi es de cores para linhas em um objeto selecionado Selecione a op o Localizar bordas e Selecione Outro gt Localizar bordas no menu pop up do painel Efeito e Selecione Xtras gt Outro gt Localizar bordas Convers o de imagem Voc pode usar o filtro Converter em Alfa para converter um objeto ou texto em uma transpar ncia em d grad com base na transpar ncia da imagem Para converter uma imagem selecionada em alfa Selecione a op o Converter em Alfa Selecione Outro gt Converter em Alfa no menu pop up Efeito do painel Efeito e Selecione Xtras gt Outro gt Converter em Alfa Agu amento de imagem Use o filtro Agu ar para corrigir imagens emba adas O comando Agu ar inclui tr s op es Agu ar Agu amento maior e Desfocar m scara Agu ar ajusta o foco de uma imagem emba ada aumentando o contraste dos pixels adjacentes Agu amento maior aumenta o contraste dos pixels adjacentes aproximadamente tr s vezes mais que Agu ar Desfocar m scara agu a uma imagem ajustando o contraste das bordas da imagem Desfocar m scara oferece o maior controle portanto normalmente a melhor op o para agu ar uma imagem Ap s agu ar Para agu ar uma imagem 1 2 Se
179. amb m e J pode utilizar essas ferramentas para selecionar blocos de texto s mbolos objetos da Web e gr ficos bitmap enquanto estiver no modo vetorial Sele o de reas de RR q l l pixels na p gina 123 descreve m todos para selecionar pixels no modo bitmap Voc pode escolher a partir das seguintes op es Para selecionar um objeto vetorial use a ferramenta Ponteiro Consulte Uso da ferramenta Ponteiro na p gina 86 Para selecionar um objeto e pontos individuais use a ferramenta Selecionar secund rio Consulte Uso da ferramenta Selecionar secund rio na p gina 87 85 86 Cap tulo 4 Para selecionar um objeto atr s de outro objeto use a ferramenta Selecionar atr s Consulte Usar a ferramenta Selecionar atr s na p gina 87 Para selecionar uma rea a ser exportada como um arquivo separado use a ferramenta rea de exporta o Uso do painel Objeto Sempre que voc selecionar um objeto o painel Objeto identifica a sele o Quando um nico objeto for selecionado a barra de t tulo do painel Objeto o descreve por tipo de objeto tal como ret ngulo fatia tra ado ou texto Quando mais de um objeto for selecionado a barra de t tulo do painel Objeto e a barra de status exibem o n mero Nota Objetos selecionados tamb m s o identificados na barra de status na base da janela do documento no Windows Objeto Trag ol Tra o a ml oj Preencher
180. ans o de um traco 4444 4444444440000ee 119 Retra o ou expans o de um tracado 44 120 CAP TULO 6 Trabalho com EMAS Asus d l od titadad a dan 121 Entrada no modo Bitmap 4 444444444 0004 121 Sele o de reas de pixels 444 44444440000ee 123 Escolha de op es da ferramenta Moldura de caixa de sele o 124 Ajuste de uma moldura de caixa de sele o 127 Adi o ou remo o de pixels usando teclas modificadoras 128 ndice 5 6 ndice Expans o e contra o de uma moldura de caixa de sele o 129 Sele o de uma rea em torno de uma moldura de caixa de sele o EXISTENTE E eus E agiu d DS nb aa ag A CA ER 130 Suaviza o da borda de uma moldura de caixa de sele o 130 Pintura no modo Bitmap 4 44444444444e0 131 Clonagem de uma rea de pixels 4444440e0 134 Corte de uma imagem de bitmap 4444 4 4444 135 CAP TULO 7 Meke O pas ads uto e O ES Sd TE Tor Digita o de texto queridos spa doa A dy rea 8 138 Como mover blocos de texto 4 44444444 4444 139 Dimensionamento autom tico de blocos de texto 139 Edi o de texto 4444444444444 lt lt lt 140 Sele o de fonte tamanho e estilo lt 4 44444 44 140 Defini o de deslocamento de linha de base e entrelinhamento 141 De
181. ar gt Ocultar sele o Ctrl L Ocultar bordas F9 Organizar Transformar gt Agrupar Ctrl G Desagrupar Ctl Shift G Converter em s mbolo F8 Animar gt S mbolos Inserir ponto ativo Ctrl Shift U Inserir fatia Al Shift U Converter em bitmap Ctri Alt Shift Z Nivelar camadas Para exibir um menu de contexto Clique com o bot o direito do mouse Windows ou clique com Control Macintosh em um item selecionado na janela do documento Configura o de prefer ncias As configura es de prefer ncia do Fireworks controlam a apar ncia geral da interface do usu rio assim como edi o e aspectos de pasta Para definir prefer ncias 1 Escolha Editar gt Prefer ncias 2 Selecione a guia para o grupo de prefer ncias que deseja modificar Consulte as se es seguintes para obter detalhes sobre grupos de prefer ncia 3 Fa a as altera es e selecione OK Configura o de prefer ncias gerais O n mero de etapas de desfazer e padr es de cores s o prefer ncias Geral Etapas de desfazer define o n mero de etapas de desfazer refazer de 0 a 100 Essa configura o se aplica ao comando Editar gt Desfazer e ao painel Hist rico Um grande n mero do recurso desfazer pode aumentar a quantidade de mem ria que o Fireworks necessita Padr es de cores define os padr es para tra os de pincel preenchimentos e caminhos de realce Interpola o define um dos quatro diferentes m todos de escala usados pel
182. ar na guia Visualizar 3 Mover o ponteiro sobre o bot o Viagem de aventura para visualizar o efeito do rollover Nota Al m disso ao usar a guia Visualizar voc pode escolher Arquivo gt Visualizar no navegador e em seguida selecionar um navegador O navegador exibe uma vers o tempor ria do seu arquivo Cria o de v rias ocorr ncias de um nico s mbolo Agora voc ver a vantagem de ter s mbolos reutiliz veis armazenados na Biblioteca n o ser necess rio repetir as etapas para criar mais dois bot es de rollover Em vez disso arrastar duas ocorr ncias do s mbolo do bot o da Biblioteca para a tela Em seguida voc modificar o texto para as duas ocorr ncias sem afetar o s mbolo original 1 Para sair de Visualizar clicar na guia Original Tutorial 33 34 Cap tulo 1 No painel Biblioteca selecionar MyButton e arrastar a ocorr ncia do bot o para a tela colocando a ao lado do bot o existente do Planejador de aventura para que seja alinhado pelas guias Arrastar outra ocorr ncia do mesmo bot o e coloc la ao lado do segundo bot o N o arrastar o controle de comportamento circular De novo usar as guias para alinhar o bot o com os outros dois Com a segunda ocorr ncia de MyButton selecionada ir para o painel Objeto Escolher Janela gt Objeto se o painel n o estiver vis vel Selecionar o texto no campo Texto do bot o e substitui lo por Verificar condi es Em seguida pressionar
183. ar o seletor de cores do sistema para selecionar cores Cria o de cores no Misturador de cores Use o Misturador de cores para ver os valores da cor ativa e criar novas cores Misturador de cores Guse Op S E RJ g T i i ma i Voc pode criar suas pr prias cores usando qualquer um destes modelos de cores RGB Hexadecimal HSB CMY e tons de cinza Por padr o o Misturador de cores identifica as cores RGB como Hexadecimal exibindo os valores dos componentes vermelho R verde G e azul B da cor Os valores hexadecimanir RGB s o calculados com base em uma faixa de 00 a FF Selecione Para exprimir componentes de cor como RGB Valores de Vermelho Verde e Azul onde cada componente tem um valor de O a 255 O O O preto e 255 255 255 branco Hexadecimal Valores RGB de Vermelho Verde e Azul onde cada componente tem um valor de OO a FF 00 00 00 preto e FF FF FF branco HSB Valores de Matiz Satura o e Brilho onde o Matiz tem um valor de O a 360 graus e Satura o e Brilho t m valores que variam de O a 100 CMY Valores de Ciano Magenta e Amarelo onde cada componente tem um valor de O a 255 0 0 0 branco e 255 255 255 preto Tons de Cinza Porcentagem de preto O componente simples preto K varia de O a 100 onde O branco e 100 preto Os valores intermedi rios correspondem a tons de cinza Voc pode escolher modelos de cor alternativos a partir do
184. ar secund rio O tra ado redesenhado para refletir a nova posi o do ponto Para alterar a forma de um segmento de tra ado Arraste uma al a de ponto Continua o de um tra ado existente Para retomar o desenho de um tra ado aberto existente 1 Selecione a ferramenta Caneta 2 Clique no ponto final e continue o tra ado 3 O cursor da ferramenta Caneta alterado para indicar a adi o a um tra ado Mesclagem de dois tra ados abertos poss vel conectar dois tra ados abertos para formar um tra ado cont nuo Na conex o de dois tra ados os atributos de tra o preenchimento e efeito do segundo tra ado superior se transformam nos atributos do tra ado rec m mesclado Para mesclar dois tra ados abertos 1 Clique no ponto final de um dos tra ados 2 Mova o ponteiro at o ponto final do outro tra ado e clique Uni o autom tica de tra ados abertos semelhantes Voc pode unir facilmente um tra ado aberto com outro que tenha caracter sticas de tra o e preenchimento semelhantes Para unir automaticamente dois tra ados abertos 1 Selecione um tra ado aberto 2 Selecione a ferramenta Selecionar secund rio e arraste um ponto final do tra ado para dentro de alguns pixels do final do tra ado semelhante O ponto final fica alinhado com o outro tra ado e os dois se transformam em um nico tra ado Inser o e exclus o de pontos em um tra ado Voc pode adicionar e excluir pontos de um tra
185. ar uma cor selecionada Clique no bot o Bloquear na base do painel Tabela de cores ou escolha Bloquear cor no menu pop up Op es Para desbloquear uma cor 1 Selecione uma cor no painel Tabela de cores 2 Clique no bot o Bloquear do painel Tabela de cores ou desselecione Bloquear cor no menu pop up Op es Otimiza o de gr ficos 311 Para desbloquear todas as cores Selecione Desbloquear todas as cores no menu pop up Op es do painel Tabela de cores Edi o de cores em uma paleta Voc pode alterar uma cor na paleta editando a no painel Tabela de cores A edi o de cor substitui todas as ocorr ncias da mesma na imagem a ser exportada A edi o n o substitui a cor na imagem original Para editar uma cor 1 Abrao seletor de cores do sistema seguindo uma das op es abaixo Selecione uma cor e clique no bot o Editar cor na base do painel Tabela de cores e Clique duas vezes na cor no painel Tabela de cores 2 Mude a cor usando o seletor de cores do sistema A nova cor substitui cada ocorr ncia da cor substitu da na rea de visualiza o Nota Clique com o bot o direito Windows ou Control Macintosh em uma cor da paleta para exibir um menu de atalho com op es de edi o para acor Defini o de cores Websafe As cores Websafe s o cores comuns s plataformas Macintosh e Windows Essas cores n o ficam pontilhadas quando exibidas em um navegador da Web na tela de um computador configurada
186. ara fazer uma transi o suave entre o preto e o branco Para prevenir aur olas fa a com que a cor da tela iguale o fundo da p gina da Web de destino fa a a suaviza o de serrilhado do objeto na tela e em seguida torne a tela transparente Se deseja suavizar o serrilhado de um gr fico para v rias exporta es com fundos de cores diferentes use o menu pop up Mate no painel Otimizar Isto til se o gr fico for aparecer em p ginas da Web com fundos de cores diferentes Para alterar as cores de suaviza o de serrilhado para igualar a cor de fundo de destino No painel Otimizar selecione uma cor do menu pop up Mate Igu le a ao m ximo cor de fundo da p gina da Web de destino Nota Isso funciona em objetos com bordas suaves que estejam diretamente no topo da tela Remo o de aur olas de gr ficos da Web Ao visualizar gr ficos com suaviza o de serrilhados com uma cor de tela transparente em um navegador da Web algumas vezes um anel colorido ou aur ola de pixels aparece ao redor das bordas do gr fico Quando voc torna a cor da tela transparente os pixels da suaviza o de serrilhado permanecem Quando colocar um gr fico em uma p gina da Web que tem uma cor de fundo diferente da cor para a qual foi feita a suaviza o de serrilhado os pixels do per metro do objeto suavizado podem ficar aparentes no fundo da p gina da Web Estes pixels formam a aur ola que pode ser especialmente notada em um f
187. ara o c rculo externo representa uma press o reduzida Quando o ponteiro estiver diretamente sobre o tra ado voc poder puxar o tra ado Quando o ponteiro n o estiver diretamente sobre o tra ado voc poder empurrar o tra ado Voc pode alterar o tamanho do ponteiro de empurrar Para puxar tra ados selecionados 1 Selecione a ferramenta Forma livre 2 Mova o ponteiro diretamente sobre o tra ado selecionado O ponteiro se transformar no ponteiro de puxar X 3 Arraste o tra ado Para empurrar tra ados selecionados 1 Selecione a ferramenta Forma livre O ponteiro se transformar no ponteiro de empurrar Ro 2 Aponte ligeiramente para fora do tracado 3 Arraste em dire o ao tra ado para empurr lo Empurre ou puxe o tra ado selecionado para mudar sua forma Para alterar o tamanho do ponteiro de empurrar siga um dos seguintes procedimentos Para aumentar a largura do ponteiro pressione a Seta para a direita ou 2 Para reduzir a largura do ponteiro pressione a Seta para a esquerda ou 1 Para definir o tamanho do ponteiro e o comprimento do segmento do tra ado afetado digite um valor de 1 a 500 na caixa de texto Tamanho do painel Op es O valor indica o tamanho do ponteiro em pixels Nota A ferramenta Forma livre tamb m responde press o de um digitalizador Wacom ou de outro digitalizador compat vel Distor o de tra ados Utilize a ferramenta Mudar forma da rea pa
188. arquivo PNG original do Fireworks abrir quando usar o Fireworks para editar imagens a partir do Dreamweaver ou de outro editor HTML Quando otimizar a partir de um aplicativo externo determina se o arquivo PNG original do Fireworks abrir quando otimizar um gr fico com Otimizar Imagem no comando Fireworks no Dreamweaver Para obter mais informa es sobre como trabalhar com objetos Fireworks dentro do Dreamweaver consulte Edi o de arquivos do Fireworks colocados no Dreamweaver na p gina 343 Gerenciamento de pastas externas e discos tempor rios As prefer ncias na guia Pastas proporcionam a voc acesso a plug ins adicionais do Photoshop arquivos de textura e arquivos de padr es de fontes externas Al m disso voc pode especificar onde quer que o Fireworks armazene os arquivos cache tempor rios Materiais adicionais Plug ins do Photoshop Texturas e Padr es pastas de destino contendo plug ins texturas e padr es As pastas podem estar em outra pasta do seu disco r gido em um CD ROM ou outra unidade externa ou em rede Os plug ins do Photoshop aparecem no menu Xtras do Fireworks Texturas ou padr es armazenados como arquivos PNG aparecem como op es nos menus pop ups Padr o e Textura no painel Preenchimento e no menu pop up Texturas no painel Tra o Consulte Uso do Xtras do Fireworks como Efeitos ao vivo na p gina 190 e Uso de plug ins do Photoshop como Efeitos ao vivo na p gina 19
189. as de texto Dimens es do pixel digite novas dimens es horizontal e vertical Voc tamb m pode alterar as unidades de medida Se Dar novo exemplo de imagem estiver desselecionado voc pode alterar a Resolu o ou o Tamanho de Impress o mas n o as Dimens es do Pixel 3 Nas caixas de texto Tamanho da impress o digite as dimens es horizontal e vertical do tamanho da imagem para imprimir Voc tamb m pode alterar as unidades de medida Configura o de documento do Fireworks 77 78 Cap tulo 3 4 Na caixa de texto Resolu o digite uma nova resolu o para a imagem Tamb m poss vel escolher como unidades pixels polegada e pixels cm ou selecionar Fazer novo exemplo de imagem A altera o da Resolu o tamb m modifica as dimens es de pixel 5 Para manter a mesma propor o entre as dimens es horizontal e vertical do documento escolha Limitar Propor es Desselecione Limitar Propor es para redimensionar largura e altura de forma independente 6 Selecione Dar novo exemplo de imagem para adicionar ou remover pixels ao redimensionar a imagem para proporcionar um aspecto aproximadamente igual em um tamanho diferente 7 Clique em OK Sobre redimensionamento no Fireworks Fazer um novo exemplo no Fireworks difere da maioria dos aplicativos de edi o de imagens O Fireworks cont m objetos de imagem bitmap baseados em pixels e objetos de tra ado baseados em vetores Quando um objeto de bitmap p
190. as exporta cada moldura do Fireworks em uma camada Selecione Compat vel com FreeHand para exportar o arquivo para uso no FreeHand A escolha de Compat vel com FreeHand omite imagens e converte P preenchimentos com d grad em preenchimentos s lidos Clique em OK Na caixa de di logo Exportar digite um nome de arquivo selecione uma pasta de destino e clique em Salvar Exporta o para Macromedia Flash Voc pode exportar tra ados do Fireworks para o Macromedia Flash para usar em gr ficos do Flash ou anima es do seu site na Web Nota Para exportar um tra ado do Fireworks que n o cont m caracter sticas de bitmap copie e cole o tra ado vetorial no Flash usando Editar gt Copiar como Vetores Algumas caracter sticas de formata o s o perdidas a menos que voc escolha Manter apar ncia na caixa de di logo Op es de exporta o do Flash SWE O tamanho do tra o e a cor do tra o s o mantidos A formata o perdida durante a exporta o inclui Efeitos ao vivo Modos de opacidade e de mistura objetos com opacidade tornam se s mbolos com um canal alfa M scaras Objetos de fatia mapas de imagem e comportamentos por exemplo os rollovers s o perdidos Algumas op es de formata o de texto como kerning e tra os de bitmap Bordas com enevoamento Camadas Suaviza o de serrilhado em objetos o Flash player aplica a suaviza o de serrilhado no n vel do documento Portanto a su
191. as fatias atribuindo uma cor exclusiva a cada objeto de fatia Voc tamb m pode mudar a cor das guias de fatia Para esconder fatias e pontos ativos espec ficos Clique no cone do olho pr ximo aos objetos da Web espec ficos no painel Camadas Nota Clique no mesmo quadrado agora em branco para ligar novamente a visibilidade O cone do olho reaparece quando os objetos da Web est o novamente vis veis Para exibir ou ocultar todos os pontos ativos fatias e guias e Clique no bot o Ocultar pontos ativos e fatias ou no bot o Mostrar pontos ativos e fatias no painel Ferramentas e Clique no cone do olho pr ximo Camada da Web no painel Camadas Preenchimento FETO Bo E Camada da Web Ret ngulo Para exibir ou ocultar guias de fatias em qualquer vis o de documento Selecione Exibir gt Guias de fatia Para mudar a cor de um objeto de fatia selecionado No painel Objeto selecione uma nova cor na janela pop up da caixa de cores Fatia Para mudar a cor das guias de fatia 1 Selecione Exibir gt Guias gt Editar guias 2 Selecione uma nova cor no menu pop up Cor da fatia W alinhar s guias T Bloquear guias Limpar tudo Cor da fatia IV Mostrar guia de fatia Cancelar Utiliza o da sobreposi o de fatia Use a sobreposi o de fatia para diferenciar a rea do documento que est sendo otimizada do resto do documento Para obter mais i
192. assar por um novo exemplo devem ser adicionados ou removidos pixels do objeto para aument lo ou diminu lo Quando um objeto vetorial passar por um novo exemplo ocorre pouca perda de qualidade porque o tra ado desenhado matematicamente com um tamanho maior ou menor No entanto como os atributos de objetos vetoriais no Fireworks s o na realidade pixels alguns tra os ou preenchimentos ficam ligeiramente diferentes depois do novo exemplo porque os pixels que comp em o tra o ou preenchimento devem ser redesenhados Nota Quando uma imagem for redimensionada as guias os objetos de ponto ativo e os objetos de fatia ser o redimensionados Redimensionar objetos de bitmap sempre apresenta um problema sui generis voc adiciona ou remove pixels para redimensionar a imagem ou voc altera o n mero de pixels por polegada ou cent metro Voc pode alterar o tamanho de uma imagem bitmap ajustando a resolu o ou fazendo uma reamostragem da imagem Ao ajustar a resolu o voc na verdade altera o tamanho dos pixels na imagem para que mais ou menos pixels se encaixem em um determinado espa o O ajuste da resolu o sem fazer um novo exemplo n o resulta em perda de dados Redu o da resolu o ou remo o de pixels para diminuir a imagem sempre provoca perda de qualidade porque pixels est o sendo descartados para redimensionar a imagem Aumento da resolu o ou adi o de pixels para aumentar a imagem pode c
193. atia qual est anexado o menu pop up 2 Arraste o contorno para a nova posi o Exporta o de um menu pop up O Fireworks gera todo o JavaScript necess rio para visualizar o menu em um navegador da Web Quando o documento exportado este JavaScript exportado para o mesmo local que o restante dos arquivos em um arquivo chamado menu js Quando voc transferir seus arquivos o menu js deve ser transferido para o mesmo diret rio onde est a p gina da Web que cont m o menu pop up Se voc desejar transferir o arquivo para um local diferente ent o todos os v nculos que referenciam o menu js no c digo HTML do Fireworks devem ser atualizados para refletir o local personalizado Se seu documento contiver v rios menus pop up o Fireworks n o cria arquivos menu js extra apenas um nico arquivo utilizado por documento Quando voc inclui submenus o Fireworks gera um arquivo de imagem chamado Arrow gif Esta imagem a min scula flecha que aparece pr xima a uma entrada de menu principal que diz aos usu rios que existe um submenu Independente de quantos submenus seu documento cont m o Fireworks sempre usa o mesmo arquivo Arrow gif Cria o de rollovers com formas irregulares O Fireworks simplifica a tarefa de criar rollovers com formas irregulares Um objeto de fatia pode ser desenhado com qualquer forma utilizando fatias poligonais Para informa es sobre criar fatias poligonais consulte Cria o de fatias
194. atia na camada da Web o painel Otimizar exibe as configura es dessa fatia Para definir configura es de otimiza o de uma fatia 1 Selecione um objeto de fatia Se os objetos de fatia n o estiverem vis veis clique no bot o Mostrar pontos ativos e fatias do painel Ferramentas Esses bot es ocultam e mostram a Camada da Web 2 Digite as configura es de otimiza o no painel Otimizar A fatia selecionada agora est pronta para ser exportada com as configura es de otimiza o especificadas Para obter mais informa es sobre fatias consulte Cria o de fatias na p gina 247 Otimiza o de gr ficos 297 298 Cap tulo 17 Utiliza o da sobreposi o de fatia Em Visualizar 2 para cima e 4 para cima a sobreposi o de fatia diferencia a rea que est atualmente sendo otimizada do restante do documento A sobreposi o de fatia que j vem ativada como padr o exibe reas que n o est o atualmente sendo otimizadas com um tingimento esmaecido branco transparente Isso permite identificar facilmente as reas que estiver otimizando A sobreposi o de fatia n o mostrada na forma de visualiza o Original LID X Originalmea imagenipg GIF Fatia m1 0 pontilhamento 203 35K 40 81K Adaptativa 12seg a 28 8 kbps 128cores Quando estiver preparando a otimiza o de uma fatia selecionada as partes n o otimizadas s o esmaecidas Originakmea imagenipg GIF Documento m1
195. atiaA seria meudocfatiaA sobre Configura o do HT M L Nota Para salvar uma conven o de nomea o para ser utilizada para novos documentos clique em Definir padr es na guia Espec fico do documento Utiliza o de ninhos de tabelas e espa adores Na caixa de di logo Configura o HTML sob a guia Tabela voc pode selecionar como a tabela em sua p gina da Web ser constru da Voc tamb m pode determinar como os navegadores remontam as tabelas usando espa adores ou ninhos de tabelas ao fatiar Consulte Utiliza o de ninhos de tabelas e espa adores na p gina 258 Atualiza o de uma fatia a partir de um documento HTML Voc pode atualizar a imagem sob uma nica fatia de uma imagem fatiada existente sem ter que exportar e atualizar toda a imagem fatiada Recomenda se usar a nomea o personalizada de fatias de modo que voc possa localizar com facilidade a fatia a ser substitu da Para atualizar uma nica fatia de uma imagem 1 Esconda a fatia e edite a rea sob ela 2 Exiba a fatia novamente e a selecione 3 Selecione Arquivo gt Exportar 4 Marque Apenas fatias selecionadas 5 Exporte a fatia para a mesma pasta da fatia original usando o mesmo nome da base Se voc mantiver o nome do arquivo original para a fatia atualizada e copiar a fatia para o mesmo local do seu site na Web de onde veio a imagem original a nova fatia substituir a fatia original na imagem Pontos ativos e fat
196. ausar perda de qualidade porque alguns pixels est o sendo adicionados para aumentar a imagem e os pixels adicionados nem sempre correspondem imagem original Original e depois da diminui o da resolu o de uma imagem Giro da tela Girar a tela til quando uma imagem importada est invertida ou de lado Voc pode girar a tela em 180 graus 90 graus no sentido hor rio ou no sentido anti hor rio Quando girar a tela todos os objetos do documento giram ef E Original e girado a 180 graus Configura o de documento do Fireworks 79 80 Cap tulo 3 Para girar a tela 1 Selecione Modificar gt Girar tela 2 Selecione uma das op es de rota o Aparando a tela Se o documento tiver espa o adicional em volta da imagem voc poder aparar a tela com facilidade Voc tamb m pode remover espa o de tela vazio cortando a imagem Para mais informa es consulte Corte de um tra ado na p gina 119 e Corte de uma imagem de bitmap na p gina 135 Original Telas aparadas Para aparar a tela Selecione Modificar gt Aparar tela para remover automaticamente o excesso de pixels em volta da borda do documento Cada borda da tela cortada at as bordas do objeto ou objetos no documento Se o documento tiver mais de uma moldura o recurso Aparar tela faz o recorte para incluir todos os objetos em todas as molduras e n o apenas a moldura atual Tamb m poss ve
197. avidade da borda para definir a suavidade da borda da borracha 5 Arraste o controle deslizante Tamanho da borracha para definir o tamanho da borracha 6 Arraste a ferramenta Borracha sobre os pixels que deseja apagar ou pinte por cima com uma cor diferente Trabalho com bitmaps 133 134 Cap tulo 6 Enevoamento de sele es de pixels Enevoar uma sele o n o emba a os pixels na imagem emba a apenas as bordas da sele o Isso ser til quando voc desejar remover um objeto de uma fotografia O enevoamento ajuda a misturar uma rea copiada com os pixels que a envolvem a Para enevoar as bordas de uma selec o de pixels 1 Escolha Modificar gt Moldura de caixa de sele o gt Enevoar para abrir a caixa de di logo Sele o de enevoamento 2 Digite um valor para definir o raio de enevoamento e clique em OK O valor do raio determina o n mero de pixels que s o emba ados de cada lado da borda de sele o Clonagem de uma rea de pixels Use a ferramenta Carimbo para duplicar reas de uma imagem de bitmap Durante a clonagem de uma rea dois ponteiros s o exibidos O c rculo azul indica a rea a ser clonada a origem e o ponteiro do carimbo indica onde deve ser colocada a rea clonada Ferramenta Carimbo A clonagem til quando se deseja consertar uma fotografia riscada Basta duplicar uma rea da fotografia e colocar a rea clonada sobre o risco O Ponteiros Carimbo A cl
198. aviza o de serrilhado aplicada ao documento quando voc exporta Ao exportar para o Flash voc pode fazer diversas op es de como os objetos ser o exportados Para exportar um gr fico para usar no Flash 1 Selecione Arquivo gt Exportar 2 Selecione Flash SWF no menu pop up Salvar como 3 Clique no bot o Op es 4 Para manter a apar ncia do documento selecione em ou ambas das seguintes op es Selecione Objetos Manter apar ncia converte objetos vetoriais em objetos bitmap e preserva a apar ncia de tra os e preenchimentos aplicados Editabilidade foi perdida Selecione Texto Converter em tra ados converte texto em tra ados preservando qualquer kerning ou espa amento personalizado inserido no Fireworks 5 Para a editabilidade do tra ado principal selecione Objetos Manter tra ados e texto Manter a editabilidade Efeitos e formata o foram perdidos 6 Defina a qualidade de imagens JPEG usando o controle deslizante do pop up Qualidade JPEG 7 Selecione as molduras a serem exportadas e a taxa de molduras em segundos 8 Clique em OK 9 Na caixa de di logo Exportar digite um nome de arquivo selecione uma pasta de destino e clique em Salvar Como copiar e colar tra ados selecionados Use Copiar como Vetores para copiar tra ados do Fireworks selecionados para outros aplicativos como FreeHand Flash Adobe Photoshop Illustrator ou CorelDRAW Copiar como Vetores copia apenas tra ados do F
199. biblioteca de documentos Em seguida voc criar estados adicionais do bot o para efeito de rollover no Editor de bot o No Fireworks voc pode determinar que o objeto que aparecer durante um rollover pode ter at quatro estados diferentes de bot o Consulte Cria o de bot es e barras de navega o na p gina 229 Aqui voc criar um rollover de bot o que alterna formas quando o ponteiro passar sobre o bot o Convers o de forma em s mbolo de bot o Para criar um bot o criar primeiro um s mbolo 1 Coma forma vetorial ainda selecionada escolher Inserir gt Converter em s mbolo 2 Na caixa de di logo Propriedades do s mbolo dar o nome MyButton ao s mbolo 3 Selecionar Bot o como o tipo e clicar em OK Symbol Properties x Nome MeuBot o Toe C Es Tutorial 29 30 Cap tulo 1 Na tela observar como a forma do vetor foi alterada O bot o tem uma sobreposi o indicando que uma fatia que n o aparecer no arquivo exportado A pequena seta no canto inferior esquerdo do bot o indica que o objeto uma ocorr ncia do s mbolo MyButton que aparece na Biblioteca Mais tarde voc usar o controle de comportamento circular para criar um rollover desarticulado O novo bot o aparece na Biblioteca Adi o de texto ao bot o Para adicionar texto ao bot o primeiro abri lo no Editor de bot o e em seguida abrir o Editor de texto 1 Com a ferramenta Ponteiro clica
200. bits Para aplicar uma cor a partir de qualquer ponto da tela a um objeto selecionado 1 Selecione a caixa de cores de tra o ou preenchimento no painel Ferramentas e a janela pop up da caixa de cores exibida O ponteiro se torna o ponteiro conta gotas 2 Clique em qualquer ponto na tela para escolher uma cor cor aplicada ao objeto selecionado Nota Clique mantendo a tecla Shift pressionada para escolher uma cor Websafe Para identificar o valor hexadecimal de uma cor 1 Abra uma janela pop up de caixa de cores de tra o preenchimento ou efeito O ponteiro se torna o ponteiro conta gotas 2 Mova o ponteiro sobre uma cor O valor hexadecimal da cor aparece na janela pop up da caixa de cores Nota Clique no campo hexadecimal para informar um valor hexadecimal espec fico de cor Para alterar conjuntos de cores Escolha um conjunto de cores a partir do painel caixa de cores no menu pop up Op es A configura o utilizada pelo painel Exemplos a configura o padr o Aplica o de cores tra os e preenchimentos 155 156 Cap tulo 8 Personaliza o do painel Exemplos Voc pode adicionar remover substituir e classificar exemplos de cores no painel Exemplos Estas altera es s o automaticamente atualizadas nos pop up de caixa de cores Voc tamb m pode adicionar e excluir grupos de exemplo inteiros Para obter informa es consulte Altera o de grupos de exemplos na p gina 157
201. bolo 1 No painel Biblioteca selecione o s mbolo 2 Selecione Excluir no menu pop up Op es 3 Seo s mbolo estiver em uso clique em Excluir O s mbolo e todas as suas ocorr ncias ser o exclu dos Para selecionar todos os s mbolos da biblioteca que ainda n o tenham sido utilizados no documento atual No painel Biblioteca selecione Selecionar n o usados no menu pop up Op es Quebra do v nculo entre uma ocorr ncia e seu s mbolo Ao modificar uma ocorr ncia a altera o afeta o s mbolo e todas as outras ocorr ncias No entanto voc pode modificar uma ocorr ncia sem afetar o s mbolo ou outras ocorr ncias Para isso primeiro quebre o v nculo entre a ocorr ncia e o s mbolo Para liberar uma ocorr ncia de um s mbolo 1 Selecione a ocorr ncia 2 Selecione Modificar gt S mbolo gt Separar A ocorr ncia reverter para um grupo O s mbolo no painel Biblioteca n o estar mais associado a esse grupo Os s mbolos de bot o deixam de funcionar como bot es e s mbolos de anima o deixam de funcionar como anima es Nota Para editar a ocorr ncia liberada como um objeto selecione a ocorr ncia e escolha Modificar gt Desagrupar Uso de s mbolos de outras bibliotecas Voc pode exportar s mbolos para utiliz los em outros documentos do Fireworks assim como importar s mbolos de outros documentos Se alterar um s mbolo no documento original voc poder atualizar essas altera es em qua
202. bra e brilho gt Aplicar sombra Sombra e brilho gt Sombra interna 3 Edite as configura es do efeito na janela pop up de edi o Arraste o controle deslizante de dist ncia para definir a dist ncia entre a sombra e o objeto Arraste o controle deslizante Opacidade para definir a porcentagem de transpar ncia da sombra Selecione Separa o para ocultar o objeto e exibir apenas a sombra 4 Quando terminar clique fora da janela de edi o ou pressione Enter para fech la Para aplicar um brilho 1 Abrao menu pop up Efeito para exibir uma lista dos efeitos dispon veis 2 Escolha Sombra e brilho gt Brilho 3 Edite as configura es do efeito na janela pop up de edi o Arraste o controle deslizante Deslocamento para especificar a dist ncia entre o brilho e o objeto Arraste o controle deslizante Opacidade para definir a transpar ncia do brilho Selecione o menu pop up da caixa de cores para definir a cor do brilho Aplica o de Efeitos ao vivo 193 194 Cap tulo 10 4 Quando terminar clique fora da janela de edi o ou pressione Enter para fech la Para obter mais informa es sobre efeitos consulte Ajuste da faixa tonal com os conta gotas na p gina 180 Altera o de Efeitos ao vivo No painel Efeito use o bot o Informa es associado para alterar um efeito aplicado a um objeto Efeito E acer l Sem t tulo z do hanfro interno gg Aplicar sombra
203. bstitui o de cores n o Websafe 358 Processo emlote 444444400 359 Altera o de configura es de otimiza o com um processo OU KES O e oO SU RE 361 Coloca o de imagens gr ficas em escala com um processo COLO LE tato sr aa ED O O 362 Localiza o e substitui o durante um processo em lote 363 Altera o de nomes de arquivo com um processo em lote 364 ndice 13 14 ndice Execu o de comandos com processo em lote 364 Backup de arquivos processados em lote 365 Como salvar processos em lote como scripts 365 Execu o de scripts arrastando e soltando 366 Registro de Projeto us aaa p iia E e a ava dopaden apa a sz 367 Gerenciamento de pesquisas com o Registro de projeto 367 Visualiza o e impress o de Registro de projeto 368 SCEPIS eko Sica E dohod Quina can egnd ga Dali casas E 368 Como estender o Fireworks 4444444444444 368 Cria o de scripts de comando com o painel Hist rico 368 Execu o de etapas ou comandos 444 4444 369 Renomea o e exclus o de comandos 4 44 4 4 370 Editar ou personalizar um script 4 44444444444e0e 371 CAP TULO 21 Fireworks para usu rios do Photoshop 373 Uso de atalhos do Photoshop no Fireworks 373 I
204. caramento Usar o painel Objeto para garantir que esteja editando uma m scara e para identificar o tipo de m scara em que est trabalhando Quando a m scara for selecionada o painel Objeto permite alterar a maneira como a m scara aplicada M scaras vetoriais podem ser aplicadas usando o Contorno de tra ado O contorno do tra ado ou o texto usado como a m scara Selecionar Mostrar preenchimento e tra o para mostrar o preenchimento e tra o da m scara no objeto mascarado A rea fora da m scara eliminada Isso equivale a Colar em no FreeHand Voc pode aplicar m scaras de bitmap usando o Canal alfa em vez de o brilho dos pixels para mascaras o objeto M scaras vetoriais e de bitmap podem ser aplicadas usando a Apar ncia da escala de cinza Quando a m scara for aplicada usando a apar ncia da escala de cinza a luminosidade de seus pixels determina quanto do objeto mascarado exibido Pixels leves exibem o objeto mascarado Pixels mais escuros separam a imagem e mostram o fundo Mesclagem das cores de preenchimento de objetos sobrepostos Composi o o processo de usar modos de mesclagem para variar a intera o da transpar ncia ou da cor de dois ou mais objetos sobrepostos Os modos de mesclagem manipulam os valores de cor de objetos sobrepostos Eles tamb m adicionam uma dimens o de controle ao efeito de opacidade Sobre modos de mesclagem Selecionar um modo de mesclagem aplica o a toda a apar ncia d
205. cel e de tamanhos de ponta sua escolha Consulte Altera o de tra os na p gina 163 Para alterar a cor do tra o das ferramentas de desenho 1 Na amostra de cores de tra o no painel Ferramentas clique na caixa de cores ou no tri ngulo pr ximo caixa de cores para abrir a janela pop up 2 Selecione uma cor para o tra o no conjunto de exemplos 3 Selecione uma ferramenta de desenho 4 Arraste para desenhar o objeto Para alterar a cor do tra o de um objeto selecionado Selecione um exemplo de cor na janela pop up da caixa de cores de tra o ou preenchimento no painel Ferramentas Para trocar cores de tra o e preenchimento Clique no bot o Trocar cores no Misturador de cores ou no painel Ferramentas Para restaurar as cores para o padr o Clique no bot o Cores padr o Para remover todos os atributos de tra ado de um objeto selecionado Clique no bot o Nenhum tra o ou preenchimento O tra o ou preenchimento atual ent o definido para Nenhum Para utilizar uma cor do seletor de cores do sistema 1 Escolha o seletor de cores do sistema no menu pop up da caixa de cores A caixa de di logo Cor Windows ou o seletor de cores da Apple Macintosh aberto 2 Selecione uma cor no seletor de cores do sistema e clique em OK A cor se torna a nova cor de tra o Para obter informa es sobre como adicionar uma cor do seletor de cores ao painel Exemplos consulte Personaliza o do painel Exemp
206. ciais do JavaScript que o Fireworks pode interpretar Como estender o Fireworks O Macromedia Dreamweaver tamb m usa JavaScript Voc pode escrever scripts que controlem o Fireworks de dentro do Dreamweaver Para documenta o sobre a API de JavaScript visite http www macromedia com support fireworks extend html Cria o de scripts de comando com o painel Hist rico O painel Hist rico grava uma lista das etapas executadas durante o trabalho no Fireworks Cada etapa armazenada em uma linha separada do painel Hist rico come ando com o mais recente Por padr o o painel lembra de 20 etapas Entretanto voc pode alterar esse valor a qualquer momento Para alterar o n mero de a es armazenadas no painel Hist rico selecione Prefer ncias no menu Editar e digite o novo valor no capo Desfazer etapas O painel Hist rico armazena as informa es na mem ria um grande n mero pode impedir o desempenho do computador Salve grupos de etapas no painel Hist rico como um comando que possa reutilizar Comandos salvos s o armazenados como arquivos JSK na pasta Fireworks 4ConfigurationiCommands Voc pode executar comandos salvos em quaisquer documentos do Fireworks Eles n o s o espec ficos do documento Para desfazer ou refazer etapas usando o painel Hist rico Arraste o Marcador do desfazer para o painel at atingir a ltima etapa que deseja desfazer ou refazer e Clique na trilha do Marcador do desfazer es
207. ciantes do Fireworks voc deve possuir os conhecimentos b sicos cobertos nas aulas do Fireworks Estas aulas interativas oferecem tarefas pr ticas dos seguintes t picos e Apresenta o do Fireworks Criando anima es 25 26 Cap tulo 1 Cria o de fatias e Cria o de rollovers com comportamento de arrastar e soltar Criar um menu pop up Automatizar tarefas repetitivas Para ter uma aula selecionar Ajuda gt Aulas e escolher na lista Verifique se est confort vel com os conceitos apresentados nas aulas antes de iniciar o tutorial Exibi o de p gina da Web conclu da Al m disso antes de iniciar o tutorial exibir o arquivo do tutorial conclu do para ver se o projeto terminado aparecer depois de export lo como um arquivo HTML 1 Abrir TutoriaAComplete na pasta do aplicativo Fireworks 4 2 Selecionar o arquivo Final htm e arrast lo para uma janela aberta do navegador Para o tutorial voc concluir uma vers o parcialmente terminada desta p gina para B ssola uma ag ncia de viagens de aventura Voc tamb m adicionar v nculos da barra de bot es com duas p ginas da Web adicionais que compreendem o site da B ssola 3 Mover o ponteiro pela barra de bot es no topo da p gina da Web e observar o efeito do rollover como um bot o parece mudar quando um ponteiro passar sobre ele Observar tamb m o rollover desarticulado como a imagem gr fica grande muda em resposta ao pont
208. cilmente em uma camada sem afetar objetos em outra Camadas tamb m oferecem uma maneira de organizar o meio por exemplo colocando todos os bot es em uma camada como foi feito anteriormente no tutorial e todas as imagens de bitmap em outra Agora voc adicionar uma nova camada nome da camada e em seguida importar dois bitmaps para a camada em prepara o para a cria o de um rollover desarticulado 1 Seo painel Camadas n o estiver vis vel selecionar Janela gt Camadas ou clicar no cone Mostrar camadas no Iniciador do lado inferior direito da janela do aplicativo 1200x1100 100 2 B Mm e 5 cone Mostrar lt camadas Observar gue o tutorial tem cinco camadas incluindo uma Camada da Web padr o para objetos da Web Voc pode usar os bot es de expans o e redu o para exibir ou ocultar a lista de objetos em uma camada Para ocultar uma camada na tela clicar no cone Exibir Ocultar 24 Camadas Il Mottwa Het nee u al X Jorm Camada da Web Botos Rollovers separados cone Camada nova duplicada Bloquear coluna cone Exibir ocultar Expandir e reduzir bot es 2 Selecionar Inserir gt Camada ou clicar no cone Camada nova duplicada no bot o do painel 3 Para renomear uma nova camada clicar duas vezes no nome existente no painel Camadas 4 No campo Nome da camada do menu pop up que aparece digitar Arte de rollover desarticulado Verificar se Compartilhar entre molduras
209. cionado Pontos ativos e fatias 245 246 Cap tulo 14 Exporta o de mapas de imagem Depois de construir o mapa de imagens de pontos ativos voc deve export lo antes que ele funcione efetivamente em um navegador da Web O Fireworks produz apenas mapas de imagens do lado cliente ao exportar Exportar um mapa de imagens do lado do cliente gera o arquivo gr fico e o arquivo HTML contendo informa es de pontos ativos e v nculos URL correspondentes do mapa Exportar um mapa de imagens fatiadas normalmente gera v rios arquivos gr ficos Para obter mais informa es sobre fatias consulte Cria o de fatias na p gina 247 Para exportar um mapa de imagens 1 Otimize o gr fico para prepar lo para exporta o Para obter mais informa es consulte Otimiza o de gr ficos na p gina 295 2 Selecione Arquivo gt Exportar 3 Navegue at a pasta em que colocar o arquivo HTML e nomeie o arquivo Se voc j construiu uma estrutura de arquivo local para o seu site na Web daqui em diante poder salvar o gr fico na pasta apropriada do site Para o tipo Salvar como selecione HTML e Imagens Para HTML selecione Exportar arquivo HTML Para Fatias selecione Nenhum NO Ga A Se necess rio selecione a caixa Colocar imagens na sub pasta e navegue at a pasta apropriada 8 Clique em Salvar para exportar o mapa de imagens Voc pode selecionar Copiar para a rea de transfer ncia na lista HTML e colar o
210. cione um alvo na lista ou digite um 6 Clique em OK Quando fechar o Editor de bot o o bot o aparece na Biblioteca e uma ocorr ncia do bot o aparece no documento Quando mover ou redimensionar o bot o como uma unidade todos os estados e a rea ativa ser o movidos ou redimensionados Para posicionar c pias adicionais de um bot o no documento Arraste o bot o da biblioteca para o documento Alternativamente voc pode arrastar uma ocorr ncia enquanto mant m pressionada a tecla Alt Windows ou Option Macintosh para criar uma nova ocorr ncia Altera o de bot o Voc pode editar um s mbolo de bot o depois de cri lo Quando editar um s mbolo de bot o todas as ocorr ncias refletem as edi es Se voc tiver importado o bot o de uma biblioteca ou de outro documento Fireworks editar o bot o no documento atual quebra o v nculo com o documento anterior Em outras palavras as altera es feitas n o afetar o o original Para obter mais informa es sobre importa o e atualiza o de bot es consulte Inser o de bot o de origem externa na p gina 230 Para editar um s mbolo de bot o existente 1 Clique duas vezes em um bot o para abrir o Editor de bot o 2 Clique no indicador de qualquer estado 3 Selecione o objeto e edite o como faria com qualquer objeto no documento Desenho e edi o na rea ativa A rea ativa de um bot o onde o rollover acionado quando o ponteiro movido
211. co A paleta de cores cont m at um m ximo de 256 JPEG Melhor qualidade define a qualidade para 80 e suaviza o para 0 resultando em um um gr fico maior de alta qualidade JPEG Arquivo menor define qualidade para 60 e suaviza o para 2 resultando em um gr fico com menos da metade do tamanho de um JPEG Qualidade melhor mas com qualidade reduzida Nota O tipo de configura es GIF escolhidas para um gr fico depende do n mero do cores no gr fico Uma paleta com 128 cores adequada para imagens com menos cores e resulta em um gr fico menor Consulte Sele o de formatos de arquivo na p gina 302 Para especificar configura es de otimiza o para uma imagem 1 No painel Otimizar escolha um formato de arquivo 2 Defina as op es espec ficas de formato como cor pontilhamento e qualidade 3 Selecione outras configura es de otimiza o no menu pop up Op es do painel Otimizar se necess rio Como especificar configura es de otimiza o de fatias Voc pode especificar configura es exclusivas de otimiza o para cada fatia em um documento fatiado Por exemplo use esse procedimento quando uma parte do gr fico contiver uma imagem fotogr fica que melhor exportada como JPEG e outra parte seja uma rea s lida que fica melhor compactada como GIF Desenhando uma fatia sobre cada parte voc pode definir cada uma para exportar de forma diferente Quando voc seleciona um objeto de f
212. colha Modificar gt Moldura de caixa de sele o gt Contrair 2 Digite o n mero de pixels que deseja contrair a borda da moldura da caixa de sele o e clique em OK Trabalho com bitmaps 129 130 Cap tulo 6 Sele o de uma rea em torno de uma moldura de caixa de sele o existente Voc pode criar uma moldura de caixa de sele o adicional com uma largura especificada para emoldurar uma moldura existente Isso permite criar efeitos gr ficos especiais como enevoamento das bordas de uma sele o de pixels Ap s emoldurar com uma moldura de caixa de sele o adicional Para selecionar uma rea em torno de uma moldura de caixa de sele o existente 1 Ap s desenhar uma moldura escolha Modificar gt Moldura de caixa de sele o gt Borda 2 Digite a largura da moldura que deseja colocar em torno da moldura existente e clique em OK Suaviza o da borda de uma moldura de caixa de sele o Com o Fireworks poss vel eliminar pixels em excesso ao longo das bordas de uma sele o de pixels Isso ser til se aparecerem pixels em excesso ao longo da borda de uma sele o de pixels ou moldura ap s o uso da ferramenta Varinha m gica Uma sele o de pixels antes e depois da suaviza o Para suavizar a borda de uma moldura de caixa de sele o 1 Escolha Modificar gt Moldura de caixa de sele o gt Suavizar 2 Digite um raio de exemplo para especificar o grau desejado de suaviza o e cli
213. com baixa resolu o e medida que vai carregando passa resolu o total Para entrela ar um GIF ou PNG exportado Selecione Entrela ado no menu pop up Op es do painel Otimizar Otimiza o de gr ficos 305 306 Cap tulo 17 Escolha de configura es de otimiza o para JPEGs JPEGs sempre s o salvos em cores de 24 bits A compacta o JPEG especializa se em compactar transi es e d grad s de cores Este formato particularmente til para imagens fotogr ficas ou com grande n mero de cores A sele o seletiva do JPEG permite compactar partes diferentes de uma imagem em n veis diferentes Otimizar Documento Configura o JPEG Melhor qualidade x res z Mel Qualidade 80 x Qualidade seletiva 57 E Suaviza o p Bm Compress o JPEG seletiva A compacta o JPEG seletiva permite compactar reas diferentes de uma imagem JPEG em n veis diferentes reas de interesse particular em uma imagem podem ser compactadas em um alto n vel reas de menor import ncia como fundos podem ser compactadas em um n vel inferior reduzindo o tamanho geral da imagem enquanto ret m a qualidade das reas mais interessantes Para compactar reas selecionadas de um JPEG 1 Com a ferramenta Moldura da caixa de sele o selecione uma rea da imagem gr fica para compacta o 2 Selecione Modificar gt JPEG seletivo gt Salvar sele o como m scara JPEG 3 Selecione um format
214. comandos Revelar tudo e Ocultar tudo para criar uma m scara 1 Selecionar o objeto que deseja mascarar 2 Create the mask Selecionar Modificar gt M scara gt Revelar tudo para mostrar o objeto Selecionar Modificar gt M scara gt Ocultar tudo para ocultar o objeto 3 Selecionar a miniatura de m scara no painel Camadas 4 Selecionar uma ferramenta de desenho no painel Ferramentas para editar a m scara Uso dos comandos Revelar Ocultar sele o Os comandos Revelar sele o e Ocultar sele o podem ser usados em objetos bitmap O comando Revelar sele o adiciona uma m scara de pixels brancos que representa a sele o atual de pixels O outros pixels no objeto est o ocultos O comando Ocultar sele o adiciona uma m scara de pixels pretos que representa a sele o atual de pixels O outros pixels no objeto s o exibidos Para usar os comandos Revelar sele o e Ocultar sele o para criar uma m scara 1 Selecionar a ferramenta Moldura de caixa de sele o ou La o no painel Ferramentas 2 Selecionar pixels no bitmap Selecionar Modificar gt M scara gt Revelar sele o para mostrar a rea definida pela sele o de pixels Selecionar Modificar gt M scara gt Ocultar sele o para ocultar as reas definidas pela sele o de pixels Edi o de m scaras As m scaras continuam totalmente edit veis depois da cria o M scaras podem ser editadas exclu das e desativadas A desativ
215. concentradas em recursos espec ficos do Fireworks desde o b sico da anima o at a cria o de rollovers e menus pop up As etapas de cada li o podem ser executadas em 10 minutos aproximadamente Se voc n o estiver familiarizado com o Fireworks primeiro fa a todas as li es e depois passe para o tutorial O aplicativo Fireworks possui diversas caixas de di logo e Dicas de Ferramentas criadas para auxili lo no uso do programa As Dicas de Ferramentas aparecem quando o ponteiro ficar parado sobre um elemento da interface de usu rio O manual Usando o Fireworks inclui informa es sobre os recursos b sicos e avan ados do Fireworks Se voc j usou o Photoshop mas ainda n o conhece o Fireworks leia Fireworks para usu rios do Photoshop na p gina 373 para ajud lo nessa transi o Se estiver em seus planos aproveitar a vantagem da integra o entre Fireworks e Dreamweaver leia Utiliza o do Dreamweaver e do Fireworks juntos na p gina 337 Estendendo o Fireworks inclui informa es sobre escrita em JavaScript para automatizar as tarefas do Fireworks Todos os comandos ou configura es no Fireworks podem ser controlados usando comandos JavaScript especiais que o Fireworks pode interpretar Uma vers o PDF do Estendendo o Fireworks pode ser descarregada no site http www macromedia com support fireworks extend html O Centro de suporte Fireworks na Internet atualizado regularmente com as ltimas
216. cores usando seletores de cor do sistema 160 Visualiza o de valores da cor lt lt lt lt lt lt 44444 161 Aplica o de tra oS ciciren Garuda rompida rita a 161 Altera o de tra os n nanunua nenene 163 Como salvar tra os ssas suas pisar didi er Bola AD d da 164 Aplica o de preenchimentos 44 4444444444 165 Altera o de preenchimentos 4 44 44444444444e 165 Altera o de um preenchimento s lido 444 166 Aplica o de um preenchimento d grad 44 167 Altera o de um preenchimento d grad 167 Como salvar preenchimentos como estilos 168 Aplica o de preenchimento com padr o 4 4 168 Transforma o e distor o de preenchimentos d grad e com padr o 169 Defini o de bordas de preenchimento acentuadas com suaviza o de serrilhado ou enevoadas 4 lt 4444 4444 4 170 Adi o de textura a tra os e preenchimentos 171 Adi o de textura a um preenchimento 444 172 Utiliza o de arquivos externos como padr es e texturas 173 Pontilhamento com cores Websafe lt lt lt 4444444 173 CAP TULO 9 Ajuste da core do TOM querer gases aa pps ds ada Vo Uso de filtros e plug ins como Efeitos ao vivo 175 Uso de N veis para ajustar faixa tonal 4 44
217. criar uma p gina da Web individual para cada imagem de origem contendo v nculos de navega o rotulados como Voltar In cio e Pr ximo Se voc selecionar esta op o as miniaturas s o vinculadas s p ginas de navega o Se voc n o selecionar esta op o as miniaturas s o vinculadas diretamente s imagens de tamanho maior Clique em OK para criar os arquivos HTML e de imagem para o lbum de fotografias da Web O Fireworks inicia se j n o estiver sendo executado e cria as miniaturas e as imagens de tamanho maior Isso pode levar v rios minutos se voc tiver inclu do um n mero grande de arquivos e imagem Quando o processamento estiver completo o Dreamweaver fica novamente ativo e cria a p gina que cont m as miniaturas Utiliza o do Dreamweaver e do Fireworks juntos 351 10 Quando for exibido um di logo que diz lbum criado clique em OK Voc pode ter que esperar alguns segundos para que a p gina de lbum de fotografias apare a As miniaturas s o exibidas em ordem alfab tica por nome de arquivo S batico thumbnails index htm Dreamweaver Arquivo Editar Exibir Inserir Modificar Texto Comandos Site Janela Ajuda mo jo sn 4524457 v kt iseo s P q o PK z Nota Clicar no bot o Cancelar na caixa de di logo do Dreamweaver ap s o processamento ter comecado n o interrompe o processo de criac o do lbum de fotografias meramente faz com gue o Dreamweaver n o exiba a p
218. cultar uma moldura 1 Clique duas vezes na coluna retardo da moldura ou clique no menu pop up Op o e selecione Propriedades A caixa de di logo Propriedade da moldura exibida 2 Desselecione Incluir ao exportar Um X vermelho exibido no lugar do tempo de retardo da moldura 3 Pressione Enter ou clique fora da caixa de di logo Propriedades da moldura para fech la Nomea o de molduras de anima o medida que configura uma anima o o Fireworks cria o n mero de molduras apropriado e as exibe no painel Molduras As molduras s o nomeadas com um padr o de Moldura 1 Moldura 2 e assim por diante Ao mover uma moldura no painel o Fireworks renomeia cada uma para refletir a nova ordem uma boa id ia nomear suas molduras para uma refer ncia f cil e para acompanh las Desta forma voc sempre sabe que moldura cont m que parte da anima o Quando voc renomeia uma moldura e depois a move seu nome n o muda Molduras mousee Op E 5 Moldura de saida 20 G2 Para sempre Para alterar o nome de uma moldura 1 No painel Molduras clique duas vezes no nome da moldura 2 Na caixa de texto pop up digite um novo nome e pressione Enter Como adicionar mover copiar e excluir molduras Voc pode adicionar copiar excluir e alterar a ordem de molduras no painel Molduras Para adicionar uma nova moldura ap s a atual Clique no bot o Novo Duplicar moldura na base do painel Molduras 28
219. da mais que um gr fico sobre o qual foram colocados v rios pontos ativos O Fireworks permite gerar pontos ativos de praticamente qualquer forma necess ria e lhe permite exportar o c digo HTML para reproduzir seu mapa de imagens na Web Nota Como um mapa de imagens apenas uma cole o de pontos ativos sobre um gr fico esta se o trata apenas da cria o de pontos ativos Consulte Exporta o de mapas de imagem na p gina 246 para considera es especiais sobre exportar Depois que voc identificar as reas em um gr fico de origem que fariam bons pontos de navega o voc cria os pontos ativos e em seguida atribui v nculos URL a eles H duas maneiras de criar pontos ativos Voc pode desenhar o ponto ativo em volta de uma rea destino no gr fico utilizando as ferramentas de Pontos Ativos Ret ngulo C rculo ou Pol gono forma irregular 241 242 Cap tulo 14 Voc pode selecionar um objeto e inserir o ponto ativo sobre ele Para criar um ponto ativo retangular ou circular 1 Selecione a ferramenta Ponto ativo retangular ou Ponto ativo circular 2 Arraste a ferramenta Ponto ativo para desenhar um ponto ativo sobre uma rea do gr fico Mantenha pressionada a tecla Alt Windows ou Option Macintosh para desenhar a partir de um ponto central Um ponto ativo n o precisa sempre ser um ret ngulo ou um c rculo Voc tamb m pode criar pontos ativos poligonais feitos de v rios pontos
220. da biblioteca na p gina 237 Para obter mais informa es sobre a cria o de s mbolos animados consulte Cria o de s mbolos de anima o na p gina 281 Posicionamento de ocorr ncias Voc pode adicionar uma ou mais ocorr ncias de um s mbolo ao documento atual Para posicionar uma ocorr ncia arraste um s mbolo do painel Biblioteca para o documento atual cone seta representando uma ocorr ncia Uso de bibliotecas estilos e URLs 221 222 Cap tulo 12 Altera o de s mbolos Voc pode modificar um s mbolo no Editor de s mbolo para modificar automaticamente todas as ocorr ncias associadas Nota A modifica o de uma ocorr ncia afeta o s mbolo e todas as outras ocorr ncias Para modificar apenas uma ocorr ncia consulte Quebra do v nculo entre uma ocorr ncia e seu s mbolo na p gina 222 Para alterar um s mbolo 1 Abra o Editor de s mbolo e Clique duas vezes em uma ocorr ncia e Clique duas vezes no objeto de s mbolo no painel Biblioteca 2 Fa a as altera es no s mbolo e feche a janela O s mbolo e todas as ocorr ncias refletir o as modifica es feitas Para renomear um s mbolo 1 No painel Biblioteca clique duas vezes no nome do s mbolo 2 Altere o nome na caixa de di logo Propriedades do s mbolo e clique em OK Para duplicar um s mbolo 1 No painel Biblioteca selecione o s mbolo 2 Selecione Duplicar no menu pop up Op es Para excluir um s m
221. dade feo y 203 35K 111 25K Qualidade seletiva ET 2 seg acho Rip Suaviza o I 0 R 1 4 IP 3204240 100 s P BM Be z Bl Uma vez definidas as op es de otimiza o no Fireworks use o comando Arquivo gt Exportar para salvar e exportar a vers o otimizada do arquivo Como no ImageReady exportar um arquivo otimizado do Fireworks n o afeta o arquivo fonte original Exporta o de arquivos do Fireworks para o Photoshop O Fireworks proporciona amplo suporte para a exporta o de arquivos no formato Photoshop PSD As configura es de exporta o permitem controlar quais elementos do arquivo permanecer o edit veis quando o arquivo for reaberto no Photoshop Para exportar um arquivo no formato do Photoshop 1 Selecione Arquivo gt Exportar Exportar 2x sweem ae el Dscf0001 ipg EF Dscf0007 ipg EF Dscf0013ipg Ef Dscf0019 Dscf0002 ipg Bf Dscf0008 ipg BF Dscf0014ipg Bf Dsctoo20 E Dscf0003jpg B Dscf0003ipa BF Dscf0015ipg BF Dscf0021 E Dscf0004ipg EF DscfO010ipg BF Dscf0016ipg BF Dscf0022 Dscf0005 ipg Ef Dscf0011 ipg BY Dscf0017 ipg E Dscf0023 Dsef0006 jpg JB Dsctoot2ipg EF Dsct0018 ipg Dscf0024 Nome arquivo Sem t tulo 2 psd Salvar como tipo Photoshop PSD X Configura es Manter a editabilidade sobre a apar ncia Mi Ope Objetos Converter em camadas do Photoshop Ez L Uh Efeitos Manter a editabilidade E Texto Manter a editabiidade gi 2 Na caixa d
222. de chanfro 236 exportar 229 funcionalidade definida 230 inserir de bibliotecas 239 rollover simples 231 vis o geral 229 brilho 180 Brilho Contraste Xtra 180 c caixa de cores seletor de cores da Apple 160 seletor de cores do Sistema 160 caixa de di logo Editar d grad 168 Exportar 318 Processo em lote 359 Propriedades do s mbolo 221 camadas compartilhar atrav s de molduras para anima o 288 desativar compartilhamento entre molduras 288 exportar 323 camadas CSS exportar 333 exportar do Fireworks 340 caminhos alterar segmento adjacente 110 Centro de suporte 19 c rculos 101 clonar imagens 134 Colar como m scara 206 Colar em 207 colocar gr ficos em escala 362 colorir imagens 182 comando Atualizar HTML 349 Avan ar 97 Bitmap vazio 132 Borda 130 Contrair 129 Cortar 119 Criar lbum de fotografias na Web 350 Desselecionar 127 Dividir 117 Enevoar 134 Enviar para tr s 97 Expandir 129 Expandir tra o 120 Interiorizar tra ado 120 Interse o 118 Mesclar imagens 132 Ocultar pain is 56 Otimizar imagem no Fireworks 346 Perfura o 119 Recuar 97 Simplificar 119 Suavizar 130 Transforma o num rica 94 Trazer para frente 97 Uni o 118 comandos processo em lote 364 salvar 63 combinar tra ados 117 comportamento abaixo na barra de navega o 264 de rollover simples 264 restaurar barra de navega o 264 sobre na barra de navega o 264 trocar imagem 264 comportamentos abaixo na barra de navega o
223. de fatia associado Objetos de fatia aparecem na Camada da Web do seu documento Voc criar um objeto de fatia para as imagens de bitmap e em seguida adicionar comportamentos de arrastar e soltar para criar o rollover desarticulado Inser o de fatia Como ambos os objetos em um rollover devem ser objetos de fatia voc adicionar uma fatia a uma imagem 1 No painel Molduras selecionar a moldura Verificar condi es 2 Na tela usar a ferramenta Ponteiro para selecionar a imagem da mulher segurando bin culos e escolher Inserir gt fatia Na tela uma sobreposi o verde indicando um objeto de fatia aparece na imagem de bitmap O painel Camadas agora inclui a fatia na Camada da Web Arrastar e soltar para criar o rollover desarticulado Para associar a imagem ao bot o simplemente arrastar o ponteiro do controle de comportamento do bot o para a fatia sobre a imagem que aparecer durante o rollover desarticulado 1 Com a ferramenta Ponteiro selecionar o bot o Verificar condi es 2 Clicar no controle de comportamento no centro do bot o Verificar condi es e arrastar para a fatia sobre as imagens importadas Uma linha azul a linha de comportamento alinha pela fatia indicando que as duas fatias est o associadas Aparecer a caixa de di logo Trocar imagem m titulo l png 100 Jolx COMPASSM i 0 Trocar imagem Trocar imagem de Condi es de verifica v Cancelar M
224. de fundo ou cor de uma p gina da Web poder ser vista atrav s de uma parte do gr fico Isto pode fazer com que o gr fico pare a ser parte da p gina da Web ao inv s de ficar por cima No Fireworks um quadriculado cinza e branco denota as reas transparentes nas janelas Original e de Visualiza o Voc tamb m pode definir a cor da tela como transparente Consulte Altera o da tela na p gina 76 Se a cor da tela for definida como transparente defina sua transpar ncia de otimiza o escolhendo Transpar ncia Alfa no menu pop up Transpar ncia Use os bot es conta gotas Transpar ncia no painel Otimizar para fazer com que uma cor fique transparente quando visualizada em um navegador da Web Nota Definir cores como transparentes n o afeta a imagem real somente sua vers o exportada Voc pode ver como ficar a imagem exportada na janela Visualiza o Para informa es sobre exporta o consulte Otimiza o e visualiza o durante a exporta o na p gina 321 Otimizar Documento fome Po Configura o GIF webSnap 128 GIF mal WebSnap adaptativa Cores 128 Perdsfo Fontl foz gt sem transpar ncia X ERES EE E Otimiza o de gr ficos 313 314 Cap tulo 17 Para selecionar uma cor para transpar ncia 1 Clique em Visualiza o 2 para cima ou 4 para cima Em 2 para cima ou 4 para cima clique em uma visualiza o diferente da original No
225. desativar o efeito Salvar editar nomear e excluir efeitos Selecione uma categoria de efeito Visualizar a lista de efeitos Painel Efeito 189 190 Cap tulo 10 Para aplicar um Efeito ao vivo a um objeto selecionado 1 Escolha um efeito no menu pop up Efeito Esse efeito ser adicionado lista Efeito 2 Se uma janela pop up de edi o ou uma caixa de di logo for aberta digite as configura es do efeito Clique em OK para fechar uma caixa de di logo Pressione a tecla Enter ou clique em qualquer parte da rea de trabalho para fechar uma janela pop up Nota O painel Efeito n o est dispon vel no modo Bitmap 3 Repita as etapas 1 e 2 para aplicar m ltiplos Efeitos ao vivo Uso do Xtras do Fireworks como Efeitos ao vivo O Fireworks permite usar todos os filtros incorporados no menu Xtras como Efeitos ao vivo usando o painel Efeito Esse atributo garante a edi o ou remo o do filtro de um objeto a qualquer momento Voc pode tamb m editar objetos aos quais aplicou os filtros Use o menu Xtras para aplicar filtros somente quando tiver certeza de que n o precisar remover ou editar o filtro Para obter mais informa es sobre como usar o menu Xtras consulte Ajuste da faixa tonal com os conta gotas na p gina 180 Nota Se um filtro Xtra for aplicado usando o menu Xtras o filtro ser edit vel somente se a op o Desfazer estiver dispon vel Depois que voc fechar e reabrir a imagem o f
226. desta forma pode varia na apar ncia quando visualizado em navegadores diferentes e em sistemas operacionais diferentes Cria o de fatias poligonais Fatias retangulares podem n o ser suficientes para construir alguns rollovers Se um rollover cont m objetos de fatia que se sobrep em ou t m formas irregulares ent o uma fatia retangular pode trocar informa es de fundo indesejadas junto com a imagem a ser trocada O Fireworks resolve este problema permitindo desenhar fatias de qualquer formato Estas fatias s o chamadas de fatias poligonais Elas s o normalmente necess rias apenas quando as imagens rollover iriam sesobrepor Voc tamb m pode converter tra ados vetoriais em fatias para criar formas irregulares de fatias Para criar uma fatia poligonal automaticamente 1 Selecione o objeto 2 Selecione inserir gt Ponto ativo 3 Selecione Inserir gt Fatia O ponto ativo convertido em uma fatia poligonal Para desenhar manualmente um objeto de fatia poligonal 1 Selecione a ferramenta Fatia poligonal 2 Clique para posicionar os pontos vetoriais do pol gono ferramenta Fatia poligonal desenha apenas segmentos de retas 3 Ao desenhar um objeto de fatia poligonal em torno de objetos com bordas suaves certifique se de incluir todo o objeto para evitar criar bordas acentuadas indesejadas no gr fico da fatia 4 Para sair da ferramenta Fatia poligonal selecione uma ferramenta alternativa no menu Ferramentas
227. dificar gt Alterar tra ado gt Simplificar Expans o de um tra o Voc pode converter o per metro do tra o do tra ado selecionado em um tra ado fechado O tra ado resultante cria a ilus o de um tra ado sem preenchimento e um tra o igual ao preenchimento do objeto de tra ado original Trabalho com objetos vetorias 119 120 Cap tulo 5 Para expandir o tra o de um objeto selecionado 1 Selecione Modificar gt Alterar tra ado gt Expandir tra o para abrir a caixa de di logo Expandir tra o Largura jm Cantos X M Limite de meia esquadria 0 00 Terminar mai sculas ja 5 Defina a largura do tra ado fechado resultante Especifique um tipo de canto meia esquadria redondo ou chanfrado Se voc selecionar meia esquadria defina o limite de meia esquadria o ponto em que um canto de meia esquadria se torna automaticamente um canto chanfrado O limite de meia esquadria a propor o do comprimento do canto de meia esquadria em rela o largura do tra o Selecione uma op o de extremidade da linha bot o quadrada ou redonda e clique em OK Um tra ado fechado na forma do original e com os mesmos atributos de tra o e preenchimento substitui o tra ado original Retra o ou expans o de um tra ado Retraia ou expanda o tra ado de um objeto selecionado at uma quantidade espec fica Para expandir ou retrair um tra ado selecionado 1 Oo Aa Selecione Modif
228. do Abaixo e Sobre enquanto estado Abaixo Convers o de rollovers do Fireworks em bot es Voc pode criar bot es a partir de rollovers criados anteriormente Consulte Cria o de rollovers na p gina 261 Converta esses rollovers incluindo os das vers es anteriores do Fireworks em bot es para tirar vantagem das conveni ncias do s mbolo de bot o Os componentes do rollover s o convertidos em um bot o e o novo bot o posicionado na biblioteca O bot o automaticamente cria sua pr pria fatia assim o ponto ativo ou fatia do rollover n o mais necess rio Para converter um rollover do Fireworks em um bot o 1 No painel Molduras selecione Mostrar todas as molduras da t cnica onion skin 2 Selecione todos os componentes de rollover 3 Selecione Inserir gt Converter em s mbolo 4 Digite um nome selecione Tipo Bot o e clique em OK Inser o de bot o a partir de origem externa Voc pode selecionar um bot o de uma biblioteca do Fireworks ou de outro documento do Fireworks Quando importar um bot o de uma origem externa o Fireworks lembra da origem Em seguida se o arquivo de origem mudar voc poder atualizar o bot o importado para refletir a altera o original Para inserir um bot o feito a m o de uma biblioteca no documento 1 Selecione Inserir gt Bibliotecas gt Outro e selecione a biblioteca de bot es ou o documento do Fireworks a partir do qual deseja inserir um bot o Cria o d
229. dotom 187 188 Cap tulo CAP TULO 10 Aplica o de Efeitos ao vivo Os efeitos do Fireworks s o ao vivo ou seja quando voc edita um objeto os efeitos s o reaplicados para que possa ver imediatamente os resultados simples ativar e desativar esses efeitos o que simplifica a compara o de vers es diferentes de um gr fico O vasto conjunto de tra os e preenchimentos do Fireworks permite a cria o de todos os tipos de gr ficos interessantes para um site na Web Que tal colocar uma borda chanfrada em torno dos bot es para dar um efeito de alto relevo Ou usar um brilho suave emanando de uma figura Ou aplicar uma leve sombra para dar impress o de profundidade ao texto Esses e v rios outros efeitos s o f ceis de aplicar no Fireworks Al m disso voc pode aplicar efeitos a um objeto com apenas uma visita ao painel Efeito Editar ou remover Efeitos ao vivo t o simples quanto aplic los O Fireworks 4 permite o uso de filtros Xtras como o Desfoque Gaussiano e Agu amento como Efeitos ao vivo Agora v rios plug ins do Photoshop t m toda a flexibilidade dos Efeitos ao vivo Aplica o de um Efeito ao vivo Use o painel Efeito para aplicar Efeitos ao vivo Voc pode aplicar m ltiplos efeitos a um objeto Sempre que voc adicionar um novo efeito ao objeto ele ser adicionado lista no painel Efeito Uma caixa de sele o aparecer ao lado de cada efeito da lista Dessa forma voc poder ativar ou
230. e 141 Dicas de Ferramentas 18 dimensionar objetos 92 Director exportar para 330 discos tempor rios 59 Dist ncia de alinhamento 58 Dist ncia de sele o 58 distorcer objetos 94 documento exibi es lado a lado 75 modo exibi o 75 modo padr o 100 m ltiplas exibi es 75 Dreamweaver editar imagens do Fireworks em 334 exportar para 329 editar bot es 234 rollovers 234 Editor de bot o criar s mbolos 221 Editor de Texto 138 editor D grad 167 editores externos Fireworks Consulte Integra o entre Dreamweaver e Fireworks prefer ncia 341 efeitos ao vivo Efeitos ao vivo consulte efeitos aplicar a objetos 190 aplicar a objetos agrupados 197 aplicar filtros como 190 aumentar a velocidade do redesenho 197 bordas chanfradas 192 bot es 236 brilho 193 de brilho 193 de sombra 193 definir padr es 197 desativar 197 editar 194 localizar e substituir 357 plug ins 191 reativar 197 relevo 192 remover 195 reordenar 195 salvar como estilos 196 sombra 193 elipses desenhar 101 Emba amento maior Xtra 184 emba ar 184 Emba ar Xtra 184 empilhar objetos 96 empurrar e puxar tra ados 113 empurrar tra ados 114 enevoar 134 Engenharia 393 enquadrar 75 entrela amento transferir em segmentos 305 entrelinhamento 141 escalonar imagens op es de interpola o 57 espa adores 258 Estender o Fireworks recurso Scripts 19 estilo de texto efeitos 146 it lico 141 negrito 141 preenchimento 146 sublinhar 141 tra
231. e arquivo de imagem min sculas na exporta o Selecione um aplicativo associado no menu pop up Criador de arquivos Macintosh Quando abrir o arquivo HT ML exportado ele abre automaticamente no aplicativo especificado Macintosh Na guia Tabela selecione as configura es para as tabelas HTML Para obter informa es sobre como definir tabelas HTML para exporta o consulte Configura o do HTML na p gina 335 Na guia Espec fico do documento selecione nas seguintes op es Selecione uma f rmula para modo de nomea o autom tica de fatias nos menus pop up Nomea o autom tica de fatias Digite o texto na caixa de texto Descri o de imagem alternativa O texto alternativo aparece no marcador de lugar da imagem enquanto a imagem est sendo transferida da Web ou no lugar de uma imagem se houver falha na transfer ncia Em alguns navegadores ele pode aparecer tamb m como uma dica de ferramenta quando o mouse passar sobre a imagem Tamb m usado para usu rios da Web com defici ncia visual Selecione M ltiplas barras de navega o e p ginas HTML ao usar um documento HTML sem molduras Clique em Definir padr es para salvar as configura es como suas configura es globais padr o Clique em OK Exporta o 335 336 Cap tulo 18 CAP TULO 19 Utiliza o do Dreamweaver e do Fireworks juntos Recursos exclusivos de integra o tornam f cil trabalhar em arquivos no Macromedia Dreamweaver 4 e no
232. e biblioteca uma Utiliza o do Dreamweaver e do Fireworks juntos 339 340 Cap tulo 19 parte de um arquivo HT ML localizado em uma pasta de nome Biblioteca na raiz do seu site Voc pode arrastar c pias de um item de biblioteca para qualquer p gina no seu site da Web Para exportar imagens e HTML do Fireworks para o Dreamweaver 1 No Fireworks selecione Arquivo gt Exportar 2 Selecione HTML e imagens no menu pop up Salvar como tipo 3 Selecione Exportar arquivo HTML no menu pop up HTML 4 Especifique uma pasta de destino dentro da pasta do site do Dreamweaver 5 Clique em Salvar para exportar os arquivos Para exportar arquivos Fireworks como camadas CSS 1 No Fireworks selecione Arquivo gt Exportar 2 Selecione Camadas CSS htm no menu pop up Salvar como tipo 3 Especifique uma pasta de destino dentro da pasta do site do Dreamweaver 4 Clique em Salvar para exportar os arquivos Para exportar um arquivo do Fireworks como um item de biblioteca do Dreamweaver 1 No Fireworks selecione Arquivo gt Exportar 2 Selecione Biblioteca Dreamweaver Ibi no menu pop up Salvar como tipo Exportar EF Dscf0007 jpa BF Dscf0013ipg EF Dsctooiga Dscf0002 jpg LEY Dscf0008 jpg EF Dscf0014 jpg EF Dsct0020 Dsef0003 jpg EF Dscf0009 ipa B Dscf0015 ipa EF Dsct0021 E Dscf0004 ipg EF Dsct0010 ipa E Dscf0016 ipg E Dscf0022 Dscf0005 ipg EF Dsct0011 ipg EF Dscf0017 ipg EF Dsct0023 E Dscf0006ipg BF Dscf0
233. e bot es e barras de navega o 239 2 Selecione um s mbolo a partir da biblioteca e clique em Importar Importar E Logomarca Pequena Gr fico importado 10 31 00 13 54 36 E Logomarca Grande Gr fico importado 10 31 00 13 55 11 A quadro y 3 Bot o vermelho Bot o importado 10831100 13 55 07 43 Bot o Bot o 10 31 00 14 18 35 Para atualizar um bot o importado 1 No painel Biblioteca selecione o s mbolo do bot o a atualizar 2 Selecione Atualizar no menu pop up Op es O Fireworks atualiza o bot o importado para corresponder apar ncia do bot o original 240 Cap tulo 13 CAP TULO 14 Pontos ativos e fatias Pontos ativos e fatias s o as ferramentas principais utilizadas para criar objetos interativos como rollovers e mapas de imagens Os pontos ativos e as fatias s o chamados de objetos da Web ou seja eles n o existem como imagens mas como c digo HTML que atribui interatividade a seu documento Voc pode v los selecion los e renome los atrav s da camada Web no painel Camadas Este cap tulo descreve os conceitos b sicos necess rios que devem ser compreendidos para criar pontos ativos e fatias Cria o de pontos ativos e mapas de imagens Os designers da Web utilizam extensivamente pontos ativos e mapas de imagens tornando a navega o de sites da Web muito mais f cil Um ponto ativo um rea de um gr fico da Web que vinculada a um URL Um mapa de imagem n o na
234. e clique no bot o Nova Duplicar Moldura Nota Se voc j tiver uma segunda moldura ent o n o ser necess rio criar outra 4 Selecione a nova moldura no painel Molduras se ela j n o estiver real ada 5 Coloque a segunda imagem no espa o na tela ocupado pela fatia Use as ferramentas de desenho e edi o para criar um gr fico Importe ou arraste um gr fico na fatia Aplica o do comportamento de rollover simples fatia Quando tiver configurado as imagens e molduras aplique o comportamento de rollover simples fatia Para aplicar o comportamento de rollover simples 1 Selecione a fatia Nota As fatias s o compartilhadas entre molduras Se voc tiver ativado a op o Exibir pontos ativos e fatias as fatias permanecem vis veis independente de em qual moldura estiver trabalhando 2 Selecione Janela gt Comportamentos para abrir o painel Comportamentos 3 Selecione Rollover simples no menu pop up Adicionar a o Comportamentos Trocar imagem Restaurar troca de imagem Definir imagem da barra de navega o Sobre na barra de navega o Abaixo na barra de navega o Restaurar barra de navega o Definir o menu pop up Definir texto da barra de status Utiliza o do painel Comportamentos Voc pode usar o painel Comportamentos para criar editar e excluir comportamentos anexados a uma fatia ou ponto ativo selecionado O painel Comportamentos permite criar outros ti
235. e controle se estendem a partir do ponto 3 Arraste o ponto ou uma de suas al as para um novo local A visualiza o do tra ado azul mostra o local em que o novo tra ado ser desenhado se voc liberar o bot o do mouse Al a de ponto Ponteiro de Selecionar secund rio Visualizar tra ado Tra ado Ponto selecionado Por exemplo arraste a al a de controle esquerda para baixo Observe que a al a de controle direita vai para cima Para limitar o movimento da al a em ngulos de 45 graus Mantenha a tecla Shift pressionada durante o arraste 108 Cap tulo 5 Convers o de segmentos de tra ado para reto ou curvo Segmentos de tra ado reto s o intersecionados por pontos de canto Segmentos de tra ado curvo cont m pontos de curva mm M Voc pode converter um segmento reto em curvo e vice versa pela convers o do ponto V Para converter um ponto de canto de um tracado selecionado em um ponto de curva 4 1 Selecione a ferramenta Caneta 2 Clique em um ponto de canto e arraste para longe dele As al as se estendem curvando os segmentos adjacentes Para converter um ponto de curva de um tra ado selecionado em um ponto de canto 1 Selecione a ferramenta Caneta 2 Clique em um ponto de curva para convert lo As al as se retraem e os segmentos adjacentes ficam retos a Trabalho com objetos vetorias 109 10 Cap tulo 5 Para mover um ponto Arraste o com a ferramenta Selecion
236. e di logo Exportar d nome ao arquivo e selecione Photoshop PSD no menu Salvar como Fireworks para usu rios do Photoshop 387 388 Cap tulo 21 3 Para especificar configura es de exporta o agrupadas selecione uma op o do menu Configura es Estas configura es fornecem combina es predefinidas de op es de exporta o individuais para objetos efeitos e texto no arquivo do Fireworks A etapa 4 descreve com detalhes as op es de exporta o individuais Manter a editabilidade sobre a apar ncia define os objetos a serem convertidos em Camadas do Photoshop efeitos para Manter a editabilidade e texto para Manter a editabilidade Escolha esta op o se planeja editar imagens de forma extensiva no Photoshop e n o tem necessidade de preservar a apar ncia exata da imagem do Fireworks Manter a apar ncia do Fireworks define os objetos a serem convertidos em Camadas do Photoshop efeitos para Renderiza o de efeitos e texto para Renderiza o de texto Selecione esta op o para manter o controle sobre os objetos do Fireworks no Photoshop mas tamb m quiser manter a apar ncia original da imagem do Fireworks Arquivo Photoshop menor define os objetos para Nivelar cada camada do Fireworks efeitos para Renderizar efeitos e texto para Renderizar texto Selecione esta op o se estiver exportando um arquivo que cont m um grande n mero de objetos do Fireworks Para especificar configura es de exporta o ind
237. e m po B lz 93 Como inclinar objetoS 444444 444444444444444 93 Como distorcer objetoS 4444 4 4444444444444444 94 Transforma es num ricas cccccccics cce secreto 94 Organiza o de objetos iss passe arrasa isa paes 94 Como selecionar objetos dentro de grupos 4 4 95 CAP TULO 5 Trabalho com objetos vetorias 99 Entrada no modo vetorial 444 4444444444444 100 Desenho de formas b sicas 4444444444440 100 Desenho de ret ngulos com cantos arredondados 101 Desenho de estrelas ss radus kadrid rs aaa B dne A 103 Desenho e pintura de tra ados de forma livre 4 103 Uso da ferramenta Caneta 4444444400000 105 Mudan a da forma de tra ados usando as ferramentas de edi o do modo vetorial 4444444 444444444 113 Como dobrar e mudar a forma de objetos vetoriais 113 Redesenho de tra ados lt lt lt 4444444 116 Recorte de tra ados em v rios objetos 444 116 Mudan a da forma de objetos vetoriais com opera es de tra ado 117 Combina o de objetos de tra ado 4444 4 117 Remo o de partes de um objeto de tra ado 118 Corte de um tracado 4 4 lt lt lt lt lt lt lt lt lt lt 4 119 Simplifica o de um tra ado 44 444444000ee 119 Exp
238. e manipular com mais efici ncia O Fireworks permite converter cada fatia individual no formato de arquivo mais apropriado em seguida exportar em uma variedade de estilos HTML Dreamweaver e Microsoft Frontpage por exemplo Consulte Otimiza o de gr ficos na p gina 295 e Exporta o na p gina 317 sobre otimiza o e exporta o de gr ficos respectivamente Atribui o de interatividade a reas de seu documento Voc pode atribui interatividade a fatias criando reas que respondem quando o ponteiro do usu rio passa sobre ou clica nelas Por exemplo uma imagem pode mudar quando o ponteiro passa sobre ela dando um efeito de rollover ou o ponteiro pode mudar para uma m o aberta indicando um v nculo para outra p gina da Web Voc pode usar fatias para criar muitos efeitos interativos como bot es barras de navega o e rollovers Voc tamb m pode usar fatias para inserir texto baseado em HTML em um gr fico de modo que o texto permane a edit vel Troca de parte de uma imagem Outra raz o para fatiar trocar partes de uma imagem que mudam fregiientemente sem ter que transferir a imagem inteira Por exemplo seu site da Web pode incluir uma p gina que reconhece o Funcion rio do M s Cada m s voc pode atualiza r a fatia que cont m a fotografia do funcion rio sem atualizar os outros gr ficos na p gina Cria o de fatias Voc pode criar fatias de duas maneias b sicas dependendo de s
239. e no documento Fireworks atual Voc pode tamb m abrir ou importar um arquivo de texto inteiro no Fireworks O Fireworks pode importar os seguintes formatos de texto e RTF Rich Text Format e ASCII texto sem formata o Para abrir ou importar texto de um arquivo 1 Use um comando Arquivo e Selecione Arquivo gt Abrir Selecione Arquivo gt Importar N Navegue at a pasta que cont m o arquivo o Selecione o arquivo e clique em OK Importa o de texto do Photoshop Voc pode abrir ou importar um arquivo Photoshop inteiro e pode copiar e colar ou arrastar e soltar texto de um arquivo Photoshop no documento Fireworks atual Se desejar usar apenas certas palavras ou caracteres de outro arquivo e n o se importar em perder a possibilidade de editar o texto use arrastar e soltar ou copiar e colar O texto vem como pixels e n o edit vel como texto Se quiser que o texto seja edit vel como texto abra ou importe o arquivo todo Nota A camada de texto mant m seu nome Importa o de arquivos RTF Ao importar texto RTF o Fireworks mant m estes atributos Fonte tamanho e estilo negrito it lico sublinhado e Alihamento esquerda direita centralizado justificado Entrelinhamento Deslocamento da linha de base Kerning da faixa Escala horizontal Cor do primeiro caractere Todas as outras informa es de RTF s o ignoradas O Fireworks n o pode importar texto RTF usando
240. e objetos selecionados Objetos em um nico documento ou em uma nica camada podem ter modos de mesclagem diferentes de outros objetos do documento ou camada Quando objetos com diferentes modos de mesclagem forem agrupados o modo de mesclagem do grupo ter preced ncia sobre modos individuais de mesclagem O desagrupamento dos objetos restaura o modo de mesclagem individual de cada objeto O modo de mesclagem cont m os seguintes elementos Cor de mesclagem a cor qual o modo de mesclagem aplicado Opacidade o grau de transpar ncia ao qual o modo de mesclagem aplicado Camadas e mascaramento 211 212 Cap tulo 11 Cor base a cor dos pixels sob a cor de mescla Cor resultante o resultado do efeito do modo de mesclagem na cor base Cor base Cor da mesclagem Cor resultante Estes s o os modos de mesclagem no Fireworks Normal n o aplica nenhum modo de mesclagem Multiplicar multiplica a cor base pela cor de mesclagem resultando em cores mais escuras Tela multiplica o inverso da cor de mesclagem pela cor base resultando em um efeito alvejante Escurecimento seleciona a cor de mesclagem e cor base mais escuras para usar como cor resultante Esse procedimento substitui apenas pixels mais claros que a cor de mesclagem Clareamento seleciona a cor de mesclagem e cor base mais claras para usar como cor resultante Esse procedimento substitui apenas os pixels mais escuros que a cor de me
241. e serrilhad Tentura Enfuma ado za FF3300 aqui 4 Selecionar o bot o e deslizar o exemplo de cor direita do bot o para a esquerda at que o d grad esteja escuro o suficiente para que o texto seja Deslizar o exemplo de cores para a esquerda leg vel 5 Fechar o Editor de bot o clicando na sua caixa Fechar 6 Usar a ferramenta Ponteiro para mover o bot o para tr s dentro da linha de guia Lembrar se de salvar o trabalho com fregii ncia Ao usar o Editor de bot o voc criou um bot o de rollover sem escrever em JavaScript Quando exportar o arquivo para HTML o JavaScript do seu rollover ser inclu do no arquivo HTML Exibi o do comportamento do bot o O painel Comportamentos permite exibir e anexar comportamentos JavaScript em bot es e pontos ativos Se olhar para o painel Comportamentos agora ver que inclui o comportamento do rollover Selecionar Janela gt Comportamentos para exibir o painel Comportamentos O painel Comportamentos inclui automaticamente o comportamento de rollover Visualiza o do bot o A guia Visualizar do lado superior esquerdo da janela do seu documento mostra como o documento aparecer em um navegador da Web Enquanto a guia Original n o exibir o rollover voc pode ver a a o em Visualizar 1 No painel Ferramentas clicar no cone Ocultar fatias no bot o do painel para ocultar a sobreposi o verde Ocultar o cone Fatias 2 Clic
242. e transfer ncia FreeHand 7 ou posterior Illustrator PNG e PICT Macintosh e DIB Windows BMP Windows e Texto ASCII EPS e WBMP Quando um objeto copiado de outro aplicativo for colado no Fireworks ele centralizado no documento ativo Cada modo de edi o manipula dados colados de maneira diferente No modo vetorial colar uma sele o de pixel resulta em um objeto bitmap retangular que usa transpar ncia alfa para manter a apar ncia da sele o Os objetos vetoriais mant m os atributos de vetor No modo bitmap colar uma imagem vetorial ou objeto bitmap cola uma sele o de pixel que permanece flutuante at que esta seja desselecionada Uma vez desselecionada a sele o torna se parte da imagem atual Reamostragem de objetos colados Ao colar um bitmap com uma resolu o diferente do documento de destino do Fireworks o Fireworks exibe uma mensagem perguntando se deseja fazer um novo exemplo do bitmap A reamostragem adiciona ou subtrai pixels de um bitmap redimensionado para corresponder tanto quanto poss vel apar ncia da imagem original A reamostragem de um bitmap para uma resolu o mais alta normalmente provoca pouca perda de qualidade ou de dados A reamostragem com uma resolu o menor sempre provoca perda de dados e reduz a qualidade Selecione Novo exemplo para manter a largura e a altura originais dos dados colados adicionando ou subtraindo pixels conforme necess
243. e usar O layout mais l gico e as op es que n o podem ser aplicadas exporta o atual ficam esmaecidas ou ocultas Agora as op es Exportar especial est o localizadas na caixa de di logo Exportar Para diversos formatos de arquivos o Fireworks aprimorou suas capacidades de exportar e importar Exportar Photoshop PSD permite escolher entre manter a editabilidade em detrimento da apar ncia manter a qualidade da apar ncia do Fireworks ou nivelar as camadas em uma imagem completamente renderizada Voc tamb m pode decidir manter ou n o a editabilidade dos efeitos e do texto O comando Importar Photoshop PSD est aprimorado pela funcionalidade das novas camadas e molduras do Fireworks Por exemplo ao importar camadas e molduras os nomes de camada do Photoshop transformam se em nomes de moldura do Fireworks Cada camada do Photoshop traduz se em objeto de uma camada do Fireworks As m scaras da camada do Photoshop s o importadas intatas para o Fireworks como m scaras de objeto de imagem 21 22 Introduc o O comando importar do FreeHand 9 possibilita controle separado sobre suavizac o de serrilhado para texto e objetos Isto tamb m valido para outros formatos de importa o vetoriais como o Illustrator e o CorelDRAW Exportar Director possibilita exportar camadas ou fatias para o Director assim como HT ML caso tenha instalado o Importar Xtra para o Director Ao selecionar Inserir gt Fireworks gt Fire
244. ecorte os e cole os pressione as teclas de seta ou entre as coordenadas de localiza o no painel Informa es Voc pode mover objetos selecionados entre o Fireworks e outros aplicativos usando a rea de transfer ncia Para copiar objetos cole os da rea de transfer ncia ou arraste os Se voc n o quiser mais o objeto na tela exclua o Para mover a sele o Arraste a com as ferramentas Ponteiro Selecionar secund rio ou Selecionar atr s Pressione qualquer tecla de seta para mover a sele o em incrementos de 1 pixel Mantenha pressionada a tecla Shift para mover em incrementos de 10 pixels No painel Informa es insira as coordenadas X e Y da localiza o no canto superior esquerdo da sele o As coordenadas do canto superior esquerdo da tela s o X 0 e Y 0 Coordenadas s o expressas em pixels Para mover ou copiar objetos selecionados colando 1 Selecione um objeto ou v rios objetos 2 Selecione Editar gt Recortar ou Editar gt Copiar O objeto recortado ou copiado na rea de transfer ncia 3 Selecione Editar gt Colar Nota Quando criar um novo documento no Fireworks com uma sele o na rea de transfer ncia o tamanho padr o da tela assume as dimens es da sele o Trabalho com objetos 89 90 Cap tulo 4 Para duplicar a sele o Selecione Editar gt Duplicar Duplica es da sele o aparecem organizadas em cascata a partir do original cada nova duplicata passa a s
245. ecuar o menu para fora Nota Voc n o pode rebaixar o primeiro item na lista de um submenu 8 Repita os passos 3 a 7 at que tenha adicionado todos os itens de menu lista de visualiza o 9 Clique no bot o Pr ximo para continuar Defini o da apar ncia de um menu pop up Depois que voc tiver digitado o texto de seu menu a pr xima tela do assistente lhe permite definir a apar ncia do menu Definir o menu pop up C lulas HTML Imagem Fonte Verdana Arial Helvetica sans serif k Tamanho E ras l mir caua BR Marcador de IL Visualizar FERE o pec Verificar o pec Cancelar lt Voltar Para definir a apar ncia de um menu pop up 1 Para C lulas selecione HTML ou Imagem HTML define os estados Acima e Sobre para o fundo do menu usando formata o HTML Imagem permite utilizar imagens para o fundo Acima e Sobre do menu 2 Selecione a fonte apropriada e digite qualquer outra informa o de fonte como tamanho justifica o e tipos 3 Nas caixas Estado Acima e Estado sobre defina a apar ncia do menu Se tiver selecionado HTML no passo 1 selecione o texto e as cores da c lula para cada estado Se tiver selecionado Imagem no passo 1 ent o selecione as duas imagens de fundo que o menu utilizar 4 Clique em Concluir Quando voc insere um menu pop up um contorno azul do menu exibido sobre ou pr ximo fatia O contorno parece u
246. eiro passando sobre um bot o 4 Clicar no bot o Registro de viagem para testar o v nculo e em seguida usar o bot o Voltar do navegador para retornar p gina Final htm page 5 Ao concluir a exibi o da p gina da Web poder fech la ou deix la aberta para refer ncia conforme seguir no tutorial Nota A pasta Tutorial tamb m inclui o documento do Fireworks a partir do qual o arquivo HTML gerado Para exibir esse documento abri lo no Fireworks 4TutoriakComplete Final png Abertura do arquivo Iniciar Voc teve as aulas e exibiu o arquivo Final htm em um navegador agora est pronto para iniciar seu projeto 1 No Fireworks escolher Arquivo gt Abrir Navegar at a pasta do aplicativo Fireworks 4 e abrir TutoriaNStarStart png Documentos do Fireworks no ambiente de autoria possuem a extens o PNG Ao concluir um documento do Fireworks voc pode export lo para v rios formatos 2 Selecionar Arquivo gt Salvar como e nomear o arquivo MyFile png Salvar MyFile png na mesma pasta Iniciar Ao fazer uma c pia do arquivo voc salva os resultados do seu trabalho enquanto permite que outros executem o tutorial mais tarde Nota Durante a conclus o do tutorial talvez voc ache til desfazer uma altera o feita O Fireworks pode desfazer v rias das altera es recentes dependendo do n mero de n veis de desfazer definido em Prefer ncias Para desfazer selecionar Editar gt Desfazer Quando es
247. ento 201 202 Cap tulo 11 Para expandir ou reduzir os objetos em uma camada Clique no sinal de adi o Windows ou no tri ngulo Macintosh esquerda do nome da camada no painel Camadas Para nomear uma camada 1 Clique duas vezes em um nome de camada no painel Camadas A janela Nome da camada abre 2 Na caixa de texto Nome da camada digite um novo nome para a camada Para fechar clique fora da janela ou pressione Enter Nota Objetos em camadas podem ser renomeados Clique duas vezes no objeto selecionado e digite um novo nome Para excluir uma camada Marque uma camada e clique no bot o Excluir ou arraste a camada at o bot o Excluir Para exibir ou ocultar uma camada ou objetos em uma camada Clique no quadrado da coluna do meio esquerda de um nome de camada ou objeto O cone de um olho indica que a camada est vis vel Para exibir ou ocultar v rias camadas ou objetos Arraste o ponteiro pela coluna de um olho no painel Camadas Para exibir ou ocultar camadas e objetos Selecione Mostrar tudo ou Ocultar tudo no menu pop up Op es do painel Camadas Nota Ocultar camadas e objetos que n o s o exportados Para bloquear uma camada Clique no quadrado da primeira coluna imediatamente esquerda de um nome de camada Um cadeado indica que uma camada est bloqueada Para bloquear v rias camadas Arrastar o ponteiro pela coluna de cadeado no painel Camadas Para bloquear ou desbloq
248. ento e Tra o Camadas e mascaramento 209 210 Cap tulo 11 Para mover um objeto sem afetar a m scara 1 Clicar no cone de v nculo na miniatura da m scara no painel Camadas cone de v nculo Fundo Camada on Isso desvinvula o objeto da sua m scara e o objeto se move de forma independente 2 Arrastar o objeto Para converter uma m scara vetorial em uma m scara de bitmap 1 No painel Camadas selecionar a miniatura da m scara 2 Escolha Modificar gt Converter em bitmap Nota N o poss vel converter uma m scara de bitmap em uma m scara vetorial Para desativar ou ativar uma m scara 1 Selecionar o objeto mascarado 2 Enable or disable the mask Selecionar Desativar ou Ativar m scara no menu pop up Op es do painel Camadas Selecionar Modificar gt M scara gt Desativar ou Ativar m scara Um X vermelho aparece na miniatura da m scara quando essa for desativada Clicar no X ativa a m scara Para excluir a m scara 1 Selecionar a m scara 2 Apagar a m scara e Selecionar Excluir m scara no menu pop up Op es do painel Camadas e Selecionar Modificar gt M scara gt Excluir m scara 3 Escolher se deseja aplicar a m scara imagem antes da exclus o Aplicar mant m as altera es feitas na m scara mas a m scara n o mais edit vel Descartar elimina as altera es feitas e restaura o objeto sua forma original Uso do painel Objeto no mas
249. entro do Fireworks Voc pode controlar quase todos os comandos ou configura es do Fireworks com o JavaScript por meio de comandos especiais do JavaScript que o Fireworks pode interpretar 353 354 Cap tulo 20 Localiza o e substitui o Use Localizar e substituir para pesquisar e substituir elementos em um documento tais como texto URLs fontes e cores Localizar e substituir pode pesquisar no documento atual ou em m ltiplos arquivos Se voc usar Localizar e substituir o Fireworks poder rastrear e armazenar um registro das altera es no painel Registro de Projeto Localizar e substituir s funciona em arquivos PNG do Fireworks ou em arquivos que contenham objetos vetoriais tais como arquivos do FreeHand CorelDRAW e Illustrator Localizar e substituir CEF KO Menu Op es Pesquisar documento Op o Pesquisar Localizar testo Op o Localizar Localizar p Alterar para T Palavrainteira T Coincidir mai se tmin se Express es regulares Localizar BUDEHTT Substituir tudo Painel Localizar e substituir Para localizar e substituir elementos de um documento 1 Abra o documento 2 Abrir o painel Localizar e substituir e Selecione Editar gt Localizar e substituir e Selecione Janela gt Localizar e Substituir Pressione Control F Windows ou Command F Macintosh No menu pop up Pesquisar selecione uma origem para a pesquisa No menu pop up Localizar escolha u
250. eom trica Portanto as imagens com reas de cor chapada compactam melhor quando exportadas como GIFs Um GIF geralmente ideal para imagens como desenhos logotipos imagens com reas transparentes e anima es Objetos vetoriais s o geralmente salvos como GlFs Nota O pontilhamento ou suaviza o de serrilhado de imagens GIF produz arquivos maiores Escolha de JPEG JPEG foi desenvolvido pelo Joint Photographic Experts Group especificamente para imagens fotogr ficas ou com alto n mero de cores O formato JPEG suporta milh es de cores 24 bits enquanto que GIF suporta apenas 256 JPEG sempre produz dados de imagem fotogr fica de maior qualidade JPEG um formato com muita perda o que significa que alguns dados de imagem s o descartados quando compactados reduzindo a qualidade do arquivo final Entretanto os dados de imagem geralmente podem ser descartados com pouca ou nenhuma diferen a percept vel em qualidade Ao exportar um JPEG use o controle deslizante do menu pop up Qualidade do painel Otimizar para controlar a quantidade de qualidade que ser perdida na compacta o do arquivo A configura o de alta porcentagem mant m a qualidade da imagem mas compacta menos produzindo arquivos maiores A configura o de baixa porcentagem produz um arquivo menor mas uma qualidade de imagem inferior Use as visualiza es 2 para cima e 4 para cima para testar e comparar a apar ncia e o tamanho estimado do a
251. er o objeto selecionado Para clonar uma sele o Selecione Editar gt Clonar O clone da sele o est empilhado exatamente na frente do original e passa a ser o objeto selecionado Para afastar um clone selecionado do original com precis o pixel por pixel use as teclas de seta Isso til se voc desejar manter dist ncias espec ficas entre clones ou o alinhamento dos clones Para excluir objetos selecionados Pressione a tecla Delete ou Backspace e Clique com o bot o direito do mouse Windows ou clique com Control Macintosh no objeto e selecione Editar gt Recortar no menu de contexto e Selecione Editar gt Limpar e Selecione Editar gt Recortar Transforma o e distor o de objetos Voc pode utilizar os comandos de menu e as ferramentas de transforma o para colocar em escala girar virar distorcer ou inclinar um objeto ou grupo Ferramentas de transforma o A sele o de qualquer ferramenta ou menu de comando Transformar faz com que sejam exibidas as al as de transforma o ao redor dos objetos selecionados w Al as de transforma o Ponto central C Objeto original B E o E RT S jb dd EA N d lt Girado dimensionado inclinado distorcido e virado na vertical e na horizontal Para editar objetos selecionados utilizando as al as de transforma o 1 Selecione uma ferramenta de t
252. ertura de arquivos WBMP O Fireworks pode abrir arquivos WBMP arquivos de 1 bit monocromo otimizados para dispositivos de computa o m vel Esse formato para ser usado nas p ginas Protocolo de aplicativo sem fio WAP Importa o de um scanner ou de uma c mera digital Para importar imagens de mesas digitalizadoras ou c meras digitais use os m dulos TWAIN ou plug ins do Photoshop Acquire Macintosh As imagens importadas para o Fireworks de uma mesa digitalizadora ou c mera digital abrem como novos documentos Nota O Fireworks n o pode digitalizar imagens a menos que os drivers de software m dulos e plug ins tenham sido instalados Para instru es espec ficas sobre instala o configura es e op es consulte a documenta o do m dulo TWAIN ou o plug in do Photoshop Acquire No Macintosh o Fireworks procura automaticamente plugins de aquisi o do Photoshop na pasta 4 Output Xtras do Fireworks Caso n o queira colocar os plug ins aqui aponte um local alternativo para o Fireworks Para informar ao Fireworks onde procurar os plug ins de aquisi o do Photoshop 1 No Fireworks selecione Editar gt Prefer ncias 2 Selecione a guia Pastas 3 Selecione Plug ins do Photoshop 4 Clique em Procurar e navegue at a pasta que cont m os plug ins do Photoshop Para importar uma imagem a partir de um scanner ou c mera digital 1 Conecte o scanner ou c mera ao computador 2 Instale o software fornecido c
253. es de exporta o com base nas configura es de exporta ovari veis Nas telas 2 para cima e 4 para cima voc compara vers es otimizadas com o documento original Para exibir uma visualiza o de exporta o Clique em Visualiza o 2 para cima ou 4 para cima na janela do documento Use os pain is Otimizar e Tabela de cores para alterar as configura es de exporta o Estes pain is e a Visualiza o repetem a caixa de di logo Visualizar exporta o nas vers es anteriores do Fireworks trazendo a otimiza o para a rea de trabalho Voc pode visualizar os comportamentos de rollover e navega o bem como anima o na Visualiza o Exibi o e escolha de ferramentas O painel Ferramentas possui as ferramentas usadas para criar selecionar e editar objetos No Windows as barras de ferramentas Principal Modificar e Visualizar controles proporcionam acesso r pido a v rios comandos Se voc for um usu rio Macintosh escolha um desses comandos nos menus Princ pios b sicos do Fireworks 51 52 Cap tulo 2 tm SOX Tal E Y q El 4 6 Ci Io lt Es amp O painel Ferramentas possui dezenas de ferramentas algumas das quais est o organizadas em grupos de ferramentas como mostrado Um grupo de ferramentas representado por um pequeno tri ngulo no canto inferior direito da ferramenta Clique em uma ferramenta para escolh la Ou p
254. esselecionar Saia do modo Bitmap Ajuste de uma moldura de caixa de selec o Ap s selecionar pixels com a ferramenta moldura de caixa de sele o ou la o poss vel mover uma borda da moldura de caixa de sele o sem afetar os pixels embaixo dela assim como editar a borda Voc pode adicionar ou excluir manualmente pixels da borda de uma moldura de caixa de sele o usando teclas modificadoras Trabalho com bitmaps 127 128 Cap tulo 6 Tamb m poss vel expandir ou contrair a borda da moldura de caixa de sele o em um valor especificado selecionar uma rea adicional de pixels em torno da moldura existente suavizar a borda da moldura ou criar uma sele o flutuante de pixels Uma sele o flutuante permite editar mover recortar ou copiar uma rea de pixels selecionada Como mover uma moldura de caixa de sele o poss vel mover uma moldura de caixa de sele o sem afetar os pixels embaixo dela Para mover a moldura de caixa de sele o Arraste a com a ferramenta moldura de caixa de sele o ou la o Use as teclas de seta para deslocar a moldura de caixa de sele o em incrementos de 1 pixel Pressione a tecla Shift e use as teclas de seta para mov la em incrementos de 10 pixels Adi o ou remo o de pixels usando teclas modificadoras Usando teclas modificadoras voc pode adicionar ou excluir pixels da borda da moldura de caixa de sele o Tamb m poss vel selecio
255. essivos Selecione JPEG progressivo no menu pop up Op es do painel Otimizar para exportar um JPEG progressivo JPEGs progressivos como GIFs entrela ados s o exibidos em uma resolu o menor e ent o aumentam em qualidade medida que a sua transfer ncia continua a ser feita Alguns aplicativos de edi o de bitmap n p abrem JPEGs progressivos Otimiza o de paletas de cores GIFs e PNGs exportados em cores de 8 bits ou menos usam uma paleta de cores para armazenar e referenciar as cores usadas no arquivo de imagem exportado Otimizar e personalizar paletas de cores usando o painel Tabela de cores Escolha da paleta de cores apropriada Selecione uma paleta no menu pop up Paleta do painel Otimizar e a otimize Como padr o as seguintes paletas est o dispon veis Adaptativa uma paleta personalizada derivada das cores reais do documento As paletas adaptativas frequentemente produzem imagens de melhor qualidade Adaptativa Web uma paleta adaptativa em que as cores que est o pr ximas s cores Websafe s o convertidas na cor Websafe mais pr xima Web 216 a paleta das 216 cores comuns aos computadores Windows e Macintosh Essa paleta muitas vezes denominada paleta Websafe ou Browser Safe pois produz resultados razoavelmente consistentes em v rios navegadores da Web em qualquer plataforma quando visualizadas em monitores de 8 bits Exata cont m as as cores exatas usadas na imagem Somente as imagens contendo
256. etitivas 361 362 Cap tulo 20 Para definir as configura es de exporta o a serem aplicadas aos arquivos durante um processo em lote 1 2 3 No menu pop up Configura es selecione uma op o Usar configura es de cada arquivo mantem as configura es de exporta o anteriores de cada arquivo durante o processo em lote Por exemplo quando processar em lote uma pasta de GIFs e JPEGs os arquivos resultantes ainda ser o GIFs e JPEGs e as configura es originais de paleta e compacta o s o usadas na exporta o de cada arquivo Personalizada permite inserir configura es de exporta o personalizadas para o processo em lote Ou pode clicar em Editar para digitar configura es na caixa de di logo Visualizar exporta o Clique em OK Selecione uma configura o de exporta o predefinida como GIF Web 216 e JPEG Melhor qualidade Todos os arquivos ser o convertidos nessa configura o Clique em Avan ar para continuar o processo em lote Coloca o de imagens gr ficas em escala com um processo em lote Adicione a op o Escala na caixa de di logo Processo em lote para alterar a altura e largura das imagens sendo exportadas Para definir op es de escala para arquivos processados em lote 1 No menu pop up Escala selecione uma op o Selecione Sem escala para exportar os arquivos inalterados Selecione Escalonar para dimensionar e digite uma largura e altura para colocar imagens em
257. etos para ficarem parcialmente ocultos e alterar transpar ncia Gr ficos vetoriais s o independentes de resolu o ou seja podem ser exibidos em dispositivos de sa da de resolu es variadas sem perder a qualidade Gr ficos de bitmap Gr ficos de bitmap descrevem imagens usando pontos denominados pixels distribu dos em uma grade A pr pria tela do seu computador consiste em uma grande grade de pixels Em um gr fico de bitmap a imagem de uma folha acima seria determinada pelo local e valor de cor de cada pixel na grade A cada ponto atribu da uma cor e quando visualizados na resolu o correta os pontos s oajuntados como pastilhas em um mosaico para formar uma imagem Ao editar um gr fico de bitmap voc modifica pixels em vez de linhas e curvas Esses gr ficos de bitmap s o dependentes de resolu o pois os dados que descrevem a ima gem s o fixos a uma grade de um determinado tamanho O aumento de gr fico de bit map pode fazer com que as bordas da imagem fiquem dentadas pois os pixels s o redistribu dos dentro da gradeA exibi o EE um gr fico de bitmap em um dispositivo de sa dacom uma resolu o mais baixa do que a pr pria imagem tamb m degrada a qualidade da imagem Sobre o fluxo de trabalho do Fireworks Ao desenhar gr ficos com o Fireworks voc pode criar imagens vetoriais e de bitmap 8 projetar efeitos na Web como rollovers e menus pop up manipular gr ficos para reduzir o tamanho do arq
258. eu objetivo Voc pode automaticamente inserir uma fatia retangular sobre o objeto ou voc pode desenhar uma fatia Se voc quiser tornar todo o objeto interativo ent o voc pode simplesmente selecionar o objeto e inserir uma fatia sobre ele Este passo circunda o objeto inteiro em uma fatia retangular independente da forma do objeto Pontos ativos e fatias 247 248 Cap tulo 14 Se for selecionado um ponto ativo voc pode convert lo em uma fatia selecionando Inserir gt Fatia Se voc desejar converter um parte menor do objeto em ma rea interativa corte o objeto em v rias fatias ou converta v rios objetos ent o voc pode usar a ferramenta Fatia ou Fatia poligonal para desenhar fatias Quando voc desenha uma fatia em todo ou parte do objeto aquela rea se torna um objeto de fatia As linhas vermelhas que se estendem a partir do objeto de fatia s o guias de fatia que determinam os limites dos arquivos de imagem separados em que o objeto dividido na exporta o Nota Voc pode copiar e colar objetos de fatia em outros documentos do Fireworks documentos Configura o J Padr es de exporta o z GIF z Mae websnap adaptativa w Cores 128 Perdsjo Fonmti fox Sem transpar ncia Para inserir uma fatia retangular baseada em um objeto 1 Selecione o objeto Voc pode selecionar mais de um objeto mantendo pressionada a tecla Shift enquanto seleciona 2 Selecione I
259. eu site da Web Um menu pop up similar a uma tabela cada entrada de menu como uma c lula da tabela Voc pode personalizar o menu escolhendo a partir de uma sele o de tipos de fontes cores de c lulas e estilos de imagem de fundo O assistente de Definir o menu pop up o conduz na constru o de menus do in cio ao fim Os menus s o criados em dois est gios No primeiro est gio voc pode digitar o texto do menu criar submenus e especificar os endere os URL para os quais as entradas do menu apontam O segundo est gio permite definir a apar ncia do menu e permite especificar uma imagem de fundo uma fonte e os estados Acima e Sobre para as entradas do menu Cria o de entradas de menu pop up Os passos a seguir mostram como criar entradas b sicas de menu para um menu pop up Para criar entradas de menu pop up 1 Posicione uma fatia ou ponto ativo no objeto que deseja usar para acionar o menu pop up 2 Selecione Inserir gt Menu pop up O assistente Definir o menu pop up exibido Digite um item de menu no campo Texto Especifique o endere o da Web do item de menu no campo V nculo Se necess rio defina um alvo da Web o a A Clique no bot o Adicionar menu para adicionar a entrada lista de visualiza o 7 Para criar um submenu selecione o item de menu que deseja rebaixar da lista de visualiza o e clique no bot o Recuar menu Para retorn lo ao n vel de item de menu clique no bot o R
260. eworks uma aplica o de design gr fico concebida especialmente para a Web Muitos usu rios do Fireworks como artistas gr ficos podem n o ter conhecimentos t cnicos de forma que obter um trabalho criado no Fireworks e coloc lo na Web pode parecer uma tarefa desencorajadora no in cio Muitos usu rios com conhecimento t cnico como designers da Web tamb m podem encontrar tais problemas pois eles podem estar acostumados a aplica es comuns de design da Web que tentam fazer tudo em um pacote O objetivo deste cap tulo dar a voc qualquer que seja seu conhecimento um entendimento pr tico das tarefas envolvidas com obter o HTML gerado pelo Fireworks e fazer alguma coisa com ele O que s o arquivos HTML Um arquivo HTML um arquivo texto que cont m estes elementos Texto que aparece na p gina Web Tags de HTML que definem a formata o e a estrutura daquele texto e de todo o documento e v nculos para imagens e outros documentos HTML p ginas da Web As tags HTML est o entre sinais de maior menor tendo o seguinte aspecto lt TAG gt texto afetado lt TAG gt A abertura de uma tag diz ao navegador por exemplo para formatar o texto seguinte de uma certa maneira ou para incluir um gr fico A tag de fechamento lt TAG gt quando h indica o final daquela formata o 389 390 Cap tulo 22 Perguntas mais frequentes do HTML do Fireworks A se o a seguir lista respostas a alg
261. exadecimal 159 HSB 159 RGB 159 Tons de cinza 159 tons de cinza 159 modo ativar modo Bitmap 122 de edi o de imagem consulte modo Bitmap de exibi o 75 de exibi o alternar 76 de mistura 211 entrar vetor 100 modo Bitmap ativar 122 configura es 123 defini o 121 ocultar borda listrada 123 sair 122 modo vetorial ativar 122 entrar 100 modos de mesclagem apagar 213 clareamento 212 cor 212 diferen a 212 escurecimento 212 inverter 212 luminosidade 212 matiz 212 multiplicar 212 satura o 212 tela 212 tingimento 213 moldura de caixa de sele o contrair 129 desselecionar 127 expandir 129 remover 127 selecionar rea em torno 130 suavizar 130 molduras adicionar 286 ativar e desativar 285 compartilhar camadas para anima o 288 de caixa de sele o 123 definir retardo 285 desativar compartilhamento de camadas 288 desativar onion skinning 290 edi o de m ltiplas molduras 290 excluir 287 exportar 323 gerenciar 284 inserir 286 mover objetos para uma outra moldura 287 onion skinning 288 reordenar 287 visualiza o personalizada 290 visualizar antes e depois 290 visualizar pr xima 290 visualizar todas 290 mostrar barras de ferramentas 53 pain is 55 painel Op es de Ferramenta 53 r guas 81 Mostrar Ocultar pontos ativos e fatias 252 mudar a forma de objetos vetoriais 115 navegar 73 ninhos de tabelas 258 N veis autom ticos Xtra 178 N veis Xtra 176 nomea o autom tica de objetos de fatia
262. fatias selecionadas Fatiar ao longo das guias exporta as fatias definidas pelas guias existentes 3 Na caixa de di logo Exportar digite um nome de arquivo selecione uma pasta de destino e clique em Salvar Cada fatia ser exportada com configura es exclusivas de otimiza o conforme definido para cada fatia no painel Otimizar Nota Para exportar uma fatia selecionada individual clique com o bot o direito do mouse Windows ou Control Macintosh e selecione Exportar fatia selecionada Exporta o 325 326 Cap tulo 18 Uso de espa adores ou ninhos de tabelas ao fatiar Quando o Fireworks exporta HTML de uma imagem fatiada as fatias s o remontadas em uma tabela Voc pode exportar a tabela de documentos fatiados usando espa adores ou ninhos de tabelas Espa adores s o imagens que alinham c lulas de tabela adequadamente quando visualizadas em um navegador Um ninho de tabelas uma tabela dentro de outra O ninho de tabelas n o usa espa adores tabela pode carregar mais devagar em um navegador mas a falta de espa adores facilita a edi o do HTML Voc pode especificar configura es exclusivas de exporta o de tabela para objetos fatiados de cada documento Se desejar voc pode usar o bot o Configurar padr es na caixa de di logo Configura o do HTML para aplicar padr es em todos os novos documentos Para definir como o Fireworks exporta tabelas HTML 1 Selecione Arquivo gt Configura
263. ferramenta Ponteiro Selecionar secund rio ou Selecionar atr s Para desselecionar um objeto e deixar outros objetos selecionados Mantenha a tecla Shift pressionada enquanto clica no objeto selecionado Para selecionar tudo em todas as camadas do documento Selecione Editar gt Selecionar tudo Para desselecionar todos os objetos selecionados selecione Editar gt Desselecionar Selecionar tudo n o seleciona objetos ocultos Al m disso voc deve desselecionar a prefer ncia Edi o de camada nica para selecionar todos os objetos n o ocultos em todas as camadas em um documento Quando a prefer ncia Edi o de camada nica for escolhida apenas objetos na camada atual s o selecionados Consulte Uso do painel Camadas para selecionar objetos na p gina 88 Para ocultar o tra ado de um objeto selecionado Selecione Exibir gt Ocultar bordas Nota Para identificar o objeto selecionado quando o contorno e os pontos estiverem ocultos observe a barra de status Windows ou o painel Objeto Para ocultar objetos selecionados Selecione Exibir gt Ocultar sele o Para exibir os objetos novamente selecione Exibir gt Mostrar tudo Para ocultar objetos selecionados ou n o clique ou arraste ao longo da coluna exibir ocultar camada objeto no painel Camadas Nota Os objetos ocultos n o s o exportados Como mover copiar clonar e excluir objetos Para mover objetos selecionados arraste os pela tela r
264. fico em camadas CSS 1 Selecione Arquivo gt Exportar 2 Selecione Camadas CSS no menu pop up Salvar como tipo 3 No menu pop up Origem selecione uma das seguintes op es Camadas do Fireworks exporta todas as camadas como camadas CSS Molduras do Fireworks exporta todas as molduras como camadas CSS Fatias do Fireworks exporta as fatias no documento como camadas CSS 4 Selecione Aparar imagens para recortar automaticamente as imagens exportadas para adequar os objetos em cada moldura 5 Selecione Colocar imagens na sub pasta para escolher uma pasta para imagens 6 Na caixa de di logo Exportar digite um nome de arquivo selecione uma pasta de destino e clique em Salvar Exporta o para Lotus Domino Designer A exporta o de imagens para o Domino Designer resulta em um nico arquivo de imagem Esse arquivo est no formato GIF ou JPEG dependendo das configura es de otimiza o escolhidas antes da exporta o Para exportar um gr fico Domino Designer 1 Selecione Arquivo gt Exportar 2 Selecione Lotus Domino Designer no menu pop up Salvar como tipo 3 No menu pop up Origem selecione uma das seguintes op es Molduras do Fireworks exporta as quatro molduras do topo para um Camadas do Fireworks exporta as quatro camadas do topo em um arquivo Fatias do Fireworks exporta as primeiras quatro molduras de cada fatia como um arquivo separado 4 Selecione Aparar imagens para recortar automaticamente as imagens exportadas
265. fico ou a uma parte dele Pode se tamb m atribuir certos comportamentos a pontos ativos Para obter mais informa es consulte Pontos ativos e fatias na p gina 241 Otimiza o Voc pode otimizar gr ficos da Web no Fireworks para reduzir o tamanho do arquivo e tornar mais r pido o carregamento de sites daWeb O Fireworks oferece poderosas t cnicas de otimiza o que o ajudam a obter menores tamanhos de documento sem degradar a qualidade das informa es que deseja transmitir Por exemplo poss vel selecionar informa es de fundo em uma fotografia e reduzir o n mero de cores nessa parte espec fica Ou pode recortar uma imagem em partes menores e depois converter cada parte em um formato que melhor se adapte ao conte do Princ pios b sicos do Fireworks 49 50 Cap tulo 2 Exporta o de documentos Depois de terminar a otimiza o do seu trabalho a pr xima etapa ser export lo para um arquivo que seja visualizado em um navegador da Web ou que seja compat vel com outros aplicativos gr ficos ou da Web Independentemente das configura es de exporta o escolhidas o arquivo original PNG do Fireworks permanece inalterado Assim poder export lo para diversos formatos Web e de impress o usando o mesmo arquivo de origem Voc pode tamb m otimizar seu gr fico como parte do processo de exporta o Durante a exporta o todas op es de otimiza o est o dispon veis Sobre o ambiente de
266. fini o de kerning 2 4400 k 142 Defini o de dire o e orienta o 4 44444 44 44 4 143 Defini o de alinhamento lt lt 444444 144 Aplica o de cor do texto 4444 444444444444 145 Suaviza o de extremidades de texto 44 44 44 44 4 145 Aplica o de tra os preenchimentos efeitos e estilos ao texto 146 Como salvar atributos de texto 444 444444444 4 146 Anexa o de texto a um tra ado lt 44444 44 44 147 Transforma o de texto 4 lt 4 lt lt lt lt 44444 149 Convers o de texto em tra ados lt 44444444 44 149 Importa o de texto iwere i aon e a E E EEEE 150 Importa o de texto do Photoshop 444 444 150 Importa o de arquivos RTF 0000 150 Importa o de texto ASCII css 151 Tratamento de fontes ausentes 44 4444 4444 44 151 CAP TULO 8 Aplica o de cores tra os e preenchimentos 1D3 Sele o de COf68 lt 4 lt 44444 lt lt 4 lt lt lt lt lt lt 46 x 154 Aplica o de cores asina aaa du nl E O poa ye hra neural lana La a 154 Amostragem de Cofes 4 4444444440e 155 Personaliza o do painel Exemplos 444 44 156 Altera o de grupos de exemplos 444444444 157 Cria o de Cores a zbo sea aa era isa caca da bn aan 159 Cria o de
267. gotas 180 matiz ou satura o 182 lbuns de fotografias na Web criar 350 al as de ponto 108 de ponto exibir 112 objetos 97 anima o abrir 293 adicionar molduras 286 ativar e desativar molduras 285 ciclos 291 compartilhar camadas atrav s de molduras 288 criar a partir de arquivos m ltiplos 294 definir o retardo da moldura 285 desativar compartilhamento de camadas 288 edi o de m ltiplas molduras 290 editar anima es do Fireworks 348 excluir molduras 287 executar 290 exportar 292 exportar como arquivo Flash 293 exportar como arquivos m ltiplos 293 gerenciar molduras 284 inserir molduras 286 mover objetos para outra moldura 287 onion skinning 288 otimizar 292 reordenar molduras 287 transpar ncia 291 visualiza o personalizada de molduras 290 visualizar 290 visualizar molduras antes e depois 290 visualizar m ltiplas molduras 288 visualizar pr xima moldura 290 visualizar todas as molduras 290 transformar 91 apagar pixels 133 alfa converter imagens em 186 aparar tela 80 alinhamento de texto 144 aprender o Fireworks 18 direita 144 grupo de not cias 19 esquerda 144 rea de Transfer ncia 65 centralizado 144 reas transparentes 305 esticar 144 arquivos justificado 144 cache 59 alinhar do CorelDRAW 67 imagens gr ficas de estado do bot o 232 do CorelDRAW abrir do Fireworks 67 395 EPS 69 EPS abrir no Fireworks 69 externos converter em rollovers 276 v lidos 360 WBMP 7
268. gr fico em v rios navegadores da Web e plataformas de computador enquanto trabalha Al m dos exemplos de cores voc pode usar os exemplos de cores do sistema Windows ou Macintosh ou mesmo criar suas pr prias cores e grupos de exemplos Voc pode misturar suas pr prias cores usando qualquer um dos v rios modelos de cores Hexadecimal RGB CMY HSB ou tons de cinza Voc tamb m pode visualizar qualquer cor no documento expressa em cada um destes modelos de cores As op es de tra o para os objetos gr ficos do Fireworks v o desde linhas finas de l pis at exemplos faixas largas que se parecem tinta em spray as op es de preenchimento variam de cor s lida a d grad s multicores a padr es de bitmap Depois de aplicar um preenchimento com padr o ou d grad voc poder edit lo na rea de trabalho Al m dos padr es do Fireworks voc pode utilizar praticamente qualquer outra imagem como base para um padr o de preenchimento Voc tamb m pode adicionar textura a tra os e preenchimentos Al m disso voc pode salvar os atributos de tra o e preenchimento de um objeto como um estilo e em seguida aplicar o estilo a outros objetos Consulte Uso de bibliotecas estilos e URLS na p gina 217 153 Sele o de cores Voc pode usar o painel exemplos para escolher uma nova cor quando criar gr ficos As cores no painel Exemplos tamb m aparecem nos pop ups de amostra de cores nos pain is Tra o e Preenchimento
269. horias da ferramenta Caneta A ferramenta Caneta foi aprimorada para oferecer maior controle durante o desenho e a edi o de imagens vetoriais Novos ponteiros inteligentes indicam o que voc est prestes a fazer quando usa a ferramenta Manter pressionada a tecla Control Windows ou Command Macintosh alterna temporariamente da Ferramenta caneta para a Ferramenta selecionar secund rio para maior controle do ponteiro Ret ngulos com cantos arredondados Com a nova ferramenta ret ngulo arredondado voc pode definir o raio de um canto antes de desenhar um ret ngulo Al m disso pode alterar o raio do canto de um ret ngulo selecionado desenhado com a Ferramenta ret ngulo arredondado Controles de anima o ao vivo na rea de trabalho Agora o Fireworks tem uma interface de usu rio para anima o ao vivo que permite definir os locais de in cio e fim diretamente na tela de modo similar ao Director e Macromedia Flash O Fireworks usa s mbolos de anima o e uma linha de anima o com pontos claros de in cio e fim e pontos intermedi rios que representam molduras na anima o Quando voc seleciona um s mbolo de anima o o painel Objeto exibe animation properties such as number of frames scaling opacity and rotation A edi o da anima o selecionada pode ser feita alterando se os valores no painel Objeto Agora GIFs animados s o importados como s mbolos de anima o Consulte Cria o de anima o
270. i o de estilos tamb m exclui os estilos personalizados Para aplicar um estilo a um bloco de texto ou objeto selecionado Clique em um estilo do painel Estilos Para criar um novo estilo 1 Crie um objeto ou texto com as configura es desejadas de tra o preenchimento efeito ou texto 2 Clique no bot o Novo estilo na parte inferior do painel Estilos 3 Selecione as propriedades que voc deseja integrar ao estilo name it ifyou wish e clique em OK No painel Estilos aparecer um cone que mostra o estilo Para editar um estilo 1 Selecione Editar gt Desselecionar 2 Clique duas vezes em um estilo no painel Estilos 3 Na caixa de di logo Editar estilo selecione ou desselecione os componentes do estilo que voc deseja aplicar e clique em OK Para basear um novo estilo em um estilo existente 1 Aplicar o estilo existente a um objeto selecionado 2 Edite os atributos do objeto 3 Salve os atributos como um novo estilo Para excluir um estilo 1 Selecione um estilo no painel Estilos Para selecionar m ltiplos estilos a excluir mantenha pressionada a tecla Shift enquanto clica nos estilos 2 Clique no bot o Excluir estilos no painel Estilos Uso de bibliotecas estilos e URLs 219 220 Cap tulo 12 Para exportar estilos 1 Selecione um ou mais estilos do painel Estilos Para selecionar m ltiplos estilos mantenha pressionada a tecla Shift enquanto clica nos estilos 2 Selecione Exportar es
271. i o de transpar ncia 4444444400000000k 313 Suaviza o de serrilhado para igualar a cor de fundo alvo 315 Remo o de aur olas de gr ficos da Web 444 315 CAP TULO 18 EXPORA O sw 8 B L daly 86 b lo by MEDE n r 3T Exporta o de imagem 4444 444444400000e 318 Resultados da exporta o 444 444444444444444 319 Exporta o com o Assistente de exportac 0 319 Otimiza o e visualiza o durante a exporta o 321 Visualiza o de otimiza o em Visualizar exporta o 322 Exporta o de molduras ou camadas como m ltiplos arquivos 323 Exporta o de rea sus usasse adegas pb o cs DE qa 324 Exporta o de fatia oci qua amaiia io i eketia pE 458 Qua a o kde eba ala 325 Uso de espa adores ou ninhos de tabelas ao fatiar 326 Exporta o de tra ados vetoriais 444444 4r444 327 Exporta o para FreeHand e Ilustrator 444 444 327 Exporta o para Macromedia Flash o 328 Como copiar e colar tra ados selecionados 4 329 Exporta o para bibliotecas do Dreamweaver 329 Exporta o para Director lt 4 4444444440 330 Exporta o para Photoshop 4 44444444 4444 331 Personaliza o de arquivos para exportar para o Photoshop 332 Exporta o em formato WBMP
272. ias 259 260 Cap tulo 14 CAP TULO 15 Cria o de rollovers O Editor de bot o permite criar bot es usando uma nica fatia para trazer efeitos visuais Contudo voc pode precisar de um comportamento de rollover mais complexo do que o que pode criar no Editor de Bot o Por exemplo voc pode querer criar um rollover desmembrado que exibe uma imagem fora do ponteiro ou um menu pop up personaliz vel que aparece medida que o ponteiro passa sobre um gr fico Este cap tulo descreve como criar rollovers simples e desmembrados usando fatias e molduras Ele tamb m descreve como criar menus pop up Os blocos de constru o b sicos para a cria o de rollovers no Fireworks s o objetos de fatia objetos de ponto ativo e comportamentos arrastar e soltar Os comportamentos de arrastar e soltar permitem criar efeitos de rollover e de troca de imagem que vinculam fatiam e pontos ativos a fatias alvo Para obter mais informa es sobre pontos ativos e fatias consulte Pontos ativos e fatias na p gina 241 Sobre rollovers Rollovers em JavaScript s o gr ficos que mudam de apar ncia em um navegador da Web quando voc move o mouse sobre eles ou clica neles Eles incluem bot es e trocas de imagens De qualquer forma todos os rollovers funcionam da mesma maneira um gr fico aciona a exibi o de outro quando o ponteiro passa sobre ele ou clica nele As imagens rollover podem ser colocadas em duas ou mais molduras O acionador
273. icar gt Alterar tra ado gt Interiorizar tra ado para abrir a caixa de di logo Interiorizar tra ado Opte por uma dire o para retrair ou expandir o tra ado Dentro retrai o tra ado Fora expande o tra ado Defina a largura entre o tra ado original e o tra ado expandido ou retra do Especifique um tipo de canto meia esquadria redondo ou chanfrado Se voc selecionar meia esquadria defina o limite de meia esquadria o ponto em que um canto de meia esquadria se torna automaticamente um canto chanfrado O limite de meia esquadria a propor o do comprimento do canto de meia esquadria em rela o largura do tra o Clique em OK Um objeto de tra ado maior ou menor com os mesmos atributos de tra o e preenchimento substitui o objeto de tra ado original CAP TULO 6 Trabalho com bitmaps As imagens de bitmap s o compostas de pixels que s o quadrados min sculos que se combinam como os ladrilhos de um mosaico para criar uma imagem Um exemplo de uma imagem de bitmap a digitaliza o de uma fotografia em cores Al m das ferramentas de edi o e de desenho de vetores o Fireworks oferece uma ampla gama de ferramentas de manipula o de imagens de bitmap As op es de edi o de bitmap incluem pintar e desenhar com ferramentas tradicionais de aplicativos de bitmap alterar as cores dos pixels apagar pixels replicar elementos da imagem de bitmap com a ferramenta Carimbo enevoar extremidades das imagens
274. icas de preenchimento de um objeto depois de desenh lo Todos os objetos desenhados com a ferramenta Pincel L pis ou Caneta aparecem sem preenchimento necess rio adicionar o preenchimento depois de desenhar o objeto Para alterar a cor de preenchimento das ferramentas de forma b sica 1 Na caixa de cores de preenchimento no painel Ferramentas clique na seta para baixo ao lado da caixa de cores para abrir a janela pop up da caixa de cores 2 Selecione uma cor para o preenchimento no conjunto de exemplos 3 Selecione a ferramenta Ret ngulo Elipse ou Pol gono 4 Arraste para desenhar o objeto Altera o de preenchimentos Voc pode alterar preenchimentos para criar tra ados com uma variedade de caracter sticas s lidas pontilhadas de padr o ou d grad desde cores s lidas at d grad s que se assemelham a acetinado ondula es ou dobras Al m disso voc pode alterar v rios atributos de um preenchimento tais como cor borda textura e transpar ncia Voc pode salvar um preenchimento d grad personalizado para utilizar no documento atual ou em v rios documentos Para salvar o preenchimento d grad para utiliza o em v rios documentos salve o como um estilo Para obter informa es sobre estilos consulte Uso de bibliotecas estilos e URLs na p gina 217 Aplica o de cores tra os e preenchimentos 165 166 Cap tulo 8 Um preenchimento rec m criado assume a cor atual exibida na amos
275. iferente dependendo do modo de edi o que estiver sendo usado Camadas no modo vetorial No modo vetorial o Fireworks manipula as camadas de modo semelhante a aplicativos de desenho por exemplo o Macromedia FreeHand ou o Adobe Illustrator Imagine uma camada do Fireworks como um cont iner que pode receber tantos objetos quantos voc desejar Quando voc desenha um objeto vetorial ele se torna um novo objeto da camada atual O painel Camadas relaciona cada objeto completo com o nome e a miniatura do objeto como um item separado sob esta camada do cont iner Ret ngulo Bitmap No painel Camadas voc pode facilmente arrastar objetos vetoriais para cima ou para baixo para alterar sua ordem na pilha de uma camada ou para moviment los completamente para uma outra camada Voc tamb m pode editar e excluir objetos sem afetar outros objetos da mesma camada Camadas no modo Bitmap Ao criar ou importar uma nova imagem de bitmap ela se transforma em um objeto de bitmap da camada atual Este objeto de bitmap se comporta como uma camada do Photoshop quando voc entra no modo Bitmap Por exemplo quando ao pintar um objeto de bitmap no modo Bitmap voc substitui todos os pixels que j est o nesse objeto quer sejam transparentes ou coloridos Depois que um elemento estiver criado ele se transforma em uma parte permanente do objeto de bitmap Para criar um elemento separado do objeto de bitmap voc primeiro p
276. iliza o em todos os documentos copie o arquivo de textura para a pasta Fireworks 4 Configuration Textures Para usar uma textura externa 1 No painel Preenchimento escolha um tipo de preenchimento no menu pop up Categoria de preenchimento 2 Se n o tiver adicionado a textura ao menu pop up Textura selecione Outra no menu pop up Textura e navegue at um arquivo de textura Caso contr rio selecione o arquivo de textura no menu pop up Textura 3 Digite uma porcentagem de 0 a 100 para controlar a profundidade da textura Aumentar a porcentagem aumenta a intensidade da textura 4 Para deixar transparentes as reas mais claras da textura selecione Transparente A porcentagem de textura tamb m controla o grau de transpar ncia Pontilhamento com cores Websafe s vezes pode ser necess rio utilizar uma cor que n o uma cor Websafe Por exemplo o logotipo da sua empresa pode utilizar uma cor que n o Websafe Utilize um preenchimento Pontilhamento Web para criar a apar ncia de uma cor Websafe que n o ser trocada nem pontilhada quando for exportada com uma paleta Websafe O Pontilhamento Web o m todo atrav s do qual duas cores da paleta s o combinadas para que fiquem o mais semelhantes poss vel a uma cor n o existente na paleta Note que o Pontilhamento Web pode aumentar o tamanho esperado do arquivo Aplica o de cores tra os e preenchimentos 173 174 Cap tulo 8 Preenchimento e Preencr
277. ilos 218 Exemplos 154 Exemplos anexar uma paleta 158 Exemplos apagar 157 Exemplos classificar 157 Exemplos excluir uma cor 157 Exemplos salvar personalizado 158 Exemplos substituir uma cor 157 Ferramentas conte do 52 Ferramentas escolher ferramentas 51 Ferramentas exibir 51 Hist rico 62 Localizar e substituir 356 Molduras 285 Objeto no mascaramento 211 Op es de Ferramenta 53 Preenchimento 165 Tra o 163 URL 224 paleta adicionar da tela a 156 criar cores 159 escolher 154 escolher de trabalho 158 escolher personalizada 158 modelos de cor 159 salvar exemplos personalizados 158 substituir cor 157 paleta de cores adicionar da tela a 156 anexar paleta atual 158 apagar 157 classificar 157 cores bloqueadas 311 criar cores 159 definir n mero de cores 309 editar 312 escolher 154 escolher de trabalho 158 escolher personalizada 158 excluir cores 157 importar 309 modelos de cor 159 otimizar 308 salvar 313 salvar exemplos personalizados 158 substituir cor 157 visualizar 310 pesquisar 354 Photoshop camadas agrupadas 215 exportar para 331 m scaras de camada 215 op es de importa o 59 personalizar arquivos para exporta o 332 trabalhar com m scaras do Photoshop 215 Photoshop e Fireworks agrupamento 379 ajustes de tom 383 anima o 385 atalhos de teclado 373 automa o 384 camadas 378 d grad s 376 edi o vetorial e de bitmap 375 efeitos 384 exportar arquivos PSD do Fireworks 387 filtros 383
278. iltro n o poder ser removido porque o painel Hist rico ser limpo Uso de plug ins do Photoshop como Efeitos ao vivo Quando voc instala um plug in do Photoshop no Fireworks ele adicionado ao menu Xtras e ao painel Efeito Use o menu Xtras para aplicar plug ins do Photoshop somente quando tiver certeza de que n o desejar editar ou remover o efeito de um objeto Use o painel Efeito para aplicar plug ins do Photoshop como Efeitos ao vivo Alguns plug ins do Photoshop n o podem ser usados como Efeitos ao vivo Nota Quando voc compartilha um arquivo do Fireworks em que um plug in do Photoshop esteja aplicado como um Efeito ao vivo o receptor deve ter o plug in instalado para exibir o efeito No entanto os efeitos internos do Fireworks s o salvos com o arquivo do Fireworks O receptor n o precisa instalar software adicional para exibir o efeito Para instalar plug ins do Photoshop 1 No menu pop up Op es do painel Efeito escolha Localizar plugins 2 Navegue at a pasta em que os plug ins do Photoshop est o instalados e clique em OK 3 Reinicie o Fireworks para carregar os plug ins Nota Caso mova os plug ins para uma pasta diferente repita as etapas acima ou escolha Arquivo gt Prefer ncias e clique na guia Pastas para alterar o caminho dos plug ins Em seguida reinicie o Fireworks Para aplicar um plug in do Photoshop a um objeto selecionado como um Efeito ao vivo Escolha o plug in no menu pop up
279. ima es Por exemplo voc pode colocar ocorr ncias de mesmo s mbolo em molduras separadas e depois atualizar o conte do de todas as ocorr ncias ao mesmo tempo Os s mbolos tamb m proporcionam uma forma para a cria o de molduras de anima o usando entrela amento No Fireworks voc entrela a duas ou mais ocorr ncias do mesmo s mbolo para gerar ocorr ncias intermedi rias as quais poder o ser distribu das para molduras diferentes O Fireworks reconhece muitos atributos ao entrela ar ocorr ncias incluindo localiza o transforma o opacidade e Efeitos ao vivo N ty Otimiza o da Web Com rela o otimiza o de arquivos para sa da de Web o Fireworks 4 muito semelhante ao aplicativo ImageReady que acompanha o Photoshop 5 5 Como no ImageReady o Fireworks oferece pain is tabulados na janela do documento para visualiza o das ver es original e otimizada do documento O painel Otimiza o do Fireworks corresponde paleta Otimizar do ImageReady permitindo que voc selecione op es de otimiza o predefinidas ou personalizadas Al m dos formatos GIF JPEG e PNG o Fireworks suporta otimiza o em outros formatos de imagem como por exemplo TIFF PICT e BMP Fi mea imagen ipg 100 Modo bitmap Otimizar Documento x mom OM Configurag o J JPEG Melhor qualidade z iPEG mel Originakmea imagenjp JPEG Documento m 80gualidade Quali
280. imagens do Fireworks o Dreamweaver automaticamente executa o arquivo PNG de origem pedindo lhe para localizar o arquivo de origem se este n o puder ser encontrado Para especificar prefer ncias iniciar e editar para o Fireworks 1 No Fireworks selecione Editar gt Prefer ncias e clique na guia Iniciar e editar Windows ou selecione Executar e editar a partir do menu pop up Macintosh 2 Especifique as op es de prefer ncia a serem usadas ao editar ou otimizar imagens do Fireworks colocadas em uma aplica o externa Usar sempre o PNG de origem executa automaticamente o arquivo PNG do Fireworks que est definido na Nota de Design como a origem para a imagem colocada As atualiza es s o feitas tanto para o PNG de origem quanto para sua imagem correspondente Nunca usar o PNG de origem executa automaticamente a imagem colocada do Fireworks independente da exist ncia de um arquivo PNG de origem As atualiza es s o feitas apenas na imagem colocada Perguntar quando iniciar permite especificar toda vez se deseja ou n o iniciar o arquivo PNG de origem Quando voc edita ou otimiza uma imagem colocada o Fireworks exibe uma mensagem perguntando se deseja tomar uma decis o iniciar e editar Voc tamb m pode especificar prefer ncias globais de iniciar e editar a partir desta mensagem Edi o de arquivos do Fireworks colocados no Dreamweaver A integra o iniciar e editar permite usar o Fireworks para editar imagens
281. imeiro configurar um novo documento ou abrir um j existente Com um novo documento mais eficiente configur lo adequadamente no in cio do que fazer uma s rie de altera es para configur lo depois Se desejar basear o tamanho de um novo documento em outro gr fico pode copiar o gr fico para a rea de transfer ncia Para obter uma lista dos aplicativos de onde pode copiar dados consulte Como colar no Fireworks na p gina 72 65 66 Cap tulo 3 Para criar um novo documento 1 Selecione Arquivo gt Novo A caixa de di logo Novo documento abre Novo documento x Tamanho da tela 199 4K Largura fo Pres db L 220 Altura 232 Pek EI A 232 Resolu o 2 Pixeis Polegadas Jr r Cor da tela Branco Transparente Personalizar Digite a largura e altura da tela em pixels polegadas ou cent metros Qualquer gr fico criado por ltimo deve poder encaixar na tela Digite uma resolu o em pixels por polegada ou cent metros Selecione uma cor branca transparente ou personalizada para a tela Use a janela pop up da caixa Cor personalizada para selecionar uma cor de tela personalizada Clique em OK para abrir o novo documento Para criar um novo documento com o mesmo tamanho de um objeto existente 1 Copie o objeto para a rea de Transfer ncia a partir de um dos seguintes Outro documento do Fireworks Navegador da Web Qualquer dos aplicativos listados
282. imen OD Fontihamento web v T Transparente Borda Suavizag o de serrilhado w E Duas cores Websafe criam um preenchimento Pontilhamento Web Para utilizar o preenchimento Pontilhamento Web 1 Selecione um objeto que contenha uma cor n o Websafe 2 No painel Preenchimento selecione Pontilhamento Web como a categoria de preenchimento O preenchimento n o Websafe do objeto aparecer na caixa de cores de preenchimento ao lado do tipo de preenchimento As duas cores de pontilhamento Websafe aparecem nas caixas de cores do tabuleiro de damas abaixo O Pontilhamento Web aparece no objeto e se torna a cor de preenchimento ativa Nota Definir a borda de um preenchimento Pontilhamento Web como Suaviza o de serrilhado ou Enevoado resulta em cores que n o s o Websafe Para criar a ilus o de um verdadeiro preenchimento transparente em um navegador da Web 1 No painel Preenchimento aplique um preenchimento pontilhamento Web a um objeto selecionado 2 Selecione Transparente 3 Exporte o objeto como GIF ou PNG com a op o Transpar ncia do ndice ou Transpar ncia do canal alfa definida Quando o gr fico for exibido em um navegador da Web o fundo da p gina da Web mostrar todos os pixels do preenchimento Pontilhamento Web transparente criando a apar ncia de transpar ncia Note que nem todos os navegadores da web suportam arquivos PNG CAP TULO 9 Ajuste da cor e do tom Filtros no menu Xtras e no pa
283. inal do nome do arquivo antes da extens o Por exemplo se voc digitar day o arquivo Sunset gif ser renomeado Sunset day gif quando for processado em lote Clique em Avan ar para continuar o processo em lote Execu o de comandos com processo em lote Adicione a op o Comandos para ativar os comandos JavaScript a serem executados em arquivos Para definir op es de comando para arquivos processados em lote 1 Clique no sinal de adi o Windows ou no tri ngulo Macintosh ao lado da op o Comandos para ver os comandos dispon veis Selecione um comando e clique em Adicionar para adicion lo lista Incluir no lote Esses comandos n o podem ser editados Para mais informa es sobre comandos consulte Cria o de scripts de comando com o painel Hist rico na p gina 368 Nota Alguns comandos n o funcionam durante um processo em lote Selecione comandos que funcionem no documento sem ser necess rio selecionar qualquer objeto Backup de arquivos processados em lote Voc pode salvar c pias de backup dos arquivos originais a partir de um processo em lote As c pias backup dos arquivos s o colocadas em uma sub pasta Arquivos originais na mesma pasta que cada arquivo original Salvar arquivos Sa da em lote Mesmo local do arquivo original e Personalizar local Heena V Backups Substituir backups existentes Backups incrementais D Salvar script Cancelar
284. individualmente Voc pode aplicar um efeito a um objeto dentro de um grupo selecionando apenas esse objeto using the Subselection tool Para obter informa es sobre como selecionar um grupo ou objetos de um grupo consulte Como selecionar objetos dentro de grupos na p gina 95 Aplica o de Efeitos ao vivo 197 198 Cap tulo 10 CAP TULO 11 Camadas e mascaramento As camadas dividem um documento do Fireworks em planos distintos como se os componentes da ilustra o tivessem sido desenhados em folhas separadas de papel vegetal Um documento pode ser formado por v rias camadas e cada camada pode conter v rios objetos No Fireworks o painel Camadas cont m uma lista de camadas e os objetos contidos em cada uma delas Camadas do Fireworks equivalem a conjuntos de camadas no Photoshop 6 Camadas do Photoshop equivalem a objetos individuais do Fireworks T cnicas de mesclagem e mascaramento proporcionam um outro n vel de controle de criatividade Voc pode criar efeitos exclusivos mesclando as cores em objetos sobrepostos O Fireworks tem v rios modos de mesclagem para ajud lo a obter exatamente a apar ncia desejada Outra forma de criar um efeito exclusivo usando uma m scara Com o mascaramento voc pode usar um objeto vetorial ou bitmap para delinear parte de uma imagem b sica Por exemplo voc pode criar um objeto vetorial el ptico para usar como uma m scara no topo de uma fotografia Usar Colar como M sca
285. inel Efeito com o bitmap ainda selecionado escolher Sombra e Brilho gt Aplicar sombra no menu pop up Efeito 2 Mover o controle deslizante Dist ncia para 10 e clicar fora do paine l O controle deslizante Dist ncia permite indicar a largura e localiza o da sombra Automatiza o de tarefas com o painel Hist rico Com a imagem de bitmap importada para o bot o Registro de viagem tamb m necess rio adicionar corre o de cor e uma sombra Em vez de repetir as etapas para adicionar estes efeitos voc usar o painel Hist rico para automatizar as tarefas repetitivas 1 No painel Molduras selecionar a moldura Registro de viagem 2 Coma ferramenta Ponteiro selecionar a imagem Viagem a imagem da caneta e mapa importada na tela 3 Selecionar Janela gt Hist rico Tutorial 41 42 Cap tulo 1 4 Na lista de comandos no painel Hist rico clicar na ltima vez em que Definir efeitos aparece e clicar e manter pressionada a tecla Shift no comando Definir efeitos antes da ltima vez Ferramenta Varinha m gica Excluir E Sair do modo Bitmap ES Altera o de moldura Reproduzir 5 Clicar em Reproduzir no painel Hist rico e observar como o Fireworks executa os comandos para modificar a imagem de bitmap na tela Lembrar se de salvar o trabalho com fregii ncia Cria o de rollover desarticulado Para criar um rollover desarticulado cada objeto que forma o rollover deve ter um objeto
286. inel Efeitos ao vivo melhoram e intensificam as cores em suas imagens bitmap O Fireworks inclui v rios novos filtros de ajuste de cor Voc pode ajustar o contraste e o brilho a matiz e a satura o de cor al m da faixa tonal Al m disso voc pode emba ar ou agu ar uma imagem e dar imagem uma apar ncia nica colorindo a ou invertendo as cores Mas voc n o est limitado a estes filtros Voc tamb m pode adicionar plugins do Photoshop ao menu Xtras e ao painel Efeitos ao vivo Esses filtros s o usados primariamente para imagens de bitmap como uma fotografia digital Entretanto voc tamb m pode aplic los a objetos vetoriais Aplicar um filtro a um objeto vetorial usando o menu Xtras converte o objeto vetorial em um bitmap Os efeitos criados por filtros e plugins s o revers veis usando o comando Desfazer ou o painel Hist rico Al m disso filtros e plugins aplicados usando o painel Efeitos ao vivo s o revers veis e edit veis usando o mesmo painel Uso de filtros e plug ins como Efeitos ao vivo No Fireworks voc pode aplicar filtros integrados no menu Xtras e plug ins do Photoshop a uma imagem usando o painel Efeito tornando os Efeitos ao vivo Consulte Uso de plug ins do Photoshop como Efeitos ao vivo na p gina 190 e Uso do Xtras do Fireworks como Efeitos ao vivo na p gina 190 175 176 Cap tulo Uso de N veis para ajustar faixa tonal Voc pode usar o filtro N veis para corrigir b
287. informa es sobre o Fireworks al m de apresentar recomenda es de usu rios especializados t picos avan ados exemplos dicas e novidades Consulte o Centro de suporte para estar a par das ltimas not cias sobre o Fireworks e como obter o m ximo do programa no site http www macromedia com support fireworks O Grupo de Discuss o Fireworksproporciona um interc mbio estimulante para usu rios do Fireworks representantes de suporte t cnico e para a equipe de desenvolvimento do Fireworks Use um leitor de newsgroups e entre em news forums macromedia com macromedia fireworks O que h de novo no Fireworks 4 O Fireworks 4 oferece muitos recursos novos para melhorar sua experi ncia em projeto de Web Interface de usu rio da Macromedia Interface de usu rio familiar e consistente proporciona aos projetistas um trabalho tranquilo com os produtos Macromedia Flash Dreamweaver Dreamweaver UltraDev e Fireworks Independentemente do produto de projeto de Web da Macromedia que estiver sendo usado voc encontrar os mesmos termos cones ferramentas e barras de ferramentas onde poss vel A interface de usu rio da Macromedia possui teclas de atalho que podem ser personalizadas Instale as teclas de atalho usadas em outros aplicativos de imagens gr ficas da Macromedia e de outros fornecedores ou defina as teclas de atalho que mais usa Um mini iniciador na parte inferior da janela do documento permite acesso r pido aos
288. inhas azuis utilizando a ferramenta Ponteiro Para excluir um comportamento de arrastar e soltar anexado a um ponto ativo ou fatia 1 Selecione o ponto ativo ou fatia O objeto da Web exibe qualquer relacionamento de comportamento de arrastar e soltar linhas azuis associados a ele 2 Clique na linha azul que deseja excluir Um di logo exibido pedindo que confirme se deseja excluir o comportamento de troca de imagem 3 Clique em OK para excluir o comportamento Atribui o de v nculos de URL a rollovers Se voc deseja que seu rollover tenha um v nculo para outra p gina da Web atribua um v nculo de URL ao objeto de fatia ou de ponto ativo do rollover Para atribuir um v nculo de URL a um objeto de ponto ativo ou de fatia selecionado No painel Objeto selecione ou digite um URL no menu pop up v nculo de URL Selecione um URL do painel URL Objeto Fatia Niy Sem URL noHREF am Omo IE Nomear fatias automaticamente sem t tulo 10 14 c5 Menu pop up v nculo de URL Cria o de rollovers 271 272 Cap tulo 15 Criac o de menus pop up Menus pop up s o menus que s o exibidos quando o ponteiro passa sobre ou clica em um ponto ativo ou fatia acionadora Eles d o a suas p ginas muito mais flexibilidade de navega o sem longos tempos de transfer ncia Voc pode definir a apar ncia do menu pop up de modo que ele fique de acordo com a apar ncia global do s
289. ionar URLs usados Biblioteca no menu pop up Op es do painel URL Para atribuir um URL a um objeto da Web 1 Selecione o objeto 2 Digite o URL Selecione Adicionar URL no menu pop up Op es do painel URL Digite um URL absoluto ou relativo e clique em OK Digite um URL na caixa de texto V nculo Clique no sinal de mais O URL aparecer no painel de vizualiza o de URL Consulte Anexa o de URL ao bot o na p gina 233 Atribui o de URLs a pontos ativos na p gina 243 e Atribui o de v nculos de URL a rollovers na p gina 271 Para editar um URL 1 Selecione o URL a ser editado no painel de visualiza o de URL 2 Selecione Editar URL no menu pop up Op es do painel URL 3 Edite o URL Selecione Alterar todas as ocorr ncias no documento se quiser atualizar este v nculo para todo o documento 4 Clique em OK Para excluir um URL selecionado do painel de visualiza o de URL Clique no bot o Excluir URL da biblioteca na base do painel URL Para excluir todos os URLs n o usados da biblioteca Selecione Limpar URLs n o usados no menu pop up Op es do painel URL Para importar um URL 1 Selecione Importar URLs no menu pop up Op es do painel URL 2 Selecione um arquivo HTML e clique em Abrir Todos os URLs contidos neste arquivo s o importados Para exportar um URL 1 No painel URL selecione o URL a ser exportado 2 Selecione Exportar URLs no menu pop up Op es
290. ireworks Para copiar tra ados selecionados do Fireworks 1 Selecione Editar gt Copiar como vetores 2 Alterne para um documento aberto em outro aplicativo 3 Cole os tra ados no outro aplicativo Exporta o para bibliotecas do Dreamweaver Os itens de biblioteca do Dreamweaver simplificam o processo de edi o e atualiza o de um componente fregiientemente usado no site da Web como por exemplo uma barra de navega o Um item de biblioteca uma parte de um Exporta o 329 330 Cap tulo 18 arquivo HTML localizado em uma pasta de nome Biblioteca na raiz do seu site Os itens da biblioteca aparecem na paleta Biblioteca do Dreamweaver Voc pode arrastar e copiar para qualquer p gina do seu site na Web N o poss vel editar um item de biblioteca diretamente no documento do Dreamweaver s poss vel editar o item de biblioteca mestre Em seguida voc pode fazer com que o Dreamweaver atualize cada c pia daquele item medida em que ele for colocado em seu site na Web Voc tamb m pode exportar HTML do Dreamweaver do Fireworks Para obter mais informa es sobre o trabalho com arquivos do Dreamweaver consulte Obten o de arquivos do Fireworks no Dreamweaver na p gina 337 Para exportar um gr fico para o Dreamweaver 1 Selecione Arquivo gt Exportar 2 Selecione Biblioteca do Dreamweaver no menu pop up Salvar como 3 Selecione uma pasta de biblioteca no site do Dreamweaver em que colocar os ar
291. isar arquivos navegue at um arquivo que deseja pesquisar e em seguida clique em Adicionar para adicionar esse arquivo lista de localizar e substituir Clique em Adicionar todos para adicionar todos os arquivos que estejam na pasta atual lista de localiza o e substitui o Localiza o e substitui o em m ltiplos arquivos Ao localizar e substituir entre m tiplos arquivos selecione Op es de substitui o no menu pop up Op es para definir como v rios arquivos abertos s o tratados depois da pesquisa Para salvar e fechar cada arquivo depois de pesquisado 1 Selecione Op es de Substitui o no menu pop up Op es do painel Localizar e substituir Localizar e substituir Localizar p Alterar para PE T Palavrainteira T Coincidir mai se tmin se Express es regulares Localizar BUBEHET Substituir tudo 2 Marque Salvar e fechar arquivos na caixa de di logo Op es de substitui o e clique em OK Cada arquivo salvo e fechado depois do localizar e substituir Apenas os documentos originalmente ativos permanecer o abertos Automatiza o de tarefas repetitivas 355 356 Cap tulo 20 Nota Se Salvar e Fechar estiver desativado e voc processar em lote um grande n mero de arquivos o Fireworks pode ficar sem mem ria e abortar o processo em lote 3 No menu pop up Backups selecione uma das seguintes op es Para localizar e substituir sem fazer bac
292. iso altera todas as refer ncias para minha imagem gif no seu site para minha imagem jpg Redimensionamento de arquivos colocados do Fireworks Ao iniciar e otimizar uma imagem do Fireworks a partir do Dreamweaver voc pode redimensionar a imagem e selecionar uma rea espec fica da imagem a ser exportada Para especificar as dimens es da imagem exportada 1 No Fireworks na caixa de di logo otimiza o clique na guia Arquivo 2 Para alterar a escala de uma imagem quando ela exportada especifique uma porcentagem de escala ou digite a largura e a altura desejadas em pixels Selecione Limitar para colocar em escala a largura e a altura proporcionalmente Visualizar exporta o Op es anima o Escala nho L 601 Piels A 750 Pixels W Limitar 3 Para exportar uma rea selecionada da imagem selecione a op o rea de exporta o e especifique a rea de exporta o Arraste a borda pontilhada que aparece em volta da visualiza o at que ela circunde a rea de exporta o desejada Arraste dentro da visualiza o para mover reas ocultas na exibi o Utiliza o do Dreamweaver e do Fireworks juntos 347 348 Cap tulo 19 Digite as coordenadas de pixel para os limites da rea de exporta o Edi o de anima es colocadas no Fireworks Se estiver iniciando e otimizando uma anima o colocada do Fireworks voc tamb m pode editar as configura es da anima o
293. it veis no Photoshop 4 No menu pop up Texto selecione uma das seguintes op es Manter a editabilidade converte o texto em uma camada edit vel do Photoshop A formata o de texto n o suportada pelo Photoshop ser perdida Renderizar texto transforma o texto em um objeto de imagem Exporta o em formato WBMP Wireless Bitmap WBMP um formato gr fico usado por dispositivos de computa o m veis Esse formato usado especificamente em p ginas do Wireless Application Protocol WAP Para exportar um gr fico em formato WBMP 1 No painel Otimizar selecione WBMP no menu pop up de tipo de formato Nota Como esse um formato de 1 bit apenas duas cores preto e branco s o vis veis 2 Selecione Arquivo gt Exportar 3 Selecione um formato no menu Salvar como Isso normalmente Apenas imagens ou HTML e Imagens 4 Na caixa de di logo Exportar digite um nome de arquivo selecione uma pasta de destino e clique em Salvar Exporta o de camadas CSS Cascading Style Sheets CSS permite criar p ginas da Web menores e mais r pidas Camadas CSS permitem criar folhas de estilo que definem como elementos diferentes como cabe alhos e v nculos aparecem Elas s o usadas normalmente por usu rios avan ados para que possam manipular ainda mais o HTML depois da exporta o Camadas CSS podem sobrepor e ser empilhadas uma em cima da outra No Fireworks a sa da HTML normal n o empilha Para exportar um gr
294. itada pela movimenta o de pontos vetoriais Voc tamb m pode modificar as formas de pincel existentes e adicionar preenchimentos a objetos selecionados que tenham sido desenhados com a ferramenta Pincel As novas configura es de tra o e preenchimento s o retidas para uso futuro da ferramenta Pincel dentro do documento atual No entanto se voc alterar a categoria do tra o para L pis enquanto a ferramenta Pincel estiver ativa esse revertido para a categoria de tra o B sico padr o na pr xima vez que for usado Para pintar um tra ado de vetor de forma livre 1 Clique na ferramenta Pincel As op es dessa ferramenta s funcionam no modo Bitmap 2 Opcionalmente defina atributos de tra o e preenchimento Consulte Aplica o de cores tra os e preenchimentos na p gina 153 3 Arraste para desenhar Para limitar o tra ado a uma linha horizontal ou vertical mantenha pressionada a tecla Shift durante o arreste 4 Libere o bot o do mouse para terminar o tra ado Para fechar o tra ado libere o bot o do mouse quando tiver retornado o ponteiro ao ponto inicial do tra ado Nota Voc pode pintar pixels com a ferramenta Pincel no modo bitmap Consulte Pintura no modo Bitmap na p gina 131 Uso da ferramenta Caneta Uma forma para desenhar e editar objetos vetoriais no Fireworks plotar pontos como se estivesse desenhando uma figura conectada por pontos Quando clicar em cada ponto com a ferramenta Cane
295. itmaps com alta concentra o de pixels em realces meios tons ou sombras Um bitmap com uma faixa tonal completa deve ter um alto n mero de pixels em todas as reas os realces os meios tons e as sombras Um bitmap com uma alta concentra o de pixels claros os realces parece desbotado enquanto que um com muitos pixels em meios tons parece suave Um bitmap com muitos pixels escuros as sombras oculta muitos dos detalhes O filtro N veis define os pixels mais escuros e os mais claros como preto e branco e em seguida redistribui os tons m dios proporcionalmente Isto produz uma imagem com os detalhes mais agu ados em todos os seus pixels a M Original com pixels concentrados nos realces Ap s ajustar a imagem com N veis Use o Histograma na caixa de di logo N veis para ver a distribui o de pixels de um bitmap O Histograma uma ilustra o gr fica da distribui o de pixels em realces tons m dios e sombras de um bitmap Histograma Use o Histograma para determinar o melhor m todo de corrigir a faixa tonal de uma imagem Uma alta concentra o de pixels nas sombras ou realces indica que a imagem poderia ser melhorada aplicando os recursos N veis ou Curvas O eixo horizontal ilustra os valores das cores da mais escura 0 at a mais clara 255 Leia o eixo horizontal da esquerda para a direita a esquerda representa os pixels mais escuros a direita os pixels mais claros e o centro representa os pixel
296. ividuais selecione Personalizar no menu Configura es e escolha as op es nos menus Objetos Efeitos e Texto Objetos Converter em camadas do Photoshop cconverte cada objeto do Fireworks em uma camada do Photoshop e cada m scara do Fireworks em uma m scara de camada do Photoshop Objetos Nivelar cada camada do Fireworks nivela e converte cada camada do Fireworks em uma camada do Photoshop Quando selecionar esta op o perde a capacidade de editar os objetos do Fireworks no Photoshop Tamb m perde recursos como modos de mesclagem que est o associados com os objetos do Fireworks Efeitos Manter a editabilidade converte os Efeitos ao vivo do Fireworks em efeitos correspondentes de camada do Photoshop Duplicar efeitos ao vivo e Efeitos ao vivo sem efeitos correspondentes de camada do Photoshop s o descartados do arquivo exportado Efeitos Renderizar efeitos mescla os Efeitos ao vivo do Fireworks em objetos que os cont m Quando selecionar esta op o preservar a apar ncia dos efeitos por conta da capacidade de edit los Texto Manter a editabilidade converte texto do Fireworks em camadas de texto edit veis do Photoshop Quando selecionar esta op o preservar a apar ncia do texto por conta da capacidade de edit lo Texto Renderiza o de texto converte texto do Fireworks em imagens de bitmap do Photoshop 5 Clique em Salvar para exportar o arquivo do Photoshop CAP TULO 22 HTML do Fireworks O Fir
297. ivo Como salvar preenchimentos como estilos Voc pode salvar qualquer altera o nas configura es de um preenchimento d grad como um estilo para utiliza o em v rios documentos Consulte Uso de bibliotecas estilos e URLs na p gina 217 Voc tamb m pode salvar um preenchimento d grad para utiliza o apenas no documento atual Aplica o de preenchimento com padr o Al m de preenchimentos s lidos e d grad voc pode preencher um objeto de tra ado com um gr fico de bitmap conhecido como preenchimento com padr o O Fireworks oferece mais uma dezena de preenchimentos com padr o incluindo Capacho Folhas Fot nia e Tijolos Voc tamb m pode usar um arquivo bitmap como um preenchimento com padr o Voc pode usar arquivos com estes formatos como padr es PNG GIF JPEG BMP TIFE e PICT apenas Macintosh Quando um arquivo de padr o for uma imagem transparente de 32 bits a transpar ncia afetar o preenchimento no Fireworks Se uma imagem n o tiver 32 bits ela ser opaca Para incluir um padr o externo no pop up Nome do preenchimento para uso em todos os documentos copie o arquivo com o padr o para a pasta Fireworks 4ConfigurationlPatterns Para aplicar um preenchimento com padr o a um objeto selecionado 1 No painel Preenchimento selecione Padr o no menu pop up Categoria de preenchimento 2 Selecione um padr o e Selecione o padr o no menu pop up Nome do padr o Para utiliza
298. ivre Mudar forma da rea Corretor de tra ado Redesenhar tra ado e Faca Como dobrar e mudar a forma de objetos vetoriais Use a ferramenta Forma livre para dobrar e mudar a forma de objetos vetoriais diretamente em vez de manipular pontos Voc pode empurrar ou puxar qualquer parte de um tra ado independentemente de onde os pontos estiverem localizados O Fireworks adiciona move ou exclui pontos automaticamente ao longo do tra ado medida que a forma do objeto vetorial for alterada lt Comprimento gt especificado Ferramenta Forma livre puxando um segmento de tra ado lt Ferramenta Forma livre empurrando um segmento de tra ado e tra ado redesenhado para refletir o puxado Trabalho com objetos vetorias 113 114 Cap tulo 5 Quando voc mover o ponteiro do mouse sobre um tra ado selecionado ele se transforma no ponteiro de empurrar ou puxar dependendo da sua posi o em rela o ao tra ado selecionado Este ponteiro Indica que R A ferramenta Forma livre est em uso o A ferramenta Forma livre est em uso e o ponteiro de puxar est em posic o para puxar o tracado selecionado A ferramenta Forma livre est em uso e o ponteiro de puxar est puxando o tracado selecionado A ferramenta Forma livre est em uso e o ponteiro de empurrar est ativo O x 7 A ferramenta Mudar forma da rea est em uso e the reshape area pointer is active A rea a partir do c rculo interno p
299. junto 3 Digite um nome para o conjunto personalizado no di logo Duplicar conjunto e clique em OK O nome do novo menu personalizado aparece no campo Conjunto atual 4 Selecione a categoria de atalho apropriada na lista dropdown Comandos Escolha Comandos de menu para criar um atalho personalizado para qualquer comando acessado pela Barra Menu Escolha Ferramentas para criar um atalho personalizado para qualquer ferramenta no painel Ferramentas Escolha Miscel nea para criar um atalho personalizado para diversas a es predefinidas Depois de selecionado todos os atalhos poss veis em uma determinada categoria aparecem na lista de rolagem Comandos 5 Selecione o comando cujo atalho deseja modificar na lista Comandos O atalho exibido na lista Atalhos 6 Introduza o novo atalho no campo Pressionar tecla 7 Clique em Alterar Cria o de atalhos secund rios Voc pode criar atalhos secund rios se precisar ter v rias formas diferentes de executar uma a o Atalhos secund rios aparecem na lista Atalhos por baixo do atalho existente Tamb m poss vel criar um atalho onde n o h atalho atualmente Para criar um atalho secund rio ou um atalho onde n o exista um atualmente 1 Siga as etapas de 1 a 6 do procedimento anterior 2 Clique no bot o Adicionar atalho 3 Introduza o atalho Exclus o de atalhos personalizados e conjuntos de atalhos personalizados Voc pode excluir qualquer atalho pe
300. ks edite a imagem da tabela O Dreamweaver reconhece e preserva todas as edi es aplicadas imagem no Fireworks Quando tiver terminado de fazer as edi es clique em Conclu do na janela do documento Clicar em Conclu do exporta o HTML e os arquivos de fatia da imagem para a tabela utilizando as configura es atuais de otimiza o atualiza a tabela colocada no Dreamweaver e salva o arquivo de origem PNG O Fireworks exporta e substitui apenas o HTML e os arquivos de fatia de imagem necess rios para atualizar a tabela no Dreamweaver Utiliza o do Dreamweaver e do Fireworks juntos 345 346 Cap tulo 19 Otimiza o de imagens e anima es do Fireworks colocadas no Dreamweaver Voc pode iniciar o Fireworks a partir do Dreamweaver para fazer altera es r pidas de exporta o como fazer novo exemplo ou alterar o tipo do arquivo para imagens e anima es colocadas do Fireworks O Fireworks permite fazer altera es nas configura es de otimiza o nas configura es de anima o e no tamanho e rea da imagem exportada Para alterar as configura es de otimiza o para uma imagem do Fireworks colocada no Dreamweaver 1 No Dreamweaver selecione a imagem desejada e selecione Comandos gt Otimizar a imagem no Fireworks 2 Se perguntado especifique se deseja iniciar um arquivo de origem do Fireworks para a imagem colocada 3 No Fireworks fa a as edi es desejadas na caixa de di logo otimiza o
301. kup dos arquivos originais selecione Sem backups Os arquivos alterados substituem os originais Para criar e armazenar apenas uma c pia backup de cada arquivo alterado durante um localizar e substituir selecione Substituir backups existentes Se voc executar opera es adicionais de localizar e substituir o arquivo original anterior sempre substituir a c pia de backup As c pias de backup s o armazenadas em uma subpasta chamada Arquivos Originais Para salvar todas as c pias de backup de arquivos alterados durante um localizar e substituir selecione Backups incrementais Os arquivos originais s o movidos para uma subpasta Arquivos Originais dentro da pasta atual e um n mero incremental anexado a cada nome de arquivo Se voc executar opera es adicionais de localizar e substituir o arquivo original ser copiado para a pasta Arquivos Originais e o n mero mais alto seguinte ser adicionado ao nome do arquivo Por exemplo para um arquivo chamado Drawing png na primeira vez que voc executar um localizar e substituir o arquivo de backup ser chamado de Drawing 1 png A segunda vez que executar um localizar e substituir o arquivo de backup ser chamado de Drawing 2 png e assim por diante Localiza o e substitui o de texto Selecione Localizar texto no menu pop up Localizar do painel Localizar e substituir para pesquisar e substituir palavras frases e sequ ncias de texto em documentos do Fireworks
302. l s Ferramenta P Reproduzir Os comandos do Fireworks s o salvos como arquivos JavaScript na pasta do aplicativo Fireworks Considerando que o Fireworks pode interpretar JavaScript voc pode editar os comandos salvos ou escrever seus pr prios JavaScripts para executar muitas tarefas do Fireworks Anima o Como o Photoshop 5 5 o Fireworks 4 permite criar arquivos GIF Animados Al m disso o Fireworks oferece a possibilidade de usar s mbolos para copiar e criar ocorr ncias intermedi rias de elementos de anima o facilmente Cria o e visualiza o de anima es No aplicativo ImageReady que acompanha o Photoshop 5 5 usa se a paleta de Anima o para cria o e visualiza o de molduras de anima o No Fireworks o painel Molduras usado para criar molduras de anima o Da mesma forma que a paleta Anima o do ImageReady o painel Molduras permite especificar op es como retardo e ciclo de moldura Para visualizar sua anima o no Fireworks use os controles de moldura que aparecem na base da janela do documento E i Moldura 1 20 3 Moldura 3 Qa G Para sempre Fireworks para usu rios do Photoshop 385 386 Cap tulo 21 Cria o e entrela amento de s mbolos No Fireworks 4 voc pode criar objetos especiais denominados s mbolos Considerando que objetos de s mbolo podem ser copiados em todo o documento como ocorr ncias atualiz veis eles s o muito teis para a cria o de an
303. l aparar a tela usando Modificar gt Encaixar tela Esse comando permite expandir a tela para encaixar objetos que ultrapassem os limites bem como aparar a tela como o comando Aparar Tela normal Uso de r guas guias e a grade Para colocar layout da forma mais precisa poss vel e para ajud lo a desenhar use r guas e guias Coloque guias no documento e alinhe objetos pelas guias Ou ative a grade do Fireworks e alinhe objetos pela grade Uso de r guas As r guas o ajudam a organizar e planejar o layout do seu trabalho As r guas sempre medem em pixels independentemente da unidade de medida usada para criar o documento Para mostrar e ocultar r guas Selecione Exibir gt R gua Configura o de documento do Fireworks 81 82 Cap tulo 3 R guas vertical e horizontal aparecem ao longo das margens da janela do documento Fi Sem t tulo 2 100 olx W Ib 280x300 m00 s 23 U z Trabalho com guias Guias s o linhas que voc arrasta na tela do documento a partir das r guas Elas servem de aux lio no desenho para ajudar voc a colocar e alinhar objetos Use guias para deslocar ou marcar partes importantes do documento como as margens o ponto central do documento e reas em que deseja executar um trabalho preciso Al m disso poss vel exportar a imagem como uma tabela HTML fatiada ao londo das guias Para ajud lo a alinhar objetos o Fireworks permite que voc alinhe objetos s guias
304. lecionados para Suaviza o de serrilhado ou Borda acentuada use Modificar gt Alterar gt Preenchimento acentuado Preenchimento Suaviza o de serrilhado e Preenchimento Enevoar depois da importa o Convers o de arquivo especifica como documentos s o tratados quando importados Abrir uma p gina importa apenas a p gina especificada Abrir p ginas como molduras importa todas as p ginas do documento e coloca cada uma em uma moldura separada Guardar camadas mant m a estrutura de camadas do arquivo importado Converter Camadas em Molduras coloca cada camada do documento importado em uma moldura separada Incluir camadas invis veis importa objetos em camadas que tenham sido desativadas Caso contr rio as camadas invis veis ser o ignoradas Incluir camadas de fundo importa objetos da camada de fundo do documento Caso contr rio a camada de fundo ser ignorada Renderizar como imagens renderiza grupos complexos misturas ou preenchimentos lado a lado e coloca cada um como um objeto bitmap simples em um documento do Fireworks Digite um n mero na caixa de texto para determinar quantos objetos um grupo uma mistura ou um preenchimento lado a lado pode conter antes de ser renderizado durante a importa o Abertura de GIFs animados Voc pode trazer arquivos GIF animados para o Fireworks de duas maneiras Voc pode importar um GIF animado como um s mbolo de anima o Um s mbolo permite q
305. lecione Importar no menu pop up Macintosh 2 Especifique as op es de importa o Camadas Converter em objetos do Fireworks importa cada camada do arquivo do Photoshop como um objeto de bitmap separado em uma nica camada do Fireworks Camadas Compartilhar camada entre molduras copia a estrutura da camada importada entre todas as molduras do arquivo do Fireworks Camadas Converter em molduras importa cada camada do arquivo do Photoshop como um objeto em uma moldura separada do Fireworks Esta op o til para a importa o de arquivos a serem usados como anima es Texto Edit vel converte o texto do arquivo do Photoshop em texto edit vel do Fireworks Esta op o permite editar texto importado usando as ferramentas de texto do Fireworks O texto convertido poder variar um pouco na apar ncia quando comparado ao original Texto Manter a apar ncia converte o texto do arquivo do Photoshop em um objeto de bitmap do Fireworks Esta op o mant m a apar ncia original do texto mas n o permite edi o com as ferramentas de texto do Fireworks Usar Imagem plana composta importa o arquivo do Photoshop como uma imagem plana sem camadas Esta op o funciona apenas se houver uma imagem composta no arquivo do Photoshop 3 Clique em OK Importa o ou abertura de arquivos do Photoshop Ao importar ou abrir um arquivo do Photoshop no Fireworks ele ser convertido em um arquivo PNG de acordo com as prefer ncias
306. lecione a imagem no modo vetorial ou no modo bitmap Selecione a op o de agu ar Selecione Xtras gt Agu ar gt Agu ar ou Agu amento maior Selecione Agu ar gt Agu ar ou Agu amento maior no menu pop up Efeito do painel Efeito Nota Se voc agu ar excessivamente pode degradar a imagem Para agu ar uma imagem usando Desfocar m scara 1 2 Selecione a imagem no modo vetorial ou no modo bitmap Abra a caixa de di logo Desfocar m scara Selecione Agu ar gt Desfocar M scara no menu pop up Efeito do painel Ffeito Selecione Xtras gt Agu ar gt Desfocar m scara Desfocar m scara x Grau de desfoque OK 50 Cancelar Raio do pixel Limiar W Visualizar Selecione Visualizar para ver como suas altera es afetam a imagem Arraste o controle deslizante Grau de desfoque para selecionar o grau de efeito de desfoque de 1 a 500 porcento Arraste o controle deslizante Raio do pixel para selecionar um raio de 0 1 a 250 Um aumento no raio resultar em uma rea maior de contraste n tido em torno de cada borda Arraste o controle deslizante Limiar para selecionar um limiar de 0 a 255 Valores entre 2 e 25 s o normalmente os valores mmais usados Um aumento no limiar resultar em um contraste maior para a imagem Uma diminui o no limiar inclui pixels de menor contraste Um limiar de 0 agu a todos os pixels na imagem Clique em OK Ajuste da cor e
307. lizar e substituir no menu pop up Localizar 3 No campo Localizar informe ou selecione o elemento espec fico a ser localizado 4 Na op o Alterar para insira ou selecione o elemento espec fico para substituir itens localizados 5 Para adicionar arquivos alterados ao Registro de projeto para que possam ser facilmente localizados depois selecione Atualizar Registro de projeto 6 Clique em OK para armazenar as configura es de Localizar e substituir 7 Clique em Avan ar para continuar o processo em lote Para obter mais informa es sobre as op es de Localizar e substituir consulte Localiza o e substitui o na p gina 354 Nota Embora URLs possam ser localizados e substitu dos durante um processo em lote nenhum arquivo HTML novo ser gerado Automatiza o de tarefas repetitivas 363 364 Cap tulo 20 Altera o de nomes de arquivo com um processo em lote Adicione Renomear caixa de di logo Processo em lote para alterar os nomes dos arquivos sendo processados Para definir as op es de nomes para arquivos processados em lote 1 Selecione uma op o no menu pop up Renomear Nome original mant m os nomes de arquivo inalterados Adicionar prefixo permite digitar texto no come o do nome do arquivo Por exemplo se voc digitar night o arquivo Sunrise gif ser renomeado como night Sunrise gif quando for processado em lote Adicionar sufixo permite inserir texto para adicionar ao f
308. los na p gina 156 Altera o de tra os Voc pode alterar tra os para criar tra ados com uma variedade de caracter sticas de caneta ou pincel desde tra ados finos tipo l pis at faixas largas que se parecem tinta em spray ou leo salpicado As texturas de tra o somam se gama de possibilidades criativas Utilizando o painel Tra o e a caixa de di logo Editar tra o voc tem controle total sobre todas as nuan as do pincel incluindo a quantidade de tinta o tamanho e a forma da ponta a textura o efeito de borda e o aspecto Al m disso as configura es de sensibilidade controlam como uma caneta sens vel a press o afeta os tra os Voc pode salvar o pincel resultante para uso futuro Um tra o rec m criado assume a cor atual exibida na caixa de cores de tra ado Tra o E ras h ET F 1 Pixel acentuado v Pontas o 1 j2 J Textura Grama r ER Utilize o painel Tra o para alterar o tra o aplicado a um objeto Para visualizar o painel Tra o Selecione Janela gt Tra o Para alterar os atributos de tra o de um objeto selecionado 1 No painel tra o selecione uma categoria de tra o como L pis leo ou Aquarela no menu pop up Categoria de tra o 2 Selecione um tra o no menu pop up Nome do tra o 3 Para alterar a cor de tra o selecione um exemplo na janela pop up da caixa de cores 4 Altere a suavidade das bordas com o controle deslizante Suavidade da borda ao lado d
309. lquer documento para o qual o s mbolo tiver sido importado Por exemplo pressuponha que voc criou um s mbolo para o logotipo da sua empresa em um arquivo principal E a seguir importou o s mbolo do logotipo para outros documentos Se o logotipo for alterado voc poder modific lo no arquivo principal e atualiz lo em todos os arquivos para os quais foi importado Voc pode quebrar automaticamente o v nculo entre o s mbolo importado e o documento original basta editar o s mbolo no documento atual A quebra do v nculo permite a edi o do s mbolo importado independentemente do s mbolo original Para exportar s mbolos 1 Selecione Exportar s mbolos no menu pop up Op es do painel Biblioteca 2 Selecione os s mbolos que deseja exportar e clique em Exportar 3 Navegue para uma pasta digite um nome para o arquivo do s mbolo e clique em Salvar O Fireworks salva os s mbolos em um nico arquivo PNG Para importar s mbolos utilizando o recurso de arrastar e soltar ou copiar e colar Arraste um s mbolo no documento atual Cole um s mbolo no documento atual Para importar s mbolos utilizando o painel Biblioteca 1 Selecione Importar s mbolos no menu pop up Op es do painel Biblioteca Uso de bibliotecas estilos e URLs 223 224 Cap tulo 12 2 Navegue para a pasta que cont m o arquivo selecione o arquivo e clique em Abrir 3 Selecione os s mbolos que voc deseja importar e clique em Imp
310. ls usando as ferramentas de forma b sica no modo bitmap Consulte Pintura no modo Bitmap na p gina 131 Desenho de linhas ret ngulos e elipses Use a ferramenta Linha Ret ngulo ou Elipse para desenhar rapidamente formas b sicas A ferramenta Ret ngulo desenha ret ngulos como objetos agrupados Para mover um ponto de canto de um ret ngulo de forma independente necess rio desagrupar o ret ngulo ou usar a ferramenta Selecionar secund rio Para desenhar ret ngulos com cantos arredondados consulte Desenho de ret ngulos com cantos arredondados na p gina 101 Para desenhar linha ret ngulo ou elipse 1 Selecione a ferramenta Linha Ret ngulo ou Elipse 2 Opcionalmente defina os atributos de tra o e preenchimento Consulte Aplica o de cores tra os e preenchimentos na p gina 153 3 Arraste na tela para desenhar a forma Para a ferramenta Linha arraste com a tecla Shift para limitar linhas em incrementos a 45 graus do horizonte Para a ferramenta Ret ngulo ou Elipse arraste com a tecla Shift para limitar as formas em quadrados ou c rculos Para desenhar linha ret ngulo ou elipse a partir de um ponto central espec fico Posicione o ponteiro no ponto central pretendido e arraste com a tecla Alt Windows ou com a tecla Option Macintosh a ferramenta de desenho Para limitar uma forma e desenhar a partir do ponto central Posicione o ponteiro no ponto central pretendido e arraste com as
311. lvo Alvo uma moldura da p gina da Web ou janela do navegador da Web alternativa em que ser aberta o arquivo vinculado Consulte Sele o de uma op o Alvo na p gina 244 Cria o de fatias de texto Uma fatia de texto designa uma rea de uma imagem fatiada onde um texto comum HTML aparece no navegador Uma fatia de texto n o exporta dados das imagens de pixel ela exporta texto HTML que aparece na c lula da tabela definida pela fatia Objeto Fatia E Op Tipo Testo Site updated 10 13 2000 As fatias de texto s o teis guando se deseja atualizar rapidamente as mensagens gue aparecem em seu site na Web sem que voc tenha que criar novas imagens gr ficas Pontos ativos e fatias 249 250 Cap tulo 14 Para criar uma fatia de texto Desenhar um objeto de fatia No painel Objeto selecione Texto a partir do menu pop up Tipo Digite seu texto na caixa de texto grande na parte inferior do painel Objeto R O N Para formatar texto em uma fatia de texto Use as tags de formata o de texto HTML na caixa de texto do painel Objeto Use as tags de formata o de texto HTML no arquivo HTML que voc planeja transferir para o seu site da Web ap s exportar a imagem que contenha a fatia de texto O texto em uma fatia de texto n o aparece em seu arquivo PNG do Fireworks mas aparece em um navegador da Web ao visualizar em um navegador e depois de exportaro HTML Nota O texto criado
312. m E Temp El c EE Dscf0001 gif ST Dscf0007 gif Dscf0002 gif EF Dscf0008 gif Dscf0003 gif EF Dscf0009 gif Dscf0004 gif BR Script ist Dscf0005 gif Dsof0006 gif M ivo EE Salvar como tipo Somente imagens z Cancelar HTML Nenhuma z Dp Es Fatias Nenhuma v Apenas fatias selecionadas DP Apenas a moldura atual v Incluir reas sem fatias Caixa de di logo Exportar Para exportar uma imagem 1 Selecione Arquivo gt Exportar 2 Selecione um local para armazenar o arquivo HTML Normalmente o melhor local a pasta dentro do seu site local 3 Digite um nome de arquivo 4 Selecione HTML e Imagens no menu pop up Salvar como tipo Nota Somente imagens exporta apenas a imagem e n o o HTML 5 Se a imagem contiver fatias selecione as op es de fatiamento Para obter mais informa es consulte Exporta o de fatia na p gina 325 6 Selecione Colocar imagens na sub pasta para escolher uma pasta separada para salvar imagens Se voc n o selecionar uma pasta suas imagens ser o colocadas em uma pasta chamada Imagens que criada automaticamente Nota O Fireworks gera automaticamente v nculos entre o arquivo HTML e a imagem 7 Clique em Salvar Resultados da exporta o Quando voc exporta com HTML o Fireworks gera todos os arquivos necess rios para a recria o da sua imagem em uma p gina da Web Ele gera um arquivo HTML com o JavaScript e as tabelas necess
313. m atributo a pesquisar Defina as op es Localizar e Alterar para o q A Selecione o tipo de localizar e substituir gue deseja conduzir Localizar localiza a pr xima ocorr ncia do elemento Os elementos encontrados aparecem selecionados no documento Substituir altera um elemento localizado com o conte do da op o Alterar para Substituir tudo localiza e substitui todas as ocorr ncias de um elemento localizado em toda a faixa de pesquisa Nota A substitui o de objetos em m ltiplos arquivos salva esses arquivos voc n o pode reverter a altera o com Editar gt Desfazer Sele o de origem da pesquisa O Fireworks pode efetuar uma localiza o e substitui o em qualquer um dos cinco locais Selecione uma op o do menu pop up Pesquisar para selecionar a faixa de conte do que deseja localizar e substituir Pesquisar sele o localiza e substitui elementos apenas entre os objetos atualmente selecionados e o texto Pesquisar moldura localiza e substitui elementos apenas dentro da moldura atual Pesquisar documento localiza e substitui elementos no documento ativo Pesquisar registro de projeto localiza e substitui elementos em arquivos listados no Registro de projeto Para obter mais informa es consulte Gerenciamento de pesquisas com o Registro de projeto na p gina 367 Pesquisar arquivos localiza e substitui elementos em m ltiplos arquivos Se voc selecionar Pesqu
314. m que seu site da Web ganhe vida Voc pode alterar uma variedade de caracter sticas desde a velocidade de anima o at a opacidade e rota o Ao manipular estas caracter sticas voc pode fazer um s mbolo parecer rodar aumentar a velocidade escurecer e clarear ou qualquer combina o dos efeitos acima Cria o de anima o 281 282 Cap tulo 16 Uma propriedade chave para qualquer s mbolo de anima o seu n mero de molduras Esta propriedade define quantos passos s o necess rios para que o s mbolo complete sua anima o Quando voc define o n mero de molduras para um s mbolo o Fireworks automaticamente adiciona o n mero necess rio de molduras ao documento para completar a a o Se o s mbolo requer mais molduras que as existentes atualmente na anima o o Fireworks adiciona molduras extra Voc pode alterar propriedades utilizando o di logo Animar ou o painel Objetos mbolo de ani Molduras 5 x Dimensionamento 100 Opacidade 100 x para fio Rota o 0 Direita Esquerda Transformar em tra ados Painel Objeto Para alterar as propriedades de s mbolos 1 Selecione um s mbolo 2 Selecione Modificar gt Animar gt Configura es Ou selecione Janela gt Objeto para exibir o painel Objeto io E Molduras E More 2 3 Die o oz Dimensionar para o Opacidade 100 at fo x Girar fo Dieta Esquerda Cancelar 3 Altere
315. m v rios estilos de bot o Para importar uma c pia de um s mbolo de bot o para o documento atual 1 Selecione Inserir gt Bibliotecas gt Bot es 2 Selecione o bot o que deseja usar na lista de s mbolos 3 Clique em Importar Cria o de bot es e barras de navega o 237 238 Cap tulo 13 Cria o de barra de navega o com bot es Uma barra de navega o tamb m chamada de navbar um grupo de bot es que normalmente permanece ou parece permanecer em uma p gina da Web enquanto outras partes da p gina s o alteradas Use barras de navega o para criar uma ajuda de navega o consistente em todo o site na Web Uma maneira f cil de criar uma barra de navega o duplicar um bot o v rias vezes e alterar o texto e o v nculo URL em cada bot o A barra de navega o parece ent o a mesma em todas as p ginas da Web mas os v nculos s o espec ficos para a fun o de cada p gina Embora geralmente os bot es da barra de navega o pare am id nticos cada um deve ter condi es de exibir textos exclusivos O problema criar um s mbolo de bot o que permita texto exclusivo mas que ainda possa ser usado para atualziar a apar ncia de todos os bot es no site da Web Para resolver o problema aninhe os s mbolos de bot o Crie um s mbolo de bot o com apenas os elementos gr ficos e sem texto Em seguida construa um segundo bot o que use as informa es gr ficas do primeiro e seu texto em uma camad
316. ma es consulte Escolha de configura es de otimiza o para GIFs e PNG na p gina 304 2 Selecione Arquivo gt Exportar 3 Na caixa de di logo Exportar digite um nome para o arquivo e selecione o destino Para exportar como arquivos m ltiplos 1 Selecione Arquivo gt Exportar 2 A partir do pop up Salvar como tipo selecione Camadas para arquivos ou Molduras para arquivos 3 Digite um nome de base para os arquivos e especifique o destino Para exportar como um arquivo Flash SWF 1 Selecione Arquivo gt Exportar 2 Selecione Flash SWF no menu pop up Salvar como tipo 3 Clique em Op es para definir as op es SWE O di logo de Op es d sugest es para as configura es 4 Clique em OK para fechar uma caixa de di logo e em seguida clique em Salvar Trabalho com anima es existentes Voc pode usar um arquivo GIF animado existente como parte de sua anima o Fireworks H duas maneiras de usar o arquivo voc pode importar o GIF para um arquivo Fireworks existente ou voc pode abrir o GIF como um novo arquivo Quando voc importa um GIF Animado o Fireworks o converte para um s mbolo de anima o e o coloca na moldura atualmente selecionada Se a anima o tiver mais molduras que o filme atual voc pode escolher para adicionar mais molduras automaticamente Os GIFs importados perdem suas configura es originais de retardo de moldura e assumem o retardo de moldura do documento atual
317. ma moldura da caixa de sele o definindo a parte do documento que deseja exportar Quando voc solta o bot o do mouse a rea de exporta o permanece selecionada Redimensione a rea de exporta o conforme necess rio Mantenha pressionada a tecla Shift e arraste uma al a para redimensionar a moldura da caixa de sele o da rea de exporta o de forma proporcional Mantenha pressionada a tecla Alt Windows ou Op o Macintosh e arraste uma al a para redimensionar a moldura da caixa de sele o a partir do centro Mantenha pressionada as teclas Alt Shift Windows ou Option Shift Macintosh e arraste uma al a para limitar as propor es e redimensionar a partir do centro Use as teclas de seta para mover a moldura da caixa de sele o Mantenha pressionada a tecla Shift enquanto usa as teclas de setas para redimensionar a moldura da caixa de sele o Clique duas vezes dentro da moldura da caixa de sele o da rea de exporta o para ir para Visualizar exporta o Ajuste as configura es em Visualizar exporta o e clique em Exportar Selecione Apenas imagens no menu pop up Salvar 7 Na caixa de di logo Exportar digite um nome de arquivo selecione uma pasta de destino e clique em Salvar Nota Para cancelar sem exportar clique duas vezes fora da moldura da caixa de sele o da rea de exporta o pressione Esc ou escolha outra ferramenta Exporta o de fatia Alguns programadores da
318. ma tabela em branco vinculada fatia por uma linha de comportamento de arrastar e soltar Nota O n mero de c lulas no contorno espelha o n mero de entradas do menu principal As entradas de submenu n o s o representadas por c lulas no contorno Cria o de rollovers 273 274 Cap tulo 15 Edic o de um menu pop up Voc pode editar o conte do de um menu pop up rearranjar os itens de menu e mover o contorno do menu pop up de modo que ele apare a em qualquer parte da tela Voc pode editar um menu pop up abrindo o assistente definir menu pop up e atualizando o conte do do menu H duas maneiras de abrir o assistente Definir menu pop up e Clicar duas vezes no contorno do menu pop up e Clicar duas vezes no comportamento Exibir menu pop up da fatia no painel Comportamentos Para alterar o texto de um item de menu 1 Abra o assistente Definir menu pop up 2 Selecione o item de menu Os detalhes do item de menu preenchem os campos Texto Alvo e V nculo 3 Edite o item de menu 4 Clique no bot o Alterar Para rearranjar um item de menu no menu 1 Abra o assistente Definir menu pop up 2 Arraste o item de menu para um novo local na lista de visualiza o Altera o da posi o de um menu pop up oc pode mover um contorno de menu de modo que o menu pop up apare a em V d t d de mod qualquer parte da tela Por padr o o menu aparece na fatia qual est anexado Para mover um menu pop up 1 Selecione a f
319. maior a porcentagem maior ser a intensidade Redesenho de tra ados Use a ferramenta Redesenhar tra ado para redesenhar o segmento de um tra ado selecionado mantendo as suas caracter sticas de pincel preenchimento e efeitos 4 4 Ene Para redesenhar um segmento de um tracado selecionado 1 Selecione a ferramenta Redesenhar tra ado 2 Mova o ponteiro diretamente sobre um tra ado O ponteiro se transformar no ponteiro de redesenho de tra ado 3 Arraste para redesenhar um segmento de tra ado A parte do tra ado a ser redesenhada est real ada em vermelho 4 Libere o bot o do mouse para substituir o segmento de tra ado Recorte de tra ados em v rios objetos Use a ferramenta Faca para fatiar um tra ado em dois ou mais tra ados Nota Se voc selecionar uma imagem bitmap a ferramenta Faca se transformar na ferramenta Borracha Para recortar um tra ado selecionado 1 Selecione a ferramenta Faca 2 Siga uma das seguintes op es Arraste o ponteiro no tra ado e Clique no tra ado 3 Desselecione o tra ado Mudan a da forma de objetos vetoriais com opera es de tra ado poss vel usar opera es de tra ado no menu Modificar para criar novas formas atrav s da combina o ou altera o de tra ados existentes No caso de algumas opera es de tra ado a ordem de empilhamento dos objetos de tra ado selecionados define o modo de funcionamento da opera o Para obter informa
320. mente no painel Objeto para dar nomes aos arquivos usando a conven o atual de atribui o de nome Consulte Personaliza o da nomea o de arquivos de fatia na p gina 257 para obter mais informa es sobre conven es de atribui o de nomes Desselecione Nomear fatias automaticamente e digite um nome para cada fatia na caixa de texto Nome da fatia Nomea o de fatias atrav s da Camada da Web A maneira mais f cil de nomear uma fatia atrav s da Camada da Web no painel Camadas Para nomear uma camada atrav s da Camada da Web 1 2 Selecione Janela gt Camadas no painel Camadas Expanda a Camada da Web clicando no sinal de mais Windows ou tri ngulo Macintosh A lista completa dos objetos da Web atualmente em seu documento exibida abaixo da Camada da Web Clique duas vezes no nome padr o do objeto da Web Fatia ou Ponto ativo Digite o novo nome Nomea o autom tica de fatias Se voc n o desejar digitar nomes personalizados para cada fatia poss vel permitir que o Fireworks atribua um nome exclusivo para cada arquivo de fatia automaticamente com base na conven o padr o de nomea o O Fireworks lhe permite construir sua pr pria conven o de nomea o utilizando uma vasta gama de op es de nomea o Voc pode criar uma conven o de nomea o que compreende at seis elementos Um elemento pode consistir em qualquer uma das seguintes op es de auto nomea o
321. mesma forma que pode transformar outros objetos poss vel colocar em escala girar inclinar e virar texto para criar efeitos de texto sem igual work S Voc ainda pode editar o texto transformado embora transforma es maiores possam dificular a leitura Transformar texto n o altera o tamanho do ponto do texto Para obter mais informa es consulte Transforma o e distor o de objetos na p gina 90 Convers o de texto em tra ados Voc pode converter texto em tra ados e depois editar as formas das letras como faria com qualquer objeto vetorial Todas as ferramentas de edi o de vetor est o dispon veis para editar texto ap s a convers o em tra ados No entanto n o poder o ser mais editados como texto Outra raz o para converter texto em tra ados se voc necessitar abrir um documento que contenha texto com uma fonte que n o exista no seu computador Nota N o necess rio converter texto em tra ados para visualizar uma determinada fonte em um navegador da Web porque o texto exportado em um formato bitmap como GIF Para converter texto selecionado em tra ados Selecione Texto gt Converter em tra ados O texto convertido em tra ados mant m todos os seus atributos visuais mas s poss vel edit lo como tra ados Uso de texto 149 150 Cap tulo 7 Importa o de texto Voc pode usar texto de outros documentos arrastando e soltando ou copiando e colando o documento font
322. misturas complexas ou d grad s ou imagens fotogr ficas para um formato de imagem indexada como o GIF O pontilhamento pode aumentar sensivelmente o tamanho do arquivo Para pontilhar uma imagem a ser exportada Digite um valor percentual na caixa de texto Pontilhamento do painel Otimizar Defini o de perda para reduzir o tamanho do arquivo Para compactar arquivos GIF mais que o normal digite uma configura o de Perda no painel Otimizar Configura es maiores de perda produzem arquivos menores mas qualidade inferior de imagem Uma configura o de perda entre 5 e 15 geralmente produz os melhores resultados Defini o de reas transparentes Voc pode definir reas transparentes tanto em GIFs como em PNGs de maneira que no navegador da Web o fundo da p gina na Web fique vis vel atrav s dessas reas Para obter mais informa es consulte Atribui o de transpar ncia na p gina 313 Remo o de todas as cores n o usadas da paleta Remover cores n o usadas de uma imagem antes da exporta o diminui o tamanho do arquivo Para remover as cores n o usadas Selecione Remover cores n o usadas no menu pop up Op es do painel Otimizar Desselecione Remover cores n o usadas para incluir todas as cores na paleta inclusive cores que n o est o na imagem exportada Entrela amento Transfer ncia em segmentos Quando exibidas em um navegador da Web as imagens entrela adas aparecem rapidamente
323. molduras uma para o estado Acima e outrar para o estado Sobre Molduras para bot es aparecem no painel Moduras apenas quando o Editor de bot o estiver ativo 2 Selecionar Inserir gt Moldura ou clicar no cone Modura nova duplicada no painel Moduras 3 No painel Moduras clicar duas vezes na Moldura 2 a nova moldura adicionada e cham la de Verificar condi es Tutorial 37 38 Cap tulo 1 4 Selecionar Inserir gt Moldura e chamar esta moldura Registro de viagem Molduras 2 Condi es de verifica o W 3 Registr 20 G Para sempre cone Modura nova duplicada Importa o da primeira imagem de bitmap O Fireworks oferece v rias maneiras diferentes de adicionar uma imagem existente a um documento incluindo recortar e colar arrastar e soltar e usar o comando Importar o m todo que voc usar agora 1 Com a camada Arte de rollover desarticulado selecionada no painel Camadas e a moldura Verificar condi es selecionada no painel Molduras selecionar Arquivo gt Importar Nota A tela exibe apenas os objetos em Verificar condi es a segunda moldura 2 Na caixa de di logo Importar ir para TutorialStartiAssets na pasta do aplicativo Fireworks e clicar duas vezes em Check Cond png 3 Mover o ponteiro Importar para o canto em que a terceira guia horizontal do topo encontra a borda esquerda da tela como mostra a ilustra o a seguir e clicar para importar a nova imagem Clicar no ponteiro Importa
324. molduras para reprodu o 285 Nomea o de molduras de animac 0 44 44 4 286 Como adicionar mover copiar e excluir molduras 286 Como mover objetos selecionados no painel Molduras 287 Compartilhamento de camadas atrav s de molduras 288 Utiliza o de onion skin ccccccccccc ice 288 Exporta o da anima o 44 444444444444440 291 Trabalho com anima es existentes 4 44 44 44 293 Utiliza o de arquivos m ltiplos como uma anima o 294 CAP TULO 17 Otimiza o de GAT OB ssresasasage DURA GEMA HA 295 Como otimizar na rea de trabalho 444 444 4 296 Como especificar configura es de otimiza o de fatias 297 Utiliza o da sobreposi o de fatia 4444 4 44 298 Como salvar e reutilizar configura es de otimiza o 299 Visualiza o de configura es e comportamentos de otimiza o 300 Visualiza o de bot es e rollovers lt lt lt lt 44444 4 300 Estimativa de tempo de transfer ncia de arquivo 301 Compara o de configura es de otimizac 0 301 Sele o de formatos de arquivo cccciciiiciiciiiiia 302 Escolha de GIF qui mas adia id i DE ED SA EAD ad syn Sa 302 Escolha de JPEG 2 2 2 arara 303 Escolha de PNG oie cresu tunes rt aa e ea E acne 303 12 ndice
325. mporta o de arquivos do Photoshop para o Fireworks 374 Edi o vetorial e de bitmap 4 4444444 444444 375 D grad s caes dis pus ais Lp dea a Su puta O ad 376 Caimadas ques o naroda da ua ipa Brda ice an 4 378 CSTUDOS ssa males ae a goi ral dk 8 ko K a a pod A 379 M scaras z oko sima Gini a Grade ea O an Rd iG og Qd 380 TEXTO atado arena baba ind ac ad dinda a Ad im Pr Ja 381 Filtros e ajustes de tom 4444444444444 383 E CILOS K 4 4 a aii dno a eg an DD Ad aky EDER E od de o ad E st 384 Automa o de tarefas 44444444 444440er 384 Anima o ici ars doo bu dno boje 8 GUS La z Dag d bt o ei go d 385 Otimiza o da Web 400 386 Exporta o de arquivos do Fireworks para o Photoshop 387 CAP TULO 22 HTML do Fireworks 389 O que s o arquivos HTML 22 389 Perguntas mais frequentes do HTML do Fireworks 390 E se eu n o souber muito sobre c digo HTML 390 Como insiro HTML do Fireworks em um arquivo HTML 390 E se eu quiser usar parte mas n o todo o HTML do Fireworks 390 Como insiro um bot o em um arquivo HTML 391 Como insiro fatias em um arquivo HTML 0 391 O que preciso saber sobre JavaScript para col lo em um arquivo HIME trios R CU E e EaR 391 Se eu fizer altera es no meu documento Fireworks como atualizo apenas o HTML relevante
326. mweaver e do Fireworks juntos na p gina 337 Comportamentos Arrastar e soltar Criar uma imagem de troca e separar rollovers t o f cil quanto arrastar do disparador para o alvo com os comportamentos arrastar e soltar Cada fatia e ponto ativo cont m agora um controle de comportamento e para atribuir comportamentos basta arrast los Depois de arrastar o controle o programa abre uma caixa de di logo automaticamente para que voc possa atribuir o comportamento a uma moldura Ao v los na Camada da Web os comportamentos arrastar e soltar mostram todos os v nculos A partir de um menu de contexto voc pode clicar em um controle de comportamento e adicionar mais comportamentos a uma fatia ou ponto ativo Os comportamentos Arrastar e soltar s o os mesmos tradicionalmente atribu dos aos comportamentos do Fireworks mas s o mais f ceis de aplicar e administrar Voc ainda pode exibir editar e atribuir comportamentos pelo painel Comportamentos Para mais informa es consulte Aplica o de comportamentos arrastar e soltar a pontos ativos na p gina 245 Menus pop up Provavelmente voc j deve ter visto menus de navega o de run time em muitos sites inovadores da Internet mas n o sabia como eles faziam isso ou n o tinha tempo para tal O Fireworks acrescentou o comando Menu pop up do Fireworks ao seu arsenal sempre crescente de recursos que poupam tempo Voc pode criar menus pop up com texto estilizado
327. n mero de cores Otimizar Documento HM Otimizar gt Configura o J GIF WebSnap 128 z GIF z Mae webSnap adaptativa Cores ES z A defini o de um n mero inferior de cores do que o n mero realmente usado descarta algumas cores come ando com as menos usadas Pixels que cont m as cores descartadas s o convertidos nas cores mais pr ximas restantes na paleta Isso reduz o tamanho e a qualidade da imagem Otimiza o de gr ficos 309 310 Cap tulo 17 Visualiza o de cores em uma paleta O painel Tabela de cores exibe cores na visualiza o atual da imagem quando trabalhar em cores de 8 bits ou menos e permite modificar uma paleta da imagem A Tabela de cores atualizada automaticamente quando voc est no modo Visualizar Ela aparece vazia se voc estiver otimizando mais do que uma fatia ao memso tempo ou se n o estiver otimizando um formato de 8 bits como GIF 128 cores EST 4 V rios s mbolos pequenos aparecem em alguns exemplos de cor indicando algumas caracter sticas de cores individuais como se segue Este s mbolo Indica que k A cor foi editada afetando apenas o documento exportado Isso n o altera a cor no documento A cor est bloqueada A cor transparente A cor Websafe HH H A cor tem v rios atributos Neste caso a cor Websafe blogueada e foi editada Se voc editar o documento o painel Tabela de cores poder n o mos
328. n o a visualiza o de 8 bits otimizada usada para GIF Animado exportado O documento ou fatia que cont m a anima o deve ser definido como GIF animado no painel Otimizar Para visualizar uma anima o na janela Visualizar 1 Clique na guia Visualizar no topo da janela do documento 2 Use os controles de moldura Nota N o recomendamos a visualiza o de anima es em Visualiza es 2 para cima e 4 para cima Para visualizar uma anima o em um navegador da Web Selecione Arquivo gt Visualizar em navegador e escolha um navegador no submenu Exporta o da anima o Depois que tiver configurado os s mbolos e molduras que comp em sua anima o voc est pronto para exportar o arquivo como anima o Antes de exportar os arquivos voc precisa primeiro definir algumas configura es para fazer sua anima o carregar e reproduzir mais facilmente Voc pode definir configura es de reprodu o como ciclo e transpar ncia e em seguida usar otimiza o para tornar o arquivo exportado menor e mais f cil de transferir Nota O formato do arquivo deve ser definido como GIF animado no painel Otimizar para exportar qualquer tipo de movimento Defini o da repeti o da anima o A configura o do ciclo na caixa de di logo Visualizar exporta o determina quantas vezes a anima o repetida Este recurso faz um ciclo com as molduras v rias vezes de modo que voc possa minimizar o n mero de moldu
329. n o destrutivos eliminaram a frustra o de ter que recriar gr ficos da Web desde o in cio depois de qualquer edi o simples O programa gera JavaScript facilitando a cria o de rollovers Os recursos de otimiza o reduziram o tamanho do arquivo de gr ficos da Web sem prejudicar a qualidade Sobre gr ficos vetoriais e de bitmap Os computadores exibem gr ficos em formato vetorial ou de bitmap Compreender a diferen a entre os dois formatos pode ajud lo a trabalhar de forma mais eficiente O Fireworks permite a cria o de imagens utilizando ferramentas de desenho vetorial ou de bitmap bem como permite a importa o e manipula o de gr ficos vetoriais e de bitmap criados em outros aplicativos 47 48 Cap tulo 2 Gr ficos vetoriais Gr ficos vetoriais descrevem imagens utilizando linhas e curvas denominadas vetores que tamb m incluem informa es sobre cor e posi o Por exemplo a imagem de uma folha pode ser descrita por uma s rie de pontos todos conectados por linhas com diversas formas e espessuras cujo resultado represente o contorno da folha A cor da folha determinada pela cor do contorno e pela cor da rea abrangida pelo contorno Ao editar um gr fico vetorial voc modifica as propriedades das linhas e curvas que descrevem sua forma Voc pode mover redimensionar mudar forma e alterar a cor de um gr fico vetorial sem alterar a qualidade de sua apar ncia Al m disso pode empilhar obj
330. n o est selecionado e em seguida clicar em qualquer lugar do aplicativo para fechar o menu pop up E FETO Camada da Web T Compartilhar entre molduras Menu pop up 5 No painel Camadas verificar se o cone de camdas da camada da Web n o est vis vel e se as sobreposi es verdes de fatia n o aparecem na tela Se necess rio clicar no cone Exibir ocultar para ocultar a Camada da Web Nota Uma vez que tiver configurado todos os objetos em uma camada conforme desejado voc pode bloquear a camada clicando no cone Bloquear Desbloquear da camada para impedir altera es inadvertidas Adi o de molduras Em um navegador da Web um rollover troca rapidamente uma imagem por outra Para criar um rollover o Fireworks usa molduras como em anima o de c lulas para manter o conte do do rollover Quando rollovers desarticulados trocam imagens que ocupam a rea da mesma tela e se substituem necess rio criar uma molduara separada para cada imagem sendo trocada Para criar um rollover desarticulado adicionar duas novas molduras e em seguida importar uma imagem de bitmap para cada uma das molduras 1 Com a camada Arte de rollover desarticulado ainda selecionada abrir o painel Molduras selecionar Janela gt Molduras se necess rio Nota Voc pode questionar por que o painel Molduras indica que seu documento tem apenas uma moldura quando um nico rollover para seus bot es necessita de duas
331. nada a tecla Shift e clique em v rios pontos um por um Para exibir as al as de um ponto de curva Clique nele com a ferramenta Selecionar secund rio Se qualquer ponto mais perto do ponto clicado for um ponto de curva a al a pr xima tamb m ser exibida Para exibir as al as perto de pontos de curva em qualquer lado de um ponto de canto 1 Arraste com a tecla Alt Windows ou com Option Macintosh a partir do ponto com a ferramenta Selecionar secund rio 2 Para exibir a al a do segundo ponto repita a etapa anterior A visualiza o do tra ado mostra o local em que o novo tra ado ser desenhado se voc liberar o bot o do mouse Al a de ponto Ponteiro de Selecionar secund rio Visualizar tra ado Tra ado Ponto selecionado Arraste uma al a de ponto com a ferramenta Selecionar secund rio para editar segmentos adjacentes de tra ado Para dobrar um segmento adjacente a um ponto de canto R 1 Selecione a ferramenta Selecionar secund rio 2 Selecione um ponto de canto 112 Cap tulo 5 3 Arraste com a telca Alt Windows ou com Op o Macintosh uma al a de ponto para dobrar o segmento adjacente Mudan a da forma de tra ados usando as ferramentas de edi o do modo vetorial Al m de arrastar pontos e al as de ponto voc pode usar diversas ferramentas do Fireworks para editar objetos vetoriais diretamente AS As ferramentas de edi o do modo vetorial s o Forma l
332. nar pixels na interse o de duas sele es de molduras sobrepostas Para adicionar pixels a uma sele o de moldura Mantenha pressionada a tecla Shift e selecione a rea de pixels a ser adicionada Voc pode adicionar sele o pixels que n o sejam adjacentes sele o original Para desselecionar pixels dentro de uma moldura de caixa de sele o para destacar partes da sele o Mantenha pressionada a tecla Alt Windows ou Option Macintosh e selecione a rea de pixels que deseja desselecionar Para usar uma segunda moldura de caixa de sele o a fim de selecionar pixels dentro de uma moldura 1 Mantenha pressionadas as teclas Alt Shift Windows ou Option Shift Macintosh enquanto cria uma nova sele o de moldura que sobreponha a borda da moldura original 2 Solte o bot o do mouse Apenas os pixels na interse o das duas molduras s o selecionados Sele o de pixels resultante Expans o e contra o de uma moldura de caixa de sele o Uma vez que tiver desenhado uma moldura para selecionar pixels voc poder expandir ou contrair a sua borda Para expandir a borda de uma moldura de caixa de sele o 1 Ap s desenhar a moldura de caixa de sele o escolha Modificar gt Moldura de caixa de sele o gt Expandir 2 Digite o n mero de pixels que deseja expandir a borda da moldura e clique em OK Para contrair a borda de uma moldura de caixa de sele o 1 Ap s desenhar a moldura es
333. nas o ponto ativo Para configurar um ponto ativo como um acionador sobre uma fatia 1 Insira uma fatia sobre a imagem que deseja trocar Cria o de rollovers 277 2 Desenhe um ponto ativo sobre a rea do objeto de fatia que deseja que acione o rollover 3 Arraste e solte uma linha de comportamento do ponto ativo at a fatia O di logo Trocar imagem exibido 4 Selecione a moldura que cont m a imagem de rollover a partir da lista Trocar imagem de 5 Clique em OK 278 Cap tulo 15 CAP TULO 16 Cria o de anima o Gr ficos animados d o um visual sofisticado e emocionante ao site da Web No Fireworks voc pode criar gr ficos animados com propagandas com faixas logotipos e desenhos animados que se movem Por exemplo voc pode fazer o mascote de sua empresa dan ar atrav s de uma p gina enquanto o logotipo clareia e escurece Voc faz anima es no Fireworks criando s mbolos e alterando suas propriedades ao longo do tempo para criar a ilus o de movimento Um s mbolo como um ator de cujos movimentos voc faz a coreografia A a o de cada s mbolo armazenada em uma moldura Ao reproduzir todas as molduras juntas em uma segii ncia voc obt m movimento Voc pode aplicar configura es diferentes ao s mbolo para alterar gradualmente o conte do das molduras sucessivas Voc pode fazer com que um s mbolo pare a se mover atrav s da tela clareie e escure a fique maior ou menor ou gire
334. ncia para selecionar 15 e Suaviza o de serrilhado no menu pop up Borda Configura es de toler ncia mais baixa fazem com que a Varinha m gica selecione cores adjacentes que correspondam exatamente ao pixel selecionado A suaviza o de serrilhado suaviza bordas irregulares Toler ncia 15 x Borda Suaviza o de serril JF Tutorial 39 40 Cap tulo 1 4 Coma Varinha m gica clicar em qualquer lugar no espa o em branco direita do bitmap na tela A borda listrada que aparece ao redor da tela indica que voc est no modo de bitmap A rea de pixels brancos no bitmap est selecionada COMPASS rea de pixels brancos Pressionar Backspace Windows ou Delete Macintosh ou selecionar Editar gt Recortar para excluir os pixels brancos Escolha Modificar gt Sair do modo bitmap Com a ferramenta Ponteiro clicar para selecionar a imagem de bitmap se necess rio N o clicar duas vezes ou retornar ao modo de bitmap No painel Efeito selecionar Ajustar cor gt Preenchimento colorido no menu pop up Efeito Na caixa de cor do painel Efeito selecionar uma sombra marrom m dio o arquivo Final png usar marrom com um valor hexadecimal de 4CC6600 10 Mover o controle deslizante N vel de tingimento para 35 e pressionar Enter Observar que a imagem de bitmap agora tem um tingimento suave de s pia Nenhuma Modo Normal Cea Adi o de sombra ao texto 1 No pa
335. ndo objetos Voc pode virar um objeto no seu eixo vertical ou horizontal sem mover a sua posi o relativa na tela Para virar um objeto selecionado Selecione Modificar gt Transformar gt Virar na horizontal ou Virar na vertical Como inclinar objetos Quando um objeto inclinado ele transformado pois inclinado ao longo de um ou dos dois eixos horizontal e vertical Voc pode inclinar um objeto arrastando Para inclinar um objeto selecionado 1 Exiba as al as de transforma o e Selecione a ferramenta Transforma o de inclina o Selecione Modificar gt Transformar gt Inclinar 2 Arraste uma al a para inclinar o objeto Para obter a ilus o de perspectiva Arraste um ponto de canto Nota Para arrastar o ponto de canto de um ret ngulo que um grupo quando desenhar usando a feramenta Ret ngulo desagrupe o primeiro Trabalho com objetos 93 94 Cap tulo 4 Como distorcer objetos Distorcer um objeto move os seus lados ou cantos na dire o em que voc arrastar a ferramenta de distor o Para distorcer um objeto selecionado 1 Exiba as al as de transforma o e Selecione a ferramenta Transforma o de distor o e Selecione Modificar gt Transformar gt Distorcer 2 Arraste uma al a para distorcer o objeto Transforma es num ricas Em vez de arrastar para colocar em escala redimensionar ou girar um objeto voc pode transform lo utilizando valores espec fic
336. nforma es consulte Otimiza o de gr ficos na p gina 295 Exibi o e nomea o de fatias no painel Camadas f cil gerenciar fatias e outros objetos da Web em seu documento usando a Camada da Web no painel Camadas A camada da Web exibe todos os objetos da Web do documento de modo que voc possa selecionar exibir e nomear cada um Para exibir e selecionar uma fatia usando o painel Camadas 1 Selecione Janelas gt Camadas para abrir o painel Camadas 2 Expanda a Camada da Web clicando no sinal de mais Windows ou tri ngulo Macintosh A lista completa dos objetos da Web atualmente em seu documento exibida abaixo da Camada da Web 3 Clique para selecionar uma fatia A fatia se torna real ada na Camada da Web e na tela do documento O fatiamento desmembra uma imagem em partes Cada parte exportada como um arquivo separado assim cada arquivo deve ter um nome diferente Se uma imagem contiver mais de uma moldura cada parte de cada moldura um arquivo separado com um nome exclusivo Pontos ativos e fatias 253 254 Cap tulo 14 fo O Uma imagem pode ser cortada em v rias fatias O Fireworks nomeia automaticamente cada arquivo de fatia no momento da exporta o Voc pode aceitar a conven o de nomea o padr o modificar a conven o ou digitar nomes personalizados para cada fatia Clique no nome da fatia na Camada da Web e informe um novo nome Selecione Nomear fatias automatica
337. no Emba amento maior emba a aproximadamente tr s vezes mais que Emba amento Desfoque Gaussiano aplica uma m dia ponderada de emba amento a cada pixel para produzir um efeito de neblina Ap s usar Desfoque Gaussiano Para emba ar uma imagem 1 Selecione a imagem no modo vetorial ou no modo bitmap 2 Selecione uma op o de emba amento Selecione Xtras gt Emba ar gt Emba ar ou Emba amento maior Selecione Emba ar gt Emba ar ou Embacamento maior no menu pop up Efeito do painel Efeito Para emba ar uma imagem usando Desfoque Gaussiano 1 Selecione a imagem no modo vetorial ou no modo bitmap 2 Abra a caixa de di logo Desfoque Gaussiano Selecione Xtras gt Embacar gt Desfogue Gaussiano Selecione Emba ar gt Desfoque Gaussiano no menu pop up Efeito do painel Efeito Desfogue Gaussiano x Baio de desfoque Cancelar V Yisualizar 3 Selecione Visualizar para ver suas altera es na rea de trabalho medida que faz altera es a imagem automaticamente atualizada 4 Arraste o controle deslizante Raio de desfoque para definir a intensidade do efeito de emba amento Os valores v o de 0 1 a 250 Um aumento no raio resultar em um efeito de emba amento mais forte 5 Clique em OK Altera o das transi es de cores para linhas Voc pode usar Localizar bordas para identificar as partes de uma imagem que sejam transi es de cores Localizar bordas
338. no painel Efeito para o objeto selecionado facilitando seu ajuste de configura o ativa o desativa o ou remo o de todos os efeitos de uma s vez Efeito E faser OP Sem t tulo z Al m disso o painel Efeitos permite a aplica o de v rios filtros incluindo muitos dos filtros plug in do Photoshop como Ffeitos ao vivo Este recurso possibilita a aplica o de filtros a objetos vetoriais e de bitmap igualmente com a flexibilidade de poder alterar as configura es do filtro a qualquer momento Automa o de tarefas Nos dois aplicativos Fireworks 4 e Photoshop 5 5 voc pode automatizar tarefas repetitivas Como no Photoshop o comando Arquivo gt Processamento em lote do Fireworks possibilita a aplica o de tarefas automatizadas a um lote de documentos Como na paleta A es e em Arquivo gt menu Automa o do Photoshop o menu Comandos do Fireworks permite executar scripts de comando automatizados no seu documento Voc pode escolher entre v rios comandos existentes ou criar seus pr prios comandos Para gravar e criar seu pr prio comando script no Fireworks use o painel Hist rico que exibe as ltimas tarefas executadas da mesma forma que a paleta Hist rico do Photoshop Basta real ar o intervalo desejado de tarefas e escolher Salvar como comando no menu pop up Op es do painel Hist rico O Fireworks acrescenta este novo comando ao menu Comandos Hist rico sf Ferramenta Pince
339. no painel Estilos do menu pop up Op es 3 Escolha as propriedades para o novo estilo e nomei o 4 Clique em OK Anexa o de texto a um tra ado Para liberar o texto das restri es de blocos de texto retangulares voc pode desenhar um tra ado e anexar texto a ele O texto flui ao longo da forma do tra ado e permanece edit vel Para obter mais informa es sobre como desenhar diferentes tipos de tra ados consulte Desenho de ret ngulos com cantos arredondados na p gina 101 e Desenho de pol gonos na p gina 102 Um tra ado ao qual um texto est anexado perde temporariamente seus atributos de tra o preenchimento e efeito Qualquer tra o preenchimento e atributos de efeito aplicados subsegiientemente s o aplicados ao texto n o ao tra ado Se depois voc separar o texto do tra ado esse recuperar seus atributos de efeito preenchimento e tra o Para incluir texto em um tra ado 1 Enquanto mant m pressionada a tecla Shift selecione um bloco de texto e um tra ado 2 Selecione Texto gt Anexar ao tra ado Para separar o texto de um tra ado selecionado Selecione Texto gt Separar do tra ado Para editar texto anexado a um tra ado e Clique duas vezes no objeto de texto em um tra ado para abrir o Editor de Texto e Selecione a ferramenta Texto e escolha o texto a editar Para editar a forma do tra ado 1 Selecione Texto gt Separar do tra ado 2 Edite o tra ado 3 Ap s edi
340. ns pinc is grandes com v rias pontas o padr o do cursor ser fios cruzados Expandir para preencher documento expande a borda listada para cercar toda a tela de um documento quando mudar para o modobitmap permitindo a edi o de pixel dentro de todo o documento Quando desselecionado apenas os pixels dentro da borda de um objeto bitmap selecionado podem ser editados Abrir no modo bitmap abre qualquer arquivo de imagem diretamente no modo bitmap Desselecione para abrir todos os arquivos no modo vetorial Desativar Ocultar bordas desativa automaticamente Ocultar bordas quando entrar ou sair do modo bitmap Exibir borda listrada ativa automaticamente uma borda listrada em torno de uma imagem bitmap quando estiver no modo bitmap Dist ncia de sele o permite especificar o grau de proximidade que um ponteiro deve estar do objeto antes de selecion lo A Dist ncia de sele o pode estar entre 1 e 10 pixels Dist ncia de alinhamento permite especificar o grau de proximidade deve estar o objeto que est movendo antes de alinh lo grade ou a linha guia Dist ncia de alinhamento funciona quando Alinhar grade ou Alinhar s guias estiver ativado Voc pode definir Alinhar dist ncia entre 1 e 10 pixels Configura o de prefer ncias de Iniciar e Editar Voc pode definir se a fonte PNG do Fireworks abrir quando editar e otimizar a partir do Dreamweaver Quando editar de um aplicativo externo determina se o
341. nserir gt Fatia A fatia um ret ngulo cuja rea inclui os pixels mais externos do objeto selecionado 3 Se voc tiver selecionado mais de um objeto selecione uma op o na caixa de di logo Unico cria um nico objeto de fatia que cobre todos os objetos selecionados M ltiplo cria um objeto de fatia para cada objeto selecionado M ltiplos itens foram selecionados Criar uma ou m ltiplas fatias Para desenhar um objeto de fatia retangular 1 Selecione a ferramenta Fatia 2 Arraste para desenhar o objeto de fatia O objeto de fatia e as guias de fatia aparecem na Camada da Web Sobreposi o de fatias Ocasionalmente fatias que deveriam ser desenhadas pr ximas uma outra acabam se sobrepondo Ao inv s de criar fatias extra nas reas sobrepostas o Fireworks 4 considera apenas a parte mais anterior das fatias como a fatia ativa na regi o sobreposta Desta forma menos gr ficos fatiados irrelevantes s o exportados Fatias sobrepostas s o normalmente devidas a simples descuidos Recomenda se redesenhar ou editar tais fatias para eliminar qualquer sobreposi o Atribui o de URLs a fatias Voc pode atribui um URL a uma fatia utilizando o painel Objeto 1 Selecione Janela gt Objeto para abrir o painel Objeto 2 Digite um URL na caixa de texto V nculo 3 Opcionalmente digite texto alternativo 4 Digite um nome de conjunto de molduras HTML ou escolha um alvo reservado a partir do menu pop up A
342. nto entrelinhamento e deslocamento da linha de base poss vel alterar os atributos de um bloco de texto usando o menu Texto ou o Editor de Texto O menu Texto oferece uma forma r pida para alterar atributos simples Para edi o mais detalhada use o Editor de Texto Ao editar o texto seus atributos de tra o preenchimento e efeitos ser o respectivamente redesenhados Para editar texto no Editor de Texto 1 Clique duas vezes no bloco de texto 2 Na rea de visualiza o do Editor de Texto realce o texto que deseja alterar 3 Aplique suas altera es Para obter informa es sobre como alterar atributos de texto consulte as se es correspondentes neste cap tulo 4 Clique em OK Sele o de fonte tamanho e estilo Ao alterar a fonte o tamanho e os atributos de estilo do texto em um bloco de texto voc pode usar o Editor de Texto ou comandos do menu Texto Nota Para usar fontes Tipo 1 no Macintosh voc precisa do Adobe Type Manager 4 ou mais recente Quando estiver visualizando texto no Editor de Texto por padr o o texto aparecer no tamanho e na fonte real Um bloco de texto pode conter v rias fontes e tamanhos Tamb m poss vel exibir texto no Editor de Texto no tamanho e na fonte do sistema Isto til se a fonte ou o tamanho tornarem dif cil a leitura durante a digita o Para visualizar texto na fonte do sistema Desselecione Mostrar Fonte no Editor de Texto 1 T Mostrar fonte IV M
343. nto ativo na Camada da Web 1 Clique duas vezes na fatia ou ponto ativo no painel Camadas 2 Digite um nome e clique fora da janela ou pressione Enter Nota Quando renomear uma fatia esse nome usado ao export la Como trabalhar com camadas Quando criar uma nova camada uma camada em branco ser inserida antes da camada atualmente selecionada A nova camada passa a ser a camada ativa e real ada no painel Camadas Criar uma camada duplicada adiciona uma nova camada que cont m os mesmos objetos que a camada selecionada Objetos duplicados ret m o modo de opacidade e mesclagem dos objetos dos quais foram copiados Podem ser feitas altera es em objetos duplicados sem alterar os originais Cada camada pode ser editada de forma independente Isso quer dizer que voc pode fazer altera es nos objetos em uma camada sem afetar os objetos em outra Para adicionar uma camada Siga uma das seguintes op es Selecione Nova camada no menu pop up Op es do painel Camadas Marque Compartilhar entre molduras para compartilhar os objetos daquela camada entre todas as molduras Clique em OK e Clique no bot o Novo Duplicar moldura sem selecionar uma camada e Selecione Inserir gt Camada Para ativar uma camada Siga uma das seguintes op es e Clique no nome da camada no painel Camadas Selecione um objeto nessa camada Os objetos desenhados ou colados residem inicialmente na camada ativa Camadas e mascaram
344. ntos dos objetos desenhados subseq entemente Ajuste da opacidade e aplica o de mesclagens Usar o painel Camadas para ajustar a opacidade de objetos selecionados e aplicar modos de mesclagem Uma configura o de 100 torna um objeto completamente opaco Uma configura o de 0 zero torna o objeto completamente transparente C as x Bl Z Noma Selecione um modo de mesclagem Camada da Web A Camada 1 Ajuste a opacidade Tra ado Definir opacidade e selecionar um modo de mesclagem no painel Camadas Para definir um modo de mesclagem de objetos existentes 1 Com dois objetos sobrepostos selecione o objeto do topo 2 No menu pop up Modo de mesclagem do painel Camadas escolha uma op o de mesclagem Para definir um modo de mesclagem padr o para aplica o a objetos medida que voc os desenha 1 Selecionar Editar gt Desselecionar para evitar a aplica o inadvertida de um modo de mesclagem 2 No painel Camadas selecionar um modo de mesclagem como o padr o Aplica o do Efeito ao vivo de cores de preenchimento Cor de preenchimento um Efeito ao vivo que permite ajustar a cor de um objeto alterando a opacidade e modo de mesclagem do objeto Isso proporciona o mesmo efeito de sobrepor o objeto a um outro composto por uma opacidade e em modo de mesclagem diferentes O Efeito ao vivo de Cor de preenchimento totalmente compat vel com o Efeito de camada de Preenchimento de cor do Photoshop
345. nu 1 Coma ferramenta Ponteiro selecionar o bot o e manter pressionada a tecla Shift e clicar Shift clique no texto selecionado 2 Selecionar Modificar gt Alinhar gt Centralizado vertical 3 Selecionar Modificar gt Alinhar gt Centralizado horizontal Nota Se o d grad for muito leve para o texto deslizar o exemplo de cor esquerda do bot o para a direita para escurecer o d grad EEE m u Tutorial 31 32 Cap tulo 1 Cria o de rollover Voc projetou como o bot o aparece durante o estado Acima quando o ponteiro do usu rio n o tiver tocado no bot o Agora usar o Editor de bot o para projetar o estado Sobre do bot o como o bot o aparece quando o ponteiro estiver sobre ele 1 Clicar na guia Sobre no Editor de bot o e em seguida clicar em Copiar gr fico Acima do lado inferior direito da janela O recurso Copiar gr fico Acima evita que voc tenha que criar outro bot o semelhante do in cio Copiar gr fico Acima 2 Usar a ferramenta Ponteiro para selecionar o bot o Ir para o menu pop up Predefinir conjuntos de cor do d grad do painel Preenchimento e selecionar Branco Preto Observar que agora as cores do d grad est o invertidas na transi o do branco para o preto 3 Coma ferramenta Ponteiro clicar no texto do bot o No painel Preenchimento usar a caixa de cor para selecionar uma sombra de vermelho como FF3300 Preenchimento Fi Borda Suavizag o d
346. o Fireworks para interpolar pixels quando as imagens s o colocadas em escala e A interpola o bi c bica proporciona na maioria das vezes a maior e mais precisa qualidade no resultado e o m todo de escala padr o e A interpola o bi linear proporciona resultados mais precisos do que a interpola o suave mas n o t o precisa quanto a bi c bica e A interpola o suave usada no Fireworks 1 oferece um desfoque suave e elimina detalhes mais precisos Este m todo til quando outros produzem artefatos indesejados e A interpola o Vizinho mais pr ximo resulta em bordas dentadas e contrastes agu ados sem desfoque O efeito semelhante ao efeito de aumentar ou reduzir uma imagem com a ferramenta Aumentar Princ pios b sicos do Fireworks 57 58 Cap tulo 2 Configura o de prefer ncias de edi o As refer ncias de Edi o controlam a apar ncia do onteiro e sugest es visuais 8 para trabalhar no modo bitmap Precisar cursores substitui os ponteiros de cone de ferramenta pelo ponteiro de fios Excluir objetos ao cortar exclui permanentemente pixels ou objetos fora da caixa limite de uma sele o quando escolher Editar gt Cortar documento ou Modificar gt Tamanho da tela Cursores para pintar do tamanho do pincel definem o tamanho e a forma dos ponteiros da Ferramenta pincel e da Ferramenta borracha para mostrar com precis o aquilo que est prestes a desenhar ou apagar Nota Para algu
347. o 146 estilos adicionar 219 aplicar 219 aumentar cones de visualiza o 220 basear em estilos existentes 219 definidos 218 editar 219 excluir 219 exportar 220 importar 220 novos 219 redefinir para padr es 220 salvar efeitos como 196 estrelas 103 limitar 103 eventos de mouse 264 executar anima es 290 Executar e Editar 392 exemplos ACT 157 atualizar 311 cores do Sistema Windows 157 exemplo com atributos m ltiplos 310 exemplo Websafe 310 painel 310 selecionar uma cor 311 exibir bordas 89 expandir tra os 119 120 exportar anima es como arquivos m ltiplos 293 arquivos Fireworks para o Dreamweaver 340 bot es 229 camadas como arquivos m ltiplos 323 camadas CSS 333 Camadas CSS do Fireworks 340 estilos 220 fatias 325 GIFs animados 292 imagens 318 itens de biblioteca do Fireworks 340 molduras como arquivos m ltiplos 323 para Dreamweaver 329 para Flash 328 para formato WBMP 332 para FreeHand 327 para Illustrator 327 para o Director 330 para o Lotus Domino Designer 333 para Photoshop 331 387 personalizar arquivos para Photoshop 332 ndice remissivo 399 resultados 319 s mbolos 223 tra ados vetoriais 327 uma rea 324 F faixa tonal ajustar automaticamente 178 ajustar com Curvas 178 ajustar com N veis 176 fatiamento defini o 247 para interatividade 247 fatias configura es de otimiza o 297 criar 247 exibir ocultar sobreposi o de fatia 299 exportar 325 fatias de texto 249 pol g
348. o 162 amostragem 155 apagar o painel Exemplos 157 aplicar o painel Exemplos 154 classificar painel Exemplos 157 configurar prefer ncias 57 criar no Misturador de cores 160 de preenchimento 214 de preenchimento aplicar 215 escolher paleta de trabalho 158 excluir do painel Exemplos 157 inverter valores 183 localizar e substituir 357 localizar e substituir n o Websafe 358 modelos de cor 159 obter usando a Ferramenta Conta gotas 155 pontilhar com Websafe 173 preenchimento d grad 167 remover cores n o usadas 305 restaurar padr o 162 salvar paleta personalizada 158 selecionar da barra de cores 160 selecionar intensidade de cor 304 substituir um exemplo 157 vis o geral 153 Cores do Sistema Windows como um grupo de exemplos 157 cores mescladas de objetos sobrepostos 211 cores Websafe 312 corre o de cor autom tica 178 brilho e contraste 180 Curvas 178 N veis 176 N veis autom ticos 178 usar conta gotas 180 Cr ditos 49 Curvas Xtra 178 398 ndice remissivo dar novo exemplo descrito 78 definir imagem da barra de navega o 264 menu pop up comportamento 264 texto da barra de status 264 desagrupar objetos 95 desenhar distorcer objetos 94 desenho alterar segmentos adjacentes 110 converter tra ados retos em curvos 109 dividir tra ados 117 dobrar um segmento adjacente 112 selecionar um ponto 112 Desfazer 62 configurar n mero 57 Desfocar M scara Xtra 187 Desfoque Gaussiano Xtra 185 deslocamento da linha de bas
349. o JPEG no menu pop up Configura es do painel Otimizar 4 Clique no bot o Qualidade seletiva no painel Otimizar A caixa de di logo Configura o do JPEG seletiva aparece Configura o do JPEG seletiva x so Cor da sobreposi o W Preservar qualidade do texto T Preservar qualidade do bot o Coca 5 Selecione Ativar qualidade seletiva e digite um valor de compress o na caixa de texto Digite um valor baixo para definir a rea de sobreposi o JPEG seletiva para compactar mais do que o resto da imagem Digite um valor alto para definir a rea de sobreposi o JPEG seletiva para compactar menos do que o resto da imagem 6 Selecione uma Cor da sobreposi o para real ar a rea selecionada Isso n o afeta a sa da 7 Selecione Preservar qualidade do texto Todos os itens do texto ser o automaticamente exportados em um n vel superior independente do valor Qualidade seletiva 8 Selecione Preservar bot o de qualidade Todos os s mbolos de bot o ser o automaticamente exportados em um n vel superior 9 Clique em OK Nota Voc pode ver os efeitos da compacta o alternando a guia Visualiza o ou selecionando Arquivo gt Visualizar no navegador Para modificar a rea de compress o JPEG seletiva 1 Selecione Modificar gt JPEG seletivo gt Restaurar m scara JPEG como sele o A sele o real ada 2 Use a ferramenta Moldura da caixa de sele o ou outra ferramenra de sele
350. o Nome da fatia Se voc n o digitar um nome o Fireworks reverte para a nomea o autom tica N o adicione extens o de arquivo ao nome da base O Fireworks adiciona extens es de arquivos automaticamente aos arquivos de fatia no momento da exporta o Se uma fatia possuir mais de uma moldura por padr o o Fireworks adiciona um n mero a cada arquivo da moldura Por exemplo se voc digitar o nome do arquivo da fatia personalizada principal para um rollover de tr s estados ent o o Fireworks nomeia a imagem gr fica do estado Acima como principal gif a imagem gr fica do estado Sobre como principal 2 gif e a imagem gr fica do estado Abaixo como principal 3 gif Voc pode criar sua pr pria conven o de nomea o para fatias de v rias molduras utilizando o di logo Configura o HTML Para mudar a conven o de nomea o autom tica padr o de um arquivo de fatia com v rias molduras 1 Selecione Arquivo gt Configura o HTML para abrir a caixa de di logo Configura o HTML 2 Clique na guia Espec fico do documento Pontos ativos e fatias 257 258 Cap tulo 14 3 Na se o Nomes de arquivo ao lado de Molduras construa a conven o de nomea o apropriada a partir das duas listas Por exemplo a conven o de nomea o Sublinhado Rollover acima abaixo correspond ncia adiciona sobre ao nome de um arquivo de fatia de estado Sobre O nome do estado Sobre para meudocf
351. o de origem Antes de iniciar e editar certifique se de configurar o Fireworks como Editor Externo no Dreamweaver Para obter mais informa es sobre trabalho com imagens do Fireworks no Dreamweaver consulte Edi o de arquivos do Fireworks colocados no Dreamweaver na p gina 343 No Dreamweaver selecione Editar e Iniciar para atualizar gr ficos do Fireworks Em outros editores HTML edite o arquivo de origem do Fireworks original e selecione Arquivo gt Atualizar HTML de dentro do Fireworks para atualizar o HTML e as imagens Configura o do HTML Configura o do HTML permite definir como o Fireworks exporta HTML Essas configura es podem ser espec ficas do documento ou usadas como sua configura o padr o para todas as exporta es HT ML As altera es feitas na guia Espec fico do documento afetam apenas o documento atual Configura es Geral e Tabela s o prefer ncias globais Para definir como o Fireworks exporta HTML 1 Selecione Arquivo gt Configura o HTML ou clique no bot o Op es na caixa de di logo Exportar Na guia Geral selecione nas op es seguintes Selecione um Estilo HTML para definir o estilo do HT ML exportado Selecione um nome de extens o de arquivo no menu pop up Extens o ou entre um novo Selecione Incluir coment rios HTML dependendo de onde recortar e colar no HTML Selecione Nome de arquivo em min sculas para criar o nome do arquivo HTML incluindo a extens o
352. o modo vetorial Nota Nas vers es anteriores do Fireworks o modo vetorial era denominado modo objeto Quando o Fireworks estiver no modo bitmap por padr o uma borda listrada circunda a tela Para mudar do modo bitmap para o modo vetorial Siga uma das seguintes op es e Clique no bot o Sair do modo bitmap ou no bot o da janela do documento Bot o Sair do modo bitmap Escolha Modificar gt Sair do modo bitmap Pressione a tecla Esc Escolha uma ferramenta que funcione apenas no modo vetorial por exemplo a ferramenta Caneta Desenho de formas b sicas Quadrados ret ngulos c rculos ovais estrelas e outros pol gonos s o facilmente desenhados com as ferramentas de forma b sica Desenhe ret ngulos com formas arredondadas e ajuste o raio do canto depois de desenh lo Al m disso pode desenhar uma variedade de estrelas de estreitas e pontudas a largas e atarracadas As ferramentas de desenho de forma b sica est o na se o de ferramenta de desenho do painel Ferramentas Quando usar qualquer ferramenta de desenho ou pintura para criar um objeto a ferramenta aplicar os atributos atuais de tra o e preenchimento ao objeto Para alterar os atributos atuais de tra o e preenchimento bem como os atributos de tra o e preenchimento de objetos existentes consulte Aplica o de cores tra os e preenchimentos na p gina 153 Todas as ferramentas de desenho de forma Nota Voc pode pintar pixe
353. o ou grupo para o topo ou para a base da ordem de empilhamento Selecione Modificar gt Organizar gt Avan ar ou Recuar para mover o objeto ou grupo uma posi o acima ou abaixo na ordem de empilhamento Quando mais de um grupo for selecionado os grupos se movem na frente ou atr s dos grupos n o selecionados enquanto mant m a ordem relativa entre eles Como alinhar objetos Os comandos Alinhar no menu Modificar permitem alinhar objetos ao longo do eixo horizontal ou vertical Voc pode alinhar objetos selecionados verticalmente na borda direita no centro ou na borda esquerda ou horizontalmente na borda superior no centro ou na borda inferior Bordas s o determinadas pelas caixas delimitadoras inclu das em cada objeto selecionado Com os comandos Alinhar voc pode distribuir objetos selecionados de forma que seus centros ou bordas fiquem egjuidistantes Voc pode redimensionar objetos selecionados para que as dimens es horizontal ou vertical de todos os objetos correspondam s do maior objeto selecionado Pode tamb m alinhar objetos selecionados na tela poss vel aplicar um ou mais comandos Alinhar a objetos selecionados Para alinhar objetos selecionados Selecione Modificar gt Alinhar gt Esquerda para alinhar os objetos na extremidade esquerda do objeto selecionado e Selecione Modificar gt Alinhar gt Centralizado vertical para alinhar os pontos centrais dos objetos no eixo vertical e Selecione
354. o rollover e um objeto de fatia alvo que cobre a rea que deseja trocar Voc tem tr s op es ao escolher um objeto da Web para o acionamento Sea rea de acionamento n o for um rollover ou ela pr pria n o mudar de apar ncia ent o desenhe um ponto ativo Se voc pretende que a rea de acionamento mude de apar ncia desenhe uma fatia Se voc pretende usar o editor de bot o para construir o acionador coloque um s mbolo de bot o Voc pode anexar comportamentos a s mbolos de bot o da mesma maneira que os anexa a objetos de fatia e pontos ativos Como com imagens de troca que usam apenas uma fatia criar um rollover desmembrado envolve duas partes Primeiro voc tem que definir os objetos da Web de acionamento e alvo e a moldura em que a imagem de troca reside Depois voc vincula o acionador fatia alvo com uma linha de comportamento de arrastar e soltar Configura o de objetos da Web imagens e molduras Para que um rollover desmembrado funcione voc deve localizar as duas imagens em molduras separadas Para definir os objetos da Web alvo e molduras para um rollover desmembrado 1 2 Selecione a imagem que deseja acionar o efeito de rollover desmembrado Anexe um objeto da Web imagem Selecione Inserir gt Fatia ou Inserir gt Ponto ativo para englobar a imagem inteira com um objeto da Web Use a ferramenta Fatia ou Ponto ativo para desenhar o objeto da Web sobre uma parte espec fica
355. obe Illustrator 7 ou posterior ou Flash 3 ou posterior Al m disso voc pode copiar e colar um tra ado vetorial em outros programas vetoriais Quando voc exporta para o FreeHand ou Illustrator a apar ncia dos objetos pode ficar diferente dependendo se o aplicativo suporta um determinado recurso do Fireworks Esses recursos n o s o suportados no FreeHand e Illustrator e n o aparecer o no arquivo exportado e Efeitos ao vivo Modos de mesclagem e Textura padr o preenchimentos de pontilhamento Web e todos os preenchimentos de d grad FreeHand Objetos de fatia e mapas de imagem e V rias op es de formata o de texto Cores de guias grades e telas Imagens bitmap FreeHand Al m disso as bordas do objeto s o definidas para acentuadas o texto vertical fica horizontal Exporta o para FreeHand e Illustrator Voc pode exportar tra ados do Fireworks para o FreeHand ou Illustrator para usar nos gr ficos para impress o ou para editar com ferramentas mais complexas de edi o de tra ados Para exportar um gr fico para o FreeHand ou Illustrator 1 Selecione Arquivo gt Exportar 2 Selecione Illustrator 7 no menu pop up Salvar como 3 Clique no bot o Op es Exporta o 327 328 Cap tulo 18 Na caixa de di logo Op es de exporta o do Illustrator selecione uma das seguintes op es Exportar apenas a moldura atual preserva nomes de camadas Converter molduras em camad
356. om nica fatia 266 de troca de imagem criar rollover desmembrado 268 defini o 261 desmembrado 268 desmembrado criar 268 editar 234 efeitos de chanfro 236 inserir de bibliotecas 239 JavaScript 261 rollovers com forma irregular 275 rollovers simples 262 simples aplicar comportamento de rollover simples 262 simples criar 262 troca de imagem 266 rota o limitar 93 satura o 182 scripts em lote 365 arrastar e soltar 366 executar 366 segmentos converter 109 curvos editar 108 retos editar 107 selecionar rea de forma livre de pixels 125 rea em torno da moldura de caixa de sele o 130 rea poligonal de pixels 126 contrair borda da moldura de caixa de sele o 129 cores semelhantes 126 desselecionar moldura de caixa de sele o 127 desselecionar um objeto 88 enevoar bordas 134 expandir borda da moldura de caixa de sele o 129 imagens 123 objetos adicionais 88 objetos agrupados 95 pixels 123 pontos 112 suavizar borda da moldura de caixa de sele o 130 seletor de cores da Apple 160 seletor de cores do sistema 162 caixas de cores 160 s mbolo do bot o importar 237 s mbolos criar 221 criar ocorr ncias 221 definidos 220 duplicar 222 editar 222 excluir 222 exportar 223 importar 223 modificar 222 posicionar ocorr ncias no documento 221 quebrar um v nculo 223 simplificar tra ados 119 ndice remissivo 407 sobreposi o de fatias 249 suaviza o de serrilhado cor de fundo alvo 315 remover
357. om o scanner ou c mera 3 No Fireworks selecione Arquivo gt Digitalizar e selecione um m dulo TWAIN ou plug in de aquisi o do Photoshop que corresponda ao dispositivo a partir do qual a imagem ser importada Para a maioria de m dulos TWAIN ou plug ins de aquisi o do Photoshop caixas de di logo adicionais solicitar o que voc defina as op es 4 Siga as instru es e aplique as configura es A imagem importada aberta como um novo documento do Fireworks Inser o de objeto em um documento do Fireworks poss vel importar arrastar e soltar ou copiar e colar objetos imagens ou texto creado em outros aplicativos assim como imagens de uma c mera digital ou mesa digitalizadora para um documento do Fireworks Como arrastar e soltar Arraste objetos vetoriais imagens bitmap ou texto no Fireworks a partir de qualquer aplicativo que suporte o recurso arrastar e soltar FreeHand 7 ou posterior Flash 3 ou posterior Photoshop 4 ou posterior Illustrator 7 ou posterior e Microsoft Office 97 ou posterior e Microsoft Internet Explorer 3 ou posterior Netscape Navigator 3 ou posterior CorelDRAW 7 ou posterior Configurac o de documento do Fireworks 1 72 Cap tulo 3 Para arrastar e soltar no Fireworks Arraste um gr fico de outro aplicativo para abrir um documento Fireworks e libere o bot o do mouse Como colar no Fireworks Copie e cole qualquer um destes formatos da rea d
358. omo NotePad Windows ou Simple Text Macintosh Pode escrever scripts em JavaScript e usar comandos espec ficos do Fireworks para controlar comandos e configura es do Fireworks Para obter mais informa es sobre utiliza o do JavaScript com Fireworks consulte Como estender o Fireworks na p gina 368 Para editar a es selecionadas como JavaScript em um editor de texto 1 Selecione uma faixa de estapas 2 Clique no bot o Copiar na base do painel Hist rico 3 Alterne para um aplicativo de edi o de texto 4 Cole as etapas Automatiza o de tarefas repetitivas 371 372 Cap tulo 20 CAP TULO 21 Fireworks para usu rios do Photoshop Se voc for um usu rio do Adobe Photoshop novo no Macromedia Fireworks notar alguma similaridades entre os dois aplicativos Assim como no Photoshop 5 5 0 Fireworks oferece ferramentas e recursos flex veis para a cria o modifica o e otimiza o de imagens no formato da Web Outros recursos do Fireworks como por exemplo os pain is Camadas e Hist rico t m similares no Photoshop e parecem iguais mas com algumas diferen as funcionais Este cap tulo aborda as principais diferen as entre o Photoshop 5 5 e o Fireworks 4 Se voc for um usu rio do Photoshop e quiser conhecer o Fireworks este o seu cap tulo Uso de atalhos do Photoshop no Fireworks Para tornar mais f cil a transi o entre os dois aplicativos voc pode configurar o Fireworks para usar os
359. omo o CorelDRAW suporta um conjunto de recursos diferente do Fireworks essas altera es ocorrem na importa o de arquivos CDR O conte do da p gina principal repetido em cada moldura do Fireworks Apenas os dois objetos finais de uma mistura do CorelDRAW s o importados Os objetos s o agrupados ap s a importa o Dimens es converte em objetos vetoriais texto b sico importado A maioria dos par metros de caracteres e par grafos n o suportada Cores s o convertidas para RGB Para abrir arquivos do FreeHand Illustrator ou CorelDRAW 1 Selecione Arquivo gt Abrir 2 Escolha as op es desejadas na caixa de di logo Op es de arquivo vetorial Escala ho Lagura tt2 Ps O Atua s Ps S E foero Suaviza o de serrilhado V Tragados W Texto susviza o l m Convers o de arquivo abri uma p gina P gina 1 lembrarcamadas O E T Incluir camadas invis veis Incluir camadas de fundo Renderizar como imagens IV agrupar em fao objetos M Mesclarem zo etapas IV Preencher lado a lado sobre zo objetos Cancelar Escala especifica a porcentagem de escala para o arquivo importado Largura e Altura especificam em pixels a largura e a altura do arquivo importado Resolu o especifica a resolu o do arquivo importado Suaviza o de serrilhado suaviza objetos importados para evitar bordas serrilhadas Nota Para alterar objetos se
360. onagem tamb m til para criar efeitos interessantes como duplicar o rosto de uma pessoa ou tra os faciais peculiares Para clonar partes de uma imagem de bitmap 1 Clique duas vezes na ferramenta Carimbo 2 No painel Op es da ferramenta selecione uma op o Origem Fixo trava o ponteiro de origem o c rculo azul em uma rea espec fica da imagem de modo que voc possa duplicar a rea mais de uma vez O ponteiro do carimbo se move independentemente do ponteiro de origem circular Alinhado destrava o ponteiro de origem de modo que voc pode duplicar reas diferentes da imagem Os dois ponteiros se movem juntos af Op es a Origem alinhado Exemplo Imagem oo n l te z 3 Selecione uma op o Exemplo Imagem permite clonar apenas da imagem selecionada Documento permite clonar qualquer rea do documento inclusive qualquer objeto de tra ado existente 4 Arraste o controle deslizante do menu pop up Tamanho do carimbo para definir o tamanho do Carimbo 5 Na visualiza o Suavidade da borda arraste o controle deslizante para ajustar a suavidade da borda da ferramenta Carimbo 6 Mova o ponteiro para a rea que deseja clonar e clique 7 Mova o ponteiro do Carimbo para a rea onde deseja colocar o clone e clique novamente Nota Para reposicionar o ponteiro de origem mantenha pressionada a tecla Alt Windows ou Option Macintosh enquanto clica com a ferramenta Carimbo
361. ono 250 sobreposi o de fatias 249 usar espa ador 326 usar ninhos de tabelas 326 usar sobreposi o de fatias 298 fazer novo exemplo aumentar a resolu o 79 objetos bitmap 78 objetos vetoriais 78 reduzir a resolu o 78 ferramenta Caneta 105 Caneta adicionar pontos 111 Caneta continuar o tra ado 110 Caneta excluir pontos 111 Caneta segmentos curvos 106 Caneta segmentos retos 106 Elipse 101 Exportar rea 324 Faca 116 Fatia 248 Fatia poligonal 248 L pis 103 Linha 101 Pincel 104 pol gono 102 Pol gono estrelas 103 Redesenhar tra ado 116 400 ndice remissivo Ret ngulo 101 Ret ngulo arredondado 101 Selecionar secund rio unir automaticamente tra ados 110 texto 138 Transforma o de distor o 94 Transforma o de escala 92 Transforma o de inclina o 93 ferramentas alterar cor de tra o 162 alterar op es 53 em painel Ferramentas 52 escolher 51 escolher ferramentas alternativas 52 exibir 51 painel Ferramentas 51 Transforma o de distor o 94 Transforma o de escala 92 Transforma o de inclina o 93 Transformar 90 ferramentas de transforma o ferramenta Transforma o de escala 92 ferramenta Transforma o de inclina o 93 filtros aplicar como efeitos 190 como Efeitos ao vivo 175 Fireworks Ajuda 18 ambiente de trabalho 50 Centro de suporte 19 configurar 57 converter bot es do Fireworks 239 definir prefer ncias 57 fluxo de trabalho 49 grupo
362. ores atuais de preenchimento ou tra o Siga uma das seguintes op es Para RGB ou outros valores de cores de sistema procure no Misturador de cores Para o valor hexadecimal procure em qualquer janela pop up de caixa de cores Por padr o os valores RGB da cor aparecem no painel Informa es e o Misturador de cores e seu valor hexadecimal aparecem na janela pop up da caixa de cores No entanto voc pode alterar o valor exibido no Misturador de cores ou no painel Informa es a qualquer momento Para exibir informa es de cores para um modelo de cores alternativo Escolha um outro modelo de cores no menu pop up Op es do painel Informa es ou do Misturador de cores Aplica o de tra os Voc pode alterar os atributos de tra o das ferramentas Caneta L pis e Pincel para que o pr ximo objeto que desenhar apresente os novos atributos ou voc pode aplicar atributos de tra o a um objeto depois de desenh lo Voc pode aplicar tra os apenas a objetos de texto ou vetores Aplica o de cores tra os e preenchimentos 161 162 Cap tulo 8 A cor atual do tra o aparece na caixa de cores de tra o no painel Ferramentas Use o painel Ferramentas para alterar a cor de tra o de uma ferramenta de desenho O cone pincel indica a caixa de cores de tra o no painel Ferramentas Voc tamb m pode alterar a cor do tra o assim como outros atributos de tra o no painel Tra o H uma variedade de pontas de pin
363. orks abra as imagens a partir da janela do documento Dreamweaver 344 Cap tulo 19 Edi o de tabelas do Fireworks Quando voc inicia e edita uma fatia de imagem que parte de uma tabela colocada do Fireworks o Dreamweaver automaticamente inicia o arquivo PNG de origem para toda a tabela Para iniciar e editar uma tabela do Fireworks colocada no Dreamweaver 1 No Dreamweaver selecione Janela gt Propriedades para abrir o Inspetor de propriedades se necess rio Siga uma das seguintes op es Clique dentro da tabela e clique na tag TABLE na barra de status para selecionar toda a tabela O Inspetor de propriedades identifica a sele o como uma tabela do Fireworks e exibe o nome do arquivo PNG de origem conhecido para a tabela Em seguida clique em Editar no Inspetor de propriedades Clique no canto superior esquerdo da tabela para selecion la e em seguida clique em Editar no Inspetor de propriedades Selecione a fatia de tabela desejada e clique em editar no Inspetor de propriedades Mantenha pressionada a tecla Control Windows ou Command Macintosh e clique duas vezes na imagem que deseja editar Clique com o bot o direito do mouse Windows ou clique com Control Macintosh na tabela desejada e selecione Editar com Fireworks 4 no menu de contexto O Dreamweaver inicia o Fireworks se este ainda n o estiver aberto O arquivo de origem PNG para toda a tabela aparece na janela do documento No Firewor
364. ortar Os s mbolos importados ser o exibidos no painel Biblioteca com a palavra importado ao lado do tipo de arquivo 3 Bot o vermelho Bot o importado 10 31 00 13 54 36 E Logomarca Pequena Gr fico importado 10431400 13 55 11 E Logomarca Grande Gr fico importado 10 31 00 13 54 57 E quadro Gr fico importado 2 Para atualizar um s mbolo importado de outro documento 1 No documento original modifique o s mbolo e salve o arquivo 2 No documento para o qual o s mbolo foi importado selecione o s mbolo no painel Biblioteca 3 No painel Biblioteca selecione Atualizar no menu pop up Op es Nota Para atualizar todos os s mbolos importados selecione todos os s mbolos no painel Biblioteca e escolha Atualizar Sobre o painel URL A atribui o de um URL a um objeto da Web cria um v nculo com um arquivo Esse arquivo pode ser uma p gina da Web Voc pode atribuir URLs a pontos ativos bot es e objetos de fatia Se voc pretender usar os mesmos URLs diversas vezes crie uma biblioteca de URLs no painel URL para armazenar os URLs Use o painel URL para adicionar editar e organizar seus URLs Por exemplo se o seu site na Web contiver v rios bot es de navega o para retornar sua p gina principal adicione o URL de sua p gina principal ao painel URL A seguir atribua este URL a cada bot o de navega o selecionando o na biblioteca de URLs Use Localizar e substituir para alterar um URL em
365. os Limpar exemplos Cubos coloridos D grad Sistema Windows Sistema Macintosh Tons de cinza Classificar por cor Menu pop up Op es do painel Exemplos Para escolher um grupo de exemplos Escolha um grupo de exemplo no menu pop up Op es no painel Exemplos Para escolher um grupo de exemplos personalizado 1 Escolha Substituir Exemplos no menu pop up Op es do painel Exemplos 2 Navegue at a pasta e escolha um arquivo 3 Clique em Abrir Os exemplos de cores no grupo de exemplos personalizado substituem os exemplos anteriores Nota Para informa es sobre cria o de um grupo de exemplos personalizado consulte Otimiza o de paletas de cores na p gina 308 Para anexar um grupo de exemplos aos exemplos atuais no painel Exemplos 1 Escolha Adicionar Exemplos no menu pop up Op es do painel Exemplos 2 Navegue at a pasta escolha um arquivo de grupo de exemplos e clique em OK O Fireworks adiciona exemplos de arquivos Photoshop ACT ou GIF Os novos exemplos s o anexados ao final dos exemplos atuais Para salvar um grupo de exemplos de cores personalizadas 1 Escolha Salvar Exemplos no menu pop up Op es no painel Exemplos 2 D um nome ao novo grupo de exemplos e em seguida clique em Salvar Cria o de cores Crie suas pr prias cores e aplique as a objetos ao painel Exemplos ou use as para fazer um novo grupo de exemplos Voc pode criar cores usando o Misturador de cores ou us
366. os Para alterar a escala ou girar objetos selecionados por valores espec ficos 1 Selecione Modificar gt Transformar gt Transforma o num rica A caixa de di logo Transforma o num rica aberta 2 Selecione no menu pop up o tipo de transforma o a ser executada na sele o atual Escala e Redimensionar e Girar 3 Selecione Limitar propor es para manter proporcional o tamanho horizontal e vertical ao colocar em escala ou redimensionar uma sele o 4 Selecione Atributos de escala para transformar o preenchimento o tra o e os efeitos do objeto junto com ele Desselecione Atributos de escala para transformar apenas o tra ado 5 Digite valores num ricos para transformar a sele o e clique em OK Organiza o de objetos Ao trabalhar com v rios objetos dentro de um nico documento voc pode usar v rias t cnicas para organizar o documento e Agrupe objetos individuais para que possa trat los como um nico objeto ou proteger a rela o de cada objeto com os outros objetos do grupo Voc pode organizar objetos atr s ou na frente de outros objetos O modo de organiza o dos objetos chamado de ordem de empilhamento Voc pode alinhar objetos selecionados em uma rea da tela no eixo vertical ou horizontal Como agrupar objetos Voc pode agrupar objetos individuais selecionados e em seguida manipul los como se fossem um nico objeto Por exemplo ap s desenhar as p talas de
367. os passando pelos objetos um a um at selecionar o objeto desejado Nota Voc tamb m pode selecionar um objeto de dif cil acesso clicando na sua exibi o em miniatura no painel Camadas Trabalho com objetos 87 88 Cap tulo 4 Uso do painel Camadas para selecionar objetos O painel Camadas cont m uma miniatura nomeada de cada objeto em cada camada de um documento Cada objeto est relacionado no painel Camadas sob a camada em que estiver localizado Quando um objeto for selecionado aparece um pequeno indicador de sele o azul direita do nome da camada no painel Camadas Para selecionar um objeto no painel Camadas Clique na miniatura ou no nome do objeto Para mover objetos selecionados de uma camada para outra Arraste uma exibi o de miniatura do objeto para outro nome de camada no painel Camadas Arraste o pequeno indicador de sele o azul de uma camada para outra no painel Camadas Modifica o de uma sele o Ap s selecionar um nico objeto voc pode adicionar objetos sele o e desselecionar objetos selecionados poss vel selecionar ou desselecionar tudo em todas as camadas dentro de um documento escolhendo um nico comando Voc pode ocultar o caminho de sele o para que possa editar um objeto selecionado enquanto visualiza como ele aparecer na Web ou impresso Para adicionar a uma sele o Mantenha pressionada a tecla Shift enquanto clica em objetos adicionais com a
368. os substituindo os pixels inteiramente com uma determinada cor ou mesclando uma cor em um objeto existente Quando mesclar cores a cor adicionada no topo do objeto Mesclar uma cor em um objeto existente funciona de forma semelhante ao filtro Matiz Satura o entretanto permite aplicar rapidamente uma cor espec fica a partir de um painel de exemplo de cores Para adicionar um efeito de Preenchimento colorido a um objeto ou rea selecionada de pixels 1 No menu pop up Efeito do painel Efeito selecione Ajustar cor gt Preenchimento de cor 2 Selecione um modo de mesclagem O padr o Normal Para obter informa es sobre cada modo de mesclagem consulte Sobre modos de mesclagem na p gina 211 3 Selecione uma cor de preenchimento no menu pop up da caixa de cor 4 Selecione uma porcentagem de opacidade para a cor de preenchimento e pressione Enter Ajuste do matiz e da satura o Voc pode usar Matiz Satura o para ajustar a cor a pureza da cor conhecida como satura o e a luminosidade da cor em uma imagem Para ajustar a matiz ou satura o 1 Selecione a imagem no modo vetorial ou no modo bitmap 2 Abra a caixa de di logo Matiz Satura o Selecione Ajustar cor gt Matiz Satura o no menu pop up Efeito do painel Efeito Selecione Xtras gt Ajustar Cor gt Matiz Satura o Matiz Satura o x Mai fo 4 Cancelar Satura o fo Luminosidade 0 Colorir Iv Nisualizar
369. os gr ficos v rias vezes uma vez para cada script Registro de Projeto O Registro de projeto ajuda a rastrear e controlar as altera es feitas em m ltiplos arquivos quando for usado Localizar e substituir ou no processo em lote Os documentos alterados por Localizar e substituir s o gravados no Registro de projeto jm Dscf0002 gif Bm 8m Dsct0003 gif EF E Dscf0005 gif l Dscf0006 gif C E Dscf0008 gif Dsct0009 gif Gerenciamento de pesquisas com o Registro de projeto Use o Registro de projeto para navegar pelos arquivos selecionados exportar arquivos selecionados utilizando suas ltimas configura es de exporta o ou selecione arquivos para serem processados em lote O Registro de projeto grava cada documento alterado e exibe a moldura do documento que cont m a altera o assim como a data e hora da altera o Adicione arquivos manualmente ao Registro de projeto para reter os arquivos que planeja editar com mais freq ncia Para adicionar arquivos manualmente ao Registro de projeto 1 Selecione Janela gt Registro de projeto 2 Selecione Adicionar arquivos no menu pop up Op es do Registro de projeto e navegue at o arquivo que deseja adicionar 3 Selecione o arquivo e clique em Adicionar Para abrir arquivos listados no Registro de projeto Clique duas vezes em um arquivo nomeado no Registro de projeto Para remover uma entrada do Registro de projeto Selecione uma ou
370. os transparentes CAP TULO 18 Exporta o Depois de criar gr ficos no Fireworks voc pode facilmente otimiz los e export los em formatos comuns da Web al m de formatos aplicativo vetorial As configura es de exporta o e otimiza o n o alteram o documento original do Fireworks Antes de exportar para a Web otimize o arquivo a ser exportado Para obter mais informa es consulte Como otimizar na rea de trabalho na p gina 296 Se voc deseja otimizar como parte do processo de exporta o a caixa de di logo Visualizar exporta o fornece todas as op es de otimiza o exceto compacta o JPEG seletiva Visualizar exporta o exibe as altera es feitas de forma que voc possa ver como as altera es afetam a qualidade da imagem e o tamanho do arquivo Se voc n o estiver familiarizado com otimiza o e exporta o de gr ficos da Web use o Assistente de exporta o O assistente o orienta pelo processo de exporta o e sugere configura es Voc pode exportar gr ficos de outros aplicativos vetoriais como Macromedia FreeHand e Flash e Adobe Illustrator e Photoshop Al m disso voc pode copiar e colar tra ados do Fireworks em aplicativos vetoriais 317 318 Cap tulo 18 Exporta o de imagem Use Arquivo gt Exportar se tiver conclu do a otimiza o do gr fico na rea de trabalho Esse procedimento desvia Visualizar Exporta o e abre a caixa de di logo Exportar Saare
371. ostrar tamanho amp cor DK Cancelar Para visualizar texto no tamanho padr o Desselecione Mostrar tamanho amp cor no Editor de Texto J W Mostrar fonte T Mostrar tamanho amp cor OK Cancelar Para alterar a fonte o tamanho do tipo e o estilo usando o Editor de Texto 1 No Editor de Texto realce os caracteres que deseja alterar 2 Para alterar a fonte escolha uma fonte no menu pop up fontes Eo E PAT 3 Para alterar o tamanho do tipo escolha um tamanho no menu pop up tamanho 4 Para aplicar um estilo Negrito It lico ou Sublinhado clique no bot o de estilo correspondente 5 Clique em OK Para alterar a fonte o tamanho do tipo e estilo usando o menu Texto 1 Selecione o s bloco s de texto Voc pode alterar os atributos de mais de um bloco de texto ao mesmo tempo mantendo a tecla Shift pressionada enquanto seleciona blocos de texto 2 Para alterar a fonte selecione Texto gt Fonte e escolha uma fonte no submenu 3 Para alterar o tamanho do tipo selecione Texto gt Tamanho e escolha um tamanho no submenu 4 Para alterar o estilo selecione Texto gt Estilo e escolha um estilo no submenu Defini o de deslocamento de linha de base e entrelinhamento O deslocamento da linha de base determina o grau de proximidade que o texto ficar acima abaixo ou sobre sua linha de base natural Use o deslocamento da linha de base para criar caracteres subscritos e sobrescritos O ent
372. ot es 236 Inser o de bot es da biblioteca lt lt 4 44 44 44 237 Importa o de c pia de s mbolo de bot o para o documento AQUA ae oras on RARA A NC 237 Inser o de bot o da Biblioteca lt 44444444 44 4 237 Importa o de s mbolo de bot o pr instalado 237 Cria o de barra de navega o com bot es 4 238 Convers o de rollovers do Fireworks em bot es 239 Inser o de bot o a partir de origem externa 239 CAP TULO 14 Pontos ativos TaS riss resies renis iiith 241 Cria o de pontos ativos e mapas de imagens a s ni suriru 241 Atribui o de URLs a pontos ativos lt 444444 243 Organiza o de URLs com o painel URL 243 Especifica o de texto alternativo 44444 44 244 Sele o de uma op o Alvo icciicciiiicsi cics 244 Altera o de pontos ativos 44444 444444444444 244 ndice 9 10 ndice Aplica o de comportamentos arrastar e soltar a pontos ativos 245 Exporta o de mapas de imagem 4444 444 246 Sobre fatiamento 4 444444444 EA A 247 Otimiza o de uma imagem 4 440400000 247 Atribui o de interatividade a reas de seu documento 247 Cria o defatias 215338304 eairt h ena est E a 247 Sobreposi o de fatias 444444 4444444444
373. otimiza o est o na rea de trabalho No entanto voc tamb m pode otimizar a imagem antes de exportar escolhendo Arquivo gt Visualizar exporta o Para obter mais informa es consulte Otimiza o e visualiza o durante a exporta o na p gina 321 Voc pode escolher configura es de otimiza o comuns para definir rapidamente um formato de arquivo e aplicar v rias configura es espec ficas de formato Voc pode ajustar as configura es predefinidas Se precisar de controle mais preciso de otimiza o que o oferecido nas predefini es voc pode criar configura es personalizadas de otimiza o usando o painel Otimizar Para escolher uma otimiza o predefinida Selecione uma configura o no pop up Configura es do painel Otimizar menu GIF Web 216 GIF WebSnap 256 GIF WebSnap 128 GIFAdaptive256 JPEG Melhor qualidade JPEG Arquivo menor As seguintes op es predefinidas est o dispon veis GIF Web 216 for a todas as cores para cores Websafe A paleta de cores cont m at 216 cores Consulte Defini o de cores Websafe na p gina 312 GIF WebSnap 256 converte cores n o Websafe em cores Websafe mais pr ximas A paleta de cores cont m at um m ximo de 256 GIF WebSnap 128 converte cores n o Websafe em cores Websafe mais pr ximas A paleta de cores cont m 128 cores GIF Adaptive 256 uma paleta de cores que cont m apenas as cores reais usadas no gr fi
374. ou usar sua criatividade usando imagens gr ficas para seus itens do menu pop up De qualquer forma o comando Menu pop up facilita ao m ximo qualquer tarefa muito dif cil Podem ser usadas as mesmas fam lias de fontes do Dreamweaver Para obter mais informa es consulte Cria o de rollovers na p gina 261 Melhorias no Mascaramento e nos pain is Camadas e Molduras O novo painel Camadas exibe uma visualiza o em miniatura dos objetos de cada camada incluindo fatias e pontos ativos da Camada da Web Para criar uma m scara vetorial ou de bitmap no painel Camadas use miniaturas e o bot o Adicionar m scara ou ent o a tradicional t cnica Colar em R pida e facilmente voc poder selecionar nomear mover e excluir objetos individuais direto do painel Camadas No painel Camadas ao arrastar para baixo as colunas ocultar exibir e bloquear desbloquear voc poder ocultar exibir bloquear ou desbloquear v rias camadas As configura es dos modos de opacidade e mesclagem encontram se em um local intuitivo do painel Camadas No painel Molduras nomes individuais podem ser atribu dos s molduras para melhor administr las em rollovers e anima es e para importar camadas como molduras Consulte Camadas e mascaramento na p gina 199 e Cria o de anima o na p gina 279 Op es de exporta o e importa o reorganizadas e ampliadas A caixa de di logo Exportar do Fireworks 4 est mais f cil d
375. painel Otimizar selecione Transpar ncia do ndice no menu pop up Transpar ncia na base do painel A cor da tela se torna transparente na visualiza o Para escolher uma cor diferente clique no bot o Definir transpar ncia O ponteiro se torna o ponteiro conta gotas Escolha a cor para tornar transparente Clique em um exemplo de cor no painel Tabela de cores Clique em uma cor no documento Para mais informa es sobre janelas de Visualiza o o painel Otimizar e o G J painel Tabela de cores consulte Como otimizar na rea de trabalho na p gina 296 Para adicionar ou remover cores da rea transparente 1 2 3 Clique em Visualiza o 2 para cima ou 4 para cima Em 2 para cima ou 4 para cima clique em uma visualiza o diferente da original No painel Otimizar clique no bot o Adicionar transpar ncia ou Remover da transpar ncia Bot o Adicionar transpar ncia Bot o Remover da transpar ncia Escolha outra cor para tornar transparente ou remover a transpar ncia Clique em um exemplo de cor no painel Tabela de cores Clique em uma cor na visualiza o Suaviza o de serrilhado para igualar a cor de fundo alvo A suaviza o de serrilhado faz com que um objeto apare a mais suave misturando a cor do objeto na cor da tela Por exemplo se o objeto preto e a tela branca a suaviza o de serrilhado adiciona v rios tons de cinza nos pixels que contornam a borda do objeto p
376. para definir o kerning Para desabilitar o kerning autom tico No Editor de Texto desselecione Kern autom tico I Kem auto Para definir o kerning 1 Selecione os caracteres no Editor de Texto Para definir o kern de dois caracteres clique entre eles Para kerning da faixa realce os caracteres que deseja alterar 2 Digite um valor de kerning AM nz Zero representa kerning normal Valores positivos distanciam as letras Valores negativos aproximam as letras Defini o de dire o e orienta o A dire o do texto ou fluxo do texto determina se o texto flui da direita para a esquerda ou da esquerda para a direita Por padr o o texto flui da esquerda para a direita Fireworks skroweriF Texto fluindo da esquerda para a direita e da direita para a esquerda A orienta o do texto determina se o bloco de texto est orientado horizontalmente ou verticalmente Por padr o o texto orientado horizontalmente Fireworks nax z080 m Orienta o horizontal e vertical Uso detexto 143 144 Cap tulo 7 Use o Editor de Texto para definir a dire o e orienta o do texto Essas configura es se aplicam apenas a blocos de texto inteiros m l Bot es de orienta o alinhamento e dire o de texto no Editor de Texto Para definir a orienta o usando o Editor de Texto Clique no bot o Texto horizontal ou Texto vertical Para definir a orienta o de texto selecionado
377. portada com um documento Ela meramente uma ferramenta de desenho Para mostrar e ocultar a grade Selecione Exibir gt Grade gt Mostrar Grade Para alinhar objetos pela grade Selecione Exibir gt Grade gt Alinhar grade Configura o de documento do Fireworks 83 Para alterar a cor da grade 1 Selecione Exibir gt Grade gt Editar Grade 2 Na janela pop up da caixa de cores selecione a nova cor da grade e clique em Para alterar o tamanho das c lulas da grade 1 Selecione Exibir gt Grade gt Editar Grade 2 Digite os valores apropriados nos campos de espa amento horizontal e vertical e clique em OK 84 Cap tulo 3 CAP TULO 4 Trabalho com objetos medida que voc trabalhar em modo vetorial no Fireworks ser necess rio manipular objetos vetoriais blocos de texto s mbolos fatias e pontos ativos e gr ficos bitmap Para fazer qualquer coisa com um objeto existente no modo vetorial necess rio selecion lo primeiro Uma vez selecionado um objeto voc pode mov lo copi lo exclu lo ou edit lo Al m disso voc pode usar as ferramentas de transforma o para girar dimensionar e inclinar objetos no modo vetorial sem perder a qualidade da resolu o Em documentos com objetos m ltiplos voc pode organizar os objetos empilhando os agrupando os e alinhando os Sele o de objetos no modo vetorial O Fireworks tem v rias ferramentas para selecionar objetos vetoriais Voc t
378. pos de efeitos e permite especificar o tipo de evento como clicar que aciona os efeitos O painel Comportamentos tamb m d mais flexibilidade na edi o de comportamentos existentes Para anexar um comportamento a uma fatia ou ponto ativo selecionado utilizando o painel Comportamentos 1 Clique no bot o Adicionar a o no painel Comportamentos Adicione um comportamento Remova um comportamento selecionado Compo tamentos 2 Selecione o comportamento no menu pop up Adicionar a o Estes comportamentos est o dispon veis Rollover simples cria um rollover usando a Moldura 1 como o estado Acima e a Moldura 2 como o estado Sobre Depois que selecionar este comportamento Cria o de rollovers 263 voc tem que criar uma imagem em uma segunda moldura usando a mesma fatia para criar o estado Sobre A op o Rollover simples na verdade um grupo de comportamentos que cont m Trocar imagem e Restaurar troca de imagem Trocar imagem substitui a imagem na fatia especificada pelo conte do de outra moldura embaixo da fatia ou o conte do de um arquivo externo Restaurar troca de imagem restaura o rollover para sua apar ncia padr o na Moldura 1 Definir imagem da barra de navegac odefine uma fatia como sendo parte de uma barra de navega o Cada fatia que fa a parte da barra de navega o deve ter este comportamento op o Definir imagem da barra de navega o na verdade um grupo
379. pt ele ser colocado entre as tags lt SCRIPT gt e lt SCRIPT gt Todos os coment rios HTML come am com lt e terminam com gt Qualquer coisa entre estes dois marcadores n o interpretada como c digo HTML ou JavaScript Depois que tiver selecionado Incluir coment rios HTML o HTML que deve ser copiado indicado usando os seguintes comandos lt COMECE A COPIAR O HTML AQUI gt lt PARE DE COPIAR O HTML AQUI gt Como insiro um bot o em um arquivo HTML Os bot es s o escritos em JavaScript No HT ML procure o c digo ente as tags lt SCRIPT gt e lt SCRIPT gt e copie e cole isto no arquivo HTML de destino Para inserir um bot o individual voc pode achar mais f cil criar um documento Fireworks separado para um bot o Quando voc exportar o documento o HTML ser mais simples pois conter apenas o c digo para aquele bot o Como insiro fatias em um arquivo HTML Fatias s o imagens exportadas A tabela HTML define HTML para remontar as fatias Cole toda a se o lt TABLE gt incluindo as tags onde voc deseja que o gr fico fatiado apare a na p gina Cole qualquer se o lt MAP gt imediatamente ap s a tag lt TABLE gt do gr fico fatiado O que preciso saber sobre JavaScript para col lo em um arquivo HTML O JavaScript aparece ente as tags lt SCRIPT gt e lt SCRIPT gt no HTML exportado Copie as tags lt SCRIPT gt e lt SCRIPT gt assim como o c digo
380. qualquer uma das seguintes propriedades Molduras o n mero de molduras que voc deseja incluir na anima o Embora o controle deslizante permita apenas definir um m ximo de 250 voc pode usar o campo de edi o para digitar qualquer n mero que queira O padr o 5 Mover a dist ncia em pixels que voc deseja que cada objeto se mova Os valores poss veis v o de 0 a 250 pixels O padr o 72 Dire o a dire o em graus em que voc deseja que o objeto se mova Os valores poss veis v o de O a 360 graus Nota Voc tamb m pode alterar os valores de Movimento e Dire o arrastando as al as do objeto de anima o Consulte Edi o de caminhos de movimento de s mbolo na p gina 284 Dimensionar para a porcentagem de altera o do tamanho do come o ao fim Os valores poss veis v o de 0 a 250 O padr o 100 Opacidade o grau de escurecimento ou clareamento do come o ao fim Os valores poss veis v o de 0 a 100 O padr o 100 Girar a quantidade em graus que o s mbolo roda do come o ao fim Os valores poss veis v o de O a 360 graus Voc pode digitar valores maiores para mais de uma rota o O padr o O graus Direita e Esquerda s o a dire o em que o objeto roda Direita indica rota o em sentido hor rio e Esquerda indica rota o em sentido anti hor rio Para remover um s mbolo da Biblioteca 1 No painel Biblioteca selecione o s mbolo de anima o q
381. que define as op es para o documento atual como por exemplo nomea o manual ou autom tica de fatias A caixa de di logo Configura o do HTML permite controlar de modo preciso as muitas vari veis de sa da de HTML JavaScript M e imagem Ao personalizar a configura o e as vari veis de exporta o voc poder ajustar a sa da do Fireworks de acordo com m todos espec ficos de trabalho diretrizes de estilo e requisitos do aplicativo do servidor O programa permite especificar o estilo do HTML gen rico Dreamweaver GoLiveTM FrontPage ou personalizado e as extens es htm html H TML asp jsp php shtml ou personalizado Voc pode incluir coment rios do HT ML for ar todos os nomes de arquivos para min sculas e definir um estilo de espa ador nenhum transparente de 1 pixel ou de imagem A cor e o conte do da c lula podem ter a defini o vazio Os usu rios do Macintosh podem definir as configura es de Arquivo e Criador para os arquivos exportados O Fireworks 4 simplifica a tarefa de definir uma conven o para a nomea o de fatias Voc pode selecionar cada uma das partes de sua conven o de nomes a partir de uma s rie de menus pop up na guia Espec fico do documento da caixa de di logo Configura o do HTML Melhorias de texto O Fireworks 4 mant m registros da cor do texto e do preenchimento de modo independente Ao selecionar uma cor para o texto o Fireworks continua usando a
382. que em OK Cria o de uma sele o flutuante de pixels Quando voc desenha uma moldura de caixa de sele o e a arrasta para uma outra posi o os pixels dentro da sele o n o se movem com a moldura Para editar mover recortar ou copiar uma sele o de pixels primeiro transforme os pixels em uma sele o flutuante Para criar uma sele o flutuante de pixels Depois de desenhar uma moldura de caixa de sele o arraste a com a ferramenta Ponteiro Voc pode mover uma sele o flutuante para qualquer ponto dentro da borda listrada Quando voc seleciona outros pixels ou sai do modo Bitmap os pixels s o colocados permanentemente na nova posi o Pintura no modo Bitmap Para criar imagens de bitmap abra ou importe as mesmas desenhe e pinte no modo Bitmap ou converta objetos vetoriais em objetos bitmap Para obter informa es sobre importa o de imagens consulte Inser o de objeto em um documento do Fireworks na p gina 71 No Fireworks um arquivo de imagem de bitmap como um JPEG abre no modo Bitmap Voc pode converter objetos vetoriais selecionados em um nico objeto bitmap Voc tamb m pode converter qualquer n mero de objetos bitmap selecionados em um nico objeto bitmap convers o de vetor para bitmap tecnicamente irrevers vel exceto quando Editar gt Desfazer ou desfazer a es no painel Hist rico ainda for uma op o Imagens de bitmap n o podem ser convertidas em objetos
383. que usam uma paleta adaptativa da Web de at 256 cores JPEG Melhor qualidade cria miniaturas JPEG com qualidade relativamente maior e tamanhos de arquivo maiores JPEG Arquivo menor cria miniaturas JPEG com qualidade relativamente menor e tamanhos de arquivo menores Selecione um formato para imagens de tamanho maior a partir do menu pop up Formato da fotografia Uma imagem de tamanho maior do formato especificado criada para cada uma das imagens originais Voc pode especificar um formato para as imagens de tamanho maior diferente do formato especificado para as miniaturas Nota O comando Criar lbum de fotografias na Web n o permite usar os arquivos de imagem originais como as imagens de tamanho maior porque os formatos originais de imagem diferentes de GIF e JPEG podem n o ser exibidos adequadamente em todos os navegadores Note que se as imagens originais forem arquivos JPEG as imagens de tamanho maior geradas podem ter tamanho de arquivo maior ou menor qualidade que os arquivos originais Selecione uma Porcentagem de escala para as imagens de tamanho maior Definir Escala como 100 cria imagens de tamanho maior do mesmo tamanho que as originais Note que a porcentagem de escala aplicada a todas as imagens se as imagens originais n o forem todas do mesmo tamanho coloc las em escala pela mesma porcentagem pode n o produzir os resultados desejados Selecione criar p gina de navega o para cada fotografia para
384. querda do painel Hist rico Etapas desfeitas permanecem no painel Hist rico real adas em cinza Para alterar o n mero de etapas no painel Hist rico 1 Escolha Editar gt Prefer ncias 2 Altere o n mero de Desfazer etapas para o n mero de a es que deseja que o painel Hist rico grave Nota Etapas adicionais requerem mais mem ria do computador Para limpar todas as etapas do painel Hist rico Selecione Limpar hist rico no menu pop up Op es do painel Hist rico para liberar mem ria e espa o em disco Limpar a es do painel Hist rico remove a possibilidade de Desfazer edi es Para salvar etapas como um comando 1 Selecione as etapas a salvar como um comando e Clique em uma etapa e em seguida pressione a tecla Shift e clique em outra etapa para selecionar uma faixa de etapas a serem salvas como um comando e Clique em Control Windows ou clique em Command Macintosh para selecionar etapas n o cont guas 2 Clique no bot o Salvar na parte inferior do painel Hist rico 3 Digite um nome para o comando e clique em OK O comando aparece no menu Comandos Execu o de etapas ou comandos Voc pode executar comandos gravados ou uma sele o de a es no painel Hist rico a qualquer momento Automatiza o de tarefas repetitivas 369 370 Cap tulo 20 Para reproduzir um comando salvo 1 Se necess rio selecione um ou mais objetos 2 Selecione o comando no menu Comandos Para reproduzir um
385. quivos Se esta n o for uma pasta Biblioteca a caixa de di logo Selecionar pasta aparece onde poss vel criar ou localizar a pasta Seleciona a pasta e clique em Abrir 4 Se a imagem contiver fatias selecione as op es de fatiamento Para obter mais informa es consulte Exporta o de fatia na p gina 325 5 Selecione Colocar imagens na sub pasta para escolher uma pasta separada para salvar imagens 6 Clique em Salvar Exporta o para Director Combine a for a do Fireworks e Director O Fireworks agora permite exportar gr ficos para o 7 e 8 e reimportar gr ficos do Director para o Fireworks O processo de exporta o preserva os comportamentos e fatias do gr fico Exporte com seguran a imagens fatiadas com rollovers e at mesmo imaens em camadas Isso permite que os usu rios do Director tirem vantagem das ferramentas de otimiza o e projeto gr fico do Fireworks sem comprometer a qualidade Para exportar um gr fico para o Director 1 Selecione Arquivo gt Exportar 2 Selecione Director no menu pop up Salvar como 3 Selecione uma op o no menu pop up Origem Camadas do Fireworks exporta cada camada no documento Fatias do Fireworks exporta as fatias no documento 4 Selecione Aparar imagens para recortar automaticamente as imagens exportadas para adequar os objetos em cada moldura 5 Selecione Colocar imagens na sub pasta para escolher uma pasta para imagens 6 Na caixa de di logo Exportar digi
386. r o ou a apar ncia em repouso do bot o O estado Sobre como o bot o aparece quando o ponteiro movido sobre ele em um navegador da Web O estado Abaixo a apar ncia do bot o depois de ter sido clicado normalmente como aparece na p gina de destino da Web Sobre durante o estado Abaixo a apar ncia do bot o quando o ponteiro movido sobre ele enquanto o bot o est no estado Abaixo 229 230 Cap tulo 13 Voc pode criar um novo bot o do in cio ou converter um objeto existente em um bot o O Editor de bot o permite editar todos os estados diferentes incluindo a rea ativa para disparo do bot o uma fatia que o Editor de bot o cria automaticamente V rios bot es na Web t m apenas dois estados Acima e Sobre O estado Sobre o mais til porque alerta os usu rios que o clique no mouse provavelmente resultar em uma a o Os estados Acima e Abaixo comunicam um estado inativo enquanto que Sobre durante o estado Abaixo alerta o usu rio que o clique provavelmente n o ter efeito algum Um bot o criado no Editor de bot o mais do que um rollover do JavaScript Um bot o um tipo especial de s mbolo Voc pode arrastar ocorr ncias dele da biblioteca para o seu documento Para mais informa es sobre s mbolos consulte Sobre s mbolos e ocorr ncias na p gina 220 Um bot o encapsulado Arrastar o bot o no documento move todos os componentes e estados a ele a
387. r a caixa de di logo Exportar 1 Salvar o arquivo e selecionar Arquivo gt Exportar 2 Na caixa de di logo Exportar ir para Tutorial Start Export na pasta do aplicativo Fireworks No campo Nome do arquivo observar que o nome de seu arquivo HTM por padr o ser o mesmo que o nome do arquivo PNG 3 No menu pop up Fatias verificar se Exportar fatias est selecionado Selecionar Exportar fatias garante que os bot es funcionar o no arquivo HTM 4 Selecionar Colocar imagens na sub pasta O Fireworks criar uma sub pasta de imagens dentro da pasta Exportar que conter todas as suas imagens 5 Clicar em Op es e verificar se o Dreamweaver aparece no menu pop up Estilo HTML e em seguida clicar em OK 6 Na caixa de di logo Exportar clicar em Salvar Exibi o de documento exportado em um navegador Os novos arquivos criados durante o processo de exporta o aparecem na pasta Exportar 1 Procurar a pasta TutoriaNIniciarlExportar e abri la 2 Observar que o Fireworks criou o arquivo HTM Se abrir a sub pasta Imagens voc ver que o Fireworks tamb m criou arquivos gr ficos para todos os seus trabalhos de arte Cada fatia no Fireworks exportada como seu pr prio arquivo de imagens separado 3 Da pasta Exportar arrastar o arquivo MyFile htm criado para um navegador da Web aberto 4 No navegador clicar nos bot es adicionados para testar os v nculos e em seguida usar o bot o Voltar do navegador para retornar
388. r aqui compass Importa o da segunda imagem de bitmap Agora na terceira moldura voc importar a imagem de bitmap associada ao bot o Registro de viagem 1 Com a camada Arte de rollover desarticulado selecionada no painel Camadas e a moldura Registro de viagem selecionada no painel Molduras selecionar Arquivo gt Importar 2 Na caixa de di logo Importar ir para TutoriaStartiAssets na pasta do aplicativo Fireworks e clicar duas vezes em Trav Log png 3 Mover o ponteiro de importa o para o mesmo canto em que importou o bitmap anterior e clicar na nova imagem COMPASS Exclus o de pixels com cores semelhantes e adic o de corre o de cor Quando importou a imagem de bitmap associada ao bot o Verificar condi es deve ter observado que as cores s o brilhantes em compara o com as outras cores no seu documento Como a imagem em tons s pia deve ser mais consistente com o trabalho de arte existente voc excluir o espa o em branco no bitmap e em seguida usar corre o de cor para tingir a imagem de s pia A ferramenta Varinha m gica permite excluir uma rea de pixels com cores semelhantes 1 No painel Molduras selecionar a moldura Verificar condi es A camada Arte de rollover desarticulado ainda deve estar selecionada no painel Camadas 2 Clique duas vezes na ferramenta Varinha m gica para abrir o painel Op es da ferramenta 3 Usar o controle deslizante Toler
389. r duas vezes na ocorr ncia de MyButton na tela O Editor de bot o aparece No painel Ferramentas selecionar a ferramenta Texto e clicar do lado esquerdo do bot o no Editor de bot o No Editor de texto selecionar Impact como a fonte 16 pontos como o tamanho da fonte e Alinhamento centralizado Verificar se os atributos de estilo como negrito e it lico n o foram selecionados Usar a caixa de cor de fonte para selecionar uma sombra de laranja ou digitar um valor hexadecimal no campo de edi o O arquivo Final png usa uma sombra de laranja com o valor hexadecimal de FF9900 6 Verificar se Suavizar serrilhado est selecionado no campo N vel de suaviza o de serrilhado e se Kernautom tico est selecionado Suavizar serrilhado suaviza as bordas do texto e o kerning ajusta o espa amento entre certas combina es de letras para melhorar a apar ncia das letras pr ximas entre si 7 Verificar tamb m se a caixa de sele o Aplicar autom tico n o o bot o Aplicar est selecionada para que voc possa exibir o texto no bot o conforme digit lo jme He ml NTs af sto z Afio ako Smooth anti tias I Campo de entrada de texto Caixa de selec o Aplicar autom tico W Mostrar fonte W Mostrar tamanho amp cor ok res 8 No campo de entrada de texto digitar Planejador de aventura e clicar em OK Alinhamento de texto Para alinhar o texto dentro do bot o usar os comandos de me
390. r em pontos diferentes do filme Para mover um objeto selecionado para uma moldura diferente No painel Molduras arraste o quadrado azul direita do tempo de retardo da moldura para a nova moldura Molduras tlll Molduras O gt E i Moldura 1 20 2 Moldura2 3 Moldura 3 4 Moldura 4 5 Moldura 5 Q F Para sempre Cria o de anima o 287 288 Cap tulo 16 Compartilhamento de camadas atrav s de molduras Camadas dividem um documento do Fireworks em planos distintos como camadas separadas de papel vegetal Com anima es voc pode usar camadas para organizar objetos que fa am parte do cen rio ou do pano de fundo da anima o Isto lhe d bastante flexibilidade na escolha de um local e tamanho de um acionador Se deseja que os objetos apare am em toda a anima o voc pode coloc los em uma camada depois usar o painel Camadas para compartilhar a camada atrav s de molduras Voc pode editar objetos em camadas compartilhadas em qualquer moldura estas edi es s o refletidas em todas as outras molduras cms OP E fo Normal X elo Neste exemplo a camada Fundo est compartilhada entre molduras Para compartilhar uma camada entre molduras 1 Clique duas vezes na camada 2 Marque Compartilhar entre molduras Nota Todo o conte do em uma camada compartilhada aparece em cada moldura envolvida no compartilhamento Para desativar o compartilhamento de uma determinada camada entre
391. r o comando ao submenu Modificar gt Comando Para usar o comando personalizado salvo Selecione o nome do comando no submenu Comando Princ pios b sicos do Fireworks 63 64 Cap tulo 2 CAP TULO 3 Configura o de documento do Fireworks Quando selecionar Arquivo gt Novo para criar um novo documento no Fireworks um Portable Network Graphic ou PNG ser o tipo de documento criado PNG o formato de arquivo nativo do Fireworks Depois de criar gr ficos no Fireworks voc pode export los como outros formatos de gr fico da Web como JPEG GIF e GIF animado Quando exportar um gr fico em outro formato de arquivo o arquivo PNG do Fireworks original permanece inalterado assim voc pode us lo v rias vezes Enquanto seu documento PNG estiver aberto voc pode aumentar ou diminuir gr ficos Voc pode alterar o tamanho e resolu o do documento Pode tamb m girar a tela para a direita para acertar uma imagem importada de ponta cabe a ou deitada Alternar a exibi o Gamma mostra qual ser a apar ncia do seu gr fico em monitores Macintosh ou Windows Voc pode abrir arquivos do Photoshop FreeHand Illustrator descompactado do CorelDRAWO WBMP EPS e GIF animados Al m disto voc pode importar imagens a partir de uma c mara digital ou mesa digitalizadora Voc tamb m pode exportar para outros formatos de arquivo Cria o de um novo documento Para criar um gr fico da Web no Fireworks voc deve pr
392. r tudo adiciona todos os arquivos v lidos na pasta selecionada atualmente lista de arquivos no processo em lote Remover remove arquivos ou pastas selecionados da lista de arquivos no processo em lote Selecione Adicionar arquivos de projeto para adicionar todos os arquivos do Registro de projeto Esses arquivos n o aparecer o na lista de arquivos do processo em lote mas ser o inclu dos Selecione Adicionar arquivos abertos atuais para adicionar todos os arquivos abertos atualmente Esses arquivos n o aparecer o na lista de arquivos do processo em lote mas ser o inclu dos 5 Clique em Avan ar Op es de lote Incluir em lote Es hd Exportar Edicione Escala a lt Remover Renomear Localizar e substituir E Comandos Convertto Grayscale gt Localizar e substituir Nenhuma configura o Localizar Alterar para Editar Cancelar e voltar Levana 6 Para adicionar uma tarefa ao lote selecione a na lista Op es de lote e clique em Adicionar Cada tarefa pode ser adicionada apenas uma vez exceto os comandos EI 7 Para reorganizar a lista selecione a tarefa na lista Incluir em lote e clique nos 360 Cap tulo 20 bot es de organizar a acima e abaixo Nota A ordem na qual as tarefas aparecem na lista Incluir no lote a ordem em que as tarefas ser o executadas durante o processo em lote 8 Selecione uma tarefa na lista Incluir em lote
393. r um padr o externo selecione Outro no menu pop up nome do padr o e navegue at um arquivo de padr o O preenchimento com padr o aparecer no objeto selecionado e se tornar a cor de preenchimento ativa Nota Embora o preenchimento com padr o esteja ativo e seja aplicado a objetos desenhados subsequentemente ele n o aparece na caixa de cores de preenchimento no painel Ferramentas no painel Preenchimento nem no Misturador de cores Transforma o e distor o de preenchimentos d grad e com padr o Voc pode mover girar inclinar e alterar a largura do preenchimento d grad ou com padr o de um objeto A sele o de um objeto com um preenchimento d grad ou com padr o usando as ferramentas ponteiro ou Lata de tinta faz com que sejam exibidas al as no objeto ou pr ximas a ele Arraste essas al as para ajustar o preenchimento do objeto Aplica o de cores tra os e preenchimentos 169 170 Cap tulo 8 Use as al as de preenchimento para ajustar interativamente um prenchimento com padr o ou d grad Para mover o preenchimento dentro de um objeto Arraste a al a redonda ou clique em um outro local dentro do preenchimento usando a ferramenta lata de tinta Para girar o preenchimento Arraste as linhas que conectam as al as Para ajustar a largura e a inclina o do preenchimento Arraste uma al a quadrada Defini o de bordas de preenchimento acentuadas com suaviza o de serrilhado ou
394. ra para colar o objeto vetorial como uma m scara no topo da fotografia Todas as reas fora da elipse ser o efetivamente recortadas deixando apenas a parte da figura dentro da elipse Sobre camadas Cada objeto de um documento reside em uma camada Voc pode criar todas as camadas antes de desenhar ou adicionar novas camadas conforme a necessidade A tela est embaixo de todas as camadas mas n o ela mesma uma camada Para obter informa es sobre como trabalhar com a tela consulte Altera o da tela na p gina 76 199 200 Cap tulo 11 Voc pode visualizar a ordem de objetos no painel Camadas Esta a ordem em que eles aparecem no documento O Fireworks empilha as camadas de um documento com base na ordem em que foram criadas inserindo a ltima camada criada no topo da pilha A ordem de empilhamento das camadas determina a forma como os objetos de uma camada se sobrep em aos objetos de outra A ordem das camadas pode ser reorganizada da mesma maneira que a ordem dos objetos de uma nica camada O painel Camadas exibe o estado atual de todas as camadas da moldura atual de um documento O nome da camada ativa real ado Voc pode expandir uma camada para visualizar uma lista de todos os seus objetos Os objetos s o exibidos em miniaturas M scaras tamb m s o mostradas no painel Camadas poss vel criar novas m scaras usando o painel Camadas Selecionar a miniatura da m scara permite edit la Par
395. ra puxar a rea de todos os tra ados selecionados para dentro do c rculo externo do ponteiro de mudan a de forma da rea O c rculo interno do ponteiro o limite da ferramenta em sua intensidade total A rea entre os c rculos interno e externo muda a forma dos tra ados abaixo da intensidade total O c rculo externo do ponteiro determina o movimento gravitacional do ponteiro Voc pode definir a sua intensidade Nota A ferramenta Mudar forma da rea tamb m responde press o de um digitalizador Wacom ou de outro digitalizador compat vel Para distorcer tra ados selecionados 1 Selecione a ferramenta Mudar forma da rea 2 Arraste nos tra ados para redesenh los Trabalho com objetos vetorias 115 116 Cap tulo 5 Para alterar o tamanho do ponteiro da rea com nova forma Para aumentar o tamanho do ponteiro clique e mantenha pressionada a Seta para a direita ou 2 Para diminuir a largura do ponteiro clique e mantenha pressionada a Seta para a esquerda ou 1 Para definir o tamanho do ponteiro e o comprimento do segmento do tra ado afetado digite um valor de 1 a 500 na caixa de texto Tamanho do painel Op es O valor indica o tamanho do ponteiro em pixels Para definir a intensidade do c rculo interno do ponteiro de mudan a de forma da rea Digite um valor de 1 a 100 na caixa de texto Intensidade do painel Op es O valor indica a porcentagem de intensidade potencial do ponteiro Quanto
396. ra reorientar os tra os de pincel Para mover um tra o de pincel dentro ou fora do tra ado selecionado 1 Selecione um bot o Posi o do tra o no painel Objeto Interno Centralizado ou Externo 2 Opcionalmente selecione Desenhar preenchimento sobre o tra o Normalmente o tra o sobrep e o preenchimento Selecionar Desenhar preenchimento sobre tra o desenha o preenchimento sobre o tra o Se voc selecionar esta op o para um objeto com preenchimento opaco qualquer parte do tra o que cair dentro do tra ado ficar obscurecida Um preenchimento com um grau de transpar ncia pode ser tingido ou mesclado com tra os do pincel dentro do caminho Aplica o de preenchimentos Voc pode alterar os atributos de preenchimento das ferramentas de desenho Ret ngulo Ret ngulo arredondado Elipse e Pol gono para o pr ximo objeto desses tipos que desenhar poss vel desenhar objetos com preenchimentos s lidos d grad ou padronizados A cor atual do preenchimento aparece na caixa de cores de preenchimento no painel Ferramentas Use o painel Ferramentas para alterar o preenchimento de uma ferramenta de desenho O cone lata de tinta indica a caixa de cor de preenchimento do painel Ferramentas Voc tamb m pode alterar a cor do preenchimento de uma ferramenta de desenho no painel Preenchimento H uma variedade de preenchimentos d grad e padronizados sua escolha Al m disso voc poder alterar as caracter st
397. ransforma o medida que voc move o ponteiro na dire o da sele o ele se transforma para indicar a transforma o atual 2 Arraste para transformar os objetos Exibi o de informa es de transforma o no painel de Informa es O painel Informa es permite exibir informa es de transforma o num rica para o objeto atualmente selecionado A informa es atualizada conforme voc edita o objeto L fes A s5 A L 229 0 A 229 0 67 gt Y 211 Para dimensionar e liberar transforma es o painel Informa es mostra a largura L e altura A do objeto original antes da transforma o e a porcentagem de aumento ou diminuui o da largura e altura durante a transforma o Trabalho com objetos 91 92 Para inclinar e distorcer o painel Informa es mostra as coordenadas da grade X e Y do objeto original antes da transforma o e as novas coordenadas X e Y durante a transforma o Quando voc soltar o bot o do mouse e afastar o ponteiro do objeto as informa es da cor substituem as informa es da transforma o Para exibir informa es de transforma o conforme voc transforma uma sele o Selecione Janela gt Informa o Redimensionamento coloca o em escala de objetos A coloca o de um objeto em escala aumenta ou reduz o objeto na horizontal na vertical ou nos dois sentidos Para colocar um objeto selecionado em escala 1
398. ras Para obter mais informa es sobre como criar objetos animados consulte Cria o de s mbolos de anima o na p gina 281 Use s mbolos e ocorr ncias para modificar facilmente as c pias do mesmo objeto para compartilhar componentes entre estados de rollover e para fazer anima es Uso da Biblioteca de s mbolos Criar e salvar s mbolos no painel Biblioteca O painel Biblioteca armazena s mbolos gr ficos de bot o e de anima o Voc pode criar um s mbolo tendo como base qualquer objeto bloco de texto ou grupo Os s mbolos podem incluir outros s mbolos Para criar um novo s mbolo 1 Siga uma das seguintes op es Para criar um novo s mbolo do in cio selecione Inserir gt Novo s mbolo ou selecione Novo s mbolo no menu pop up Op es do painel Biblioteca Para criar um s mbolo tendo um objeto existente como base escolha o objeto e selecione Inserir gt Converter em s mbolo 2 Na caixa de texto Nome da caixa de di logo Propriedades do s mbolo digite um nome para o s mbolo 3 Selecione um tipo de s mbolo Gr fico Anima o ou Bot o e clique em OK 4 Se estiver criando um s mbolo do in cio o programa abre o Editor de s mbolo ou o Editor de bot o Crie o objeto a ser utilizado como um s mbolo e feche o editor O s mbolo aparecer na biblioteca e no documento Para obter mais informa es sobre a cria o de s mbolos de bot o consulte Inser o de bot es
399. ras necess rias para construir a anima o Para definir o GIF animado para repetir 1 Selecione Janela gt Molduras para exibir o painel Molduras 2 Clique no bot o Ciclos na parte inferior do painel 3 Selecione o n mero de vezes para repeti o ap s a primeira vez Se selecionar 4 por exemplo a anima o executada cinco vezes ao todo Ininterrupto repete a anima o continuamente Defini o da transpar ncia Como parte do processo de otimiza o voc pode definir uma ou mais cores dentro de um GIF Animado para exibir em um navegador da Web como transparente Isto til quando quiser mostrar uma cor ou imagem de fundo da p gina da Web na anima o Cria o de anima o 291 292 Cap tulo 16 Para exibir uma cor como transparente em um navegador da Web 1 No menu pop up Transpar ncia no painel Otimizar selecione Transpar ncia do ndice ou Transpar ncia 2 Use as ferramentas de transpar ncia no painel Otimizar para selecionar cores para a transpar ncia Otimiza o de uma anima o A otimiza o comprime ao m ximo o arquivo para transfer ncia e exporta o r pidas tornando o tempo de visualiza o muito menor no seu site da Web Para otimizar uma anima o 1 No painel Otimizar escolha GIF animado no menu pop up Exporta o de formato de arquivo Selecione Janela gt Otimizar se o painel n o estiver vis vel 2 Defina as op es Paleta Pontilhamento ou Transpar ncia
400. rastar e soltar representado por uma linha azul Cria o de rollovers 265 266 Cap tulo 15 Cria o de um rollover de troca de imagem utilizando uma nica fatia Use um rollover de troca de imagem com uma fatia para criar um bot o ou imagem que parece mudar quando o ponteiro passa sobre ela ou clica nela Para criar este tipo de rollover voc arrasta uma linha de comportamento de arrastar e soltar a partir do cone de centro da fatia para a borda da fatia Voc pode obter a imagem de troca a partir de qualquer moldura H duas partes para criar uma imagem de troca a primeira parte envolve configurar a fatia a imagem de rollover e a moldura em que a imagem de rollover reside Para configurar a fatia a imagem de rollover e a moldura para um rollover de troca de imagem 1 Selecione a imagem que deseja que acione o efeito rollover 2 Selecione Inserir gt Fatia para anexar uma fatia imagem 3 Crie uma nova moldura utilizando o painel Molduras Selecione Janela gt Molduras e clique no bot o Nova Duplicar moldura 4 Selecione a nova moldura no painel Molduras se ela j n o estiver real ada 5 Coloque a segunda imagem no espa o na tela ocupado pela fatia Use as ferramentas de desenho e edi o para criar um gr fico Importe ou arraste um gr fico para a posi o correta na fatia Anexa o de comportamentos de arrastar e soltar O segundo est gio anexar o comportamento de troca de imagem fatia
401. recisa sair do modo Bitmap a E o Grupos Com os agrupamentos do Photoshop 5 5 voc pode usar uma camada como m scara para as outras camadas do grupo Embora o Fireworks n o ofere a um recurso exatamente igual aos agrupamentos voc pode executar uma grande variedade de efeitos de m scara usando m scaras vetoriais e de bitmap com o painel Camadas Fireworks para usu rios do Photoshop 379 380 Cap tulo 21 No Fireworks o comando Modificar gt Grupo permite agrupar objetos selecionados para que se comportem como uma nica entidade Se voc movimentar transformar ou alterar os atributos do grupo todos os objetos do grupo ser o modificados O agrupamento de objetos no Fireworks bastante similar vincula o de camadas no Photoshop LI k M scaras O Fireworks proporciona recursos de mascaramento similares s m scaras de camada do Photoshop 5 5 Selecione o objeto e clique no bot o Nova m scara na base do painel Camadas para adicionar uma m scara vazia a um objeto do Fireworks Uma miniatura de m scara aparece ao lado da miniatura do objeto no painel Camadas como aparecem as miniaturas da m scara de camada ao lado das miniaturas de camadas no Photoshop A seguir voc pode pintar na janela do documento como no Photoshop para criar uma m scara de bitmap Al m das m scaras de bitmap voc pode criar m scaras vetoriais no Fireworks colando um objeto vetorial ou de texto em uma m scara va
402. redefini o de otimiza o e clique em OK As configura es de otimiza o salvas aparecem na base do menu pop up Configura es do painel Otimizar Elas ficam dispon veis em todos os documento subsegiientes O arquivo predefinido salvo na pasta Fireworks 4ConfigurationlExport Settings Para compartilhar configura es de otimiza o salvas com outro usu rio do Fireworks Copie o arquivo de predefini o de otimiza o salvo da pasta Fireworks 4Configurationl Export Settings para a mesma pasta no outro computador Otimiza o de gr ficos 299 300 Cap tulo 17 Para excluir uma otimiza o predefinidapersonalizada 1 No menu pop up Configura es do painel Otimizar escolha a configura o de otimiza o que deseja excluir 2 Clique no bot o Excluir na base do painel Otimizar Voc n o pode excluir uma configura o predefinida doFireworks Visualiza o de configura es e comportamentos de otimiza o A janela Visualiza o exibe como ficar a imagem exportada com base nas configura es atuais de otimiza o Al m disso voc pode testar comportamentos e rollovers antes de exportar usando a janela Visualiza o Para visualizar como a imagem aparecer com base nas configura es atuais de otimiza o Clique na guia Visualizar no canto superior esquerdo da janela do documento N olx F mea imagen ipg 100 Original visualizar 2paracima 4 para cima Para exibir
403. relinhamento determina a dist ncia entre linhas adjacentes em um J par grafo Especificamente o entrelinhamento a porcentagem do tamanho do ponto que as linhas s o separadas de uma linha de base a outra Uso de texto 141 142 Cap tulo 7 Use o Editor de Texto para definir o entrelinhamento e o deslocamento da linha de base Kerning av Z T posa Entrelinhamento 0 Afo aslo Deslocamento da linha de base Alongar Menus pop up Entrelinhamento topo e Deslocamento da linha de base base Para definir entrelinhamento e deslocamento da linha de base 1 No Editor de Texto selecione os caracteres que deseja alterar 2 No menu pop up Deslocamento da linha de base escolha uma quantidade para o texto subscrito ou sobrescrito 3 No menu pop up Entrelinhamento escolha um valor de entrelinhamento O padr o 100 4 Clique em OK Defini o de kerning Kerning aumenta ou diminui o espa amento entre certos pares de letras para melhorar a apar ncia A maioria das fontes inclui informa es que automaticamente reduzem a quantidade de espa o entre certos pares de letras como TA ou Va Por padr o o Fireworks usa as informa es de kerning de uma fonte ao exibir texto mas voc pode querer deslig lo em tamanhos de ponto menores ou quando o texto n o tem suaviza o de serrilhado O kerning da faixa aumenta ou diminui o espa amento entre mais de dois caracteres Use o Editor de Texto
404. ressione as teclas de atalho para mudar rapidamente de uma ferramenta para a outra Para obter mais informa es sobre teclas de atalho consulte Altera o dos conjuntos de atalho de teclado na p gina 59 Nota poss vel ver qual a tecla de atalho para uma ferramenta deslizando o ponteiro sobre o painel Ferramentas at que seja exibida a Dica da ferramenta O atalho representa a letra depois do nome da ferramenta Para escolher uma ferramenta alternativa em um grupo de ferramentas 1 Clique e segure em qualquer ferramenta com um tri ngulo no canto inferior direito 2 Arraste o ponteiro sobre a ferramenta alternativa desejada e solte o bot o do mouse ferramenta escolhida exibida no painel Ferramentas Nota A fun o de algumas ferramentas modificada em fun o de edi o de bitmap ou objetos vetoriais Para obter mais informa es sobre ferramentas do Fireworks consulte Trabalho com objetos vetorias na p gina 99 e Trabalho com bitmaps na p gina 121 Reorganiza o de barras de ferramentas somente no Windows Voc pode mostrar ou ocultar as barras de ferramentas desencaix las ou mov las para o topo ou para a base Para mostrar ou ocultar o painel Ferramentas ou uma barra de ferramentas Selecione Janela gt Ferramentas ou escolha uma barra de ferramentas no submenu Janela gt Barras de ferramentas Se uma barra de ferramentas estiver desencaixada clique no bot o Fechar no can
405. ro formato Converter uma sele o de arquivos no mesmo formato com configura es de otimiza o diferentes Colocar em escala arquivos exportados Localizar e substituir texto cores URLs fontes e cores n o Web216 Renomeie grupos ou arquivos adicionando um prefixo ou sufixo Executar comandos em uma sele o de arquivos Para processar arquivos em lote 1 Selecione Arquivo gt Processo de lote Lote HE Feueen aAeoe5 Ee Em Viale Dscf0001 ipg EF Dscf0007 ipg Dscf0002ipg EF Dscf0008 ipg Dscf0003ipg EF Dscf0003 ipg Dscf0004 ipg Dscf0005 ipg Dscf0006 ipg Nome doarquivo Avan ar Sakarcomo tipa Todos os arquivos leg veis Z canelar Adicionar Adicionar tudo FEDA T Incluir arquivos co registro de projeto I Incluir arquivos atuais abertos Automatiza o de tarefas repetitivas 359 2 Selecione os arquivos a serem processados Selecione arquivos de pastas diferentes ou grupo de acordo com o tipo de arquivo Adicionar adiciona arquivos e pastas selecionados lista de arquivos no processo em lote Se uma pasta for selecionada todos os arquivos v lidos e leg veis dentro dela ser o adicionados ao processo em lote Nota Arquivos v lidos s o arquivos que foram criados nomeados e salvos Se a ltima vers o n o for salva voc ser instru do para salv la e continuar o processo em lote Se voc n o salvar o arquivo todo o processo em lote ser conclu do Adiciona
406. romedia com r Palawra inteira T Coincidir mai sc min sc Express es regulares Localizar gorsun Substituir tudo Voc tamb m pode escolher op es que definam a busca com mais detalhe Palavra inteira localiza o texto da mesma forma com que ele aparece na op o Localizar n o como parte de qualquer outra palavra Coincidir mai sculas min sculas distingue entre letras mai sculas e min sculas na pesquisa de texto Express es regulares coincide partes de palavras ou n meros condicionalmente durante uma pesquisa Localiza o e substitui o de cores n o Websafe Uma cor n o Websafe uma cor n o inclu da na paleta de cores Web216 Uma cor n o Websafe se n o for comum s plataformas Macintosh e Windows Selecione Localizar N o Web216 no menu pop up Localizar do painel Localizar e substituir para pesquisar todas as cores n o Websafe e substitui las com cores Websafe GpLocalizare O Pesquisar documento v Localizar Cores n o Websafe Alterar para websafe mais pr xima Aplicar a Tra os e preenchimentos Localizar Soven Nota Localizar N o Web216 n o localiza ou substitui pixels dentro de objetos de imagem Processo em lote O processo em lote uma maneira conveniente para converter automaticamente um grupo de arquivos gr ficos Ao fazer o processo em lote escolha uma das seguintes op es Converter uma sele o de arquivos em out
407. rquivo com configura es de Qualidade diferentes para um formato JPEG exportado O formato JPEG o melhor para fotografias digitalizadas imagens que usam texturas imagens com transi o de cores de d grad e qualquer imagem que exija mais de 256 cores Escolha de PNG Portable Network Graphic ou PNG o mais vers til dos formatos gr ficos para a Web No entanto nem todos os navegadores da Web podem aproveitar todas as vantagens das caracter sticas do PNG sem usar plug ins Entretanto n o um formato comum na Web O formato PNG pode suportar cores de at 32 bits conter transpar ncia ou um canal alfa e ser progressivo Otimiza o de gr ficos 303 304 Cap tulo 17 A compacta o PNG n o presenta perdas mesmo em grandes intensidades de cor Ele compacta fileiras e colunas de pixels Para imagens com grande n mero de cores o JPEG produz uma qualidade superior PNG permite transpar ncia com imagens de cores de 32 bits mas o tamanho da imagem grande O formato PNG o melhor para a cria o de transpar ncia complexa ao vivo imagens gr ficas high color e imagens gr ficas low color melhor compactadas PNG o formato de arquivo nativo do Fireworks No entanto arquivos PNG do Fireworks cont m informa es de origem adicionais que n o s o salvas quando voc exporta um PNG para usar na Web Escolha de configura es de otimiza o para GIFs e PNGs As configura es de otimiza o do Fireworks s
408. rquivos 365 colocar gr ficos em escala 362 comandos 364 como 359 configura es de otimiza o 361 Localizar e substituir 363 nomes de arquivos 364 salvar arquivos 361 salvar como scripts 365 projetar p ginas Web inteiras 392 puxar tra ados 114 Q quadrados 101 RAM consulte Requisitos do sistema reamostrar 72 recortar tra ados 116 redesenhar tra ados 116 redesenho do documento 75 redimensionar imagens do Fireworks a partir do Dreamweaver 347 reduzir a resolu o 78 pontos 119 Registro de Projeto 367 exportar um arquivo 368 imprimir 368 pesquisar 367 visualizar 368 Registro de projeto abrir arquivos 367 adicionar 367 registrar altera es de Localizar e substituir 354 remover todas as entradas 368 remover uma entrada 367 r guas 81 relevo 192 remover efeitos 195 partes de um tra ado 118 Remover do bot o Transpar ncia 314 renomear s mbolos 222 reordenar efeitos 195 repetir a es 63 reproduzir anima es 290 Requisitos do sistema 17 resultados da exporta o 319 ret ngulos cantos arredondados 101 desenhar 101 retardo da moldura anima es 285 retrair tra ados 120 Revelar sele o 208 Revelar tudo 208 rollovers adicionar estado Abaixo 232 adicionar Sobre durante o estado Abaixo 233 anexar URLs 233 rea ativa 235 barras de navega o 238 com forma irregular 275 com sobreposi o de fatias 276 converter do formato Fireworks 2 239 criar 230 de troca de imagem 266 de troca de imagem c
409. rramenta Ponteiro Clique na miniatura de uma imagem de bitmap no painel Camadas Selecione o objeto de imagem de bitmap e escolha Modificar gt Editar bitmap Para retornar do modo Bitmap ao modo Vetor Clique no bot o Parar localizado na base da janela do documento Clique duas vezes fora da tela com qualquer ferramenta de sele o Clique duas vezes em uma rea da janela do documento fora da tela com qualquer ferramenta de sele o Bot o Parar Selecione um objeto vetorial no painel Camadas Escolha Modificar gt Sair do modo bitmap Pressione Esc Para ocultar temporariamente a borda listrada Selecione Exibir gt Ocultar bordas Sair do modo Bitmap desativa a op o Ocultar bordas Para definir a prefer ncia que oculta a borda listrada 1 Escolha Editar gt Prefer ncias 2 Na caixa de di logo Prefer ncias escolha o t pico Edi o 3 Desselecione Exibir borda listrada e clique em OK Para evitar que a borda listrada envolva todo o documento 1 Escolha Editar gt Prefer ncias 2 Na caixa de di logo Prefer ncias escolha o t pico Edi o 3 Desselecione Expandir para preencher documento e clique em OK Isso ser til se um documento contiver pequenas imagens de bitmap e voc desejar que a borda listrada envolva apenas a imagem de bitmap selecionada Sele o de reas de pixels No modo Bitmap as principais ferramentas de sele o s o Moldura de caixa de sele o Moldura el ptica
410. rsonalizado ou conjunto de atalho personalizado Princ pios b sicos do Fireworks 61 62 Cap tulo 2 Para excluir um conjunto de atalho personalizado 1 Abraa caixa de di logo Atalhos de teclado 2 Clique no bot o Excluir conjunto Atalhos de teclado Conjunto atual Macromedia Standard cal 6 KD 3 Selecione o conjunto de atalho a ser exclu do na caixa de di logo Excluir conjunto 4 Clique no bot o Excluir 5 Selecione o conjunto a ser exclu do na lista exibida na caixa de di logo Excluir conjunto Para excluir um atalho personalizado 1 Selecione o atalho personalizado na lista Atalho 2 Clique no bot o Remover atalho Cria o de folha de refer ncia para o conjunto de atalho Uma folha de refer ncia um registro do conjunto atual de atalho armazenado em formato de tabela HTML Voc pode exibir a folha de refer ncia em um navegador da Web ou imprimi la Para criar uma folha de refer ncia 1 Abraa caixa de di logo Atalhos de teclado 2 Clique no bot o Exportar conjunto como HTML do lado do campo Conjunto atual A janela Salvar exibida 3 Digite o nome para a folha de refer ncia e selecionar o local apropriado para o arquivo 4 Clique em Salvar Como desfazer e repetir v rias a es Com o painel Hist rico voc pode exibir modificar e repetir as a es tomadas para criar o documento O painel Hist rico lista as a es mais recentes executadas no Fireworks at a
411. s aplicativos de imagens gr ficas e editores de HTML para proporcionar uma solu o de Web verdadeiramente integrada Voc pode facilmente exportar imagens gr ficas do Fireworks com c digo personalizado de HTML e Java Script para o editor HTML que estiver usando Requisitos do sistema Para executar o Fireworks s o necess rios os seguintes itens de hardware e software Para Microsoft Windows Processador Intel Pentium recomenda se Pentium ID executando Windows 95 98 ME 2000 ou NT 4 com Service Pack 5 ou mais recente 64 MB de RAM mais 100 MB de espa o dispon vel em disco monitor com resolu o 800 x 600 pixels 256 cores recomenda se resolu o 1024 x 768 milh es de cores mouse ou digitalizador e uma unidade de CD ROM Para Macintosh Power Macintosh recomenda se G3 ou mais recente executando o Sistema 8 6 ou 9 x 64 e RAM mais 100 MB de espa o dispon vel em disco Adobe Type Manager 4 ou mais recente para uso de fontes Tipo 1 monitor em cores recomenda se resolu o 1024 x 768 milh es de cores mouse ou digitalizador e uma unidade de CD ROM 17 18 Introdu o Instala o do Fireworks Antes de instalar o Fireworks assegure se de que seu computador esteja equipado conforme mencionado em Requisitos do sistema na p gina 17 Leia o documento LeiaMe no CD ROM do Fireworks para ficar a par das informa es mais recentes Para instalar o Fireworks no Windows 1 Inserir o C
412. s arquivos Fireworks exportados copiado para o documento Dreamweaver e todos os v nculos para imagens s o atualizados Para exportar e colar HTML do Fireworks no Dreamweaver 1 No Fireworks selecione Arquivo gt Exportar 2 Na caixa de di logo Exportar especifique a pasta do site do Dreamweaver como destino para as imagens exportadas Selecione HTML e imagens no menu pop up Salvar como tipo 4 Selecione Copiar para rea de transfer ncia a partir do menu pop up e clique em Salvar 5 No Dreamweaver posicione o ponto de inser o no documento onde deseja colar o c digo HTML e selecione Editar gt Colar Todo o c digo HTML e JavaScript associado aos arquivos Fireworks exportados copiado para o documento Dreamweaver e todos os v nculos para imagens s o atualizados Exporta o de arquivos do Fireworks para o Dreamweaver O comando Arquivo gt Exportar no Fireworks permite exportar e salvar imagens otimizadas e arquivos HTML para um local dentro da pasta do site Dreamweaver desejado Voc pode ent o abrir os arquivos para edi o no Dreamweaver Alternativamente voc pode exportar o arquivo Fireworks como camadas Folha de Estilos em Cascata CSS ou itens de biblioteca do Dreamweaver Os itens de biblioteca do Dreamweaver simplificam o processo de edi o e atualiza o de um componente frequentemente usado no site da Web como por exemplo uma s rie de v nculos no rodap ou uma barra de navega o Um item d
413. s de tons m dios O eixo vertical representa o n mero de pixels em cada n vel de brilho Normalmente voc pode ajustar os realces e sombras primeiro Ajustar os tons m dios em segundo lugar permite melhorar o valor do brilho sem afetar os realces e sombras Para ajustar realces tons m dios e sombras 1 Selecione a imagem no modo vetorial ou no modo bitmap 2 Abra a caixa de di logo N veis Selecione Xtras gt Ajustar Cor gt N veis e Selecione Ajustar cor gt N veis no menu pop up Efeito do painel Efeito m Canal RGB X N veis de entrada fo 1 ess Cancelar Autom tico Pai Pai Pal Iv Visualizar N veis de sa da fo ess 3 Para ver suas altera es no espa o de trabalho selecione Visualizar medida que faz altera es a imagem automaticamente atualizada 4 No menu pop up Canal escolha se deseja aplicar altera es a canais de cores individuais vermelho azul ou verde ou a todos os canais de cores RGB 5 Arraste os controle deslizantes N veis de Entrada sob o Histograma para ajustar os realces tons m dios e sombras O controle deslizante na direita ajusta os realces usando valores de 255 to 0 o controle deslizante no centro ajusta os tons m dios usando valores de 10 a 0 19 o controle deslizante na extrema esquerda ajusta as sombras usando valores de O a 255 medida que move os controles deslizantes os valores s o automaticamente entrados nas caixas
414. s e fatias 255 256 Cap tulo 14 Voc pode alterar a conven o de nomea o na caixa de di logo Configura o HTML Configura o do HTML Caixa de di logo Configura o do HTML Para mudar a conven o de nomea o autom tica padr o 1 Selecione Arquivo gt Configura o do HTML para abrir a caixa de di logo Configura o HTML 2 Clique na guia Espec fico do documento 3 Na se o Nomes de arquivo construa sua nova conven o de nomea o selecionando a partir das listas desejadas Por exemplo a conven o de nomea o nome doc fatia Fatia A B C apareceria da seguinte maneira Configura o do HTML Nota Para salvar todas as informa es na caixa de di logo Configura o HTML como configura es padr o para novos documentos do Fireworks clique em Definir padr es Personaliza o da nomea o de arquivos de fatia Pode ser interessante usar nomes espec ficos de fatias para que voc possa facilmente identificar arquivos de fatia na estrutura do arquivo do seu site na Web Por exemplo se voc tiver um bot o em uma barra de navega o que retorne sua p gina principal a fatia pode ser chamada de principal Para digitar um nome personalizado para uma fatia selecionada 1 No painel Objeto desselecione Nomear fatias automaticamente Objeto Fatia mame E C of am T Nomear fatias automaticamente 2 Digite um nome na caixa de text
415. sas edi es o texto permanece completamente edit vel na caixa de di logo Editor de texto O Editor de texto tamb m permite aplicar atributos como fonte tamanho e cor a caracteres individuais em um bloco de texto MS Macromedia Fireworks Filtros e ajustes de tom Tanto o Fireworks 4 quanto o Photoshop 5 5 oferecem filtros para aplica o de efeitos especiais aos documentos Voc aplica filtros no Fireworks selecionando um objeto e em seguida escolhendo um comando de filtro no menu Xtras No menu Xtras voc tamb m poder encontrar filtros para ajustes de cor e de tonalidade como Brilho Contraste ou Curvas Ao aplicar um filtro a um objeto vetorial o Fireworks o converte em um objeto de bitmap MS O Fireworks permite a adi o de filtros do Photoshop e de outros filtros de plug in ao menu Xtras Al m disso voc pode aplicar muitos filtros incluindo plug ins do Photoshop como Efeitos ao vivo edit veis Fireworks para usu rios do Photoshop 383 384 Cap tulo 21 Efeitos O Fireworks 4 e o Photoshop 5 5 proporcionam uma gama de efeitos gr ficos como por exemplo sombras e brilhos que podem ser aplicados a elementos de seu documento e alterados a qualquer momento No Photoshop voc usa efeitos de camada para adicionar melhorias a uma camada selecionada No Fireworks voc usa o painel Efeito para adicionar um ou mais Efeitos ao vivo a um objeto selecioinado Depois de aplicados Efeitos ao vivo aparecem
416. sclagem Diferen a subtrai a cor de mesclagem da cor base ou a cor base da cor de mesclagem A cor com menos brilho subtra da da cor com mais brilho Matiz combina o valor de matiz da cor de mesclagem com a lumin ncia e satura o da cor base para criar a cor resultante Satura o combina a satura o da cor de mesclagem com a lumin ncia e matiz da cor base para criar a cor resultante Cor combina a matiz e satura o da cor de mesclagem com a lumin ncia da cor base para criar a cor resultante mantendo dos n veis de cinza para colorir imagens monocrom ticas e tingir imagens coloridas Luminosidade combina a lumin ncia da cor de mesclagem com a matiz e satura o da cor base Inverter inverte a cor base Tingimento adiciona a cor cinza cor base Apagar remove todos os pixels da cor base inclusive os da imagem de fundo Exemplos do modo de mesclagem Imagem original Normal Multiplicar Escurecimento Clareamento Diferen a Matiz Satura o Luminosidade Inverter Tingimento Apagar Os modos de mesclagem se comportam de modo diferente dependendo se estiver no modo vetorial ou bitmap No modo vetorial um modo de mesclagem afeta o objeto selecionado No modo bitmap um modo de mesclagem afeta uma sele o flutuante de pixels Camadas e mascaramento 213 214 Cap tulo 11 No modo bitmap sem uma sele o flutuante um modo de mesclagem afeta os tra os e preenchime
417. ssociados o fim da confus o na edi o de m ltiplas molduras Um bot o f cil de editar Clique duas vezes nele e em seguida altere o no Editor de bot o Um bot o selecionado tem uma caixa de texto conveniente no painel Objeto onde voc pode atualizar o texto em todos os estados simultaneamente Como qualquer s mbolo os bot es t m um ponto de registro O ponto de registro um ponto central que o ajuda a alinhar o texto e os diferentes estados do bot o Cria o de bot es A maneira mais simples para criar um bot o ou barra de navega o em JavaScript usar o Editor de bot o As dicas em cada painel no Editor de bot o podem ajudar a tomar decis es de cria o O Editor de bot o permite desenhar os quatro estados do bot o e definir as configura es de URL do bot o Bot es podem ser criados em qualquer camada de primeiro plano da Moldura 1 Quando criar bot es de forma irregular observe que o Fireworks usa apenas o fundo da Moldura 1 independente de qualquer outro fundo definido em outra modura E Bot o 100 Bil E Acima Sobre Abaixo Sobre durante o estado Abaixo rea ativa T T cnica onion skin Instru es Estado acima estado normal de um bot o Use as ferramentas de desenho e edi o para criaro the estado Acima de um bot o MMA ALB 500050 2BAHAME O Editor de bot o Criac o de bot o Voc pode criar um bot o no Editor de bot o Se
418. stado Abaixo Sobre durante o estado Abaixo normalmente usado para barras de navega o Para adicionar um Sobre durante o estado Abaixo a um bot o 1 Clique no indicador Sobre durante o estado Abaixo no Editor de bot o 2 Posicione um gr fico no Editor de bot o e Clique em Copiar gr fico Acima para colar uma c pia do gr fico do estado Acima na janela Sobre durante o estado Abaixo e em seguida edite o para alterar sua apar ncia Crie um gr fico exclusivo de Sobre durante o estado Abaixo Importe um gr fico para a janela Sobre durante o estado Abaixo Se quiser que o bot o exiba texto use a ferramenta Texto Nota Quando inserir uma imagem na rea de trabalho Incluir estado Sobre durante o estado Abaixo na barra de navega o ser automaticamente marcado Anexa o de URL ao bot o Anexar um URL a um bot o para vincul lo a outra p gina ou site da Web ou para uma ncora na mesma p gina da Web Use o Assistente de v nculo para inserir o URL do bot o Voc tamb m pode digitar um texto alternativo que seja exibido quando o ponteiro passar sobre o bot o e uma mensagem da barra de status O Assistente de v nculo permite controlar a configura o de exporta o do bot o e a conven o de nomes Para mais informa es sobre conven es de nome consulte Nomea o autom tica de fatias na p gina 255 Para anexar um URL a um bot o com o Assistente de v nculo 1 Clique na guia rea ativa do
419. t m um objeto selecionado secund rio e Clique com o bot o direito do mouse Windows ou clique com Control Macintosh em qualquer lugar no grupo e selecione Selecionar gt Sele o principal no menu de contexto Selecione Editar gt Selecionar principal Para selecionar objetos dentro de um grupo selecionado e Clique com o bot o direito do mouse Windows ou clique com Control Macintosh em qualquer lugar no grupo e selecione Selecionar gt Sele o principal no menu de contexto e Selecione Editar gt Selecionar secund rio Como empilhar objetos Dentro de uma camada o Fireworks empilha objetos com base na ordem em que foram criados sendo o objeto criado mais recentemente inserido no topo da pilha A ordem de empilhamento dos objetos determina a maneira como eles aparecem quando sobrepostos Observe que as camadas tamb m afetam a ordem de empilhamento Por exemplo se um documento tiver duas camadas chamadas Camada 1 e Camada 2 ea Camada 1 estiver listada abaixo da camada 2 no painel Camadas ent o tudo o que estiver na camada 2 aparece na frente de tudo o que estiver na Camada 1 Para alterar a ordem das camadas arraste a camada no painel Camadas para uma nova posi o Consulte Camadas e mascaramento na p gina 199 Para alterar a ordem de empilhamento de um objeto ou grupo selecionado em uma camada e Selecione Modificar gt Organizar gt Trazer para frente ou Enviar para tr s para mover o objet
420. ta o tra ado do objeto vetorial automaticamente desenhado desde o ltimo ponto clicado at o pr ximo Al m de conectar os pontos s com segmentos retos a ferramenta Caneta pode desenhar segmentos curvos suaves derivados matematicamente conhecidos como curvas Bezier Cada tipo de ponto ponto de canto ou ponto de curva determina se as curvas adjacentes representam linhas retas ou curvas Um ponto de canto designa pelo menos um segmento adjacente como reta Um ponto de curva designa pelo menos um segmento adjacente como curvo Sejam desenhados com a ferramenta Caneta ou com outra ferramenta de desenho do Fireworks todos os pontos de todos os objetos vetoriais t m al as de controle A posi o de cada al a de controle de ponto determina a forma espec fica dos segmentos adjacentes Voc pode editar a forma de um objeto vetorial arrastando as al as de controle com as ferramentas Caneta e Selecionar secund rio Voc tamb m pode mudar a forma de um objeto alterando um ponto de reto para curvo mA Fervamenta Caneta Trabalho com objetos vetorias 105 106 Cap tulo 5 Desenho de segmentos de tra ado reto Desenhar segmentos de linha reta com a ferramenta Caneta s uma quest o de clicar para colocar os pontos Cada clique com a ferramenta Caneta plota um ponto de canto Para desenhar um tra ado com segmentos de linha reta 1 Selecione a ferramenta Caneta 2 Se desejar ative uma das op es a seguir no p
421. tar o tra ado coloque o texto de volta no tra ado Se o texto anexado a um tra ado aberto exceder o comprimento do tra ado o texto restante retornar e reproduzir a forma do tra ado O texto em um tra ado retorna e reproduz a forma do tra ado Uso de texto 147 148 Cap tulo 7 A ordem em que voc desenha um tra ado estabelece a dire o do texto a ele anexado Por exemplo se desenhar um tra ado da direita para a esquerda o texto anexado aparecer recuado e invertido SX JOMI Texto anexado a tra ado desenhado da direita para a esquerda E poss vel inverter a dire o ou alterar a orienta o do texto anexado a um tra ado Al m disso pode alterar o ponto inicial do texto em um tra ado Para alterar a orienta o de texto em um tra ado selecionado 1 Selecione Texto gt Orienta o e escolha uma orienta o Para inverter a dire o do texto em um tra ado selecionado 1 Selecione Texto gt Inverter dire o eV org Ny Texto girado em volta do tra ado W r e O r k S Texto vertical em volta do tra ado i 01a k Texto inclinado verticamente em volta do tra ado k DA and Na Texto inclinado horizontalmente em volta do tra ado Para mover o ponto inicial do texto anexado a um tra ado 1 Selecione o objeto em um tra ado com texto 2 No painel Objeto digite um valor na caixa de texto Deslocamento do texto Transforma o de texto Voc pode transformar blocos de texto da
422. te um nome de arquivo selecione uma pasta de destino e clique em Salvar Nota Se sua vers o de Director n o incluir suporte para importa o de arquivos Director do Fireworks instale Fireworks Import Xtra for Director antes de importar arquivos do Fireworks para o Director V para http www macromedia com para transferir o Fireworks Import Xtra for Director gr tis Exporta o para Photoshop Uma imagem Fireworks exportada para o Photoshop mat m a mesma editabilidade quando reaberta no Fireworks como outros gr ficos do Photoshop Op es de exporta o dependendo da editabilidade apar ncia e tamanho do arquivo permitem determinar o melhor procedimento poss vel de exporta o para seu gr fico em particular Usu rios do Photoshop podem trabalhar com seus gr ficos no Fireworks e em seguida continuar a edi o no Photoshop Para exportar um gr fico para Photoshop 1 Selecione Arquivo gt Exportar 2 Selecione Photoshop PSD no menu pop up Salvar como 3 No menu pop up Configura es selecione uma das seguintes op es Manter a editabilidade sobre a apar ncia converte objetos em camadas mantem efeitos edit veis e converte o texto em camadas edit veis de texto do Photoshop Manter a apar ncia do Fireworks converte cada objeto em uma camada individual do Photoshop transforma efeitos em objetos e texto em imagens Arquivo Photoshop menor nivela cada camada em um imagem totalmente renderizada Personalizar
423. teclas Shift Alt Windows ou com as teclas Shift Option Macintosh a ferramenta de desenho Para redimensionar linha ret ngulo ou elipse selecionada Arraste de um ponto e Digite novos valores de largura L ou altura A no painel Informa es Selecione Transformar gt Escala e arraste uma al a de controle Desenho de ret ngulos com cantos arredondados Desenhe ret ngulos com formas arredondadas com o uso da ferramenta Ret ngulo arredondado especificando um raio de canto entre 0 e 100 antes de desenhar ou usando o painel Objeto para ajustar a redondez do canto dos ret ngulos selecionados ferramenta Ret ngulo arredondado desenha ret ngulos como objetos agrupados Para mover pontos de ret ngulo arredondado livremente necess rio desagrupar o ret ngulo ou usar a ferramenta Selecionar secund rio Trabalho com objetos vetorias 101 Para desenhar um ret ngulo com cantos arredondados 1 Clique duas vezes na ferramenta Ret ngulo arredondado para abrir o painel Op es da ferramenta 2 Especifigue o grau de arredondamento digitando um n mero de 0 a 100 ou arrastando o controle deslizante Ajuste o arredondamento do canto medida que for desenhando pressionando as teclas Para cima e Para baixo v rias vezes Para arredondar os cantos de um ret ngulo selecionado Digite um valor no campo Arredondamento no painel Objeto e pressione Enter Desenho de pol gonos Com a ferramenta Pol gono poss
424. ter texto em tra ado 149 editar texto anexado a um tra ado 147 mover ponto inicial do texto 149 separar do tra ado 147 tra os adicionar textura 171 adicionar texturas externas lista 173 alterar a cor das ferramentas de desenho 162 alterar centraliza o 164 desenhar preenchimento sobre 164 editar 163 escolher um tra o 163 localizar e substituir 357 reorientar 164 trocar cores de tra o e preenchimento 162 transformar arrastar 91 numericamente 94 objetos 90 texto 149 transpar ncia 313 adicionar ou remover cores 314 anima o 291 converter imagens em transpar ncia de d grad 186 selecionar uma cor 314 tri ngulos 102 Tutorial 25 unir tra ados 117 URLs absolutos inserir 227 anexar aos bot es 233 atribuir a rollovers 271 atribuir a um objeto da Web 226 localizar e substituir 358 relativos inserir 227 selecionar op es de alvo 244 v v nculos HTML desfeitos 393 virar objetos 93 visualizar 163 borda 163 bot es 300 pixels contendo cor espec fica 311 rollovers 300 selecionar uma rea a otimizar 299 Visualizar exportac o 322 rea de enguadramento 323 comparar configura es de otimiza o 323 exportar 321 otimizar 321 visualizar 321 visualizar otimiza o 322 zoom 322 WwW Windows requisitos do sistema para 17 X Xtras Agu amento maior 186 Agu ar 186 Brilho Contraste 180 como Efeitos ao vivo 175 Curvas 178 Desfocar M scara 187 Desfoque Gaussiano 1
425. tilos no menu pop up Op es do painel Estilos 3 Digite um nome e um local para o documento de estilos salvos 4 Clique em Salvar Para importar estilos 1 Selecione Importar estilos no menu pop up Op es do painel Estilos 2 Selecione um documento de estilos para importar Todos os estilos do documento de estilos s o importados e inseridos diretamente ap s o estilo selecionado no painel Estilos Para redefinir o painel Estilos com os estilos padr o Selecione Redefinir Estilos no menu pop up Op es Nota A redefini o de estilos para o padr o sobrescreve todo estilo personalizado salvo Para alterar o tamanho dos cones de visualiza o de estilo Selecione cones grandes no menu pop up Op es do painel Estilos para alternar entre os tamanhos pequeno e grande para visualiza o Sobre s mbolos e ocorr ncias Um s mbolo representa um objeto bloco de texto ou grupo e pode ser um gr fico uma anima o ou um bot o Ocorr ncias s o representa es de um objeto original do Fireworks O objeto designado como o s mbolo Quando o objeto de s mbolo o original modificado as ocorr ncias c pias s o automaticamente alteradas para reproduzir as modifica es no s mbolo Os s mbolos s o muito teis para a reutiliza o de um elemento gr fico Podem ser utilizados em todos os documentos Os s mbolos tamb m s o necess rios para a cria o de bot es e anima o de objetos entre diversas moldu
426. tingir o n mero especificado na Prefer ncia de n mero de desfazer Com o painel Hist rico voc pode fazer um dos seguintes Desfazer e refazer rapidamente as a es mais recentes usando Marcador de desfazer no painel Hist rico Selecione a es recentemente executadas no painel Hist rico e clique em Reproduzir para repeti las Salve um grupo de a es executadas recentemente como um comando personalizado Em seguida escolha o no menu Comando para reutilizar o grupo como um comando simples Para obter mais informa es sobre criar comandos usando o painel Hist rico consulte Scripts na p gina 368 Ely Camada Molduras D gt Hist rico C Ferramenta Ret ngulo A Ferramenta Texto Reproduzir E35 E Para desfazer e refazer a es 1 Selecione Janela gt Hist rico para abrir o painel Hist rico 2 Arraste o marcador para baixo e para cima com o ponteiro Para repetir a es 1 Se os comandos tiverem que afetar objetos selecione os objetos 2 No painel Hist rico realce os comandos a serem repetidos Mantenha a tecla Shift pressionada enquanto clica para real ar uma faixa cont nua de comandos 3 Clique no bot o Reproduzir na parte inferior do painel Hist rico Para salvar a es para serem reutilizadas 1 Realce as a es a serem salvas no painel Hist rico 2 Clique no bot o Salvar na parte inferior do painel 3 Digite o nome do comando e clique em OK para adiciona
427. tiver concluindo o tutorial lembrar se de salvar seu trabalho com fregii ncia Adic o de formas vetoriais Uma forma vetorial um descri o matem tica de uma forma geom trica enquanto que um bitmap define uma imagem como uma grade de pixels coloridos Ambos os tipos de gr ficos oferecem vantagens formas vetoriais por exemplo muitas vezes s o f ceis de editar enquanto que imagens de bitmap s o adequadas para trabalhos de arte com varia es complexas de cores como fotografias Enquanto v rios aplicativos oferecem ferramentas para editar formas vetoriais ou imagens de bitmap o Fireworks permite trabalhar com ambos os tipos de gr ficos Por padr o o Fireworks abre no modo vetorial Agora voc usar o modo vetorial para criar uma forma que em breve transformar em um bot o Cria o de forma vetorial O painel Ferramentas que voc usa para criar uma forma vetorial tem ferramentas vetorial e de bitmap assim como ferramentas cuja fun o muda de acordo com o modo em que estiver 1 Selecionar Exibir gt Guias e verificar se Exibir guias e Alinhar s Guias est o marcadas Caso n o estejam selecion las Observar as guias verde por padr o no documento Elas o ajudam a alinhar objetos na tela 2 Seo painel Camadas n o estiver vis vel selecionar Janela gt Camadas e a camada Bot es usando a ferramenta Ponteiro para clicar no t tulo da camada Voc aprender mais sobre o painel Camadas e seus benef
428. to Para abrir m ltiplos arquivos como uma anima o 1 Selecione Arquivo gt Abrir 2 Selecione arquivos m ltiplos clicando em cada um enquanto mant m a tecla Shift pressionada 3 Selecione Abrir como anima o e clique em OK O Fireworks abre os arquivos em um nico novo documento colocando cada um em uma moldura separada na ordem em que voc os selecionou CAP TULO 17 Otimiza o de gr ficos A meta principal em um projeto gr fico da Web a cria o de imagens atraentes de r pida transfer ncia Para isso voc deve reduzir o n mero de cores e selecionar um formato com a melhor compacta o para a sua imagem mantendo a melhor qualidade poss vel Esse procedimento de equil brio denominado otimiza o encontrando a mistura de cor compacta o e qualidade corretas No Fireworks as configura es de otimiza o se aplicam apenas em imagens exportadas Portanto voc pode trabalhar com liberdade no processo de cria o do projeto sem muita preocupa o com limita o no uso de cores ou aplica o de efeitos Ent o quando estiver pronto para come ar a exporta o escolha personalize e compare as melhores configura es de otimiza o para a sua imagem A otimiza o de imagens no Fireworks uma tarefa de tr s partes Selecione o melhor formato de arquivo Cada formato de arquivo tem uma forma diferente de compactar informa es de cores no arquivo A escolha do formato apropriado par
429. to direito da barra de t tulos Para desencaixar uma barra de ferramentas Arraste a barra de ferramentas pela barra de t tulos para ficar distante do local de encaixe A barra de ferramentas se transforma em um painel flutuante Para encaixar uma barra de ferramentas 1 Mova ferramenta atual para a barra de t tulos 2 Arraste a barra de ferramentas para uma rea de encaixe no topo ou base da janela do aplicativo Altera o de op es de ferramentas O painel Op es de ferramenta exibe op es relacionadas com a ferramenta ativa Por exemplo as op es da ferramenta Ponteiro incluem Real ar mouse Visualizar arrastar e Mostrar al as de preenchimento Para obter informa es sobre op es espec ficas da ferramenta consulte as se es no manual que apresenta as v rias ferramentas V Fealgar mouse v Visualizar arrastar V Mostrar al as de preenchimento Para mostrar ou ocultar o painel Op es de ferramenta e Clique duas vezes no painel Ferramentas Selecione Janela gt Op es de ferramenta Princ pios b sicos do Fireworks 53 54 Cap tulo 2 Uso de pain is Pain is s o controles Autuantes que o ajudam a editar diferentes aspectos de um objeto selecionado Os pain is permitem trabalhar em molduras camadas s mbolos exemplos de cor e muito mais Por exemplo use o painel Efeito para selecionar um efeito a ser aplicado em um objeto Cada painel pode ser arrastado portanto voc
430. to at que voc a altere novamente A cor do texto escolhida salva entre diferentes documentos e sess es do Fireworks Voc pode aplicar cor a todo o bloco de texto ou a caracteres individuais no bloco de texto Para definir a cor do texto Escolha uma cor na janela pop up caixa de cores no Editor de Texto Selecione um bloco de texto e escolha uma cor na janela pop up caixa de cores no painel Preenchimento l Afo aslo Suavizar serilhado IV Mostrar fonte IV Mostrar tamanho amp cor DK Cancel e ancelar Iv Aplicar Z Janela pop up caixa de cores Suaviza o de extremidades de texto Para suavizar uma extremidade de texto fa a a suaviza o de serrilhado nele Isto faz com que as extremidades do texto se misturem ao fundo tornando o mais limpo e leg vel quando for grande Use o Editor de Texto para definir suaviza o de serrilhado A suaviza o de serrilhado se aplica a todos os caracteres em um dado bloco de texto Uso detexto 145 146 Cap tulo 7 Para aplicar uma extremidade com serrilhado suavizado ao texto selecionado 1 Abra o Editor de Texto 2 No menu pop up Suaviza o de serrilhado no Editor de Texto escolha uma op o Ondular Forte ou Suavizar 3 Clique em OK Nota Quando abrir arquivos com vetor por exemplo arquivos do FreeHand no Fireworks o texto apresentar suaviza o de serrilhado Voc pode editar esse atributo usando o Editor de
431. to e o destino e clique em Salvar Exporta o 321 322 Cap tulo 18 Visualiza o de otimiza o em Visualizar exporta o A rea de visualiza o exibe a imagem exatamente como ela ser exportada e estima o tamanho do arquivo e o tempo de transfer ncia com as configura es atuais de exporta o Tamanho do arquivo e tempo de Salve as configura es de transfer ncia estimados exporta o na tela ativa Visualizar exporta o Op es Arquivo Anima o Formato JPEG E Qualidade so z Suavizag o Semsuaviza o T Progressiva 17 agu ar bordas coloridas JPEG 80 0 qualidade 205 67K 64seg a 28 8kbps Visualizar 7 Configura es salvas Milh es JPEG Melhor qualidade l Conjunto de op es salvo para a Visualize configura es de exporta o exporta o selecionada escolhidas Voc pode usar exibi es divididas para comparar v rias configura es para localizar o menor tamanho de arquivo que mantenha um n vel aceit vel de qualidade Voc tamb m pode limitar o tamanho usando o assistente Otimizar para tamanho Ao exportar GIFs animadas ou rollovers JavaScript o tamanho estimado do arquivo o total de todas as molduras Nota Para aumentar a velocidade de redesenho de Visualizar exporta o desselecione Visualizar Para interromper o redesenho da rea de visualiza o quando alterar as configura
432. tra ados de forma livre Voc pode desenhar tra ados vetoriais de forma livre com a ferramenta L pis ou Pincel praticamente da mesma forma quando usa pincel ou l pis verdadeiro Zl Ferramenta L pis e Ferramenta Pincel Voc pode alterar os atributos de tra o e preenchimento de tra ados desenhados com a ferramenta Pincel ou L pis Consulte Aplica o de cores tra os e preenchimentos na p gina 153 Al m disso poss vel usar as ferramentas L pis e Pincel no modo bitmap Consulte Trabalho com bitmaps na p gina 121 Uso da ferramenta L pis No modo vetorial a ferramenta L pis desenha um tra ado vetorial com um tra o de 1 pixel poss vel modificar tra os de L pis existentes e adicionar preenchimentos a objetos selecionados desenhados com a ferramenta L pis mas essa ferramenta os reverte para tra ado de 1 pixel toda vez que us la para desenhar um outro objeto Trabalho com objetos vetorias 103 104 Cap tulo 5 Para desenhar um objeto vetorial com um tra o de 1 pixel de L pis 1 Clique duas vezes na ferramenta L pis para abrir o painel Op es e escolha ou desselecione as op es da ferramenta L pis Suavizar serrilhado coloca uma borda suave nas linhas desenhadas Apagar automaticamente desenha a cor do preenchimento sobre o tra o Preservar transpar ncia restringe a ferramenta L pis para s desenhar tra ados nos pixels existentes n o nas reas transparentes de um gr fico
433. tra de cores de preenchimento na Caixa de ferramentas Preenchimento e Preencrimen OD z Z Esta BEE suavza o de serina EE E Textura Areia v Jo Ja TrenEperente Utilize o painel Preenchimento para editar atributos de preenchimento Altera o de um preenchimento s lido Um preenchimento s lido uma cor s lida que preenche o interior de um objeto Voc pode alterar a cor de preenchimento de um objeto no painel Ferramentas painel Preenchimento e Misturador de cores Para editar o preenchimento s lido de um objeto selecionado 1 No painel Preenchimento escolha S lido no menu pop up Categoria de preenchimento 2 Na janela pop up da caixa de cores selecione uma cor O preenchimento aparecer no objeto selecionado e se tornar a cor de preenchimento ativa Aplica o de um preenchimento d grad As categorias de E al m de Nenhum S lido Padr o e Pontilhamento Web s o preenchimentos em D grad Preenchimentos d grad misturam cores para criar v rios efeitos Objetos com preenchimentos d grad Acetinado Radial e Linear Para aplicar um preenchimento d grad a um objeto selecionado 1 No painel Preenchimento selecione um preenchimento d grad no menu pop up Categoria de preenchimento N No menu pop up Nome do preenchimento selecione uma combina o de cores de preenchimento como Vermelho Verde Azul ou Past is O preenchimento aparecer no objeto selecionado e se
434. trabalho do Fireworks Ao abrir o Fireworks 4 pela primeira vez exibida uma barra de menu no topo da tela a fileira de barras de ferramentas por baixo um painel Ferramentas no lado esquerdo da tela e diversos pain is com guias dirieta Quando abrir um documento o Fireworks coloca uma janela de documento no meio Fireworks Sem t tulo 1 png Brquivo Editar Exibir Inserir Modificar Texto Comandos Xkas Janela Ajuda al oaalslela Configura o GIF WebSnap 128 z GIF X mate webSnap Adapive Cores 128 ep al Pose an Exibi o de documento do Fireworks Na janela do documento a barra de t tulos exibe o nome do documento e percentual de amplia o atual Observa se tamb m quatro guias Cada uma delas representa uma exibi o diferente do documento A guia Original exibe o documento PNG atual do Fireworks As outras tr s guias s o para visualiza o de vers es exportadas do documento EE Sem t tulo 1 100 olx Original Visualizar 2 para cima 4 para cima A guia Original e as tr s guias de visualiza o est o no canto superior esquerdo da rea de trabalho Para exibir o documento PNG original Clique na guia Original na janela do documento Visualiza o de documentos A guia Visualizar exibe o gr fico na forma como aparecer em um navegador da Web com base nas configura es atuais de exporta o As telas 2 para cima e 4 para cima comparam visualiza
435. trar mais todas as cores do documento Nesse caso o t tulo do painel mudar para Cores Restaurar indicando que voc deve reconstruir a paleta de cores Para atualizar as cores no painel Tabela de cores para refletir as edi es do documento Selecione Reconstruir tabela de cores no menu pop up Op es do painel Tabela de cores Para selecionar uma cor Clique na cor no painel Tabela de cores Para selecionar m ltiplas cores Mantenha pressionada a tecla Control Windows ou Command Macintosh enquanto clica nas cores Para selecionar uma faixa de cores 1 Clique em uma cor 2 Mantenha pressionada a tecla Shift e clique na segunda cor Para visualizar todos os pixels no documento que cont m uma cor espec fica 1 Clique na guia Visualizar da janela do documento 2 Clique com o mouse em um exemplo e o segure no painel Tabela de cores Os pixels contendo o exemplo selecionado mudar o temporariamente para outra cor de realce at voc soltar o bot o do mouse Nota Ao visualizar pixels no documento usando a visualiza o 2 para cima ou 4 para cima selecione uma visualiza o que n o seja a Original Bloqueio de cores em uma paleta Voc pode bloquear cores individuais para n o permitir a sua remo o ou altera o quando estiver alterando paletas ou reduzindo o n mero de cores da paleta Se voc alternar para outra paleta depois de bloquear cores estas ser o adicionadas nova paleta Para bloque
436. ue deseja remover 2 Arraste o s mbolo para o cone de lixeira no canto inferior direito Para remover a anima o de um s mbolo de anima o selecionado Selecione Modificar gt Animar gt Remover anima o O s mbolo se torna um s mbolo gr fico e n o mais animado Se posteriormente voc converter o s mbolo de volta para um s mbolo de anima o as configura es anteriores de anima o retornam Edi o de gr ficos de s mbolos Voc pode alterar o gr fico em que se baseia seu s mbolo assim como suas propriedades Voc edita gr ficos de s mbolos no Editor de s mbolo O Editor permite usar as ferramentas de desenho texto ou cor para editar o gr fico Enquanto voc trabalha no Editor de s mbolo apenas o s mbolo selecionado afetado Como o s mbolo um item da Biblioteca se voc alterar uma de suas ocorr ncias voc altera todas elas Cria o de anima o 283 284 Cap tulo 16 Para alterar os atributos gr ficos de um s mbolo selecionado 1 Abra o Editor de s mbolo e Clique duas vezes no objeto de s mbolo e Selecione Modificar gt S mbolo gt Editar s mbolo e Clique no bot o Editar na caixa de di logo Animar 2 Modifique o s mbolo de anima o e altere qualquer texto tra os preenchimentos e efeitos como for apropriado 3 Feche o Editor de s mbolo Edi o de caminhos de movimento de s mbolo Quando voc seleciona um s mbolo de anima o ele tem uma caixa
437. ue voc edite ou mova todos os elementos da anima o como uma nica unidade Ele tamb m permite o uso do painel Biblioteca para criar novas ocorr ncias do s mbolo Nota Quando importar um GIF animado a configura o de retardo de moldura padronizada para 0 20 segundos Se necess rio use o painel Molduras para reverter para o tempo original Voc pode abrir um GIF animado da mesma forma que um arquivo GIF normal Cada elemento do GIF colocado como uma imagem separada em sua pr pria moldura do Fireworks Voc ainda pode converter o gr fico em um s mbolo de anima o se voc o desejar Abertura de arquivos EPS O Fireworks abre arquivos EPS como imagens bitmap planas se n o puder abrir o arquivo como vetor Configura o de documento do Fireworks 69 70 Cap tulo 3 Quando voc importar um arquivo EPS em um documento existente abre a caixa de di logo Op es de arquivo EPS Tamanho da imagem 40 7K E Pres l tjs Pixels he Ja Resolu o p2 Pixel Polega MW Limitar propor es V Suavizar sertilhado Cancelar Unidades de medida determinam as unidades em que s o exibidas as propor es da imagem Escolha entre pixels porcentagem polegadas e cent metros Resolu o indica os pixels por unidade para a resolu o For ar propor o abre o arquivo na mesma propor o de tamanho que o original Suavizar serrilhado suaviza o serrilhado do arquivo EPS aberto Ab
438. uear todas as camadas Selecionar Bloquear todas ou Desbloquear todas no menu pop up Op es do painel Camadas Nota Os objetos em uma camada bloqueada n o s o edit veis Para compartilhar uma camada selecionada entre molduras Selecionar Compartilhar esta camada no menu pop up Op es do painel Camadas Nota Se uma camada for compartilhada entre todas as molduras quando voc atualizar qualquer objeto nessa camada ele ser atualizado em todas as molduras Isso til quando quiser que objetos como elementos de fundo apare am em todas as molduras de uma anima o camadas Para ativar ou desativar Edi o de camada nica No menu pop up Op es do painel Camadas selecione Edi o de camada nica Uma marca de sele o indica que a Edi o de camada nica est ativa Como mover objetos no painel Camadas Objetos podem ser movidos dentro de uma camada ou entre camadas Mover objetos no painel Camadas altera a ordem dos objetos no documento Mover objetos em um documentos usando os comandos Modificar gt Organizar altera a ordem dos objetos no painel Camadas Objetos no topo de uma camada aparecem na frente de outros objetos naquela camada Objetos s o mostrados como miniaturas no painel Camadas Quando marcar um objeto em um documento ele ser real ado no painel Camadas Para exibir a lista de objetos individuais em uma camada clique no sinal de adi o Windows ou no tri ngulo Macintosh esquerda
439. uele objeto da Web s o exibidos no painel Comportamentos 2 Selecione o comportamento que deseja editar Todos os comportamentos selecionados exceto Rollover simples exibem uma lista de eventos associados 264 Cap tulo 15 3 Selecione um novo evento a partir da lista Nota O evento OnLoad aciona o comportamento assim que a p gina Web carregada Por exemplo se voc alterar o evento que aciona um rollover desmembrado para OnLoad a imagem de troca exibida imediatamente Utiliza o de comportamentos de arrastar e soltar para criar efeitos de troca de imagens Use os comportamentos de arrastar e soltar para criar rollovers de troca de imagem Os comportamentos de arrastar e soltar s o uma maneira r pida e eficiente de especificar o que acontece a um ponto ativo ou fatia quando o ponteiro passa sobre eles At o Fireworks 4 voc tinha que passar pelo painel Comportamentos para definir os eventos de troca de imagem Os comportamentos de Arrastar e soltar s o um m todo mais r pido que permite criar rollovers arrastando o s mbolo do comportamento de arrastar e soltar a partir de uma fatia ou ponto ativo de acionamento para uma fatia alvo O s mbolo do comportamento de arrastar e soltar um c rculo com um ret culo no centro da fatia Quando voc seleciona um objeto da Web para acionamento o Fireworks exibe todos os seus relacionamentos de comportamentos Por padr o um relacionamento de comportamento de ar
440. uindo qualquer rea de fundo que n o seja parte da segunda imagem Se a imagem de troca na segunda moldura e a imagem na primeira se entrela arem muito pr ximas o efeito rollover pode obscurecer parte da imagem acionadora Use a ferramenta Fatia poligonal para evitar que isso aconte a Nota Embora as caixas de limites da fatia se sobrep em a ferramenta Fatia poligonal lhe permite evitar a sobreposi o da parte verde da fatia Consulte Cria o de fatias poligonais na p gina 250 Para criar um rollover com sobreposi o de fatias 1 Insira uma fatia retangular na imagem da moldura 1 2 Selecione a moldura 2 a partir do painel Molduras 3 Clique no bot o Onion Skinning na parte inferior do painel Molduras para ativar Onion Skinning de modo que um contorno da imagem na moldura 1 fique vis vel 4 Utilizando a ferramenta Fatia poligonal desenhe uma fatia sobre a imagem da moldura 2 com cuidado para evitar cobrir a imagem da moldura 1 sob o realce de fatia verde 5 Configure o comportamento Trocar imagem para a fatia acionadora Quando visualizada a imagem de troca aparece sem cortar nenhuma parte da imagem acionadora Utiliza o de arquivos externos como imagens de rollover Voc pode usar um GIF GIF animado JPEG ou PNG como a origem para um rollover Quando voc escolhe um arquivo externo como a origem do rollover aquele arquivo trocado com a fatia alvo quando o rollover acionado em um navegador d
441. uivo e evitar repeti o automatizando tarefas freq entes Quando o documento estiver conclu do poder export lo como arquivo HTML se pretender us lo na Web ou como arquivo Photoshop ou Illustrator se precisar fazer outros trabalhos Cria o de gr ficos O Fireworks permite o desenho no modo vetorial ou no modo bitmap No modo veto rial voc desenha e edita caminhos no modo bitmap voc edita pixels Com o Fireworks voc pode criar novas imagens vetoriais e de bitmap selecionando as ferramentas apropriadas no painel Ferramentas e aplicando as nas telas Cada modo de desenho tem seu pr prio conjunto de ferramentas Algumas s o espec ficas de um um nico modo Outras funcionam em ambos os modos embora possam operar de forma diferente nos dois modos Para obter mais informa es consulte Trabalho com ae o ar objetos na p gina 85 e Trabalho com bitmaps na p gina 121 Cria o de objetos da Web Objetos da Web constituem os pilares b sicos utilizados pelo Fireworks para tornar uma p gina da Web interativa Um objeto da Web uma fatia ou um ponto ativo As fatias recortam uma imagem em diferentes se es e possibilitam a aplica o de com portamentos anima o e v nculos URL Uniform Resource Locator com partes da imagem total As fatias permitem a exporta o das se es usando diferentes configura es Os pontos ativos simplesmente permitem atribuir um v nculo URL a todo o gr
442. um objeto e o tipo de arquivo O Registro de projeto permite a exporta o de arquivos selecionados usando as ltimas configura es de exporta o e a sele o de arquivos para processamento em lote O painel Informa es fornece informa es sobre as dimens es de objetos selecionados e as coordenadas exatas do ponteiro medida que movido na tela O painel Op es de ferramentas permite a edi o das configura es da ferramenta de ponteiro atual O painel Estilos permite a modifica o da apar ncia de um objeto ou texto O Fireworks vem com uma s rie de estilos a sua escolha Para mostrar ou ocultar um painel Selecione o painel no menu Janela Todos os pain is t m um menu pop up Op es Clique para abrir o menu H B te El Terura farama Blz fl Para escolher uma op o em um menu pop up Op es 1 Clique no bot o seta para direita perto do canto d direito superior do painel O menu pop up Op es aparece 2 Escolha um comando no menu pop up Op es Alguns controles nos pain is t m um menu pop up paletas de cores controle deslizante ou disco Para usar um menu pop up op o 1 Clique na seta para baixo perto da caixa 2 Alterar o valor Selecione uma op o ou exemplo de cor e Arraste o controle deslizante ou disco e Digite a primeira letra da op o a escolher Windows Pressione a letra v rias vezes para percorrer todas as op es iniciadas por aquel
443. uma flor como objetos individuais agrupe as para facilitar a sele o e mover a flor inteira como um nico objeto Voc pode editar grupos sem agrup los Voc pode selecionar um objeto individual em um grupo para edi o sem agrupar os objetos Pode tamb m desagrupar os objetos a qualquer momento Objetos de grupo selecionados como um nico objeto Para agrupar dois ou mais objetos selecionados Selecione Modificar gt Agrupar Para desagrupar um grupo selecionado selecione Modificar gt Desagrupar Como selecionar objetos dentro de grupos Para trabalhar com objetos individuais em um grupo desagrupe os objetos ou use a ferramenta Selecionar secund rio para selecionar objetos individuais enquanto deixa o grupo intacto Ferramenta Selecionar secund rio Trabalho com objetos 95 96 Cap tulo 4 Quando os atributos de um objeto selecionado secundariamente s o modificados somente esse objeto alterado e n o o grupo inteiro Mover um objeto selecionado secundariamente para outra camada remover o objeto do grupo Efetuar o comando Selecionar secund rio em um objeto dentro de um grupo Para selecionar um objeto que faz parte de um grupo Selecione a ferramenta Selecionar secund rio e clique no objeto ou arraste uma rea de sele o ao seu redor Para adicionar objetos ou desselecion los de uma sele o mantenha pressionada a tecla Shift enquanto clica ou arrasta Para selecionar o grupo que con
444. umas das perguntas que voc pode querer fazer ao trabalhar com o HTML do Fireworks E se eu n o souber muito sobre c digo HTML O c digo automaticamente gerado pelo Fireworks N o necess rio entend lo para utiliz lo Uma vez que ele estiver gerado n o h necessidade de alter lo para faz lo funcionar desde que voc n o renomeie ou mova arquivos Como insiro HTML do Fireworks em um arquivo HTML H v rias op es para inserir c digo HTML em um arquivo Selecione Editar gt Copiar c digo HTML para copiar seu HTML do Fireworks para a rea de transfer ncia Abra seu editor HTML e cole o HTML no local correto Abra o HTML gerado pelo Fireworks em um editor de texto Antes de exportar selecione Incluir coment rios HTML na Configura o HTML a fim de incluir instru es para inserir o c digo em outro arquivo Realce o c digo necess rio e copie e cole no arquivo HTML Voc n o tem que copiar as tags lt HTML gt e lt BODY gt pois elas j devem estar inclu das no documento HTML de destino Use Atualizar HTML Se nenhum HTML correspondente gerado pelo Fireworks for encontrado o novo HTML inserido no arquivo E se eu quiser usar parte mas n o todo o HTML do Fireworks O HTML do Fireworks bem comentado dizendo a que se relacionam as partes do c digo Mas antes voc deve selecionar Incluir coment rios HTML na caixa de di logo Configura o HTML Por exemplo se o c digo for JavaScri
445. undo escuro Para arquivos nativos Fireworks ou arquivos importados do Photoshop poss vel evitar aur olas fazendo com que a cor da tela se iguale cor de fundo da p gina da Web Para arquivos GIF para os quais voc n o tiver o arquivo fonte e para arquivos de imagem importados que s o suavizados para uma cor de ndice normalmente uma cor de tela transparente ser necess rio remover a aur ola Para remover a aur ola torne transparentes as cores de suaviza o de serrilhado mais claras usando o painel Otimizar Otimiza o de gr ficos 315 316 Cap tulo 17 Otimizar Documento mom OP Configura o GIF WebSnap 128 z GIF mae webSnap adaptativa Cores 128 X Perda po x Pontil Z E EA E Bm Use Transpar ncia do ndice e manualmente retire as cores da aur ola usando os bot es conta gotas no painel Otimizar Para remover a aur ola de um gr fico 1 Clique em Visualiza o 2 para cima ou 4 para cima Em 2 para cima ou 4 para cima clique em uma visualiza o diferente da original O painel Otimizar exibe a transpar ncia do ndice no menu pop up transpar ncia 2 Selecione a ferramenta Zoom e aumente at que possa distinguir os pixels que circundam as bordas dos objetos no gr fico 3 No painel Otimizar clique no bot o Adicionar transpar ncia O ponteiro se torna o ponteiro conta gotas 4 Clique nos pixels coloridos que formam a aur ola para torn l
446. upar seus URLs em bibliotecas de URLs 217 218 Cap tulo 12 Sobre estilos Ao criar um estilo voc pode salvar e reaplicar um conjunto de atributos predefinidos de preenchimento tra o efeitos e texto Os estilos do Fireworks comportam se mais como misturas de tintas na paleta de um pintor do que como modelos de um processador de texto Quando um estilo aplicado a um objeto esse objeto assume as caracter sticas do estilo O Fireworks cont m v rios estilos predefinidos Voc pode adicionar alterar e remover estilos O CD ROM do Fireworks e o site da Macromedia na Web cont m v rios outros estilos predefinidos que voc pode importar para o Fireworks Voc tamb m pode exportar estilos e compartilh los com outros usu rios do Fireworks ou importar estilos de outros documentos do Fireworks Uso de estilos Utilize o painel Estilos para armazenar e aplicar estilos a objetos ou texto Escolha Janela gt Estilos para abrir o painel Estilos Painel Estilos Ao aplicar um estilo a um objeto voc pode mais tarde atualizar o estilo sem afetar o objeto original O Fireworks n o mant m um registro do estilo que foi aplicado a um objeto Se voc excluir um estilo n o poder recuper lo Se excluir um estilo fornecido no Fireworks voc poder recuper lo assim como todos os outros estilos exclu dos utilizando o comando Redefinir Estilos no menu pop up Op es do painel Estilos No entanto a redefin
447. ura a qualquer preenchimento O Fireworks oferece v rias texturas como Chiffon Mancha de leo e Lixa Voc tamb m pode utilizar arquivos de bitmap como texturas Isto permite criar praticamente qualquer tipo de textura personalizada vermeiho verde aa e Editar BEE susvca o de senina ED E Textura Micr bios v Jo ji Transparente Use o painel Preenchimento para adicionar textura a um preenchimento Testura Micr bios da textura real ada Para adicionar textura ao preenchimento de um objeto selecionado 1 No painel Preenchimento escolha um tipo de preenchimento no menu pop up Categoria de preenchimento 2 Selecione uma textura Selecione a textura no menu pop up Textura Para utilizar uma textura externa selecione Outra no menu pop up Textura e navegue at um arquivo de textura 3 Digite uma porcentagem de 0 a 100 para controlar a profundidade da textura Aumentar a porcentagem aumenta a intensidade da textura 4 Escolha Transparente para introduzir um n vel de transpar ncia ao preenchimento A porcentagem de textura tamb m controla o grau de transpar ncia Utiliza o de arquivos externos como padr es e texturas Voc tamb m pode utilizar arquivos de bitmap de outras aplica es como texturas Voc pode usar arquivos com estes formatos como texturas PNG GIF JPEG BMP TIFE e PICT apenas Macintosh Para adicionar uma textura externa ao menu pop up Textura para ut
448. usando menus adequados de 2 e 4 para cima Voc pode visualizar informa es de transforma o do painel Informa es medida em que os objetos s o transformados Pode se ocultar a borda listrada que aparece no modo Bitmap basta desselecionar a prefer ncia Mostrar borda listrada Ao arrastar O ponteiro para fora da janela de documento ocorrer a rolagem dos documentos que continuam dentro da janela na dire o da posi o do ponteiro Al m disso tamb m poss vel rolar para al m da tela do documento para aument la e trabalhar ao longo dos cantos do seu trabalho de arte A moldura da caixa de sele o est mais suave e exata Por padr o o programa exibe al as de preenchimento que permitem editar rapidamente o preenchimento do padr o ou o d grad de um objeto vetorial Al m disso um novo bot o Editar no painel Preenchimento facilita a edi o de d grad s Quando voc arrasta a ponta final de um tra ado para que fique pr xima ponta final de um tra ado com caracter sticas de tra o similares os dois tra ados ficar o alinhados Compress o JPEG seletiva Usando as ferramentas da Moldura da caixa de sele o e o recurso Definir JPEG seletivo pode se identificar partes importantes de uma imagem JPEG que deva ser exibida como uma imagem de alta qualidade A seguir o tamanho total do arquivo de imagem pode ser reduzido por compacta o das partes menos importantes da imagem Mel
449. v rios documentos Consulte Localiza o e substitui o na p gina 354 As bibliotecas de URLs est o dispon veis para todos os documentos do Fireworks e s o salvas entre as sess es Bj Biblioteca URLs htm Eq www macromedia com Painel URL Trabalho com URLs Voc pode deixar os URLs agrupados nas bibliotecas Este procedimento os mant m juntos facilitando o acesso poss vel salvar URLs na biblioteca padr o de URL URLs htm ou em novas bibliotecas de URL que voc criar Os URLs s o armazenados em um arquivo de marcadores HTML na pasta Fireworks 4SettingsVURL Libraries Esses nomes de arquivo aparecem no painel URL Para criar uma nova biblioteca de URL 1 Selecione Nova biblioteca de URL no menu pop up Op es do painel URL 2 Digite o nome da biblioteca na caixa de texto e clique em OK O nome da nova biblioteca aparecer no menu pop up Biblioteca do painel URL Para adicionar um novo URL a uma biblioteca de URLs 1 Selecione uma biblioteca no menu pop up Biblioteca 2 Digite um URL na caixa de texto V nculo 3 Clique no sinal de mais O sinal de mais adiciona os URLs atuais biblioteca Mais tarde voc poder organizar seus URLs adicionando apenas aqueles que est o em uso no seu documento Uso de bibliotecas estilos e URLs 225 226 Cap tulo 12 Para adicionar os URLs mais utilizados em uma biblioteca de URLs 1 Selecione uma biblioteca no menu pop up Biblioteca 2 Adic
450. ve jpg y Cj Alinhar Paar do navegad 2 u 204 vinculo GA At lt body gt lt img gt Mapa Espa o Y Destino TA Borda E k DON Espaco org 90 Redefinir o tamanho Mantenha pressionada a tecla Control Windows ou Command Macintosh e clique duas vezes na imagem que deseja editar e Clique com o bot o direito do mouse Windows ou clique com Control Macintosh na imagem desejada e selecione Editar com Fireworks 4 no menu de contexto O Dreamweaver inicia o Fireworks se este ainda n o estiver aberto 3 Se perguntado especifique se deseja iniciar um arquivo de origem do Fireworks para a imagem colocada 4 No Fireworks edite a imagem A janela do documento indica que voc est modificando uma imagem a partir do Dreamweaver O Dreamweaver reconhece e preserva todas as edi es aplicadas imagem no Fireworks 5 Quando tiver terminado de fazer as edi es clique em Conclu do na janela do documento Clicar em Conclu do exporta a imagem utilizando as configura es atuais de otimiza o para o arquivo PNG de origem atualiza o GIF ou JPEG usado pelo Dreamweaver e salva o arquivo de origem PNG se tiver sido selecionado um arquivo de origem Nota Quando voc abre uma imagem a partir da janela do site Dreamweaver os recursos de integra o do Fireworks descritos acima n o est o ativos o Fireworks n o abre o arquivo PNG original Para usar os recursos de integra o com o Firew
451. vo HTML na mesma estrutura de pastas Para maiores informa es sobre URLs relativos consulte Digita o de URLs absolutos ou relativos na p gina 227 E se eu n o tiver o Dreamweaver O Fireworks lhe permite exportar em formatos Gen rico FrontPage e GoLive Arquivo gt Configura o HTML permite configurar prefer ncias globais para seu m todo preferido de exportar para HTML Ao colar c digo no Miscrosoft FrontPage 98 o c digo alterado e os v nculos s o desfeitos importante manter os arquivos com imagens e c digo HTML no local correto Se poss vel export los para o local final onde ficar o no site da Web O Fireworks use URLs relativos de documentos de forma que se o HTML ou as imagens forem movidos os v nculos URL ser o desfeitos Onde devo procurar ajuda t cnica se alguma coisa n o funcionar Voc pode utilizar estes recursos Online Help e TechNotes em http www macromedia com support fireworks HTML do Fireworks 393 394 Cap tulo 22 NDICE REMISSIVO abrir arquivos do CorelDRAW 67 arquivos do Fireworks 1 67 arquivos do FreeHand 67 arquivos do Illustrator 67 arquivos do Photoshop 67 arquivos m ltiplos como anima es 294 arquivos WBMP 70 GIFS animados 69 GIFs animados 293 adicionar estilos 219 molduras 286 agrupar objetos 95 Agu amento maior Xtra 186 agu ar 186 Xtra 186 Ajuda Fireworks 18 Notas T cnicas 393 Online 393 ajustar faixa tonal 176 faixa tonal usando conta
452. works HTML as imagens gr ficas s o importadas para o est gio e para a contagem mantendo intatos os pontos de registro Para descarregar o Xtra visite www macromedia com support director xtras html Agora o Fireworks coloca disposi o o comando Importar EPS O arquivo fica renderizado como uma imagem bitmap O Fireworks 4 tamb m oferece a possibilidade de Importar e exportar WBMP O formato de arquivo WBMP est otimizado por dispositivos de computa o sem fio Para mais informa es sobre Exportar a partir do Fireworks consulte Exporta o com o Assistente de exporta o na p gina 319 Melhorias relativas experi ncia do usu rio O Fireworks aprimorou a forma de opera o de muitos recursos para que a experi ncia do usu rio fosse melhor Ao criar um bot o ele residir em uma camada normal como qualquer outro objeto vetorial Se houver sobreposi o acidental de fatias a primeira fatia superior na ordem da pilha estar ativa na rea de sobreposi o No momento da exporta o o Fireworks fatia os arquivos com base no per metro da primeira fatia superior arquivos estranhos da rea de sobreposi o n o s o exportados e O ponteiro exibe o tamanho e a forma do pincel ou da borracha medida em que desenha quando voc tiver definido sua prefer ncia relativa ao Cursor para pintar do tamanho do pincel O programa permite alternar facilmente entre o original e as visualiza es
453. xa de di logo N veis ou Curvas Ajuste da faixa tonal usando Curvas O recurso Curvas semelhante ao N veis mas oferece controle mais preciso sobre a faixa tonal Enquanto N veis usa realces sombras e tons m dios para corrigir a faixa tonal Curvas permite ajustar qualquer cor na faixa tonal sem afetar outras cores em vez de ajustar apenas tr s vari veis Por exemplo use Curvas para corrigir um matiz de cor causado por condi es de ilumina o A grade na caixa de di logo Curvas ilustra os seguintes valores de brilho O eixo horizontal ilustra o brilho inicial dos pixels mostrado na caixa de entrada O eixo vertical representa os novos valores de brilho Ao abrir a caixa de di logo Curvas a linha diagonal indica que nada foi gravado de modo que os valores de entrada e de sa da s o os mesmos para todos os pixels Para ajustar um ponto espec fico em uma faixa tonal 1 Selecione a imagem no modo vetorial ou no modo bitmap 2 Abra a caixa de di logo Curvas Selecione Xtras gt Ajustar Cor gt Curvas Selecione Ajustar cor gt Curvas do menu pop up Efeito do painel Efeito 3 Selecione Visualizar para ver suas altera es na rea de trabalho medida que faz altera es a imagem automaticamente atualizada 4 No pop up Canal escolha se deseja aplicar altera es a canais de cores individuais ou a todas as cores 5 Para ajustar a curva clique em um ponto na linha diagonal da grade e arraste
454. zia A seguir voc pode usar as ferramentas de desenho vetorial como por exemplo a ferramenta Caneta para modificar a m scara Texto Os dois aplicativos Fireworks e Photoshop 5 5 oferecem suporte para a cria o e edi o de texto nos documentos Al m disso voc pode exportar textos de um aplicativo para o outro sem preju zo da edi o de texto No Photoshop voc cria textos em uma camada de digita o e edita conte do e atributos atrav s da caixa de di logo Ferramenta digitar Da mesma forma no Fireworks voc cria textos como um objeto de texto na camada atual e faz a edi o usando o Editor Editor Fireworks para usu rios do Photoshop 381 382 Cap tulo 21 Ba AO JM s avos E 100x Ri Afo aslo x suavizar serrilhado v IV Kem auto WW Mostrar fonte IV Mostrar tamanho amp cor DK E i creu o Hfi Z Noma gt Camadat E Ret ngulo al Fiet ngulo P Bitmap xl EEE m Considerando que o Fireworks trata texto como objeto voc poder manipular e modific lo de muitas formas Como no Photoshop voc pode selecionar movimentar excluir e redimensionar o texto a qualquer momento Al m disso voc pode movimentar objetos de texto para qualquer camada estabelecer retorno autom tico em uma rea anexar textos a um caminho e aplicar transforma es preenchimentos tra os estilos e Efeitos ao vivo Depois de qualquer des

Download Pdf Manuals

image

Related Search

Related Contents

SECTION 17840 - VIDEO SURVEILLANCE – IVCC Ottawa Campus  Samsung PS-42P7H User Manual  TAFCO WINDOWS NU2-023S-I Instructions / Assembly  取扱説明書  SDS - ファインケミカルジャパン    LG 20EN33TS-B LED display  Marantz MM-9000 Stereo System User Manual  Dnepr 650ccm - Ural    

Copyright © All rights reserved.
Failed to retrieve file