Home

Usando o Fireworks

1. Objeto girado dimensionado inclinado distorcido e virado na vertical e na horizontal Transforma o e distor o de objetos selecionados e sele es 81 Para transformar objetos selecionados usando as al as de transforma o 1 Selecionar uma ferramenta de transforma o medida que o ponteiro movido sobre as al as de sele o ou perto delas ele alterado para indicar a transforma o atual 2 Para transformar os objetos seguir um destes procedimentos a Colocar o ponteiro pr ximo a um ponto de canto e depois arrast lo para girar m Arrastar a al a de transforma o para executar a a o de acordo com a ferramenta de transforma o ativa 3 Clicar duas vezes dentro da janela ou pressionar a tecla Enter para aplicar as altera es 82 Cap tulo 3 Sele o e transforma o de um objeto Redimensionamento dimensionamento de objetos O dimensionamento de um objeto aumenta ou reduz esse objeto no sentido horizontal vertical ou em ambos Para dimensionar um objeto selecionado 1 Seguir um destes procedimentos para exibir as al as de transforma o m Selecionar a ferramenta Scale Dimensionar Selecionar Modify Modificar gt Transform Transformar gt Scale 2 Arrastar as al as de transforma o m Para dimensionar o objeto na horizontal e na vertical arrastar uma das al as de canto As propor es ser o restringidas se a tecla Shift for press
2. Durante o processo de desinstala o nos sistemas Windows XP Windows 2000 e Windows NT 4 ser exibido um aviso perguntando se o usu rio deseja remover seus pr prios arquivos de configura o e os arquivos de prefer ncias Se ele optar pela remo o esses arquivos ser o removidos para todos os usu rios do sistema Exibi o do conte do do pacote somente Macintosh No Macintosh o Fireworks instalado em um formato chamado pacote de programa aplicativo Esse um recurso da Apple que permite a instala o dos aplicativos em um pacote independente Nesse pacote de aplicativos fica armazenado o arquivo do aplicativo Fireworks com todos os arquivos de configura o padr o que acompanham o Fireworks O conte do do pacote fica oculto por padr o Depois de abrir o pacote o usu rio observar que existem v rios arquivos e pastas Para mostrar ou ocultar o conte do do pacote do programa aplicativo Fireworks 1 Navegar at o local do disco r gido em que o Fireworks foi instalado 2 Manter pressionada a tecla Control clicar no cone Fireworks 8 e selecionar Show Package Contents Mostrar conte do do pacote no menu contextual Uma nova janela aberta exibindo o conte do do pacote Exibi o do conte do do pacote somente Macintosh 529 530 Cap tulo 17 Prefer ncias e atalhos de teclado ndice remissivo A abrir arquivos recentes 21 arquivos WBMP 23 documentos 20 GIFs a
3. Para mover uma entrada no menu pop up 1 Com o menu pop up desejado sendo exibido no Pop up Menu Editor clicar na guia Content Conte do Arrastar o item de menu para um novo local na lista Clicar em Done 348 Cap tulo 12 Cria o de bot es e menus pop up Cria o da apar ncia de um menu pop up Depois de criar um menu b sico e submenus opcionais poss vel formatar o texto aplicar estilos gr ficos aos estados Over Sobre e Up Acima e selecionar a orienta o vertical ou horizontal na guia Appearance Apar ncia do Pop up Menu Editor Editor de menu pop up Pop up Menu Editor Content Appearance Adwanced Position Cels HTML O Image Vertical Menu Font Arial Helvetica sans serif size 2 v Up State Over State Text Text North America Espa ut America Europe Cancel lt Back Next gt Para definir a orienta o de um menu pop up 1 Como menu pop up desejado aberto no Pop up Menu Editor clicar na guia Appearance Para mais informa es sobre a abertura de um menu pop up existente no Pop up Menu Editor consultar Edi o de menus pop up na p gina 357 2 Selecionar Vertical ou Horizontal no menu pop up Orientation Orienta o Cria o de menus pop up 349 Para definir se o menu pop up baseado em HTML ou imagem 1 Como menu pop up desejado aberto no Pop up Menu Editor clicar na guia Appearance Para mais informa
4. Para copiar o c digo de um arquivo exportado do Fireworks e col lo no HomesSite m Exportar um arquivo HTML do Fireworks e em seguida copiar e colar o c digo desejado em um documento existente do HomeSite Para mais informa es consultar a Ajuda do Fireworks Atualiza o de HTML exportado do Fireworks para o HomeSite O comando Update HTML Atualizar HTML permite efetuar altera es em um documento HTML do Fireworks exportado anteriormente para o HomeSite Antes de atualizar o HTML definir o tipo de HTML como Generic Gen rico na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar a Ajuda do Fireworks OY VAYASgO Para atualizar HTML exportado do Fireworks para o HomeSite m Usar o comando Update HTML Atualizar HTML no Fireworks Para mais informa es consultar a Ajuda do Fireworks Edi o de imagens do Fireworks no HomeSite poss vel usar a integra o de inicializa o e edi o para editar imagens em um documento do HomeSite O HomeSite inicia automaticamente o Fireworks permitindo fazer as edi es desejadas na imagem Quando o usu rio sai do Fireworks as atualiza es feitas s o aplicadas automaticamente imagem colocada no HomeSite Juntos os dois aplicativos fornecem um fluxo de trabalho simplificado para editar gr ficos da Web em p ginas HTML 482 Cap tulo 15 Uso do Fireworks com outros aplicativos Para abrir e edita
5. O Para aplicar um Live Filter Filtro ao vivo de forma que ele pare a afetar apenas uma o sele o de pixels em uma imagem poss vel recortar e colar a sele o no local para criar uma nova imagem bitmap selecion la e em seguida aplicar o Live Filter 2 Se for aberta uma janela pop up ou uma caixa de di logo digitar as configura es do filtro e seguir um destes procedimentos a Seo Live Filter tiver uma caixa de di logo clicar em OK m Seo Live Filter tiver uma janela pop up pressionar a tecla Enter ou clicar em qualquer parte do espa o de trabalho Aplica o de Live Filters 225 3 Repetir as etapas 1 e 2 para aplicar mais Live Filters S A ordem de aplica o dos Live Filters afeta o filtro geral poss vel arrastar os Live 0 Filters para reorganizar a ordem de empilhamento Para mais informa es consultar m la z P e 7 Reordena o de Live Filters na p gina 231 lt gt Q gt o Para ativar ou desativar um Live Filter aplicado a um objeto m Clicar na caixa ao lado do filtro na lista Filters Filtros do Property inspector Inspetor de propriedades Para ativar ou desativar todos os Live Filters aplicados a um objeto m Clicar no bot o Add Live Filters Adicionar filtros ao vivo do Property inspector Inspetor de propriedades e selecionar Options Op es gt All On Tudo ativado ou Options gt All Off Tudo desativado no menu po
6. ciccciciciiciitic 343 Cria o de menus pop up cciciciiciicicc css 344 Cap tulo 13 Cria o de anima o ccccccc 359 Constru o de uma anima o cccciiciccics sr 360 Trabalho com s mbolos de anima o ccccccicciciic 361 Trabalho com molduras cccccciciciicc serra 365 Interpola o ss ese si as DER a a a Re DE a a andar 371 Visualiza o de uma anima o ccciciicicicc cc 372 Exporta o de uma anima o cciiciicics css 373 Trabalho com anima es existentes u un nnana nunna 375 Uso de v rios arquivos como uma anima o a se 376 Cap tulo 14 Otimiza o e exporta o 377 Sobre otimiza o i iea aeh a A aca aa SED ae dava nda ap 378 Uso do Export Wizard n aaa nuaa anaana re 378 Otimiza o no espa o de trabalho aanas anaana nunana nnna 384 Exporta o do Fireworks suaaaaaa naaraan ss 408 Envio de um documento do Fireworks como um anexo de e mail 431 Uso do bot o File Management cccciiccccccs nnana 432 Cap tulo 15 Uso do Fireworks com outros aplicativos 435 Trabalho com o Macromedia Dreamweaver cccccccc 436 Trabalho com o Macromedia Flash icicicicicccccc 458 Trabalho com o Macromedia FreeHand MX cc 466 Trabalho com o Macromedia Director MX ccccccc 474 Trabalho com o Macromedia HomesSite ccccccc 479 Trabalho
7. 3 Arrastar os controles deslizantes Brightness Brilho e Contrast Contraste para ajustar as configura es Os valores variam de 100 a 100 4 Clicar em OK Aplica o do Live Filter Color Fill poss vel usar o Live Filter Filtro ao vivo Color Fill Preenchimento colorido para alterar rapidamente a cor de objetos seja substituindo totalmente os pixels por uma cor espec fica ou misturando uma cor em um objeto existente A mistura de cores adiciona a cor no topo do objeto A mistura de uma cor em um objeto j existente semelhante a usar Hue Saturation Matiz Satura o Entretanto o processo de mistura permite aplicar rapidamente uma cor espec fica apresentada em um painel de exemplos de cores Para adicionar um Live Filter Color Fill a um objeto selecionado 1 No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Adjust Color Ajustar cor gt Color Fill Preencimento colorido no menu pop up Filters Filtros 2 Selecionar um modo de mistura O modo padr o Normal Para informa es sobre cada modo de mistura consultar Sobre modos de mistura na p gina 268 3 Selecionar uma cor de preenchimento no menu pop up da caixa de cor 4 Selecionar uma porcentagem de opacidade para a cor de preenchimento e pressionar Enter Ajuste da cor e do tom de um bitmap 115 Ajuste de matiz e satura o O recurso Hue Saturation Matiz
8. Vector Mask Mask 2 Path outline C Show fill and stroke E 100 v Normal v a E O Grayscale appearance Effects wi 172 x 514 S3 4 None x E L Pixel Soft 4 H 172 Y 169 Edge jo Edge e o v Propriedades da m scara vetorial no Property inspector Inspetor de propriedades Por padr o m scaras vetoriais s o aplicadas com o uso de seu contorno de tra ado mas tamb m poss vel aplic las de outras maneiras Para mais informa es consultar Altera o da forma de aplica o de m scaras na p gina 264 Mascaramento de imagens 245 Sobre m scaras de bitmap Um usu rio do Photoshop talvez j esteja familiarizado com as m scaras de camada As m scaras de bitmap do Fireworks s o semelhantes s m scaras de camada pois os pixels de um objeto de m scara afetam a visibilidade dos objetos que est o embaixo Entretanto as m scaras de bitmap do Fireworks s o muito mais vers teis a forma de aplicar pode ser facilmente alterada seja usando a apar ncia dos tons de cinza ou sua pr pria transpar ncia Al m disso o Property inspector Inspetor de propriedades do Fireworks torna as propriedades da m scara e as op es de ferramentas de bitmap mais acess veis o que simplifica consideravelmente o processo de edi o da m scara Quando uma m scara for selecionada o Property inspector exibir diversas propriedades n o apenas para a m scara selecionada mas tamb
9. 2 Selecionar White Branco Transparent Transparente ou Custom Personalizar Ao selecionar Custom clicar em uma cor na janela pop up Swatches Exemplos de cores Para selecionar a cor da tela no Property inspector 1 Escolher Select Selecionar gt Deselect Cancelar sele o clicar na ferramenta Pointer Ponteiro para exibir as propriedades do documento no Property inspector Inspetor de propriedades e clicar na caixa de cor Canvas Tela 48 Cap tulo 2 Conceitos b sicos do Fireworks 2 Escolher uma cor na janela pop up Swatches Exemplos de cores ou clicar o conta gotas em uma cor em qualquer ponto da tela Para selecionar uma tela transparente clicar no bot o None Nenhum na janela pop up Swatches Para redimensionar um documento e todo o seu conte do 1 2 5 Seguir um destes procedimentos m Escolher Select Selecionar gt Deselect Cancelar sele o clicar na ferramenta Pointer Ponteiro para exibir as propriedades do documento no Property inspector Inspetor de propriedades e em seguida clicar no bot o Image Size Tamanho da imagem no mesmo inspetor ma Selecionar Modify Modificar gt Canvas Tela gt Image Size Tamanho da imagem A caixa de di logo Image Size aberta Image Size Pixel Dimensions Pixels Pixels Print Size 3 Inches 1 3 Inches Resolution Pixels Inch Constrain Proportions Resample Image Bicubic Nas
10. Subtrair da sele o subtrai a sele o ativa daquela especificada nas caixas Document e Selection Intersect with selection Fazer interse o com a sele o faz a interse o da sele o ativa com quela especificada nas caixas Document e Selection Selecionar uma op o na se o Operation e clicar em OK Repetir esse processo para cada uma das sele es de moldura a ser restaurada Exclus o de uma sele o de moldura poss vel excluir uma sele o de moldura nomeada e salva anteriormente a Esse recurso s estar ativado se um documento aberto contiver no m nimo uma 0 sele o salva m Ps lt D gt Q D O 76 Cap tulo 3 Sele o e transforma o de um objeto Para excluir uma sele o de moldura 1 Escolher Select Selecionar gt Delete Bitmap Selection Excluir sele o de bitmap para abrir a caixa de di logo Delete Selection Excluir sele o 2 A caixa Document Documento exibe o nome do documento ativo que cont m uma sele o de moldura poss vel manter esse nome ou selecionar outro no menu pop up para excluir uma sele o de moldura de um documento diferente 3 A caixa Selection Sele o exibe o nome da sele o ativa no documento ativo poss vel mant la como est ou para excluir uma sele o diferente do documento que aparece na caixa Document Documento escolher outra sele o no menu pop up 4 Para excluir a
11. Wi 57 x 288 Target _self x Hi e2 Y 721 5 Propriedades da fatia no Property inspector Inspetor de propriedades Com o uso do Property inspector Inspetor de propriedades ou do painel Layers Camadas poss vel atribuir nomes exclusivos s fatias Na exporta o o Fireworks usa o nome especificado para nomear os arquivos gerados a partir do fatiamento Se n o for digitado um nome de fatia no Property inspector Inspetor de propriedades nem no painel Layers Camadas o Fireworks nomeia automaticamente as fatias durante a exporta o poss vel alterar a conven o de nomea o autom tica que o Fireworks usa atrav s da caixa de di logo HTML Setup Configura o do HTML O Fireworks exporta um documento fatiado do Fireworks como um arquivo HTML e uma s rie de arquivos gr ficos poss vel definir as propriedades do arquivo HTML exportado com o uso da caixa de di logo HTML Setup Configura o do HTML Atribui o de URLs O URL Uniform Resource Locator localizador uniforme de recursos representa o endere o de uma p gina ou arquivo espec ficos da Internet Quando um URL atribu do a uma fatia os usu rios podem navegar at aquele endere o clicando na rea definida pela fatia em seus navegadores da Web Para atribuir um URL fatia selecionada m No Property inspector Inspetor de propriedades digitar um URL na caixa de texto Link Caso se deseje reutilizar os URLs poss
12. medida que um texto adicionado a um documento do Fireworks esse objeto de texto salvo automaticamente com um nome que corresponda ao texto digitado E poss vel substituir o nome atribu do por um diferente se for prefer vel Para alterar o nome de um objeto de texto 1 Selecionar o objeto de texto O nome existente do objeto de texto exibido na caixa Text Texto do Properties inspector Inspetor de propriedades e na miniatura do objeto no painel Layers Camadas 2 Seguir um destes procedimentos m Selecionar o nome na caixa Text do Properties inspector e digitar um novo nome m Clicar no nome na miniatura do objeto no painel Layers edigitar um novo nome Cria o de bloco 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 Selecionar a ferramenta Text Texto O Property inspector Inspetor de propriedades exibe op es para a ferramenta Text Texto 2 Selecionar a cor a fonte o tamanho o espa amento e outras caracter sticas de texto 3 Seguir um destes procedimentos m Clicar no documento onde deseja que o bloco de texto comece Ser criado um bloco de texto de dimensionamento autom tico m Arrastar para desenhar um bloco de texto Ser criado um bloco de texto com largura fixa Digita o de texto 165 Para mais informa es sobre os diferentes tipos de blocos de texto consultar Uso de bl
13. poss vel clicar no bot o Quick Export Exporta o r pida e escolher Source as Layers Origem como camadas ou Source as Slices Origem como fatias no menu pop up do Director Selecionar Source as Layers para exportar uma anima o e Source as Slices para exportar conte do interativo como bot es Ov vAHIsgo 2 Na caixa de di logo Export digitar um nome de arquivo e escolher uma pasta de destino 3 Selecionar Director no menu pop up Save As Salvar como Trabalho com o Macromedia Director MX 475 7 Selecionar uma op o no menu pop up Source Origem Fireworks Layers Camadas do Fireworks exporta cada camada do documento Selecionar essa op o para exportar um conte do com camadas ou uma anima o Fireworks Slices Fatias do Fireworks exporta as fatias do documento Selecionar essa op o para exportar conte do fatiado ou interativo como imagens de rollover e bot es Selecionar Trim Images Aparar imagens para cortar automaticamente as imagens exportadas para adequ las aos objetos em cada moldura Selecionar Put Images in Subfolder Colocar imagens na subpasta para escolher uma pasta para as imagens Clicar em Save Importa o de arquivos do Fireworks para o Director No Director poss vel importar imagens niveladas exportadas anteriormente do Fireworks como imagens PNG de 32 bits JPEG e GIF Tamb m poss vel importar camadas fatias e elementos interativos do Fi
14. DSC 0997 jpg Next DSC 1002 jpg D include Current Open Files D o 500 Cap tulo 16 Automatiza o de tarefas repetitivas Se os arquivos selecionados estiverem bloqueados ou sua entrega tiver sido feita em um site do Dreamweaver ser necess rio desbloque los ou fazer a retirada deles antes de continuar Ov vAaNaIsgo 2 Clicar em um dos itens a seguir na caixa de di logo Batch Windows ou Batch Process Macintosh Add Adicionar adiciona os arquivos e pastas selecionados lista de arquivos a serem processados em lote Se uma pasta for selecionada todos os arquivos v lidos e leg veis dentro dela ser o adicionados ao processo em lote Arquivos v lidos s o arquivos que foram criados nomeados e salvos Se a ltima vers o n o for salva o usu rio ser instru do a salv la e continuar o processo em lote Se ele n o salvar o arquivo todo o processo em lote ser encerrado Ov vAaNaIsgo Add All Adicionar todos adiciona todos os arquivos v lidos da pasta selecionada no momento lista de arquivos para processo em lote Remove Remover remove os arquivos selecionados da lista de arquivos a serem processados em lote 3 Selecionar Include Current Open Files Incluir arquivos atuais abertos para adicionar todos os arquivos abertos no momento Esses arquivos n o aparecem na lista de arquivos para processo em lote mas est o inclu dos no processo Proc
15. es Para mais m a ea o o 7 informa es consultar Edi o de ocorr ncias na p gina 282 lt gt O D o 280 Cap tulo 10 Uso de estilos s mbolos e URLs Para editar um s mbolo e todas as suas ocorr ncias 1 Executar um dos seguintes procedimentos para abrir o Symbol Editor a Clicar duas vezes em uma ocorr ncia Escolher uma ocorr ncia e selecionar Modify Modificar gt Symbol S mbolo gt Edit Symbol Editar s mbolo 2 Fazer as altera es no s mbolo e fechar a janela O s mbolo e todas as ocorr ncias refletem as modifica es feitas Para renomear um s mbolo 1 Clicar duas vezes no nome do s mbolo no painel Library 2 Alterar o nome na caixa de di logo Symbol Properties e clicar em OK Para duplicar um s mbolo 1 No painel Library Biblioteca selecionar o s mbolo 2 Selecionar Duplicate Duplicar no menu Options Op es do painel Library Para alterar o tipo do s mbolo 1 Clicar duas vezes no nome do s mbolo na Biblioteca 2 Selecionar uma outra op o de tipo de s mbolo Para selecionar todos os s mbolos n o usados no painel Library m Escolher Select Unused Items Selecionar itens n o usados no menu Options Op es do painel Library Biblioteca Para excluir um s mbolo 1 No painel Library Biblioteca selecionar o s mbolo 2 Selecionar Delete Excluir no menu Options Op es do painel Library 3
16. es sobre a abertura de um menu pop up existente no Pop up Menu Editor consultar Edi o de menus pop up na p gina 357 2 Selecionar uma op o em Cells C lulas HTML define a apar ncia do menu usando somente c digo HTML Esta defini o produz p ginas com tamanhos de arquivo menores Image oferece uma sele o de estilos de imagem gr fica para uso como fundo das c lulas Esta defini o produz p ginas com tamanhos de arquivo maiores z poss vel adicionar estilos de menu pop up personalizados sele o Para mais 0 informa es consultar Adi o de estilos de menu pop up na p gina 352 m Pi lt D gt QO D o Para formatar o texto no menu pop up atual 1 Como menu pop up desejado aberto no Pop up Menu Editor clicar na guia Appearance Para mais informa es sobre a abertura de um menu pop up existente no Pop up Menu Editor consultar Edi o de menus pop up na p gina 357 2 Selecionar um tamanho predefinido no menu pop up Size Tamanho ou digitar um valor na caixa de texto Size E Quando a largura e a altura das c lulas s o definidas em Automatic Autom tica na guia Advanced Avan ado do Pop up Menu Editor o tamanho do texto determina o n tamanho dos gr ficos associados ao item de menu lt D gt QO gt o 3 Selecionar um grupo de fontes do sistema no menu pop up Font Fonte ou digitar o nome de uma fonte
17. o poss vel importar todas as camadas e molduras de uma anima o se desejado e edit las posteriormente no Flash Para mais informa es consultar Trabalho com o Macromedia Flash na p gina 458 Tamb m poss vel exportar molduras ou camadas de anima es como v rios arquivos Isso poder ser til quando existirem muitos s mbolos em camadas diferentes para o mesmo objeto Por exemplo ser poss vel 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 Para mais informa es sobre a exporta o de camadas ou molduras para v rios arquivos consultar Exporta o de uma moldura ou camada na p gina 414 Trabalho com anima es existentes poss vel usar um arquivo de GIF animado existente como parte de uma anima o do Fireworks H duas maneiras de se usar o arquivo importar o GIF para um arquivo do Fireworks existente ou abri lo como um novo arquivo Ao importar um GIF animado o Fireworks o converte em um s mbolo de anima o e o coloca na moldura selecionada atualmente Se a anima o tiver mais molduras do que o filme atual o usu rio poder escolher a adi o autom tica de mais molduras Os GIFs importados perdem suas configura es originais de retardo de moldura e assumem o retardo de moldura do documento atual Como o arquivo importado um s mbolo de anima o ser poss vel aplicar movime
18. o de 174 editar 167 espa amento de par grafo 177 expandir ou contrair largura de caractere 178 fatias 296 localizar e substituir 496 orienta o 174 recuar 176 Text Editor Editor de texto 189 verificar ortografia 187 vis o geral 163 texto alt alternativo 315 atribuir a bot es ou ocorr ncias 342 texto it lico 169 texto negrito 169 texto sublinhado 169 textura adicionar a preenchimentos 220 adicionar a tra os 219 TIFF salvar 32 tom ajustar 106 Tools Ferramentas painel 34 tra ados 156 adicionar textura de tra o 219 alterar segmentos adjacentes 150 alterar uma forma 150 converter reto em curvo 148 copiar e colar 472 cortar 159 criar um tra o personalizado 207 dividir 157 dobrar segmentos adjacentes 150 editar tra os 205 empurrar 153 puxar 153 redefinir para cores padr o 193 selecionar um ponto 149 trocar cores de tra o e de preenchimento 193 tra ados compostos 157 158 tra ados de forma livre 141 tra ados de texto alterar a forma do tra ado 182 anexar texto ao tra ado 181 colocar o texto em um tra ado 183 converter texto em tra ado 184 editar o texto anexado a um tra ado 182 mover o ponto inicial do texto 183 separar a partir do tra ado 182 tra os 205 adicionar textura 219 alterar a cor das ferramentas de desenho 206 546 ndice remissivo alterar centraliza o 209 bordas de 206 criar personalizado 207 definir sensibilidade 209 desenhar preenchimento sobre 209 editar 205 escolh
19. uma grande grade de pixels Em uma vers o em bitmap da folha o local e o valor da cor de cada pixel na grade determinam a imagem atribu da uma cor a cada ponto Quando exibidos na resolu o correta os pontos ajustam se como ladrilhos em um mosaico para formar a imagem 18 Cap tulo 2 Conceitos b sicos do Fireworks Quando edita um gr fico de bitmap o usu rio modifica pixels em vez de linhas e curvas Esses gr ficos de bitmap independem da resolu o ou seja os dados que descrevem a imagem s o fixados a uma grade de um tamanho espec fico A amplia o de um gr fico de bitmap redistribui os pixels na grade dando s bordas da imagem uma apar ncia desigual A exibi o de um gr fico de bitmap em um dispositivo de sa da com uma resolu o menor que a da pr pria imagem tamb m pode prejudicar a qualidade da imagem Cria o de um novo documento A sele o de File Arquivo gt New Novo permite criar um novo documento PNG Portable Network Graphic no Fireworks PNG o formato de arquivo nativo do Fireworks Depois de criar gr ficos no Fireworks poss vel export los ou salv los em outros formatos gr ficos para a Web conhecidos como JPEG GIF e GIF animado Tamb m poss vel exportar ou salvar gr ficos em v rios formatos populares usados fora da Web como TIFF e BMP Sejam quais forem as configura es de otimiza o e exporta o escolhidas o arquivo PNG do Fireworks original preservad
20. Exporta o de HTML na p gina 415 358 Cap tulo 12 Cria o de bot es e menus pop up CAP TULO 13 Cria o de anima o Gr ficos animados proporcionam um visual sofisticado e emocionante a um site da Web No Macromedia Fireworks 8 poss vel criar gr ficos animados com faixas de propaganda logotipos e desenhos animados Por exemplo poss vel fazer o mascote da companhia dan ar atrav s de uma p gina enquanto o logotipo clareia e escurece Uma maneira de criar anima es no Fireworks por meio da cria o de s mbolos e da altera o de suas propriedades ao longo do tempo para criar a ilus o de movimento Um s mbolo como um ator cuja coreografia criada pelo usu rio A a o de cada s mbolo armazenada em uma moldura Quando todas as molduras juntas s o reproduzidas em uma seq ncia obt m se a anima o E poss vel aplicar configura es diferentes ao s mbolo para alterar gradualmente o conte do das molduras sucessivas E poss vel fazer com que um s mbolo pare a se mover atrav s da tela clareie e escure a fique maior ou menor ou gire Como poss vel ter v rios s mbolos em um nico arquivo poss vel criar uma anima o complexa onde tipos diferentes de a o ocorrem todas de uma vez O painel Optimize Otimizar permite definir configura es de otimiza o e exporta o para controlar a forma de cria o do arquivo O Fireworks pode exportar anima es como arq
21. Importa o de anima es e gr ficos exportados do Fireworks para o Flash na p gina 465 Embora PNG seja o formato de arquivo nativo do Fireworks os arquivos gr ficos PNG exportados do Fireworks s o diferentes dos arquivos PNG de origem salvos nesse aplicativo Os arquivos PNG exportados n o s o diferentes de GIFs ou JPEGs eles s incluem dados de imagem e n o cont m outras informa es como fatiamento camadas interatividade Live Filters Filtros ao vivo ou outros tipos de conte do edit vel Para mais informa es sobre arquivos PNG de origem consultar a Ajuda do go OY VA XAS Fireworks Exporta o de anima es e gr ficos do Fireworks como arquivos SWF poss vel exportar anima es e gr ficos do Fireworks como arquivos SWF do Flash H v rias op es de exporta o de objetos 462 Cap tulo 15 Uso do Fireworks com outros aplicativos Parte da formata o perdida a menos que o usu rio escolha Maintain Appearance Manter apar ncia na caixa de di logo Flash SWF Export Options Op es de exporta o de SWF do Flash O tamanho e a cor do tra o s o mantidos A formata o a seguir perdida na exporta o para o formato SWF Modo de mistura Camadas M scaras aplicadas antes da exporta o Objetos de fatia mapas de imagem e comportamentos Preenchimentos com padr o D grad de contornos Para exportar uma anima o ou um gr fico do Firew
22. P lt D gt Q D o Para pontilhar um gr fico m Na caixa de texto Dither Pontilhamento do painel Optimize digitar um valor percentual 394 Cap tulo 14 Otimiza o e exporta o Exibi o de cores em uma paleta A tabela de cores no painel Optimize exibe as cores da visualiza o atual quando o usu rio trabalha com cores de 8 bits ou menos permitindo lhe modificar a paleta de uma imagem A tabela de cores atualiza se automaticamente no modo Preview Visualiza o Ela aparece vazia quando otimizada mais de uma fatia ao mesmo tempo ou quando o arquivo otimizado n o est em um formato de 8 bits como GIF w Optimize v Matte Adaptive w Colors 128 w Loss 0 w Dither 99 No Transparency Sort None 128 colors EA Ea Eat E V rios s mbolos pequenos aparecem em alguns exemplos de cores indicando certas caracter sticas de cores individuais como segue S mbolo Significado A cor foi editada afetando somente o documento exportado Esse procedimento n o altera a cor no documento de origem A cor est bloqueada A cor transparente A cor websafe A cor tem v rios atributos Neste caso a cor websafe est bloqueada e foi editada Se o documento for editado a tabela de cores poder n o mostrar mais todas as cores do documento Se isso ocorrer ser necess rio reconstruir a tabela de cores Um bot
23. Para mais informa es consultar Cria o de uma m scara com base em um objeto existente na p gina 247 Para mais informa es sobre as diferentes formas de aplicar m scaras consultar Altera o da forma de aplica o de m scaras na p gina 264 252 Cap tulo 9 Camadas mascaramento e mistura Adi o de m scara a objetos usando o painel Layers A maneira mais r pida de se adicionar uma m scara de bitmap transparente vazia atrav s do painel Layers Camadas O painel Layers adiciona uma m scara branca a um objeto que o usu rio pode personalizar desenhando nela com as ferramentas de bitmap go OY VA XAS Para detalhes sobre a cria o de m scaras opacas ou pretas vazias consultar Mascaramento de objetos com os comandos Reveal e Hide na p gina 254 Para criar uma m scara de bitmap com o uso do painel Layers 1 2 Selecionar o objeto que se deseja mascarar Na parte inferior do painel Layers clicar no bot o Add Mask Adicionar m scara O Fireworks aplica uma m scara vazia ao objeto selecionado O painel Layers exibe uma miniatura de m scara que representa a m scara vazia Opcionalmente se o objeto com m scara for um bitmap usar uma das ferramentas de Marquee Moldura da caixa de sele o ou Lasso La o para criar uma sele o de pixels No painel Tools Ferramentas selecionar uma ferramenta de pintura de bitmap como a ferramenta Brush Pincel
24. Quando o usu rio seleciona a ferramenta Marquee Moldura Oval Marquee Moldura oval Lasso La o Polygon Lasso La o pol gono ou Magic Wand Varinha m gica o Property Inspector Inspetor de propriedades exibe as op es para essa ferramenta 64 Cap tulo 3 Sele o e transforma o de um objeto Quando uma dessas ferramentas usada a sele o da caixa Live marquee Moldura ao vivo permite alterar as configura es da borda e a quantidade de enevoamento da sele o de bitmap caso a op o Feather Enevoar seja especificada como a configura o de borda O Property inspector tamb m exibe as tr s op es de borda para essas ferramentas Hard Acentuada cria uma sele o de moldura com uma borda definida Anti alias Suaviza o de serrilhado evita bordas dentadas na sele o de moldura Feather Enevoar permite suavizar a borda da sele o de pixels Quando uma ferramenta de sele o usada poss vel definir a op o Feather antes de criar uma sele o ou enevoar sele es existentes marcando a caixa Live marquee Moldura ao vivo Tamb m poss vel enevoar sele es existentes usando o comando Feather do menu Select Selecionar Para mais informa es consultar Enevoamento de uma sele o de pixels na p gina 72 Quando a ferramenta Marquee ou Oval Marquee selecionada o Property Inspector tamb m exibe tr s op es de estilo Normal permite criar uma moldura em que a al
25. cone no canto superior do Property inspector e selecionar Full Height Altura total no menu Options Op es No Windows o menu Options s est dispon vel quando o Property inspector est encaixado Ov vAaHaIsgo Para reduzir o Property inspector metade da altura seguir um destes procedimentos m Clicar na seta de expans o no canto inferior direito do Property inspector Inspetor de propriedades 36 Cap tulo 2 Conceitos b sicos do Fireworks m Selecionar Half Height Metade da altura no menu Options Op es do Property inspector No Windows o menu Options s est dispon vel quando o Property inspector est encaixado go OY VA XAS Para recolher o Property inspector quando ele estiver encaixado seguir um destes procedimentos m Clicar na seta de expans o ou no t tulo do Property inspector Inspetor de propriedades m Selecionar Collapse Panel Group Recolher grupo de pain is no menu Options Op es do Property inspector encaixado Para mais informa es sobre op es espec ficas do Property inspector consultar as se es adequadas do manual Usando o Fireworks ou da Ajuda do Fireworks Y Properties o Rectangle tool E ii v A E 1 1 Pixel Hard v E 100 v Normal x Edge Anti Alias v e Edge o w x Texture erain wo v Texture Grain mo H Yi 7 N Uso de pain is Os pain is s o
26. lo at a nova posi o para ajustar a curva m Cada ponto na curva tem seus pr prios valores de entrada e sa da Quando se arrasta um ponto os valores de entrada e sa da s o atualizados automaticamente a A curva exibe valores de brilho de O a 255 com O representando as sombras Curva ap s arrastar um ponto para ajustar Tamb m poss vel ajustar os realces meios tons e sombras automaticamente clicando no bot o Auto Autom tico na caixa de di logo Curves Curvas v la Para excluir um ponto ao longo da curva m Arrastar o ponto para fora da grade N o poss vel excluir os pontos finais da curva OY VAYASgO Uso de conta gotas tonal Os realces sombras e meios tons podem ser ajustados com o uso do conta gotas Shadow Sombra Highlight Realce ou Midtone Meio tom na caixa de di logo Levels or Curves N veis ou curvas Para ajustar o equil brio tonal manualmente com os conta gotas tonais 1 Abrir a caixa de di logo Levels or Curves N veis ou curvas e selecionar um canal de cor no menu pop up Channel Canal 2 Escolher o conta gotas apropriado para redefinir os valores tonais da imagem m Clicar no pixel mais claro na imagem com o conta gotas Highlight Realce para redefinir o valor de realce Ajuste da cor e do tom de um bitmap 113 m Clicar no pixel de cor neutra na imagem com o conta gotas Midtone Meio tom para redefinir o
27. o do texto a menos que ele tenha preenchimentos tra os ou efeitos especiais n o suportados pelo Flash Para preservar a apar ncia desse texto o Flash converte o em uma imagem bitmap n o edit vel 460 Cap tulo 15 Uso do Fireworks com outros aplicativos Keep All Text Editable Manter todo o texto edit vel preserva a capacidade de edi o do texto inteiro Se os objetos de texto contiverem preenchimentos tra os ou efeitos especiais n o suportados pelo Flash essas propriedades ser o perdidas 9 Selecionar a op o Import as a Single Flattened Bitmap Importar como nico bitmap nivelado para importar o arquivo como uma nica imagem bitmap e perder a capacidade de edi o o Se essa op o for selecionada as outras op es da caixa de di logo n o estar o 0 dispon veis m pe lt gt O D o 10 Clicar em OK O arquivo PNG do Fireworks importado para o Flash usando as op es de importa o escolhidas C pia e colagem de gr ficos do Fireworks no Flash Uma maneira r pida de colocar gr ficos do Fireworks no Flash e copi los e col los a Para copiar gr ficos para vers es do Flash anteriores ao Flash 8 escolher Edit Editar gt w Copy Path Outlines Copiar contornos do tra ado m pi lt D gt QO gt o Quando os gr ficos do Fireworks s o copiados e colados no Flash alguns atributos s o perdidos como os Live Filters
28. rea da caixa de cor ativa aparece como um bot o pressionado no painel Tools A ferramenta Paint Bucket Lata de tinta preenche as sele es de pixels e os q objetos vetoriais com a cor exibida na caixa Fill Color no painel Tools pi lt gt QO gt o 2 Z B o E Fill Options Caixas de cores no painel Tools Ferramentas e a janela pop up de cores 192 Cap tulo 7 Aplica o de cor tra os e preenchimentos Para redefinir as cores segundo o padr o m Clicar no bot o Default Colors Cores padr o no painel Tools Ferramentas ou no Color Mixer Misturador de cores Para remover o tra o e o preenchimento dos objetos selecionados usando o bot o No Stroke or Fill Nenhum tra o ou preenchimento 1 Clicar no bot o No Stroke or Fill na se o Colors Cores do painel Tools Ferramentas O tra o ou preenchimento da caracter stica ativa ficar definido como None Nenhum 2 Para definir a caracter stica inativa tamb m como None clicar novamente no bot o No Stroke or Fill Para definir o preenchimento ou o tra o de objetos selecionados como None tamb m poss vel clicar no bot o Transparent Transparente em qualquer janela pop up da caixa Fill Color Cor do preenchimento ou Stroke Color Cor do tra o ou selecionar None no menu pop up Fill Options Op es de preenchimento ou Stroke Options Op es de tra o no Property inspector Inspetor de propri
29. v la Para definir um texto alternativo para um s mbolo de bot o no Button Editor 1 Executar um dos seguintes procedimentos para abrir o bot o no Button Editor Editor de bot o m Clicar duas vezes em uma ocorr ncia de bot o no espa o de trabalho No painel Library clicar duas vezes na visualiza o do bot o ou no cone do s mbolo ao lado do s mbolo do bot o 342 Cap tulo 12 Cria o de bot es e menus pop up 2 No Property inspector digitar o texto desejado para aparecer como texto alternativo em um navegador go A substitui o do texto alternativo por um s mbolo de bot o n o altera o texto alternativo para as ocorr ncias de bot o j existentes desse s mbolo s quais j tenha sido atribu do um texto alternativo exclusivo Isso tamb m se aplica s altera es feitas no destino e no URL de um s mbolo de bot o Ov vAadas Para definir um texto alternativo para uma ocorr ncia de bot o no espa o de trabalho 1 Selecionar a ocorr ncia de bot o no espa o de trabalho 2 Na caixa Alt Text Texto alternativo do Property inspector digitar a descri o Cria o de barras de navega o A barra de navega o ou nav bar um grupo de bot es que oferece links para diversas reas de um site da Web Ela normalmente permanece uniforme em todo o site proporcionando um m todo de navega o constante independentemente da localiza o do usu rio no s
30. A tela aumentada ou reduzida at o tamanho de seu conte do Ambiente de trabalho do Fireworks 51 Corte de um documento Para eliminar partes indesejadas de um documento basta cort las A tela redimensionada para se ajustar a uma rea definida Por padr o o corte exclui objetos que ultrapassam os limites da tela poss vel manter objetos fora da tela alterando uma prefer ncia antes de cortar Para cortar um documento 1 Selecionar a ferramenta Crop Cortar no painel Tools Ferramentas ou selecionar Edit Editar gt Crop Document Cortar documento 2 Arrastar a caixa delimitadora na tela Ajustar as al as de corte at que a caixa delimitadora envolva a rea do documento a ser mantida 3 Clicar duas vezes dentro da caixa delimitadora ou pressionar a tecla Enter para cortar o documento O Fireworks redimensiona a tela para a rea definida e exclui os objetos que ultrapassam as bordas da tela E o gt Para manter objetos fora da tela cancelar a sele o de Delete Objects when Cropping Excluir objetos ao cortar na guia Editing Edi o da caixa de di logo Preferences Prefer ncias antes de cortar Para mais informa es sobre prefer ncias consultar Configura o de prefer ncias na p gina 519 Uso de menus contextuais Os menus contextuais permitem acessar rapidamente comandos relevantes para a sele o atual Para exibir um menu contextual m C
31. Adicionar 2 Clicar em Edit Editar Selecionar o tipo de atributo a ser localizado e substitu do no menu pop up Find Localizar texto fonte cor URL ou n o Web216 4 Inserir ou selecionar o elemento espec fico a ser localizado na caixa Find 5 Inserir ou selecionar o elemento espec fico a ser substitu do na caixa Change To Alterar para 6 Clicar em OK para armazenar as configura es de Find and Replace 7 Clicar em Next Pr ximo para continuar o processo em lote Para informa es sobre a conclus o do processo em lote consultar Processo em lote na p gina 499 Para mais informa es sobre as op es de Find and Replace consultar Localiza o e substitui o na p gina 494 506 Cap tulo 16 Automatiza o de tarefas repetitivas Altera o de um nome de arquivo com um processo em lote A op o Rename Renomear da caixa de di logo Batch Process Processo em lote permite alterar os nomes dos arquivos que est o sendo processados Para definir as op es de nomes para arquivos processados em lote 1 Selecionar Rename Renomear na lista Batch Options Op es de lote e clicar em Add Adicionar 2 Especificar op es de renomea o na parte inferior da caixa de di logo Batch Process Processo em lote Replace with Substituir por permite substituir caracteres de um nome de arquivo por outros ou excluir caracteres de um nome de arquivo Por exemplo caso existam arquivos com
32. Clicar em OK 126 Cap tulo 4 Trabalho com bitmaps CAP TULO 5 Trabalho com objetos vetoriais Um objeto vetorial uma imagem gr fica de computador cuja forma definida por um tra ado A forma de um tra ado vetorial determinada por pontos plotados ao longo do caminho Uma cor de tra o do objeto vetorial segue o tra ado Seu preenchimento ocupa a rea interna do tra ado Em geral o tra o e o preenchimento determinam a forma como o gr fico aparecer quando for impresso ou publicado na Web O Macromedia Fireworks 8 possui v rias ferramentas para desenhar e editar objetos vetoriais usando diversas t cnicas Com as ferramentas de forma b sica poss vel desenhar rapidamente linhas retas c rculos e elipses quadrados e ret ngulos estrelas e qualquer pol gono eq ilateral de 3 a 360 lados E poss vel desenhar tra ados vetoriais livres com as ferramentas Pen Caneta e Vector Path Tra ado vetorial Usando a ferramenta Pen poss vel desenhar formas complexas com curvas suaves e linhas retas plotando pontos um por um O Fireworks oferece v rios m todos para edi o dos objetos vetoriais desenhados poss vel alterar a forma de um objeto movendo adicionando ou excluindo pontos Al m disso poss vel usar al as de ponto para alterar a forma dos segmentos de tra ado adjacentes Ferramentas de forma livre permitem a altera o na forma dos objetos por meio da edi o direta dos tra ados Ta
33. Dreamweaver Os itens das bibliotecas do Dreamweaver simplificam o processo de edi o e atualiza o de componentes de sites da Web usados com fregii ncia como logotipos de empresas ou outros gr ficos que aparecem em todas as p ginas do site Um item de biblioteca uma parte de um arquivo HTML localizado em uma pasta chamada Library Biblioteca na pasta raiz do site Os itens de biblioteca aparecem como uma categoria no painel Assets Propriedades do Dreamweaver poss vel arrastar um item de biblioteca um arquivo com a extens o Ibi do painel Assets para qualquer p gina do site da Web para inseri lo no arquivo do Dreamweaver 444 Cap tulo 15 Uso do Fireworks com outros aplicativos N o poss vel editar um item de biblioteca diretamente no documento do Dreamweaver s poss vel editar o item principal da biblioteca Em seguida o Dreamweaver pode atualizar todas as c pias desse item medida que s o colocadas no site da Web Os itens de biblioteca do Dreamweaver s o muito semelhantes aos s mbolos do Fireworks as altera es no documento principal da biblioteca LBI s o refletidas em todas as ocorr ncias da biblioteca no site go OY VA XAS Os itens de biblioteca do Dreamweaver n o suportam menus pop up Para exportar um documento do Fireworks como um item de biblioteca do Dreamweaver 1 2 Selecionar File Arquivo gt Export Exportar Selecionar Dreamweaver Libr
34. Editar gt Clear Limpar m Selecionar Edit gt Cut Recortar m Clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh no objeto e em seguida selecionar Edit gt Cut no menu contextual Para cancelar uma sele o seguir um destes procedimentos m Escolher Select Selecionar gt Deselect Cancelar sele o m Se estiver usando a ferramenta Marquee Moldura Oval Marquee Moldura oval e Lasso La o clicar em qualquer lugar da imagem fora da rea selecionada m Pressionar a tecla Esc 80 Cap tulo 3 Sele o e transforma o de um objeto Transforma o e distor o de objetos selecionados e sele es poss vel transformar um grupo ou um objeto selecionado ou uma sele o de pixels usando as ferramentas Scale Dimensionar Skew Inclinar e Distort Distorcer e os comandos de menu Scale aumenta ou reduz um objeto 5 Skew inclina um objeto ao longo de um eixo especificado 2 Distort move os lados ou os cantos de um objeto na dire o em que uma al a de D sele o for arrastada enquanto a ferramenta estiver ativa Isso til na cria o de efeito 3 D Quando o usu rio seleciona uma ferramenta de transforma o ou o comando de menu Transform Transformar o Fireworks exibe al as de transforma o em volta dos objetos selecionados s Al as de transforma o n Ponto central Objeto original
35. Para acessar o guia a qualquer momento na Ajuda do Fireworks selecionar Help Ajuda gt Getting Started with Fireworks Introdu o ao Fireworks O guia tamb m est dispon vel no formato PDF no site da Macromedia na Web em www macromedia com go fireworks documentation O Centro de suporte do Fireworks em www macromedia com go fireworks support oferece suporte e informa es para solucionar problemas 12 Cap tulo 1 Introdu o m O Centro de desenvolvedores do Fireworks em www macromedia com go fireworks devnet apresenta informa es para ajudar o usu rio a desenvolver as habilidades que j possui e aprender novas habilidades m O grupo de discuss o do Fireworks oferece um interc mbio ativo entre os usu rios do Fireworks os representantes de suporte t cnico e a equipe de desenvolvedores do Fireworks Usar um leitor de grupo de not cias para acessar news forums macromedia com macromedia fireworks m Extens o de recursos do Fireworks inclui informa es sobre como criar o c digo JavaScript para automatizar as tarefas do Fireworks poss vel controlar todos os comandos ou configura es do Fireworks por meio de comandos especiais JavaScript que o Fireworks consegue interpretar O manual est dispon vel na Ajuda e no site da Macromedia na Web como um PDF descarreg vel Guia de m dia instrucional 13 14 Cap tulo 1 Introdu o CAP TULO 2 Conceitos b sicos do Fireworks O Macromedia
36. Para mais informa es consultar Fatias rollovers e pontos ativos na p gina 293 As fatias e os pontos ativos t m al as de rollover arrastar e soltar que permitem atribuir com rapidez comportamentos de rollover e imagem de troca a gr ficos diretamente no espa o de trabalho O Button Editor e o Pop up Menu Editor Editor de menu pop up s o recursos convenientes do Fireworks que ajudam a criar gr ficos interativos especiais para a navega o em sites na Web Sobre a otimiza o e a exporta o de um gr fico O Fireworks tem recursos eficientes de otimiza o para ajudar o usu rio a encontrar o equil brio entre o tamanho do arquivo e a qualidade visual aceit vel durante a prepara o para exportar um gr fico poss vel otimizar gr ficos da Web no Fireworks para minimizar o tamanho do arquivo desses gr ficos e carreg los rapidamente em sites na Web e ao mesmo tempo comparar a qualidade dos gr ficos nas exibi es Preview Visualizar 2 Up ou 4 Up no espa o de trabalho poss vel fatiar uma imagem em partes menores e em seguida otimizar cada parte no formato mais adequado ao conte do Para maior flexibilidade de otimiza o o usu rio pode usar a compress o seletiva de JPEG a fim de se concentrar na parte mais importante de um JPEG e reduzir a qualidade do fundo Depois da otimiza o dos gr ficos a pr xima etapa export los para usar na Web No documento PNG de origem do Fireworks o usu rio
37. Para mais informa es consultar Extending Fireworks Extens o dos recursos do Fireworks Envio de um documento do Fireworks como um anexo de e mail O usu rio pode enviar documentos facilmente como anexos de e mail a partir do Fireworks poss vel enviar um PNG do Fireworks um JPEG comprimido ou um documento usando outros formatos de arquivo e configura es de otimiza o dispon veis no painel Optimize Otimizar Para enviar um documento como um anexo de e mail usando o cliente de e mail padr o 1 Selecionar File Arquivo gt Send to E mail Enviar para e mail 2 Selecionar uma das op es a seguir Fireworks PNG PNG do Fireworks anexa o documento PNG atual a uma nova mensagem de e mail JPG Compressed JPG compactado anexa o documento atual a uma nova mensagem de e mail usando a op o de otimiza o JPEG Better Quality JPEG Melhor qualidade Envio de um documento do Fireworks como um anexo de e mail 431 ut Use Export Settings Usar configura es de exporta o anexa o documento atual a uma mensagem de e mail usando as configura es definidas no painel Optimize Otimizar N o h suporte para Mozilla Netscape 6 e Nisus Emailer no Macintosh go OY VA HAS Uso do bot o File Management O bot o File Management Gerenciamento de arquivo localizado no topo da janela do documento ao lado do bot o Quick Export Exporta o r pida oferece acesso f cil aos
38. Para mais informa es sobre a especifica o das op es de exporta o de HTML consultar Configura o de op es de exporta o de HTML na p gina 427 o Ov vadasa poss vel especificar configura es exclusivas de exporta o de tabela para objetos fatiados de cada documento Ou poss vel usar na caixa de di logo HTML Setup Configura o do HTML guia Document Specific Espec fico do documento o bot o Set Defaults Definir padr es para aplicar os padr es para todos os novos documentos 320 Cap tulo 11 Fatias rollovers e pontos ativos Trabalho com pontos ativos e mapas de imagem Designers da Web podem usar pontos ativos para tornar interativas pequenas partes de um gr fico interativo maior vinculando reas de gr ficos da Web a um URL poss vel criar um mapa de imagem no Fireworks exportando o HTML de um documento que contenha pontos ativos Click on your download area Mapa de imagem com pontos ativos Na maioria das vezes pontos ativos e mapas de imagem dependem menos de recursos do que gr ficos fatiados O fatiamento pode depender mais de recursos para os navegadores da Web em fun o do c digo HT ML adicional que devem descarregar e pela quantidade de processamento necess rio para reconstruir os gr ficos fatiados poss vel criar um mapa de imagem fatiada A exporta o de um mapa de imagem 0 fatiada normalmente gera v rios
39. Pressionar tecla 7 Seguir um destes procedimentos m Clicar no bot o Add a New Shortcut Adicionar novo atalho para adicionar um atalho secund rio lista de atalhos a Clicar em Change Alterar para substituir o atalho selecionado Exclus o de atalhos personalizados e conjuntos de atalhos personalizados poss vel excluir qualquer atalho personalizado ou conjunto de atalhos personalizado Para excluir um conjunto de atalhos personalizados 1 Selecionar Edit Editar gt Keyboard Shortcuts Atalhos do teclado para abrir a caixa de di logo Keyboard Shortcuts 2 Clicar no bot o Delete Set Excluir conjunto cone de lixeira 3 Selecionar o conjunto de atalhos a ser exclu do na caixa de di logo Delete Set 4 Clicar no bot o Delete Excluir Para excluir um atalho personalizado 1 Selecionar o comando na lista Commands Comandos 2 Selecionar o atalho personalizado na lista Shortcuts Atalhos 3 Clicar no bot o Delete a Selected Shortcut Excluir atalho selecionado Altera o de conjuntos de atalhos de teclado 525 Cria o de folha de refer ncia para o conjunto de atalhos atual Folha de refer ncia o registro do conjunto atual de atalho armazenado em formato de tabela HTML poss vel exibir a folha de refer ncia em um navegador da Web ou imprimi la Folhas de refer ncia exportadas do Fireworks s o codificadas em UTF 8 Ov vAaHaIsgo Para
40. Propriedades a Clicar duas vezes na coluna de retardo da moldura Aparece a janela pop up Frame Properties Propriedades da moldura 3 Digitar um valor para o retardo da moldura 4 Pressionar Enter ou clicar fora do painel para fechar a janela pop up Exibi o e oculta o de molduras para reprodu o poss vel mostrar ou ocultar molduras para a reprodu o Se uma moldura estiver oculta ela n o ser exibida durante a reprodu o e n o ser exportada Para mostrar ou ocultar uma moldura 1 Seguir um destes procedimentos No menu Options Op es do painel Frames Molduras selecionar Properties Propriedades a Clicar duas vezes na coluna de retardo da moldura Aparece a janela pop up Frame Properties Propriedades da moldura 366 Cap tulo 13 Cria o de anima o 2 Cancelar a sele o de Include when Exporting Incluir ao exportar Exibe se um X vermelho no lugar do tempo de retardo da moldura 3 Pressionar Enter ou clicar fora da janela pop up Frame Properties para fech la Nomea o de molduras de anima o medida que o usu rio configura uma anima o o Fireworks cria o n mero de molduras apropriado e as exibe no painel Frames Molduras Por padr o as molduras s o nomeadas como Frame 1 Moldura 1 Frame 2 Moldura 2 e assim por diante Ao mover uma moldura no painel o Fireworks renomeia todas elas para refletir a nova ordem Uma boa id ia nomear as molduras para uma re
41. Selecionar secund rio ou pressionar a tecla Control Windows ou a tecla Command Mac enquanto a ferramenta Pen est ativa Ov vANaIsgo Para converter um ponto de curva em um ponto de canto 1 Selecionar a ferramenta Pen Caneta no painel Tools Ferramentas 2 Clicar em um ponto de curva em um tra ado selecionado h As al as se retraem e os segmentos adjacentes ficam retos 148 Cap tulo 5 Trabalho com objetos vetoriais Sele o de pontos A ferramenta Subselection Selecionar secund rio permite a sele o de v rios pontos Antes de selecionar um ponto com a ferramenta Subselection Selecionar secund rio necess rio selecionar o tra ado com a ferramenta Pointer Ponteiro ou Subselection ou clicar na miniatura no painel Layers Camadas Para selecionar pontos espec ficos em um tra ado selecionado 1 Selecionar a ferramenta Subselection Selecionar secund rio 2 Seguir um destes procedimentos m Clicar em um ponto ou manter a tecla Shift pressionada e clicar em v rios pontos um por um m Arrastar em volta dos pontos a serem selecionados Para exibir as al as de um ponto de curva m Clicar no ponto com a ferramenta Subselection Se qualquer ponto mais perto do ponto clicado for um ponto de curva a al a pr xima tamb m ser exibida Movimento de um ponto e de uma al a de ponto poss vel alterar a forma de um objeto arrastando os pontos e as al as de ponto com a
42. Trabalho com uma camada na p gina 236 Para criar um novo objeto bitmap 1 Selecionar a ferramenta Brush Pincel ou Pencil L pis na se o Bitmap do painel Tools Ferramentas 2 Pintar ou desenhar com a ferramenta Brush ou Pencil para criar objetos bitmap na tela Um novo objeto bitmap adicionado camada atual no painel Layers Camadas Para mais informa es sobre o uso das ferramentas Pencil ou Brush consultar Desenho pintura e edi o de objetos bitmap na p gina 95 poss vel criar um novo bitmap vazio e depois desenhar ou pintar pixels nele 92 Cap tulo 4 Trabalho com bitmaps Para criar um objeto bitmap vazio seguir um destes procedimentos Clicar no bot o New Bitmap Image Nova imagem bitmap no painel Layers Camadas Selecionar Edit Editar gt Insert Inserir gt Empty Bitmap Bitmap vazio Desenhar uma moldura de caixa de sele o come ando em uma rea em branco da tela e preench la Para mais informa es consultar Cria o de uma moldura de sele o de pixels na p gina 65 Um bitmap vazio adicionado camada atual no painel Layers Se a sele o do bitmap vazio for cancelada antes que algum pixel seja desenhado importado ou inserido nele o objeto bitmap vazio desaparecer automaticamente do painel Layers e do documento Para recortar ou copiar pixels e col los como um novo objeto bitmap 1 Fazer uma sele o de pixels com a ferramenta Lasso La
43. a um objeto selecionado m Selecionar um d grad no menu pop up Fill Options Op es de preenchimento no Property inspector Inspetor de propriedades O preenchimento aparece no objeto selecionado e se torna o preenchimento ativo 214 Cap tulo 7 Aplica o de cor tra os e preenchimentos Edi o de um preenchimento d grad Para editar o preenchimento d grad atual clicar em qualquer caixa Fill Color Cor de preenchimento e usar a janela pop up Edit Gradient Editar d grad pea Inclina o da cor ou Preset E Preview Visualizar Janela pop up Edit Gradient Editar d grad Para abrir a janela pop up Edit Gradient Editar d grad 1 Selecionar um objeto com um preenchimento d grad ou escolher um preenchimento d grad no menu pop up Fill Options Op es de preenchimento no Property inspector Inspetor de propriedades 2 Clicar na caixa Fill Color Cor de preenchimento no painel Tools Ferramentas ou no Property inspector para abrir a janela pop up A janela pop up Edit Gradient Editar d grad aberta com o d grad atual na visualiza o e na inclina o da cor Para adicionar um novo exemplo de opacidade ou cor ao d grad seguir um destes procedimentos m Para adicionar um exemplo de cor clicar na rea abaixo da inclina o da cor d grad m Para adicionar um exemplo de opacidade clicar na rea acima da inclina o da cor d grad
44. ados 158 copiar atributos de objeto 278 bitmaps 78 HTML 419 molduras 367 objetos 79 pixels 64 todos os objetos selecionados em uma camada 240 copiar e colar HTML do Fireworks 420 421 ocorr ncias de s mbolo 285 copiar e colar objetos de outros aplicativos 25 cor ajustar 106 alterar 96 alterar tra o 206 amostragem 204 aplicar do painel Swatches Exemplos de cores 193 configurar prefer ncias 520 criar amostra 96 criar com selecionador de cores do sistema 200 criar no Color Mixer Misturador de cores 199 escolher com a ferramenta Eyedropper Conta gotas 204 escolher intensidade da cor 393 escolher um grupo de exemplos 194 excluir do painel Swatches Exemplos de cores 197 exibir valores da cor 201 inverter valores 118 janela pop up 204 localizar e substituir 497 localizar e substituir n o websafe 498 modelos de cor 199 pontilhar com websafe 202 preenchimentos 115 preenchimentos d grad 214 redefinir segundo o padr o 193 remover n o utilizadas 394 salvar exemplos personalizados 197 selecionar na barra de cores 199 substituir um exemplo 196 cor de 24 bits 393 cor de 32 bits 393 cores do sistema Windows como um grupo de exemplos 194 cores websafe 398 corre o de cor brilho e contraste 114 Curves Curvas 111 Levels N veis 107 usar o conta gotas 113 cortar documentos 52 corte tela 51 criar amostra menor 51 criar nova amostra 26 criar amostra maior 51 criar amostra menor 51 descrito 50 obje
45. comandos de transporte de arquivos O bot o File Management poder ser usado se o documento do usu rio residir em uma pasta de site do Studio 8 e se o site tiver acesso a um servidor remoto O Fireworks reconhecer a pasta como um site se o usu rio tiver usado a caixa de di logo Manage Site Gerenciar site do Dreamweaver 8 para definir a pasta de destino ou a pasta que cont m a pasta de destino como a pasta raiz local do site O bot o File Management exibe os seguintes comandos de menu Get Obter copia a vers o remota do arquivo para o site local substituindo o arquivo local pela c pia remota Check out Retirar retira o arquivo substituindo o arquivo local pela c pia remota Check out s ativado no Fireworks se a op o Enable File Check In and Check Out Ativar entrega e retirada de arquivo estiver ativada no Dreamweaver para o site no qual o documento se encontra Put Colocar copia a vers o local do arquivo para o site remoto substituindo o arquivo remoto pela c pia local Check in Entregar move o arquivo local para o site remoto substituindo o arquivo remoto pela c pia local Check in s ativado no Fireworks se a op o Enable File Check In and Check Out estiver ativada no Dreamweaver para o site no qual o documento se encontra 432 Cap tulo 14 Otimiza o e exporta o Undo Check Out Desfazer retirada desfaz a retirada do arquivo local e o devolve substituindo o arquivo local pela c pia re
46. copiar e colar do Fireworks para o Dreamweaver 420 421 exportar 415 418 inserir do Fireworks no Dreamweaver 441 Roundtrip 447 Setup Configurar 427 substituir vers o mais antiga 423 trabalhar com editores 492 HTML abrir tabelas 24 Hue Saturation Matiz Satura o filtro 116 Illustrator exportar para 469 ilus o de perspectiva 85 Image Editing Edi o de imagens painel 94 imagem de troca imagens externas para 312 imagens exportar 409 Image Editing Edi o de imagens painel 94 pintar 95 salvar 409 selecionar 64 selecionar um pixel 64 imagens coladas 26 imagens como preenchimentos Consultar Paste Inside Colar em comando imagens de cones Consultar miniaturas imagens de varredura 91 importar arquivos do Photoshop 485 arquivos PNG 27 de c mera digital 27 estilos 277 prefer ncias de importa o do Photoshop 523 s mbolos 285 importar texto 185 arquivos do Photoshop 185 485 538 ndice remissivo arquivos RTF 185 texto ASCII 186 inclinar objetos 84 Info Informa es painel 38 inserir HTML do Fireworks no Dreamweaver 441 imagens do Fireworks no Dreamweaver 437 Insert Path Interiorizar tra ado comando 161 instalar o Fireworks 8 instalar plug ins do Photoshop 230 integra o com outros aplicativos 435 integra o entre o Macromedia Dreamweaver e o Fireworks atualizar HTML do Fireworks 444 editar anima es do Fireworks 453 iniciar e editar imagens do Fireworks 447 iniciar e editar tabel
47. es no painel History Hist rico 517 camada nica 241 comportamentos 312 estilos 277 imagens 94 Live Filters Filtros ao vivo 230 menus pop up 357 objetos bitmap 95 objetos selecionados 79 pixels 64 preenchimentos d grad 215 preenchimentos s lidos 212 s mbolos de anima o 362 tra ados 152 efeitos brilho 228 definir padr es 234 editar 231 Live Filters Filtros ao vivo 223 localizar e substituir 497 plug ins 230 remover 231 efeitos de brilho 228 elipse 128 emba ar 119 reas bitmap 99 imagens 100 empilhar objetos 88 encaixar pain is 39 enevoar 98 criar bordas enevoadas 218 sele es de pixels 72 enquadrar 45 entrela ar gr ficos 401 entrelinhamento 173 enviar documentos como anexos de e mail 431 enviesar objetos 84 Eraser Borracha ferramenta 97 escurecer reas bitmap 99 imagens 101 espa adores 319 espa amento de caracteres Consultar kerning espa amento de letras Consultar kerning espa amento de linhas 173 Consultar tamb m entrelinhamento espa amento de par grafo 177 espelhar Consultar inverter objetos estados do bot o Down Abaixo 330 332 Over Sobre 330 332 Over While Down Sobre durante o estado Abaixo 331 333 Up Acima 330 331 ndice remissivo 535 estender o Fireworks 13 estilos adicionar 276 aplicar 275 aumentar cones de visualiza o 278 basear em estilos existentes 276 defini o 274 editar 277 excluir 276 exportar 277 importar 277 novo 276 redefin
48. es para outros editores de HTML No caso de uma exporta o de HTML do Fireworks para o Dreamweaver seguir essas instru es mas para outras notas espec ficas de aplicativo consultar tamb m Trabalho com o Macromedia Dreamweaver na p gina 436 Ov vAaNaIsgo Para exportar HTML do Fireworks 1 Para abrir a caixa de di logo Export Exportar seguir um destes procedimentos Selecionar File Arquivo gt Export a Clicar no bot o Quick Export Exporta o r pida no canto superior direito da janela do documento e selecionar uma op o de exporta o no menu pop up do aplicativo de destino O Fireworks preenche automaticamente as caixas de texto da caixa de di logo Export com as configura es apropriadas para o aplicativo selecionado O submenu Quick Export Exporta o r pida gt Other Outro cont m aplicativos de terceiros Ov vAaNaIsgo 418 Cap tulo 14 Otimiza o e exporta o Navegar at a pasta desejada do site no disco r gido Selecionar HTML and Images HTML e imagens no menu pop up Export No menu pop up HTML Style Estilo HTML na guia General Geral da caixa de di logo HTML Setup Configura o do HTML clicar no bot o Options Op es e selecionar o editor de HTML Se o editor de HTML desejado n o estiver na lista selecionar Generic Gen rico importante selecionar um editor de HTML como o estilo HTML se isso n o for feito al
49. gina 408 Para mais informa es sobre pontos ativos consultar Salva de documentos em outros formatos na p gina 31 Para exportar um documento com o uso do Export Wizard 1 Selecionar File Arquivo gt Export Wizard Assistente de exporta o 2 Responder s perguntas que aparecem e clicar em Continue Continuar em cada painel O Fireworks faz recomenda es relativas aos formatos de arquivo L no primeiro painel para otimizar o tamanho do arquivo ao m ximo O Selecionar Target Export File Size Tamanho do arquivo de exporta o de destino 3 Clicar em Exit Sair na janela Analysis Results Resultados da an lise do assistente A janela Image Preview Visualiza o de imagem aberta com recomenda es de op es de exporta o Para mais informa es consultar Uso da Export Preview na p gina 379 Uso da Export Preview Quando acessado pelo Export Wizard Assistente de exporta o a Image Preview Visualiza o de imagem exibe a otimiza o recomendada e as op es de exporta o para o documento atual Quando selecionado diretamente no menu File Arquivo a op o Image Preview exibe as configura es do documento atual definidas no painel de otimiza o Uso do Export Wizard 379 A rea de visualiza o de Image Preview exibe o documento ou o gr fico exatamente como ser exportado e estima o tamanho do arquivo e o tempo de download com as configura es d
50. grad ou com padr o usando as ferramentas Pointer Ponteiro ou Gradient D grad faz com que seja exibido um conjunto de al as no objeto ou pr ximas a ele poss vel arrastar essas al as para ajustar o preenchimento do objeto Usar as al as de preenchimento para ajustar interativamente um preenchimento d grad ou com padr o Para mover o preenchimento dentro de um objeto m Arrastar a al a redonda ou clicar em um outro local dentro do preenchimento usando a ferramenta Gradient D grad Para girar o preenchimento m Arrastar as linhas que conectam as al as Para ajustar a largura e a inclina o do preenchimento m Arrastar uma al a quadrada Aplica o de um preenchimento d grad ou com padr o 217 Defini o de uma borda de preenchimento acentuada enevoada ou sem serrilhado No Fireworks poss vel transformar a borda de um preenchimento em uma linha acentuada regular ou suaviz la usando os recursos de suaviza o de serrilhado ou enevoamento 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 misturando sutilmente a borda com o fundo J o enevoamento cria uma mistura percept vel nos dois lados da borda Isso suaviza a borda criando um efeito similar a um brilho Para alterar a borda de um objeto selecionado 1 Seguir um destes procedimentos para ex
51. mbolo de modo que todas as ocorr ncias do s mbolo tenham a mesma op o de destino Para definir o destino para um s mbolo de bot o no Button Editor 1 Executar um dos seguintes procedimentos para abrir o bot o no Button Editor Editor de bot o Clicar duas vezes em uma ocorr ncia de bot o no espa o de trabalho No painel Library clicar duas vezes na visualiza o do bot o ou no cone do s mbolo ao lado do s mbolo do bot o No Property inspector executar um dos seguintes procedimentos No menu pop up Target Destino selecionar um destino predefinido None Nenhum ou self carrega a p gina da Web na mesma moldura ou janela que o link blank carrega a p gina da Web em uma nova janela sem t tulo do navegador parent carrega a p gina da Web no conjunto principal de molduras ou na janela da moldura que cont m o link top carrega a p gina da Web na janela inteira do navegador removendo todas as molduras Na caixa de texto Target Destino digitar um destino Ov vANaIsgo A substitui o do destino por um s mbolo de bot o n o altera o destino para as ocorr ncias de bot o j existentes desse s mbolo s quais tenham sido atribu dos destinos exclusivos Isso tamb m se aplica s altera es feitas no URL e no texto alternativo de um s mbolo de bot o Cria o de s mbolos de bot es 341 Para definir o destino para uma ocorr ncia de bot o no espa o de traba
52. o New Duplicate Layer Camada nova duplicada sem selecionar uma camada m Selecionar Edit Editar gt Insert Inserir gt Layer Camada m No menu Options Op es do painel Layers selecionar New Layer Nova camada e clicar em OK Para excluir uma camada seguir um destes procedimentos m Arrastar a camada para o cone de lixeira no painel Layers m Selecionar a camada e clicar no cone de lixeira no painel Layers Para duplicar uma camada seguir um destes procedimentos m Arrastar uma camada at o bot o New Duplicate Layer Camada nova duplicada m Selecionar uma camada e no menu Options Op es do painel Layers selecionar Duplicate Layer Duplicar camada Em seguida selecionar o n mero de camadas duplicadas a serem inseridas e onde posicion las na ordem de empilhamento At the Top No topo posiciona a s nova s camada s no topo do painel Layers A Web Layer Camada da Web sempre a camada superior portanto a sele o da op o At the Top posiciona a camada duplicada embaixo da Web Layer Before Current Layer Antes da camada atual posiciona a s nova s camada s acima da camada selecionada After Current Layer Depois da camada atual posiciona a s nova s camada s abaixo da camada selecionada At the Bottom Na base posiciona a s nova s camada s na base do painel Layers Para duplicar um objeto m Manter pressionada a tecla Alt Windows ou Option Macintosh e arrastar o objeto at a
53. o tratados como um nico deslocamentos movimento consecutivos Suporte a mesa O suporte a mesa digitalizadora foi aperfei oado para as digitalizadora aperfei oado ferramentas Path Scrubber Corretor de tra ado e para a sensibilidade da press o do tra ado Bloqueio de objetos Bloqueio individual de objetos no painel Layers Camadas Consultar Prote o de camadas e objetos na p gina 240 Para mais informa es sobre novos recursos consultar a p gina do Fireworks no site da Macromedia na Web em www macromedia com go fireworlks Guia de m dia instrucional H v rios recursos dispon veis para aprender a usar o Fireworks incluindo este manual a Ajuda do Fireworks as vers es em PDF dos componentes da documenta o do Fireworks e diversas fontes de informa es baseadas na Web Usando o Fireworks o manual do usu rio do Fireworks Para acess lo a qualquer momento na Ajuda do Fireworks selecionar Help Ajuda gt Using Fireworks Usando o Fireworks O manual tamb m est dispon vel no formato PDF no site da Macromedia na Web em www macromedia com go fireworks documentation Introdu o ao Fireworks fornece uma introdu o interativa aos principais recursos do Fireworks poss vel seguir tutoriais que abrangem tarefas comuns do Fireworks como o uso de ferramentas de desenho e edi o a otimiza o de imagens e a cria o de rollovers barras de navega o e outros elementos interativos
54. ou digitar um valor Valores pr ximos de O resultam em pontos longos e finos valores pr ximos de 100 resultam em pontos curtos e robustos 5 Arrastar o mouse na tela para desenhar a estrela Para limitar a orienta o da estrela a incrementos de 45 graus manter pressionada a tecla Shift ao arrastar o mouse ferramenta Polygon Pol gono sempre desenha a partir de um ponto central Desenho de Auto Shapes Auto Shapes Formas autom ticas s o grupos de objetos vetoriais inteligentes que obedecem a regras especializadas para simplificar a cria o e a edi o de elementos visuais comuns As ferramentas Auto Shape desenham grupos de objetos Diferentemente de outros grupos de objetos as Auto Shapes selecionadas t m pontos de controle em forma de losango al m das al as de grupos de objetos Cada ponto de controle associado a uma propriedade visual espec fica da forma Arrastar um ponto de controle altera apenas a propriedade visual associada A maioria dos pontos de controle das Auto Shapes tem dicas de ferramenta que descrevem como esses pontos afetam a Auto Shape Mover o ponteiro sobre um ponto de controle para ver a dica de ferramenta que descreve a propriedade regida pelo ponto de controle Roundness lt a Desenho de objetos vetoriais 131 As ferramentas Auto Shape criam formas em orienta es predefinidas Por exemplo a ferramenta Arrow Seta desenha setas horizontalmente poss vel transformar Aut
55. ou quando a opera o para desfazer a es no painel History Hist rico ainda uma op o Imagens bitmap n o podem ser convertidas em objetos vetoriais Cria o de objetos bitmap 93 Acesso a ferramentas comuns de edi o de fotos em um nico local Para facilitar e agilizar o seu trabalho inicial de edi o de fotos o Fireworks reuniu as ferramentas mais usadas na edi o de fotos em um nico local O painel Image Editing Edi o de imagem cont m as seguintes ferramentas Red eye Removal Remo o de olhos vermelhos Crop Cortar Rotate Girar Blur Emba ar Sharpen Agu ar Dodge Clarear e Burn Escurecer O painel Image Editing tamb m cont m m Ferramentas Transform Transformar Scale Dimensionar Skew Inclinar Distort Distorcer Free Rotate Girar livremente m Comandos Transform Transformar Numeric Transform Transforma o num rica op es Rotate Girar Flip Horizontal Inverter horizontalmente Flip Vertical Inverter verticalmente Remove Transformations Remover transforma es m Adjust Color Ajustar cor Auto Levels N veis autom ticos Brightness Contrast Brilho Contraste Curves Curvas Hue Saturation Matiz Satura o Invert Inverter Levels N veis Convert to Grayscale Converter em tons de cinza Convert to Sepia Tone Converter em s pia m Filters Filtros Blur Emba ar Blur More Emba amento maior Sharpen Agu ar Sharpen More Agu
56. processa todos os documentos abertos Custom Personalizado permite selecionar os arquivos a serem processados Clicar no bot o de retic ncias ao lado do menu pop up Files to Process Arquivos a processar para selecionar os arquivos a serem processados Ov vAaNaIsgo 4 Clicar em OK Para mais informa es sobre a sele o de arquivos consultar Processo em lote na p gina 499 510 Cap tulo 16 Automatiza o de tarefas repetitivas Execu o de script arrastando e soltando Se o usu rio tiver um processo em lote que repita com frequ ncia ele dever salv lo como um script e em seguida arrastar esse script da unidade de disco r gido at o cone do Fireworks em seu espa o de trabalho para executar o processo em lote O aplicativo Fireworks iniciado e executa esse script Para executar scripts arrastando e soltando 1 Salvar um script 2 Seguir um destes procedimentos m Arrastar o cone do arquivo de script at o cone do Fireworks no espa o de trabalho m Arrastar o cone do arquivo de script at um documento aberto do Fireworks Arrastar v rios arquivos de script e arquivos gr ficos para o Fireworks processa os arquivos gr ficos diversas vezes uma vez para cada script Ov vAaNaIsgo Extens o dos recursos do Fireworks Nunca foi t o f cil estender os recursos do Fireworks O Fireworks oferece v rias maneiras diferentes de criar comando
57. quando uma m scara vetorial aplicada com o uso de seu contorno de tra ado estiver selecionada Para aplicar uma m scara de bitmap com o uso de seu canal alfa m No Property inspector Inspetor de propriedades selecionar Alpha Channel Canal alfa quando uma m scara de bitmap estiver selecionada Para aplicar uma m scara vetorial ou de bitmap com o uso da apar ncia dos tons de cinza m No Property inspector Inspetor de propriedades selecionar Grayscale Appearance Apar ncia da escala de cinza quando uma m scara estiver selecionada Para converter uma m scara vetorial em uma m scara de bitmap 1 No painel Layers selecionar a miniatura do objeto de m scara 2 Selecionar Modify Modificar gt Flatten Selection Nivelar sele o Adi o de um objeto a uma sele o com m scara poss vel adicionar mais objetos a uma sele o com m scara existente Para adicionar objetos com m scara a uma sele o com m scara 1 Selecionar Edit Editar gt Cut Recortar para recortar os objetos selecionados a serem adicionados 2 No painel Layers selecionar a miniatura do objeto com m scara Selecionar Edit Editar gt Paste Inside Colar em O objeto ou objetos s o adicionados aos objetos com m scara E O uso do comando Paste Inside Colar em em uma m scara existente n o mostrar 0 o tra o e o preenchimento do objeto de m scara a menos que a m scara original tu tenha sido aplicada com seu
58. scara com o comando Paste as Mask Colar como m scara 1 Selecionar o objeto que se deseja usar como m scara Manter pressionada a tecla Shift e clicar para selecionar v rios objetos z Se v rios objetos forem usados como m scara o Fireworks sempre criar uma 0 m scara vetorial mesmo que ambos os objetos sejam bitmaps m I lt gt QO D o 2 Posicionar a sele o de modo que sobreponha se ao objeto ou grupo de objetos a ser mascarado O objeto ou objetos a serem usados como m scara podem ficar na frente ou atr s dos objetos ou grupo a serem mascarados 3 Selecionar Edit Editar gt Cut Recortar para recortar os objetos a serem usados como m scara 4 Selecionar o objeto ou grupo a ser mascarado 248 Cap tulo 9 Camadas mascaramento e mistura Se o usu rio mascarar v rios objetos eles dever o ser agrupados Para mais informa es sobre o agrupamento de objetos consultar Agrupamento de objetos na p gina 87 5 Para colar a m scara seguir um dos seguintes procedimentos m Selecionar Edit Editar gt Paste as Mask Colar como m scara Selecionar Modify Modificar gt Mask M scara gt Paste as Mask E 100 Normal os EB weblayer lt H 5 HE Ea Bit y Frame 1 Em a A m scara no painel Layers Mascaramento de imagens 249 Mascaramento de objetos com o comando Paste Inside Os usu rios do
59. texto para editar seu conte do Ov vANaIsgo Para editar o texto 1 Selecionar o texto que deseja alterar a Clicar em um bloco de texto com a ferramenta Pointer Ponteiro ou Subselection Selecionar secund rio para selecionar o bloco inteiro Para selecionar v rios blocos simultaneamente manter pressionada a tecla Shift ao selecionar cada bloco a Clicar duas vezes em um bloco de texto com a ferramenta Pointer Ponteiro ou Subselection Selecionar secund rio e real ar um intervalo de texto m Clicar dentro de um bloco de texto com a ferramenta Text Texto e real ar um intervalo de texto 2 Fazer as altera es Para mais informa es sobre a altera o de atributos de texto consultar Escolha de uma fonte um tamanho e um estilo do texto na p gina 169 Inser o de caracteres especiais na p gina 169 Configura o do kerning na p gina 172 Configura o do entrelinhamento na p gina 173 Configura o da orienta o do texto na p gina 174 Configura o do alinhamento de texto na p gina 175 e Recuo do texto na p gina 176 168 Cap tulo 6 Utiliza o de texto 3 Seguir um destes procedimentos para aplicar as altera es a Clicar fora do bloco de texto Selecionar outra ferramenta no painel Tools Ferramentas m Pressionar Esc Escolha de uma fonte um tamanho e um estilo do texto Usar o Property inspector Inspetor de proprieda
60. todas as ocorr ncias ou afetar somente a ocorr ncia atual Os s mbolos de bot o do Fireworks oferecem a conveni ncia dos s mbolos e ainda permitem a edi o de certas propriedades de uma ocorr ncia de bot o como texto sem que isso afete outras ocorr ncias Edi o de propriedades no n vel do s mbolo Os s mbolos de bot o s o editados no Button Editor Editor de bot o As propriedades de ocorr ncia que podem ser modificadas s o geralmente as que s o uniformes nos bot es de uma barra de navega o m Modifica es na apar ncia gr fica como cor e tipo de tra o cor e tipo de preenchimento forma do tra ado e imagens m Live Filters ou opacidade aplicados a objetos individuais no s mbolo de bot o m Tamanho e posi o da rea ativa m Comportamento do bot o principal 336 Cap tulo 12 Cria o de bot es e menus pop up m Configura es de otimiza o e exporta o m Link de URL tamb m dispon vel como uma propriedade no n vel da ocorr ncia m Moldura de destino tamb m dispon vel como uma propriedade no n vel da ocorr ncia Para editar as propriedades do bot o no n vel do s mbolo 1 Executar um dos seguintes procedimentos para abrir o bot o no Button Editor m Clicar duas vezes em uma ocorr ncia de bot o no espa o de trabalho No painel Library clicar duas vezes na visualiza o do bot o ou no cone do s mbolo ao lado do s mbolo do bot o 2 Efetuar as altera es na
61. tulo abrange os seguintes t picos Trabalho com o Macromedia Dreamweaver cccciicisictsictstcesea 436 Trabalho como Macromedia Flash ssa senai pedia panda da PEA Lada aa dE 458 Trabalho com o Macromedia FreeHand MX ccciiciiicisicciic 466 Trabalho com o Macromedia Director MX cccccciccciic sera 474 Trabalho com o Macromedia HomesSite cccccccciccc isca 479 Trabalho como Adobe PhotoshoD se sssusbelssaasparbia de id a ED SAR da 483 Sobre o trabalho com o Adobe GoLive asas reensasnaiae sina aaa Ra 491 Sobre o trabalho com editores de HTML cccccciccccc ice scr 492 Sobre a extens o dos recursos do Fireworks ciccccciiccsicttiis 492 Trabalho com o Macromedia Dreamweaver Os recursos exclusivos de integra o facilitam o trabalho em arquivos no Macromedia Dreamweaver e no Fireworks O Dreamweaver e o Fireworks reconhecem e compartilham muitas edi es de arquivos incluindo altera es em v nculos mapas de imagens fatias de tabelas e outras Juntos os dois aplicativos fornecem um fluxo de trabalho simplificado para editar otimizar e colocar arquivos de gr ficos da Web em p ginas HTML Para modificar imagens e tabelas do Fireworks colocadas em um documento do Dreamweaver poss vel iniciar o Fireworks no Property inspector Inspetor de propriedades do Dreamweaver fazer edi es e em seguida retornar ao documento atualizado no Dreamweaver Para fazer edi es r pidas de otimiza o
62. vel abrir se existirem e outras informa es poss vel encontrar esse arquivo de log em Processo em lote 503 m Documents and SettingslusernamelApplication DatalMacromedialFireworks 8iFireworksBatchLog txt Windows m Users username Library Application Support Macromedia Fireworks 8 FireworksBatchLog txt Macintosh Altera o de uma configura o de otimiza o com um processo em lote A op o Export Exportar da caixa de di logo Batch Process Processo em lote permite alterar as configura es de otimiza o de arquivo Batch Process Batch Options Include in Batch EE E TT Scale Find and Replace Rename lt Remove E Commands Esport Settings GIF webSnap 128 p JPEG Smaller File Animated GIF Websnap 128 Para definir as configura es de exporta o para um processo em lote 1 Selecionar Export Exportar na lista Batch Options Op es de lote e clicar em Add Adicionar 2 No menu pop up Settings Configura es selecionar uma das seguintes op es e clicar em OK m Selecionar Use Settings from Each File Usar configura es de cada arquivo para manter as configura es anteriores de exporta o de cada arquivo durante o processo em lote Por exemplo quando uma pasta de GIFs e JPEGs processada em lote os arquivos resultantes permanecem GIFs e JPEGs e o Fireworks usa as configura es originais de paleta e compress o ao exportar o arquivo m Selecionar
63. 0 de aplicativo do Fireworks O local desses arquivos depende de cada sistema au operacional Al m disso os usu rios do Macintosh devem estar familiarizados com o conceito de pacote da Apple Para mais informa es consultar Exibi o do conte do a do pacote somente Macintosh na p gina 529 o Trabalho com arquivos de configura o 527 Independentemente de estar em um sistema multiusu rio ou de um nico usu rio o Fireworks alterar os arquivos de configura o espec ficos do usu rio na pasta de aplicativo do Fireworks quando o usu rio salvar a maioria das configura es Isso ocorre porque muitos usu rios n o t m acesso a todos os arquivos quando est o em sistemas multiusu rio Os usu rios com acesso em n vel de administrador podem personalizar recursos para todos os usu rios modificando os arquivos de configura o principal na pasta de aplicativo do Fireworks Para salvar a defini o de configura o principal para todos os usu rios m Salvar ou arrastar uma c pia do arquivo para o local adequado dentro da pasta de aplicativo do Fireworks Localiza o dos arquivos de prefer ncias do Fireworks As prefer ncias do Fireworks s o armazenadas em um arquivo chamado Fireworks 8 Preferences txt Windows ou Fireworks 8 Preferences Macintosh O local desse arquivo varia de acordo com cada sistema operacional m No Windows as prefer ncias est o em sua pasta de configu
64. 1 Pixel Transparent Spacer Espa ador transparente de 1 pixel usa um GIF transparente de 1 pixel por 1 pixel como espa ador o qual redimensionado conforme necess rio no HTML Isto gera uma linha com altura de 1 pixel no topo da tabela e uma coluna com largura de 1 pixel no lado direito Prepara o de fatias para exporta o 319 4 Selecionar uma cor de c lula para as fatias de HTML Para atribuir s c lulas a mesma cor de fundo da tela do documento selecionar Use Canvas Color Usar cor da tela Para selecionar uma cor diferente cancelar a sele o de Use Canvas Color e selecionar uma cor na janela pop up de cores Ov vAaNaIsgo Se o usu rio selecionar uma cor da janela pop up de cores ela s ser aplicada a fatias HTML as fatias de imagem continuar o a usar a cor da tela 5 Selecionar o conte do a ser colocado nas c lulas vazias no menu pop up Contents Conte do None Nenhum faz com que as c lulas vazias permane am em branco Spacer Image Imagem do espa ador coloca uma pequena imagem transparente chamada spacer gif em c lulas vazias Non breaking Space Espa o n o separ vel coloca uma tag HTML de espa o nas c lulas vazias A c lula aparece vazada Ov vANaIsgo As c lulas vazias ocorrer o somente se a sele o da op o Incluir reas sem fatias na caixa de di logo Export Exportar for cancelada durante a exporta o 6 Clicar em OK
65. 198 alternar entre modelos de cor 200 escolher uma cor com 199 barras de ferramentas desbloquear 43 desencaixar 43 encaixar 43 exibir e ocultar 43 barras de navega o criar 343 Down Abaixo estado 311 Over Sobre estado 311 Restore Restaurar comportamento 311 Batch Process Processo em lote caixa de di logo 500 Behaviors Comportamentos painel 39 310 Beveled Rectangle Ret ngulo chanfrado ferramenta 132 biblioteca de s mbolos 279 biblioteca de URLs 287 adicionar URLs 288 adicionar URLs usados 289 criar 288 digitar URLs absolutos ou relativos 290 bitmaps ajustar cor e tom 106 ajustar matiz e satura o 116 ajuste de brilho e contraste 114 apagar 97 emba ar e agu ar 119 retocar 99 bloco de texto nomear 165 blocos de texto dimensionamento autom tico 166 largura fixa 166 mover 166 redimensionar 167 bloquear camadas 240 Blur Emba ar ferramenta 99 Blur Emba ar filtro 119 Blur More Emba amento maior filtro 119 BMP salvar 32 bordas chanfradas 226 exibir e ocultar 63 bordas chanfradas 226 Border Borda comando 73 74 bot es rea ativa 338 barras de navega o 343 Button Editor Editor de bot o 330 configurar um destino 341 criar 330 defini o 330 532 ndice remissivo Live Filters Filtros ao vivo 333 vis o geral 329 Brightness Contrast Brilho Contraste filtro 114 brilho 114 Bring Forward Avan ar comando 88 Bring to Front Trazer para frente comando 88 Brush
66. 2 Selecionar um comportamento no bot o Add Behavior Adicionar comportamento Para uma explica o de cada comportamento consultar Uso do painel Behaviors para adicionar interatividade a fatias na p gina 310 Transforma o de fatias em objetos interativos 311 Edi o de comportamentos O painel Comportamentos tamb m permite editar comportamentos existentes poss vel especificar o tipo de evento do mouse como onClick que aciona o comportamento a N o poss vel alterar o evento para Simple Rollover Rollover simples e Set Nav Bar q Image Definir imagem da barra de navega o m pe lt D gt QO gt O Para alterar o evento de mouse que ativa o comportamento 1 Selecionar a fatia acionadora ou ponto ativo que cont m o comportamento a ser modificado Todos os comportamentos associados fatia ou ponto ativo s o exibidos no painel Behaviors Comportamentos 2 Selecionar o comportamento que se deseja editar Clicar na seta ao lado do evento e selecionar um novo evento no menu pop up onMouseOver aciona o comportamento quando o ponteiro passa sobre a rea acionadora onMouseOut aciona o comportamento quando o ponteiro deixa a rea acionadora onClick aciona o comportamento quando se clica no objeto acionador onLoad aciona o comportamento quando a p gina da Web carregada Uso de arquivos de imagem externos para a imagem de troca poss vel usar uma imagem fora do
67. 73 exportar 414 gerenciar 365 inserir 367 mover 69 mover objetos para outra moldura 368 nomes na anima o 367 onion skinning 370 remover 69 reordenar 368 salvar e restaurar 74 75 selecionar rea em torno 73 74 selecionar pixels por interse o 70 suavizar 73 transferir para outro objeto 74 visualizar pr xima 371 mostrar e ocultar pontos ativos e fatias 299 Motion Blur Emba amento de movimento filtro 120 mudar a forma de objetos vetoriais 154 N navegar por um documento 43 nomear automaticamente fatias 316 alterar conven o de nomea o autom tica 318 nomes de arquivo alterar em um processo em lote 507 notas de projeto para integra o entre o Macromedia Dreamweaver e o Fireworks 455 novo documento do tamanho da rea de transfer ncia 20 novos recursos 9 Numeric Transform Transforma o num rica comando 85 O objetos agrupar 87 converter em anima o 362 criar bitmaps 92 desagrupar 87 distorcer 85 empilhar 88 enviesar 84 inclinar 84 mesclar 241 mover selecionados 79 remover efeito 231 selecionar 60 selecionar canal alfa 71 objetos vetoriais mudar a forma 152 objetos posicionar colado 25 ocorr ncias defini o 279 editar 282 interpolar 371 posicionar no documento 280 ocultar barras de ferramentas 43 bordas 63 camadas 241 objetos em camadas 241 pain is 40 onion skinning Button Editor Editor de bot o 330 defini o 370 desativar 371 editar v ria
68. Adicionar a Pessoais adiciona a palavra n o reconhecida ao seu dicion rio pessoal Ignore Ignorar ignora a ocorr ncia atual da palavra n o reconhecida Ignore All Ignorar todas ignora todas as ocorr ncias da palavra n o reconhecida durante a sess o atual de verifica o ortogr fica Da pr xima vez que fizer a verifica o ortogr fica o Fireworks novamente identificar a palavra como n o reconhecida Change Alterar substitui a ocorr ncia atual da palavra n o reconhecida pelo texto digitado na caixa Change To Alterar para ou pela sele o na lista Suggestions Sugest es Change All Alterar tudo substitui todas as ocorr ncias da palavra n o reconhecida da mesma maneira Delete Excluir remove uma palavra duplicada Quando concluir a verifica o da corre o ortogr fica em um documento o Fireworks fechar a caixa de di logo Check Spelling Verificar a ortografia e exibir uma mensagem indicando que a verifica o da corre o ortogr fica est conclu da Verifica o da ortografia 187 Personaliza o da verifica o ortogr fica poss vel personalizar a verifica o ortogr fica realizada pelo Fireworks nos documentos usando a caixa de di logo Spelling Setup Configura o da corre o ortogr fica Daqui poss vel especificar um ou mais dicion rios que o Fireworks usar durante a verifica o ortogr fica assim como editar as palavras no seu dicion rio pessoal Tamb m
69. As configura es atuais ou padr o das op es nas outras guias do Pop up Menu Editor s o aplicadas ao menu quando ele criado Para criar um menu pop up simples 1 Selecionar um ponto ativo ou fatia que ser a rea de ativa o do menu pop up 2 Executar um dos seguintes procedimentos para abrir o Pop up Menu Editor m Selecionar Modify Modificar gt Pop up Menu Menu pop up gt Add Pop up Menu Adicionar menu pop up m Clicar na al a de comportamento no centro da fatia e selecionar Add Pop up Menu Cria o de menus pop up 345 3 4 5 Clicar na guia Content Conte do caso ela n o esteja vis vel Clicar no bot o Add Menu Adicionar menu para adicionar um item de menu vazio As c lulas podem ser adicionadas exclu das e editadas a qualquer momento Clicar duas vezes em cada c lula e digitar ou selecionar as informa es apropriadas Text Texto especifica o texto para o item de menu Link determina o URL do item de menu poss vel digitar um link personalizado ou selecionar um link no menu pop up Link caso haja algum dispon vel Se o usu rio tiver inserido URLs para outros objetos da Web no documento esses URLs aparecer o no menu pop up Link Target Destino designa o destino para o URL poss vel digitar um destino personalizado ou selecionar um destino predefinido no menu pop up Target A digita o de conte do na ltima linha da janela adiciona uma linha vazia abaixo dele
70. Camera Select Sele o de c mera 4 Na caixa de di logo Select Camera Selecionar c mera selecionar uma c mera e clicar em OK 28 Cap tulo 2 Conceitos b sicos do Fireworks 5 Na caixa de di logo Select Images Selecionar imagens selecionar as imagens a serem importadas e clicar em OK z A caixa de di logo Select Images s exibe os tipos de arquivos suportados pelo q Fireworks m Pu lt D gt Q D o 6 Siga as instru es para aplicar as configura es desejadas A imagem importada aberta como um novo documento do Fireworks Para importar uma imagem de uma c mera digital Windows 1 Conectar a c mera ao computador 2 Instalar o software que acompanha a c mera caso ainda n o esteja instalado 3 No Fireworks selecionar File Arquivo gt Scan Varrer e em seguida selecionar Twain Acquire Obten o de Twain ou Twain Select Sele o de Twain 4 Na caixa de di logo Select Source Selecionar origem selecionar uma origem e clicar em OK 5 Na caixa de di logo Select Images Selecionar imagens selecionar as imagens a serem importadas e clicar em OK A interface de usu rio para o software da c mera exibida 6 Seguir as instru es para aplicar as configura es desejadas A imagem importada aberta como um novo documento do Fireworks Para importar uma imagem de um scanner Macintosh 1 Conectar o scanner ao computador 2 Ins
71. D gt Q D o Quando o usu rio retorna guia Appearance do Pop up Menu Editor e seleciona a op o de fundo Image Cell C lula imagem o novo estilo fica dispon vel com os estilos predefinidos para os estados Up Acima e Over Sobre das c lulas do menu pop up 352 Cap tulo 12 Cria o de bot es e menus pop up Configura o de propriedades avan adas de menus pop up A guia Advanced Avan ado do Pop up Menu Editor Editor de menu pop up oferece configura es adicionais para o controle de tamanho preenchimento e espa amento das c lulas recuo do texto tempo de desaparecimento do menu bem como largura cor sombra e realce das bordas Pop up Menu Editor Content Appearance Advanced Position Cell Width Automatic Cell Height Automatic Cell Padding Testindent 0 Cell Spacing Menu Delay 1000 ims Pop up Borders Show Borders Border Width Shadow Border Color Highlight Middle East Cancel lt Back Next gt Para definir propriedades avan adas de c lulas para o menu pop up atual 1 Como menu pop up desejado aberto no Pop up Menu Editor clicar na guia Advanced Para mais informa es sobre a abertura de um menu pop up existente no Pop up Menu Editor consultar Edi o de menus pop up na p gina 357 2 No menu pop up Automatic Pixels Autom tica Pixels selecionar um limite de largura ou altura Automatic Autom tica for a a altura
72. Filters Para editar um Live Filter 1 No Property inspector Inspetor de propriedades clicar no bot o de informa es ao lado do filtro a ser editado A janela pop up ou caixa de di logo correspondente ser aberta 2 Ajustar as configura es do filtro S Se o filtro n o for edit vel o bot o de informa es estar esmaecido Por exemplo n o poss vel editar Auto Levels N veis autom ticos m P lt D gt QO gt o 3 Clicar fora da janela ou pressionar Enter Reordena o de Live Filters poss vel reorganizar a ordem dos filtros aplicados a um objeto A reorganiza o dos filtros altera a sequ ncia em que foram aplicados o que pode alterar o filtro combinado Em geral os filtros que alteram o interior de um objeto como o Inner Bevel Chanfro interno devem ser aplicados antes dos filtros que alteram o exterior do objeto Por exemplo necess rio aplicar o filtro Inner Bevel antes de aplicar o filtro Outer Bevel Chanfro externo Glow Brilho ou Shadow Sombra Para reordenar os filtros aplicados a um objeto selecionado m Arrastar um filtro para a posi o desejada na lista do Property inspector Inspetor de propriedades go Os filtros listados na parte superior da lista s o aplicados antes daqueles que est o na parte inferior da lista Ov vAadas Remo o de Live Filters f cil remover filtros individuais ou todos os filtros de um objeto
73. Filtros ao vivo e as texturas Al m disso o Flash s suporta preenchimentos s lidos preenchimentos d grad e tra os b sicos sa N o poss vel copiar e colar um efeito d grad de contorno do Fireworks em um E documento do Flash pi lt D gt Q D o Trabalho com o Macromedia Flash 461 Para copiar e colar gr ficos do Fireworks em um documento do Flash 1 No Fireworks selecionar os objetos a serem copiados 2 Selecionar Edit Editar gt Copy Copiar ou clicar no bot o Quick Export Exporta o r pida e selecionar Copy no menu pop up do Macromedia Flash 3 No Flash criar um novo documento e escolher Edit gt Paste Colar Talvez seja necess rio desagrupar os objetos usando Modify Modificar gt Ungroup Desagrupar para que seja poss vel edit los como objetos vetoriais separados no Flash Ov vAHISgOo Sobre a exporta o de gr ficos do Fireworks para outros formatos a serem usados no Flash poss vel exportar gr ficos do Fireworks como arquivos JPEG GIF PNG e Illustrator 7 AT e em seguida import los para o Flash Para mais informa es sobre exporta o de arquivos JPEG e GIF consultar a Ajuda do Fireworks Para mais informa es sobre a exporta o para o formato PNG consultar Exporta o de arquivos PNG com transpar ncia na p gina 464 Para mais informa es sobre a importa o desse formatos para o Flash consultar
74. Fireworks 421 2 Exibir o c digo HTML e colocar o ponto de inser o no local desejado entre as tags lt BODY gt z O c digo HTML copiado do Fireworks n o inclui as tags de abertura ou fechamento 0 lt HTML gt e lt BODY gt m Pu lt D gt QO D O 3 Colar o c digo HTML Consultar o sistema de ajuda do editor de HTML para obter instru es sobre como colar conte do da rea de transfer ncia Ao colar o c digo em editores de HTML importante manter os arquivos de imagem e de HTML no local correto pois do contr rio os v nculos poder o ser desfeitos Se poss vel ao copiar para a rea de transfer ncia verificar se as imagens foram exportadas para o local definitivo em que residir o no site da Web O Fireworks usa URLs relativos de documentos Por isso se o HTML ou as imagens forem movidos os v nculos de URL ser o desfeitos C pia e colagem de HTML de um arquivo exportado do Fireworks poss vel abrir HTML do Fireworks exportado em um editor de HTML e copiar e colar se es do c digo em outro arquivo HTML Para copiar o c digo de um arquivo do Fireworks exportado e col lo em outro documento HTML 1 Abrir o arquivo HTML do Fireworks exportado em um editor de HTML 2 Real ar o c digo necess rio e copi lo para a rea de transfer ncia 3 Abrir um documento HTML existente ou criar um novo documento 4 Colar o c digo da rea de transfer ncia no local des
75. Fireworks 8 um aplicativo para projetar gr ficos a serem usados na Web Suas solu es inovadoras resolvem os principais problemas enfrentados por designers gr ficos e webmasters Com a ampla variedade de ferramentas do Fireworks poss vel criar e editar gr ficos vetoriais e de bitmap em um nico arquivo Com o surgimento do Fireworks os designers da Web n o precisam mais trabalhar ao mesmo tempo em d zias de aplicativos espec ficos para uma tarefa Seus Live Filters Filtros ao vivo n o destrutivos eliminam a frustra o de ter que recriar gr ficos da Web a partir do zero ap s uma simples edi o O Fireworks gera c digo JavaScript facilitando a cria o de rollovers Os recursos eficientes de otimiza o reduzem o tamanho dos arquivos de gr ficos da Web sem prejudicar a qualidade No caso de um iniciante no Fireworks vale a pena compreender os conceitos gerais do aplicativo como a abertura a importa o e a salva de arquivos a navega o no ambiente e o trabalho em um arquivo O ambiente de trabalho do Fireworks torna se dispon vel quando um usu rio cria um novo arquivo ou abre um arquivo existente Este cap tulo cont m os seguintes t picos Sobre o trabalho n FirewotkS as same sie sa dd du ad A tiisa sedini a 16 Sobre gr ficos vetoriais e de bitmap a cs spt poini o sa a ann nnna 17 Cri o de um novo documento ss sasesaronti sds DARI LARS DOR RR dg 19 Abertura e importa o de UM arquivo ssuasssss
76. HTML Resultados de uma exporta o Quando o usu rio exporta ou copia HTML do Fireworks s o gerados os seguintes itens para permitir a recria o da imagem do Fireworks em uma p gina da Web O c digo HTML necess rio para reconstruir imagens fatiadas e qualquer c digo JavaScript caso o documento contenha elementos interativos O HTML do Fireworks cont m v nculos com as imagens exportadas e define a cor do fundo da p gina da Web como a cor da tela m Um ou mais arquivos de imagem dependendo da quantidade de fatias no documento e da quantidade de estados inclu dos nos bot es m Um arquivo chamado spacer gif se necess rio O arquivo spacer gif um GIF transparente de 1 pixel por 1 pixel que o Fireworks usa para corrigir problemas de espa amento ao reconstruir imagens fatiadas em uma tabela de HTML poss vel definir se o Fireworks exporta um espa ador ou n o Para mais informa es consultar Configura o de op es de exporta o de HTML na p gina 427 m Quando o documento do Fireworks cont m menus pop up e esse menus s o exportados os seguintes arquivos s o exportados mm css menu js e a css com o c digo CSS dos menus pop up Se os menus pop up contiverem submenus o arquivo arrows gif tamb m ser exportado m Ao exportar ou copiar HTML para o Macromedia Dreamweaver s o criados arquivos de notas que facilitam a integra o entre o Fireworks e o Dreamweaver Esses arquivos possuem a extens o m
77. Macromedia Flash na p gina 458 Para mais informa es sobre o trabalho com gr ficos do Fireworks no Director consultar Trabalho com o Macromedia Director MX na p gina 474 O Macromedia Dreamweaver manipula as configura es de iniciar e editar de forma diferente O Dreamweaver sempre abre o PNG de origem mesmo que as prefer ncias de iniciar e editar tenham sido definidas de forma diferente no Fireworks Se n o houver Design Note Nota de design ou o caminho do PNG de origem estiver rompido o Dreamweaver sempre exibir um aviso para localizar o arquivo PNG de origem Para mais informa es sobre o trabalho com gr ficos e elementos interativos do Fireworks no Dreamweaver consultar Trabalho com o Macromedia Dreamweaver na p gina 436 go Ov vANaIS 522 Cap tulo 17 Prefer ncias e atalhos de teclado Prefer ncias de pastas As prefer ncias de pastas fornecem acesso a outros plug ins do Photoshop arquivos de textura e arquivos de padr es de origens externas Materiais adicionais Plug ins do Photoshop Texturas e Padr es pastas de destino contendo plug ins texturas e padr es As pastas podem ficar em outra pasta no disco r gido em um CD ROM ou outra unidade externa ou em rede Os plug ins do Photoshop aparecem no menu Filters Filtros do Fireworks e no menu Add Effects Adicionar efeitos do Property inspector Inspetor de propriedades As texturas e os padr es armazenados co
78. Macromedia FreeHand talvez j estejam familiarizados com o m todo de cria o de m scaras Paste Inside Colar em O comando Paste Inside Colar em cria uma m scara vetorial ou de bitmap dependendo do tipo de objeto de m scara utilizado O comando Paste Inside Colar em cria uma m scara preenchendo um tra ado fechado ou objeto bitmap com outros objetos gr ficos vetoriais texto ou imagens bitmap s vezes o pr prio tra ado chamado de tra ado de corte e os itens que ele cont m s o chamados de conte do ou itens de colagem O conte do que ultrapassar o tra ado de corte ficar oculto No Fireworks o comando Paste Inside Colar em produz um efeito semelhante ao comando Paste as Mask Colar como m scara com algumas diferen as m Com Paste Inside Colar em o objeto recortado e colado aquele a ser mascarado Comparar isso com o comando Paste as Mask Colar como m scara em que o objeto recortado e colado o objeto de m scara m Com m scaras vetoriais Paste Inside Colar em mostra o preenchimento e o tra o do pr prio objeto de m scara Por padr o o comando Paste as Mask Colar como m scara n o torna vis veis o preenchimento e o tra o do objeto de m scara vetorial No entanto poss vel ativar ou desativar o preenchimento e o tra o de uma m scara vetorial com o uso do Property inspector Inspetor de propriedades Para mais informa es consultar Altera o da forma de aplica o de m scaras
79. No Fireworks a codifica o UTF 8 ativada por padr o para que todo documento HTML exportado possa exibir caracteres de v rios conjuntos de caracteres E poss vel desativar a codifica o UTF 8 se for prefer vel Para exportar documentos sem codifica o UTF 8 1 Selecionar File Arquivo gt HTML Setup Configura o do HTML 2 Na guia Document Specific Espec fico do documento desmarcar a caixa da codifica o UTF 8 e clicar em OK Para mais informa es sobre op es de configura o de HTML consultar Configura o de op es de exporta o de HTML na p gina 427 Ov vAaNaIsgo 3 Exportar o documento com o uso de um dos m todos dispon veis para exporta o ou c pia de HTML Para mais informa es sobre as v rias formas de exportar e copiar HTML a partir do Fireworks consultar Exporta o de HTML na p gina 415 426 Cap tulo 14 Otimiza o e exporta o Configura o de op es de exporta o de HTML A caixa de di logo HTML Setup Configura o do HTML permite definir como o Fireworks exporta HT ML Essas configura es podem ser espec ficas do documento ou podem ser usadas como configura es padr o para todas as exporta es de HTML As altera es efetuadas na guia Document Specific Espec fico do documento afetam somente o documento atual mas essas configura es poder o ser usadas como padr o para novos documentos ao clicar no bot o Set Defau
80. O Fireworks pode importar formatos RTF rich text format e ASCII texto regular Para abrir ou importar um arquivo de texto 1 Selecionar File Arquivo gt Open Abrir ou File gt Import Importar 2 Navegar at a pasta que cont m o arquivo 3 Selecionar o arquivo e clicar em OK Texto do Photoshop poss vel abrir ou importar um arquivo do Photoshop que contenha texto Tamb m poss vel copiar o texto de um arquivo do Photoshop e col lo no documento atual do Fireworks ou arrast lo do arquivo do Photoshop para o documento atual Para mais informa es consultar Abertura de gr ficos criados em outros aplicativos na p gina 21 Arquivos RTF Ao importar um texto RTF o Fireworks mant m estes atributos m Fonte tamanho e estilo negrito it lico sublinhado m Alinhamento esquerda direita centralizado justificado m Entrelinhamento m Deslocamento da linha de base m Kerning da faixa m Escala horizontal m Cor do primeiro caractere Todas as outras informa es de RTF s o ignoradas Importa o de texto 185 No Fireworks n o poss vel importar texto RTF usando os recursos de copiar e colar ou arrastar e soltar Texto ASCII poss vel importar texto ASCII usando qualquer um dos m todos de importa o O texto ASCII importado definido para a fonte padr o atual com 12 pixels de altura e para a cor de preenchimento atual Tratamento de fontes ausentes Se o usu rio abrir
81. Para mais informa es consultar Trabalho com o Macromedia Dreamweaver na p gina 436 Ao atualizar um HTML do Fireworks poss vel selecionar entre substituir somente as imagens alteradas ou sobrescrever todos os c digos e imagens Ao optar por substituir somente as imagens alteradas as altera es efetuadas no arquivo HTML fora do Fireworks ser o preservadas z Para altera es consider veis no layout de um documento efetuar as altera es no 0 Fireworks e exportar novamente o arquivo HTML m Ps lt D gt QO D o Para atualizar o HTML com o uso do comando Update HTML 1 Seguir um destes procedimentos a Selecionar File Arquivo gt Update HTML Atualizar HTML a Clicar no bot o Quick Export Exporta o r pida e selecionar Update HTML no menu pop up Selecionar o arquivo a ser atualizado na caixa de di logo Locate HTML File Localizar arquivo HTML Clicar em Open Abrir Exporta o do Fireworks 423 4 5 Se n o for encontrado o HTML gerado pelo Fireworks clicar em OK para inserir o novo HTML no final do documento Se n o for encontrado o HTML gerado pelo Fireworks selecionar uma das op es a seguir e clicar em OK Replace Images and Their HTML Substituir imagens e seus HTMLs substitui o HTML anterior do Fireworks Update Images Only Atualizar somente imagens substitui somente as imagens Se aparecer a caixa de di log
82. Para pintar um objeto com a ferramenta Brush 1 Selecionar a ferramenta Brush Pincel 2 Definir os atributos de tra o no Property inspector Inspetor de propriedades 3 Arrastar para pintar Desenho pintura e edi o de objetos bitmap 95 Para mais informa es sobre a defini o de op es da ferramenta Brush consultar Trabalho com tra os na p gina 205 Para transformar a cor dos pixels na cor da caixa Fill Color 1 Selecionar a ferramenta Paint Bucket Lata de tinta 2 Selecionar uma cor na caixa Fill Color Cor de preenchimento 3 Definir o valor de toler ncia no Property inspector Inspetor de propriedades A toler ncia determina como pixels com cores semelhantes devem ser preenchidos Um valor de toler ncia baixo preenche os pixels com valores da cor semelhantes ao pixel clicado Um valor de toler ncia alto preenche os pixels com uma faixa mais ampla de valores da cor Ov vAaNaIsgo 4 Clicar na imagem Todos os pixels dentro da faixa de toler ncia mudam para a cor de preenchimento Para aplicar um preenchimento d grad a uma sele o de pixels 1 Fazer a sele o 2 Selecionar a ferramenta Gradient D grad 3 Definir os atributos de preenchimento no Property inspector Inspetor de propriedades 4 Clicar na sele o de pixels para aplicar o preenchimento As ferramentas Paint Bucket Lata de tinta e Gradient tamb m podem preencher objetos vetoriais s
83. Para remover um exemplo de opacidade ou cor do d grad m Arrastar o exemplo para longe da janela pop up Edit Gradient Editar d grad Para definir ou alterar a cor de um exemplo de cor 1 Clicar no exemplo de cor 2 Selecionar uma cor na janela pop up Aplica o de um preenchimento d grad ou com padr o 215 Para definir ou alterar a transpar ncia de um exemplo de opacidade 1 2 Clicar no exemplo de opacidade Seguir um destes procedimentos m Arrastar o controle deslizante at a porcentagem de transpar ncia onde O totalmente transparente e 100 totalmente opaco Digitar um valor num rico de 1 a 100 para definir a opacidade O quadriculado de transpar ncia mostra o d grad em reas transparentes OY VAYASgO Quando terminar de editar o d grad pressionar Enter ou clicar fora da janela pop up Edit Gradient Editar d grad O preenchimento d grad aparece em quaisquer objetos selecionados e se torna o preenchimento ativo Para ajustar a transi o entre as cores no preenchimento Arrastar exemplos de cores para a esquerda ou para a direita Cria o de um preenchimento com a ferramenta Gradient D grad A ferramenta Gradient D grad se encontra no mesmo grupo da ferramenta Paint Bucket Lata de tinta Esta nova ferramenta funciona de forma semelhante ferramenta Paint Bucket s que preenche um objeto com um d grad e n o com uma cor s l
84. Pol gono inteligente ferramenta 132 Smooth Suavizar comando 73 Smudge Mancha ferramenta 99 Snap Distance Dist ncia de alinhamento prefer ncia 521 sobrepor fatias 302 sombras 108 228 Spiral Espiral ferramenta 133 Split Dividir comando 157 ndice remissivo 545 Standard Screen Tela padr o modo 46 Star Estrela ferramenta 133 Stroke Color Cor do tra o caixa 206 Styles Estilos painel 38 275 suavizar serrilhado bordas 218 cor de fundo do destino 405 remover aur olas 406 suavizar bordas de texto 177 Subselection Selecionar secund rio ferramenta selecionar m scaras com 260 uni o autom tica de tra ados com 151 substituir elementos 494 Swap Image Trocar imagem comportamento 310 Swatches Exemplos de cores painel 38 193 anexar exemplos 195 cores do sistema Windows 194 excluir uma cor 197 salvar personalizado 197 substituir uma cor 196 Symbol Properties Propriedades do s mbolo caixa de di logo 279 T tabela de cores 395 atualizar 396 exemplo bloqueado na 395 exemplo com v rios atributos na 395 exemplo de websafe na 395 exemplo editado na 395 exemplo transparente na 395 selecionar cores na 396 tabelas aninhadas 319 tamanho do arquivo definir perda para reduzir tamanho 399 reduzir qualidade 402 tela aparar 51 girar 51 modificar caracter sticas 48 modificar resolu o 49 Text Texto ferramenta 164 texto alinhamento 175 atributos salvar 180 cor 170 digitar 164 dire
85. Property inspector quando uma ferramenta de bitmap estiver selecionada Por padr o a maioria das m scaras de bitmap s o aplicadas com o uso da apar ncia dos tons de cinza mas tamb m poss vel aplic las com o uso de seu canal alfa Para mais informa es consultar Altera o da forma de aplica o de m scaras na p gina 264 Cria o de uma m scara com base em um objeto existente Uma m scara pode ser criada com base em um objeto existente Quando usado como m scara o contorno de tra ado de um objeto vetorial pode ser utilizado para cortar outros objetos Quando um objeto bitmap usado como m scara o brilho de seus pixels ou sua transpar ncia afeta a visibilidade de outros objetos Mascaramento de um objeto com o comando Paste as Mask O comando Paste as Mask Colar como m scara permite a cria o de m scaras atrav s do mascaramento de um objeto ou grupo de objetos com outro objeto Paste as Mask Colar como m scara cria uma m scara vetorial ou de bitmap Quando usar um objeto vetorial como m scara Paste as Mask Colar como m scara cria uma m scara vetorial que corta objetos com m scara usando o contorno do tra ado do objeto vetorial Quando usar uma imagem bitmap como m scara Paste as Mask Colar como m scara cria uma m scara de bitmap que afeta a visibilidade de objetos com m scara usando os valores de cor dos tons de cinza do objeto bitmap Mascaramento de imagens 247 Para criar uma m
86. Quick Export oferece um atalho para a maioria das op es de exporta o comuns Para obter mais informa es sobre a exporta o de cada formato consultar Cap tulo 15 Uso do Fireworks com outros aplicativos na p gina 435 Para a maioria dos formatos est o dispon veis v rios m todos de exporta o Por exemplo poss vel exportar HTML do Dreamweaver ou atualizar um HTML existente do Dreamweaver Ou poss vel copiar o HTML do Dreamweaver para a rea de transfer ncia poss vel exportar um arquivo SWF do Flash ou copiar objetos selecionados como vetores O bot o Quick Export tamb m pode ser usado para iniciar outros aplicativos e para visualizar documentos do Fireworks em um navegador espec fico Com a simplifica o do processo de exporta o o bot o Quick Export economiza tempo e aprimora o fluxo de trabalho do projeto go O bot o Quick Export exporta gr ficos e fatias usando as configura es especificadas no painel Optimize Otimizar Certificar se de otimizar o gr fico antes de exportar com o bot o Quick Export Para mais informa es sobre otimiza o consultar Sobre otimiza o na p gina 378 OY VA XAS Para exportar um documento ou gr fico selecionado do Fireworks com o uso do bot o Quick Export 1 Clicar no bot o Quick Export Exporta o r pida e selecionar uma op o de exporta o no menu pop up exibido As op es apropriadas s o definidas autom
87. SWF que cont m c digo JavaScript Esses filmes podem ser usados como comandos do Fireworks acess veis a partir do menu Commands Comandos do Fireworks Existe at mesmo a op o de criar um filme SWF e us lo como um painel do Fireworks acess vel a partir do menu Window Janela O painel Align Alinhar do Fireworks um exemplo de um filme do Flash importado como um painel Os filmes SWF que s o usados como comandos s o armazenados na pasta Commands Comandos no disco r gido e os filmes SWF que s o usados como pain is s o armazenados na pasta Command Panels Pain is de comando a A localiza o exata dessas pastas varia de um sistema para outro e depende da 0 necessidade de o comando ou painel estar dispon vel apenas para o seu perfil de m sa no 7 usu rio ou para todos os usu rios As pastas Commands Comandos e Command S Panels Pain is de comando est o localizadas na pasta Configuration Configura o 9 na pasta de aplicativo do Fireworks e tamb m na pasta de configura o do Fireworks O espec fica do usu rio Para mais informa es consultar Trabalho com arquivos de configura o na p gina 526 Extens o dos recursos do Fireworks 515 Para instru es detalhadas a cria o de comandos ou pain is a partir de filmes SWF do Flash consultar Extending Fireworks Extens o dos recursos do Fireworks Gerenciamento de um comando poss vel renomear ou exc
88. Satura o ajusta o tom de uma cor seu matiz a intensidade de uma cor sua satura o ou a luminosidade de uma cor em uma imagem Original ap s o ajuste da satura o Para ajustar o matiz ou a satura o 1 Selecionar a imagem 2 Seguir um destes procedimentos para abrir a caixa de di logo Hue Saturation Matiz Satura o a No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Adjust Color Ajustar cor gt Hue Saturation no menu pop up Filters Filtros Selecionar Filters gt Adjust Color gt Hue Saturation A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou seja ela n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for uma op o Para manter a capacidade de ajustar desativar ou remover esse filtro aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op o com marcador desta etapa Para mais informa es consultar Cap tulo 8 Uso de Live Filters na p gina 228 Oy vAadasgo 3 Arrastar o controle deslizante Hue Matiz para ajustar a cor da imagem Os valores variam de 180 a 180 4 Arrastar o controle deslizante Saturation Satura o para ajustar a pureza das cores Os valores variam de 100 a 100 116 Cap tulo 4 Trabalho com bitmaps 5 Arrastar o controle deslizante Lightness Luminosidade para ajustar
89. Selecionar View Exibir gt Show All Mostrar tudo go Ov vAadas Para ocultar objetos selecionados ou n o poss vel clicar ou arrastar ao longo da coluna do olho no painel Layers Sele o de um pixel poss vel editar pixels na tela inteira ou escolher uma das ferramentas de sele o para restringir a edi o a uma rea espec fica da imagem A ferramenta Marquee Moldura seleciona uma rea retangular de pixels em uma imagem A ferramenta Oval Marquee Moldura oval seleciona uma rea el ptica de pixels em uma imagem A ferramenta Lasso La o seleciona uma rea de pixels de forma livre em uma imagem A ferramenta Polygon Lasso La o pol gono seleciona uma rea de pixels de forma livre com borda reta em uma imagem A ferramenta Magic Wand Varinha m gica seleciona uma rea de pixels de cores semelhantes em uma imagem As ferramentas de sele o de pixels desenham uma moldura de sele o que define a rea de pixels selecionada Depois de desenhada a moldura da sele o poss vel manipul la movendo a adicionando objetos a ela ou baseando outra sele o nela O usu rio pode editar pixels dentro da sele o aplicar filtros aos pixels ou apagar pixels sem afetar os pixels que ultrapassam a sele o Ele tamb m pode criar uma sele o de pixels flutuante que pode ser editada movida recortada ou copiada Op es de ferramentas de sele o de bitmap
90. Show Down State on Load para cada ocorr ncia de bot o em uma barra de navega o A se o Document Specific Espec fico do documento na caixa de di logo HTML Setup Configura o do HTML cont m uma op o denominada Export Multiple Files Exportar v rios arquivos Quando o usu rio seleciona essa op o e exporta uma barra de navega o o Fireworks 8 exporta cada p gina HTML com o estado de bot o Down Abaixo correspondente Para mais informa es consultar Configura o de op es de exporta o de HTML na p gina 427 go OY VA XAS iii Y Properties E Button Text Link v Home sm v Alt w so x 41 9 100 x normal x Target v H 28 Yi s2 Shom down state on load a Para editar propriedades no n vel da ocorr ncia de uma ocorr ncia nica de s mbolo de bot o 1 Selecionar a ocorr ncia de bot o no espa o de trabalho 2 Definir as propriedades no Property inspector Inspetor de propriedades Configura o de propriedades de bot o interativo Com o Fireworks poss vel controlar os elementos interativos de um bot o dentre eles rea ativa URL destino e descri o alternativa alt de imagem Modifica o da rea ativa de um s mbolo de bot o A rea ativa de um s mbolo de bot o aciona a interatividade quando um usu rio move o ponteiro sobre ele ou o clica em um navegador da Web A rea ativa de um bot o uma p
91. Structure Estrutura de arquivo Import as Movie Clip and Retain Layers Importar como clipe de filme e manter camadas importa o arquivo do Fireworks como um clipe de filme com todas as camadas e molduras do arquivo original do Fireworks O clipe de filme inserido na moldura principal e na camada atual Caso n o seja selecionada uma moldura principal antes da importa o o clipe de filme colocado na moldura principal anterior Import into New Layer in Current Scene Importar para nova camada na cena atual importa o arquivo do Fireworks para uma nica camada nova com todas as suas molduras intactas Selecionar a forma de importa o de texto e objetos vetoriais Rasterize if Necessary to Maintain Appearance Rasterizar se necess rio para manter a apar ncia preserva a capacidade de edi o de objetos vetoriais a menos que eles tenham preenchimentos tra os ou efeitos especiais n o suportados pelo Flash Para preservar a apar ncia desses objetos o Flash converte os em imagens bitmap n o edit veis Keep All Paths Editable Manter todos os tra ados edit veis preserva a capacidade de edi o de todos os objetos vetoriais Se os objetos tiverem preenchimentos tra os ou efeitos especiais n o suportados pelo Flash essas propriedades ser o perdidas Selecionar a forma de importa o de texto Rasterize if Necessary to Maintain Appearance Rasterizar se necess rio para manter a apar ncia preserva a capacidade de edi
92. Undo Desfazer for au uma op o Para manter a capacidade de ajustar desativar ou remover esse filtro aplique o como um Live Filter conforme descrito na primeira op o com marcador ta desta etapa Para mais informa es consultar Cap tulo 8 Uso de Live Filters na O p gina 223 O Existe tamb m a possibilidade de ajustar os realces meios tons e sombras X automaticamente clicando no bot o Auto Autom tico na caixa de di logo Levels or Curves N veis ou curvas 110 Cap tulo 4 Trabalho com bitmaps Uso do recurso Curves O recurso Curves Curvas semelhante a Levels N veis s que oferece um controle mais preciso sobre a faixa tonal Enquanto Levels usa realces sombras e meios tons para corrigir a faixa tonal Curves permite ajustar qualquer cor na faixa tonal em vez de ajustar apenas tr s vari veis sem afetar outras cores O recurso Curves pode ser usado por exemplo para corrigir um matiz de cor causado por condi es de ilumina o A grade na caixa de di logo Curves ilustra dois valores de brilho O eixo horizontal representa o brilho original dos pixels mostrado na caixa Input Entrada O eixo vertical representa os novos valores de brilho mostrados na caixa Output Sa da Quando a caixa de di logo Curves aberta pela primeira vez a linha diagonal indica que n o foram feitas altera es de modo que os valores de entrada e de sa da s o os mesmos para todos os
93. a apar ncia da m scara editando o objeto de m scara Al m disso existe a op o de aplicar transforma es m scara como um todo ou a seus componentes individuais Sobre m scaras O usu rio pode criar um objeto de m scara a partir de um objeto vetorial uma m scara vetorial ou de um objeto bitmap uma m scara de bitmap Pode tamb m usar v rios objetos ou objetos agrupados para criar uma m scara Sobre m scaras vetoriais Se o usu rio estiver acostumado a trabalhar com outros aplicativos de ilustra o vetorial como o Macromedia FreeHand talvez j esteja familiarizado com m scaras vetoriais tamb m chamadas de tra ados de corte ou itens de colagem O objeto de m scara vetorial corta ou apara os objetos subjacentes segundo a forma do seu tra ado criando um efeito de estampa de biscoito Uma m scara vetorial aplicada com o uso de seu contorno de tra ado 244 Cap tulo 9 Camadas mascaramento e mistura A cria o de uma m scara vetorial indicada por uma miniatura de m scara com um cone de caneta exibida no painel Layers ra k al R Uma miniatura de m scara vetorial no painel Layers Ao selecionar uma m scara vetorial o Property inspector Inspetor de propriedades exibe informa es sobre a maneira como ela aplicada A metade inferior do Property inspector exibe propriedades adicionais que permitem editar o preenchimento e o tra o do objeto de m scara w Properties
94. a ferramenta Pointer Ponteiro para mover ou alterar a forma da fatia ou mover a guia da fatia Usar uma das ferramentas de fatia ou ponto ativo para desenhar uma nova rea ativa Configura o de URL para um s mbolo de bot o ou ocorr ncia Um URL Uniform Resource Locator localizador uniforme de recursos um link para outra p gina da Web site da Web ou ncora na mesma p gina da Web O URL pode ser uma propriedade de bot o no n vel do s mbolo ou da ocorr ncia poss vel anexar um URL a uma ocorr ncia de bot o selecionada no Property inspector Inspetor de propriedades ou no painel URL Cria o de s mbolos de bot es 339 poss vel anexar um URL a um s mbolo para que o mesmo URL apare a na caixa de texto Link no Property inspector para cada ocorr ncia Isso til para digitar URLs absolutos em um site basta completar a ltima parte do URL na caixa de texto Link de cada ocorr ncia no Property inspector para vincular as ocorr ncias de bot o S Para mais informa es sobre URLs absolutos em compara o com relativos consultar E Sobre URLs absolutos e relativos na p gina 290 pi lt gt QO D o Para definir o URL para um s mbolo de bot o no Button Editor 1 Executar um dos seguintes procedimentos para abrir o bot o no Button Editor Editor de bot o m Clicar duas vezes em uma ocorr ncia de bot o no espa o de trabalho m No painel Library clicar dua
95. and Emboss gt Raised Emboss Relevo elevado 2 Editar as configura es do filtro na janela pop up Para que o objeto original apare a na rea em relevo selecionar Show Object Mostrar objeto 3 Quando acabar clicar fora da janela ou pressionar Enter para fech la Para manter a compatibilidade com vers es anteriores os Live Filters Emboss em objetos de documentos mais antigos s o abertos com a op o Show Object desmarcada Oy vAdHaIsgo Aplica o de sombras e brilhos O Fireworks facilita a aplica o de brilhos sombras s lidas sombras internas e outras sombras a objetos poss vel especificar o ngulo da sombra para simular o ngulo de incid ncia da luz sobre o objeto Filtros Drop Shadow Inner Shadow e Glow Aplica o de Live Filters 227 Para aplicar uma sombra s lida 1 3 No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo apontar para Shadow and Glow Sombra e brilho e clicar em Solid Shadow Sombra s lida Na caixa de di logo Solid Shadow ajustar as configura es do filtro m Arrastar o controle deslizante Angle ngulo para definir a dire o da sombra a Arrastar o controle deslizante Distance Dist ncia para definir a dist ncia entre a sombra e o objeto a Marcar a caixa de sele o Solid Color Cor s lida para aplicar uma cor s lida sombra a Selecionar a caixa de co
96. aos arquivos recentes e ao Fireworks Exchange em que poss vel adicionar novos recursos a alguns dos recursos do Fireworks j existentes O uso da p gina inicial bem semelhante ao de uma p gina da Web Basta clicar em qualquer recurso exibido para us lo Ambiente de trabalho do Fireworks 33 Para desativar a p gina inicial 1 Executar o Fireworks sem abrir um documento A p gina inicial exibida 2 Clicar em Don t Show Again N o mostrar novamente Uso do painel Tools O painel Tools Ferramentas organizado em seis categorias Select Selecionar Bitmap Vector Vetor Web Colors Cores e View Exibir Bitmap Ee WA Colors A g PIA SE Bam view BBDO 9 Q Altera o de op es de ferramentas Quando uma ferramenta selecionada o Property inspector Inspetor de propriedades exibe suas op es Algumas op es continuam a ser exibidas durante o trabalho com a ferramenta No caso de outras ferramentas como as ferramentas de forma b sica Pen Caneta e Line Linha o Property inspector exibe as propriedades do objeto selecionado Para mais informa es sobre o Property inspector consultar Uso do Property inspector na p gina 36 34 Cap tulo 2 Conceitos b sicos do Fireworks Para exibir as op es de uma ferramenta em uso no Property inspector m Escolher Select Selecionar gt Deselect Cancelar sele o para cancelar a sele o de todos os objetos Para mais inf
97. aplicar o filtro Raised Alto relevo ao gr fico do estado Up Acima o filtro Highlighted Real ado ao gr fico do estado Down Abaixo e assim por diante Para aplicar Live Filters predefinidos a um s mbolo de bot o 1 Como s mbolo de bot o desejado aberto no Button Editor Editor de bot o selecionar o gr fico ao qual ser adicionado um Live Filter 2 Clicar no bot o Add Live Filters Adicionar filtros ao vivo no Property inspector Inspetor de propriedades 3 No menu pop up exibido executar um dos seguintes procedimentos Selecionar Bevel and Emboss Chanfro e relevo gt Inner Bevel Chanfro interno m Selecionar Bevel and Emboss gt Outer Bevel Chanfro externo Cria o de s mbolos de bot es 333 4 Najanela pop up exibida selecionar um filtro de bot o predefinido Os efeitos s o descritos abaixo Filtro de bot o Descri o predefinido Raised Alto relevo O chanfro parece elevar se dos objetos subjacentes Highlighted Real ado As cores do bot o tornam se mais claras Inset Interiorizar O chanfro parece afundar nos objetos subjacentes Inverted Invertido O chanfro parece afundar nos objetos subjacentes e as E cores tornam se mais claras 5 Repita as etapas de 1 a 4 para os estados restantes do bot o aplicando a cada estado um filtro de bot o predefinido diferente Convers o de rollovers do Fireworks em bot es poss vel criar bot es a partir de rollovers
98. b sico com cantos chanfrados arredondados ou chanfrados arredondados consultar o procedimento a seguir Para desenhar um ret ngulo Auto Shape com cantos arredondados consultar Ajuste de Auto Shapes de ret ngulo chanfrado arredondado e chanfrado arredondado na p gina 136 Para desenhar uma linha ret ngulo ou elipse 1 Selecionar a ferramenta Line Linha Rectangle Ret ngulo ou Ellipse Elipse no painel Tools Ferramentas 2 Se desejar definir os atributos de tra o e preenchimento no Property inspector Inspetor de propriedades Consultar Cap tulo 7 Aplica o de cor tra os e preenchimentos na p gina 191 3 Arrastar na tela para desenhar a forma Para a ferramenta Line Linha arrastar com a tecla Shift pressionada para limitar as linhas a incrementos de 45 graus Para a ferramenta Rectangle Ret ngulo ou Ellipse Elipse arrastar com a tecla Shift para limitar as formas a quadrados ou c rculos Para desenhar linha ret ngulo ou elipse a partir de um ponto central espec fico m Posicionar o ponteiro no ponto central pretendido e arrastar com a tecla Alt Windows ou com Option Macintosh a ferramenta de desenho Para limitar uma forma e desenhar a partir do ponto central m Posicionar o ponteiro no ponto central pretendido e arrastar a ferramenta de desenho com as teclas Shift Alt Windows ou com Shift Option Macintosh pressionadas 128 Cap tulo 5 Trabalho com objetos vetoriais Par
99. borda de moldura 73 imagens 64 inverter uma sele o de pixel 72 objetos adicionais 62 objetos agrupados 87 pixels 64 pontos 149 sele o de pixels flutuante 77 sobrepor reas de bitmaps 71 suavizar uma borda de moldura 73 subtrair de uma sele o de pixels 71 sele es de pixels flutuante criar 77 mover 77 Selective Quality Qualidade seletiva bot o 403 Send Backward Recuar comando 88 Send to Back Enviar para tr s comando 88 Set Nav Bar Image Definir imagem da barra de navega o comportamento 310 Set Pop up Menu Definir o menu pop up comportamento 311 Set Text of Status Bar Definir texto da barra de status comportamento 311 Shapes Formas painel 38 Sharpen Agu ar ferramenta 99 Sharpen Agu ar filtro 123 Sharpen More Agu amento maior filtro 123 Show Pen Preview Mostrar visualiza o da caneta prefer ncia 521 Show Solid Points Mostrar pontos s lidos prefer ncia 521 Show Tab Icons Mostrar cones de guias prefer ncia 520 s mbolos criar 279 criar ocorr ncias 280 defini o 279 duplicar 281 editar 281 editar gr ficos 364 excluir 281 exportar 286 importar 285 interpolar 371 modificar 280 posicionar ocorr ncias no documento 280 quebrar um v nculo 282 s mbolos de bot o editar 336 inserir em um documento 335 Simple Rollover Rollover simples comportamento 310 simplificar tra ados 160 Simplify Simplificar comando 160 Skew Inclinar ferramenta 84 Smart Polygon
100. caixa de cor 204 Cap tulo 7 Aplica o de cor tra os e preenchimentos A cor aplicada caracter stica ou ao recurso associado caixa de cor e a janela pop up de cores fechada Pressionar a tecla Shift e clicar para selecionar uma cor websafe v la Trabalho com tra os O Property inspector Inspetor de propriedades o menu pop up Stroke Options Op es de tra o e a caixa de di logo Edit Stroke Editar tra o proporcionam total controle sobre todas as nuan as do pincel inclusive a quantidade de tinta o tamanho e a forma da ponta a textura o efeito de borda e o aspecto Aplica o de tra os poss vel alterar os atributos de tra o das ferramentas Pen Caneta Pencil L pis e Brush Pincel para que o pr ximo objeto vetorial desenhado apresente os novos atributos Tamb m poss vel aplicar atributos de tra o a um objeto ou tra ado depois de desenh lo A cor atual do tra o aparece na caixa Stroke Color Cor do tra o no painel Tools Ferramentas no Property inspector Inspetor de propriedades e no Color Mixer Misturador de cores poss vel alterar a cor do tra o de uma ferramenta de desenho ou do objeto selecionado em qualquer um desses tr s pain is O cone do l pis indica a caixa Stroke Color no painel Tools no Property inspector e no Color Mixer Para alterar atributos do tra o de objetos selecionados seguir um destes procedimentos m Selecionar um
101. coloca imagens em escala por porcentagem 3 Caso a op o escolhida seja Scale to Size ou Scale to Fit Area no menu pop up Scale tamb m poss vel optar por dimensionar apenas os documentos que no momento s o maiores que o tamanho de destino Para fazer isso selecionar a op o Only Scale Documents Currently Larger Than Target Size Dimensionar apenas documentos no momento maiores que o tamanho de destino 4 Clicar em Next Pr ximo para continuar o processo em lote Para informa es sobre a conclus o do processo em lote consultar Processo em lote na p gina 499 Processo em lote 505 Localiza o e substitui o durante um processo em lote A op o Find and Replace Localizar e substituir da caixa de di logo Batch Process Processo em lote localiza e substitui texto fontes cores ou URLs em bot es pontos ativos ou fatias Batch Replace Find Text C Whole word Match case o Regular expressions These options apply to object files such as Fireworks and FreeHand but not image only files such as GIF or JPEG Batch Replace Substitui o em lote afeta apenas os seguintes formatos de arquivo PNG do Fireworks Illustrator FreeHand e CorelDraw Batch Replace n o afeta GIFs e JPEGs Para selecionar atributos para localizar e substituir durante um processo em lote 1 Selecionar Find and Replace Localizar e substituir na lista Batch Options Op es de lote e clicar em Add
102. com o uso de um dos m todos dispon veis para exporta o ou c pia de HTML Para mais informa es sobre as v rias formas de exportar e copiar HTML a partir do Fireworks consultar Exporta o de HTML na p gina 415 S O Fireworks usa codifica o UTF 8 ao exportar para XHTML Para mais 0 informa es sobre codifica o UTF 8 consultar Exporta o de arquivos com e o sem codifica o UTF 8 na p gina 426 lt D gt QO D o Exporta o do Fireworks 425 Exporta o de arquivos com e sem codifica o UTF 8 Antigamente os navegadores da Web n o eram capazes de exibir conjuntos de caracteres diferentes em um nico documento HTML Por exemplo um texto em chin s e outro em ingl s n o podiam ser exibidos na mesma p gina porque os navegadores da Web n o eram capazes de exibir conjuntos de caracteres diferentes em um nico documento O UTF 8 Universal Character Set Transformation Format 8 transforma o de conjunto de caracteres universal formato 8 um m todo de codifica o de texto que permite aos navegadores da Web exibir conjuntos de caracteres diferentes na mesma p gina HTML O Fireworks permite exportar HTML com codifica o UTF s O Fireworks tamb m pode importar documentos que usam codifica o UTF 8 Para mais informa es consultar Cria o de um arquivo PNG do Fireworks a partir de um arquivo HTML na p gina 23 OY VAYASgO
103. controles flutuantes que ajudam a editar aspectos de um objeto selecionado ou de elementos do documento Os pain is permitem trabalhar em molduras camadas s mbolos exemplos de cores e outros elementos Os pain is s o arrast veis portanto poss vel agrup los em organiza es personalizadas Por padr o alguns pain is s o agrupados e outros n o Os seguintes pain is podem conter outros pain is m Assets Propriedades m Colors Cores m Frames Molduras e History Hist rico Ambiente de trabalho do Fireworks 37 Por padr o os pain is Optimize Otimizar Image Editing Edi o de imagem Layers Camadas Shapes Formas Auto Shape Properties Propriedades de formas autom ticas Info Informa es Behaviors Comportamentos Find Localizar e Align Alinhar geralmente n o s o agrupados com outros pain is mas poss vel agrup los se desejado Quando os pain is s o agrupados todos os nomes do grupo de pain is aparecem na barra de t tulo desse grupo No entanto poss vel atribuir um nome preferido aos grupos de pain is O painel Optimize permite gerenciar as configura es que controlam o tamanho e o tipo de um arquivo e trabalhar com a paleta de cores da fatia ou do arquivo a ser exportado O painel Image Editing inclui ferramentas e op es usadas com frequ ncia para editar imagens O painel Layers organiza a estrutura de um documento e cont m op es para criar excluir e manipular c
104. criados em vers es anteriores do Fireworks Os componentes s o convertidos em um bot o e o novo bot o colocado na biblioteca Para mais informa es sobre rollovers consultar Transforma o de fatias em objetos interativos na p gina 303 Para converter um rollover do Fireworks em um bot o 1 Excluir a fatia ou ponto ativo que cobre as imagens de rollover 2 No menu pop up Onion Skinning Op es de transpar ncia no painel Frames Molduras selecionar Show All Frames Mostrar todas as molduras 3 Selecionar todos os objetos a serem inclu dos no bot o Usar a ferramenta Select Behind Selecionar atr s para selecionar os objetos que estejam ocultos atr s de outros Para mais informa es consultar Uso da ferramenta Select Behind na p gina 61 v la 4 Selecionar Modify Modificar gt Symbol S mbolo gt Convert to Symbol Converter em s mbolo A caixa de di logo Symbol Properties Propriedades do s mbolo aberta 334 Cap tulo 12 Cria o de bot es e menus pop up 5 Digitar um nome para o s mbolo na caixa de texto Name Nome 6 Selecionar o tipo de s mbolo Button Bot o 7 Clicarem OK O novo bot o adicionado biblioteca Tamb m poss vel converter anima es de quatro molduras em bot es Basta selecionar todos os quatro objetos cada um deles colocado em seu pr prio estado do bot o v la Inser o de bot
105. da pesquisa Para salvar fechar e fazer backup de cada arquivo depois de pesquisado Selecionar Replace Options Op es de substitui o no menu Options Op es do painel Find Localiza o e substitui o 495 2 Selecionar Save and Close Files Salvar e fechar arquivos para salvar e fechar cada arquivo ap s a opera o de localiza o e substitui o Apenas os documentos originalmente ativos permanecer o abertos Se Save and Close Salvar e fechar estiver desativado e um grande n mero de arquivos for processado em lote o Fireworks poder ficar sem mem ria e cancelar o processo em lote Ov vAHaIsgo 3 No menu pop up Backups selecionar uma das seguintes op es No Backups Sem backups localiza e substitui sem fazer backup dos arquivos originais Os arquivos alterados substituem os originais Overwrite Existing Backups Substituir backups existentes cria e armazena apenas uma c pia de backup de cada arquivo alterado durante uma opera o de localiza o e substitui o A execu o de outras opera es de localiza o e substitui o sempre substitui a c pia de backup pelo arquivo original anterior As c pias de backup s o armazenadas em uma subpasta chamada Original Files Arquivos originais Incremental Backups Backups incrementais salva todas as c pias de backup de arquivos alterados durante uma opera o de localiza o e substitui o Os arquivos originais s o mo
106. de 8 bits Altera o das configura es de pontilhamento em imagens de 8 bits Ativa o ou desativa o das configura es de otimiza o Para definir as dimens es da imagem exportada usando Image Preview 1 Clicar na guia File 2 Especificar uma porcentagem de escala ou digitar a largura e altura desejadas em pixels Selecionar Constrain Restringir para colocar em escala a largura e a altura proporcionalmente Options File animation Scale i fio z Wi 1200 pixels H 56 pixels Ja Para definir somente parte de uma imagem para exporta o usando Image Preview 1 Clicar na guia File 2 Selecionar a op o Export Area rea de exporta o e seguir um destes procedimentos para especificar a rea a ser exportada Arrastar a borda pontilhada que aparece em volta da visualiza o at que ela circunde a rea de exporta o desejada Arrastar dentro da visualiza o a fim de mover reas ocultas para a exibi o 382 Cap tulo 14 Otimiza o e exporta o a Digitar as coordenadas de pixel para os limites da rea de exporta o Image Preview Options File animation Scale o Wi z0 pixels A H 56 pixels Ja im Constrain en Para definir as configura es de anima o usando Image Preview 1 Clicar na guia Animation Anima o 2 Utilizar as t cnicas a seguir para visualizar molduras de anima o m Para exibir uma nica moldu
107. de um filtro a partir do menu Filters uma opera o destrutiva ou seja n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for uma op o Para manter a capacidade de ajustar desativar ou remover esse filtro aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op o com marcador desta etapa Para mais informa es consultar Cap tulo 8 Uso de Live Filters na p gina 223 Para agu ar uma imagem usando Unsharp Mask 1 2 Selecionar a imagem Seguir um destes procedimentos para abrir a caixa de di logo Unsharp Mask Desfocar m scara No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Sharpen Agu ar gt Unsharp Mask Desfocar m scara no menu pop up Filters Filtros Selecionar Filters gt Sharpen gt Unsharp Mask OY VA YASgO A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou seja ela n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for uma op o Para manter a capacidade de ajustar desativar ou remover esse filtro aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op o com marcador desta etapa Para mais informa es consultar Cap tulo 8 Uso de Live Filters na p gina 223 Arrastar o controle deslizante Sharpen Amount Grau de desfoque para selecion
108. de um segmento de tra ado selecionado seguir um destes procedimentos m Clicar em um ponto de canto de um objeto selecionado com a ferramenta Pen Caneta m Clicar duas vezes em um ponto de curva de um objeto selecionado com a ferramenta Pen m Selecionar um ponto com a ferramenta Subselection Selecionar secund rio e pressionar a tecla Delete ou Backspace Continua o de um tra ado existente poss vel usar a ferramenta Pen Caneta para continuar a desenhar um tra ado aberto existente Para retomar o desenho de um tra ado aberto existente 1 Selecionar a ferramenta Pen Caneta no painel Tools Ferramentas 2 Clicar no ponto final e continuar o tra ado O ponteiro da ferramenta Pen Caneta alterado para indicar a adi o de um tra ado Mescla de dois tra ados abertos Um usu rio pode conectar dois tra ados abertos para formar um tra ado cont nuo Quando ele conecta dois tra ados os atributos de tra o preenchimento e filtro do tra ado superior transformam se nos atributos do tra ado mesclado recentemente Para mesclar dois tra ados abertos 1 Selecionar a ferramenta Pen Caneta no painel Tools Ferramentas 2 Clicar no ponto final de um dos tra ados 3 Mover o ponteiro para o ponto final do outro tra ado e dar um clique Uni o autom tica de tra ados abertos semelhantes poss vel unir facilmente um tra ado aberto a outro com caracter sticas de tra o e preenchimento semelha
109. definir o ponto de registro dos gr ficos importados Import Rollover Behaviors as Lingo Importar comportamentos de rollover como Lingo converte os comportamentos do Fireworks em c digo Lingo Import to Score Importar como riscado coloca os membros do elenco no riscado durante a importa o 4 Clicar em Open Abrir Trabalho com o Macromedia Director MX 477 Os gr ficos e o c digo do arquivo HTML do Fireworks s o importados Para importar uma anima o do Fireworks arrastar as molduras principais no Director para alterar a dura o de cada camada importada conforme necess rio OY VA YASgO Edi o de membros do elenco do Director no Fireworks Com a integra o de inicializa o e edi o poss vel editar membros do elenco do Director nesse aplicativo iniciando o Fireworks Tamb m poss vel iniciar o Fireworks no Director para otimizar membros do elenco Para iniciar o Fireworks para editar um membro do elenco do Director 1 No Director clicar com o bot o direito Windows ou pressionar a tecla Control e clicar Macintosh no gr fico na janela Cast Elenco 2 Selecionar Launch External Editor Iniciar editor externo no menu pop up Se o Fireworks n o for iniciado como o editor externo de imagens no Director escolher File Arquivo gt Preferences Prefer ncias gt Editors Editores e definir Fireworks como o editor externo para os tipos de arquivos de gr ficos bi
110. dependendo da forma desejada Visualiza o e exibi o de fatias e guias de fatia poss vel controlar a visibilidade de fatias e outros objetos da Web em um documento com o uso dos pain is Layers Camadas e Tools Ferramentas Quando a visibilidade da fatia para o documento inteiro desativada as guias de fatia tamb m s o ocultas Com o uso do Property inspector Inspetor de propriedades poss vel organizar as fatias atrav s da atribui o de uma cor exclusiva para cada objeto de fatia Tamb m poss vel alterar a cor das guias de fatias por meio do menu View Exibir Exibi o de fatias no painel Layers A Web Layer Camada da Web mostra todos os objetos da Web no documento para que seja poss vel selecionar e exibir cada um deles Para visualizar e selecionar uma fatia no painel Layers 1 Selecionar Window Janela gt Layers Camadas para abrir o painel Layers 2 Expandir a Web Layer Camada da Web clicando no bot o de adi o Windows ou no tri ngulo Macintosh A Web Layer Camada da Web exibe a lista completa de objetos da Web contidos no documento 3 Clicar em um nome de fatia para selecion la A fatia real ada em Web Layer Camada da Web e selecionada na tela 298 Cap tulo 11 Fatias rollovers e pontos ativos Exibi o e oculta o de fatias Ao ocultar uma fatia esta se torna invis vel no arquivo PNG do Fireworks poss vel ocultar todos ou alguns objetos d
111. do Dreamweaver 4 303 editar imagens do Fireworks em 446 exportar para 444 marcadores de lugar 437 tornar o Fireworks o editor de imagem padr o 454 Macromedia Flash 7 exportar para 458 462 importar PNG do Fireworks para 459 Macromedia FreeHand 7 ndice remissivo 539 colocar gr ficos do Macromedia Fireworks em 467 exportar para 469 macros 515 manchar reas bitmap 99 imagens 101 mapas de imagem 321 criar 321 exportar 324 m scaras 244 adicionar um objeto a uma sele o com m scara 266 agrupar um objeto para formar uma m scara 257 ativar 267 bitmap 246 criar vazias 254 desativar 267 excluir 267 modificar 262 mover com objetos com m scara 260 substituir 267 texto como uma m scara 252 usar um objeto existente como 250 253 vetor 244 m scaras de bitmap 244 246 criar 253 usar um objeto existente como 250 253 m scaras vetoriais 244 converter em m scara de bitmap 266 criar 248 usar um objeto existente como 250 253 matiz ajustar 106 116 meios tons 108 menu File Management Gerenciamento de arquivo 432 menus contextuais 52 menus pop up 344 configurar posi o 355 criar apar ncia 349 descri o 344 digitar texto do menu 345 347 editar 357 exportar 358 propriedades avan adas 353 mesclagem objetos 371 mesclar aplicar 271 cores de objetos sobrepostos 268 definir modo de mistura 271 mesclar tra ados 151 157 m todo de dimensionamento de interpola o Bicubic Bic bica 520 m todo de dimension
112. do pol gono aumentar ou diminuir o n mero de lados do pol gono e adicionar um pol gono interno forma para criar um anel 138 Cap tulo 5 Trabalho com objetos vetoriais Para redimensionar ou girar um pol gono inteligente selecionado executar um destes procedimentos m Arrastar o ponto de controle de dimensionar girar m Arrastar com a tecla Alt Windows ou arrastar com a tecla Option Macintosh o ponto de controle de dimensionar girar para girar somente Para adicionar ou remover se es de um pol gono inteligente selecionado m Arrastar o ponto de controle das se es Para alterar o n mero de lados de um pol gono inteligente selecionado m Arrastar o ponto de controle dos lados Para dividir um pol gono inteligente selecionado em segmentos m Arrastar com a tecla Alt Windows ou arrastar com a tecla Option Macintosh o ponto de controle dos lados Para redimensionar o pol gono interno de um pol gono inteligente executar um destes procedimentos m Seo pol gono tiver um pol gono interno arrastar o ponto de controle do pol gono interno m Seo pol gono n o tiver um pol gono interno arrastar o ponto de controle de redefini o do pol gono interno Para redefinir o pol gono interno de um pol gono inteligente selecionado m Clicar no ponto de controle de redefini o do pol gono interno Ajuste de Auto Shapes de espiral As espirais t m dois pontos de controle H pontos de contro
113. do texto real ado em um bloco de texto A ferramenta Text Texto mant m a cor atual do texto de um bloco de texto para outro A ferramenta Text mant m a cor atual do texto independentemente da cor de preenchimento de outras ferramentas Quando usar outra ferramenta depois de usar a ferramenta Text as configura es de preenchimento e tra o reverter o s configura es mais recentes antes da utiliza o da ferramenta Text Da mesma forma quando retornar ferramenta Text a cor de preenchimento reverter configura o mais recente da ferramenta Text e o tra o ser redefinido como None Nenhum O Fireworks mant m a cor atual da ferramenta Text Texto quando o usu rio alterna de um documento para outro ou fecha e reabre o Fireworks poss vel adicionar um tra o e Live Filters Filtros ao vivo a todo o texto mas n o apenas ao texto real ado de um bloco de texto selecionado O Fireworks atualiza as caracter sticas de tra o e os Live Filters aplicados a um bloco de texto quando o texto desse bloco editado mas a ferramenta Text Texto n o mant m as caracter sticas de tra o ou os Live Filters no caso da cria o de um novo bloco de texto Para mais informa es consultar Aplica o de tra os preenchimentos e filtros ao texto na p gina 180 Aplica o de cor a todo o texto em blocos de texto selecionados poss vel aplicar cor de texto a todo o texto nos blocos de texto selecionados usando o Proper
114. documento atual do Fireworks como origem para uma imagem de troca As imagens de origem podem estar em formato GIF GIF animado JPEG ou PNG Quando um arquivo externo selecionado como origem da imagem o Fireworks troca esse arquivo pela fatia de destino durante o acionamento da imagem de troca em um navegador da Web O arquivo deve ter a mesma largura e altura da fatia pela qual est sendo trocado Se isto n o ocorrer o navegador redimensionar o arquivo para que se ajuste dentro do objeto de fatia O redimensionamento do arquivo poder reduzir sua qualidade especialmente no caso de um GIF animado 312 Cap tulo 11 Fatias rollovers e pontos ativos Para selecionar um arquivo de imagem externo como origem para uma imagem de troca 1 Na caixa de di logo Swap Image Trocar imagem Nav Bar Over Sobre na barra de navega o ou Nav Bar Down Abaixo na barra de navega o selecionar Image File Arquivo de imagem e clicar no cone de pasta z Caso essa op o n o seja exibida na caixa de di logo Swap Image Trocar imagem 0 selecionar More Options Mais op es e executar a etapa 1 m pi lt D gt QO D o 2 Navegar at o arquivo que se deseja usar e clicar em Open Abrir Se necess rio cancelar a sele o de Preload Images Pr carregar as imagens se o arquivo externo for um GIF animado O pr cacheamento pode interromper a exibi o de GIFs animados como estados de
115. dos atributos de tra o no Property inspector Selecionar Stroke Options Op es de tra o no menu pop up Stroke Options para obter mais atributos v la Trabalho com tra os 205 Clicar na caixa Stroke Color Cor do tra o no painel Tools Ferramentas e clicar em Stroke Options Selecionar um atributo de tra o na janela pop up Stroke Options Op es de tra o Pencil vj E Piel Soft x Tip Vo el M Tenture Grain v fox x Centeredon Path o Fill over stroke ES Usar as op es do Property inspector ou da janela pop up Stroke Options para alterar o tra o aplicado a um objeto Para alterar a cor do tra o de uma ferramenta de desenho 1 Pressionar Control D Windows ou Command D Macintosh para cancelar a sele o de todos os objetos Selecionar uma ferramenta de desenho no painel Tools Ferramentas Clicar na caixa Stroke Color Cor do tra o no painel Tools ou no Property inspector para abrir a janela pop up de cores Selecionar uma cor para o tra o no conjunto de exemplos Arrastar para desenhar o objeto Um tra o rec m criado assume a cor exibida no momento na caixa Stroke Color OY VA YASgO Para remover todos os atributos de tra o de um objeto selecionado seguir um destes procedimentos Selecionar None Nenhum no menu pop up Stroke Options Op es de tra o do Property inspector ou da janela pop up Stroke Optio
116. dos formatos de arquivo QuickTime Image MacPaint SGI amp JPEG 2000 plug in QuickTime necess rio para suporte ao formato QuickTime A renomea o simplificada de arquivos a capacidade de verificar as dimens es de arquivos durante o dimensionamento em um processo em lote e a adi o de uma barra de status e de um arquivo de log s o apenas algumas das otimiza es desse fluxo de trabalho Para mais informa es sobre processamento em lote consultar Processo em lote na p gina 499 Novidades do Fireworks 8 9 O usu rio pode aproveitar o fluxo de trabalho integrado no Fireworks para criar e otimizar imagens para o Dreamweaver 8 e o Flash Professional 8 sem perder informa es ou tempo com a edi o em dois aplicativos Ele pode usar o suporte aperfei oado a CSS e ActionScript bem como o alinhamento de recursos com os outros produtos do Studio Fluxo de trabalho integrado Menus pop up de CSS O Fireworks 8 usa o formato CSS Cascading Style Sheet folha de estilo em cascata para criar menus pop up interativos O resultado a facilidade de personalizar o c digo que se integra bem aos sites criados no Dreamweaver Para mais informa es consultar Sobre a exporta o de menus pop up na p gina 358 Compatibilidade vetorial Os atributos vetoriais preenchimentos tra os filtros e modos de mistura s o preservados quando os objetos s o movidos entre o Flash e o Fireworks Mais op es de fatiam
117. enquadrar rollovers 17 rea ativa 338 barras de navega o 343 com forma irregular 297 converter em bot es 334 criar 330 defini o 304 Simple Rollover Rollover simples comportamento 310 simples 310 troca de imagem 305 rollovers de troca de imagem com uma fatia nica 305 criar rollovers desmembrados 306 rollovers desmembrados 306 anexar pontos ativos 326 aplicar a uma fatia 309 criar 307 rollovers simples 305 criar 310 Rounded Rectangle Ret ngulo arredondado ferramenta 132 136 Rubber Stamp Carimbo ferramenta 99 544 ndice remissivo S salvar 408 anima es 412 imagens 409 salvar documentos 30 32 satura o ajustar 106 Scale Dimensionar ferramenta 83 scripts 515 arquivos SWF do Flash 515 editar scripts 517 scripts de comando editar 517 scripts em lote 510 arrastar e soltar 511 executar 510 segmentos curvos editar 146 segmentos retos editar 146 segmentos converter 147 sele o reas de pixels 65 selecionador de cores do sistema 200 selecionador de cores sistema 200 selecionar adicionar a uma sele o de pixel 70 adicionar a uma sele o de pixels 71 rea alfa 71 rea de pixels de forma livre 66 rea de pixels poligonal 66 rea em torno de uma moldura 73 74 cancelar a sele o de um objeto 62 cancelar a sele o de uma moldura 69 cancelar uma sele o 80 contrair uma borda de moldura 73 cores semelhantes 67 enevoar bordas 98 enevoar uma sele o de pixel 72 expandir uma
118. es em um documento No painel Library Biblioteca poss vel inserir ocorr ncias de s mbolos de bot o em um documento Para colocar ocorr ncias de um s mbolo de bot o em um documento 1 Abrir o painel Library 2 Arrastar o s mbolo de bot o para o documento Para colocar ocorr ncias adicionais de um s mbolo de bot o em um documento executar um dos seguintes procedimentos m Selecionar uma ocorr ncia e escolher Edit Editar gt Clone Clonar para inserir outra ocorr ncia logo frente da ocorr ncia selecionada A nova ocorr ncia se torna o objeto selecionado O A clonagem de ocorr ncias de bot o conveniente durante a cria o de barras de Q navega o alinhadas pois permite mover os clones em uma dire o com as teclas de seta mantendo o alinhamento com a outra coordenada de posi o m Arrastar outra ocorr ncia de bot o do painel Library para o documento m Pressionar Alt e arrastar Windows ou pressionar Option e arrastar Macintosh uma ocorr ncia na tela para criar outra ocorr ncia de bot o m Copiar uma ocorr ncia e colar as ocorr ncias adicionais Importa o de s mbolos de bot o Os s mbolos de bot o no painel Library Biblioteca s o espec ficos de documentos Se o usu rio tiver um documento aberto com s mbolos no painel Library e criar um novo documento esse painel ficar vazio no novo documento Por m h v rias formas de importar s mbolos de
119. especificado se abre automaticamente 3 Na guia Table Tabela selecionar as configura es para as tabelas de HTML Para mais informa es sobre defini o de propriedades para tabelas de HTML exportadas do Fireworks consultar Defini o da forma de exporta o das tabelas HTML na p gina 319 4 Na guia Document Specific Espec fico do documento selecionar uma das seguintes op es 428 Cap tulo 14 Otimiza o e exporta o m Selecionar uma f rmula para a nomea o autom tica de fatias nos menus pop up Slice Auto Naming Nomea o autom tica de fatias poss vel usar as configura es padr o ou selecionar op es personalizadas z Tomar cuidado ao selecionar None Nenhum como uma op o de menu para a 0 nomea o autom tica de fatias Se None for selecionado como op o para um a dos tr s primeiros menus o Fireworks exportar arquivos de fatia que substituem uns aos outros resultando em um nico gr fico exportado e uma ta tabela que exibe esse gr fico em todas as c lulas o m Digitar o texto na caixa de texto Alternate Image Description Descri o de imagem alternativa Este texto alternativo aparece no lugar de todas as imagens enquanto s o descarregadas da Web e no lugar das mensagens com falha de download Em alguns navegadores elas tamb m podem aparecer como uma dica quando o ponteiro passa sobre a imagem Tamb m usado para usu rios da Web com defici n
120. extens es com facilidade Durante a instala o o Fireworks inclui um conjunto de extens es padr o no menu Commands Comandos O Extension Manager tamb m pode agrupar extens es personalizadas e envi las ao Macromedia Exchange para Fireworks O Exchange permite o compartilhamento de extens es entre usu rios do Fireworks As extens es de terceiros s o armazenadas em subpastas de acordo com o tipo de extens o na pasta Configuration Configura o na pasta de aplicativo do Fireworks em seu disco r gido Os comandos criados e salvos com o painel History Hist rico s o armazenados na pasta Commands do seu usu rio Para informa es sobre o local dessa pasta consultar Sobre os arquivos de configura o do usu rio na p gina 527 Para abrir o Extension Manager a partir do Fireworks executar um dos seguintes procedimentos m Selecionar Commands Comandos gt Manage Extensions Gerenciar extens es m Selecionar Help Ajuda gt Manage Extensions Para mais informa es sobre o uso do Extension Manager consultar a Ajuda do Extension Manager Para visitar o Macromedia Fireworks Exchange m No Fireworks selecionar Help Ajuda gt Fireworks Exchange m Em um navegador da Web acessar o Fireworks Exchange em www macromedia com go fireworks exchange Scripts com o painel History O painel History Hist rico grava a lista das etapas executadas durante o trabalho no Fireworks Cada etapa armazenada em u
121. fatia na borda da tela m Usar as ferramentas Pointer Ponteiro ou Subselection Selecionar secund rio para arrastar a guia de fatia al m da borda da tela Para mover guias de fatia adjacentes 1 Pressionar a tecla Shift e arrastar uma guia de fatia ao longo das guias de fatia adjacentes 2 Soltar a guia de fatia no local desejado Todas as guias de fatia arrastadas movem se at esse local poss vel cancelar esta opera o soltando a tecla Shift antes de soltar o bot o do mouse Todas as guias de fatia capturadas retornam s suas posi es originais v la Uso de ferramentas para editar objetos de fatia E poss vel usar as ferramentas Pointer Ponteiro Subselection Selecionar secund rio e Transform Transforma o para redefinir a forma de uma fatia ou redimension la S poss vel inclinar e distorcer fatias poligonais S O redimensionamento e a redefini o da forma de fatias com o uso dessas ferramentas 0 permitem criar sobreposi es de fatias porque o tamanho dos objetos de fatia m e s gt n 7 adjacentes n o ajustado automaticamente Quando fatias se sobrep em a fatia de x cima prevalece se houver interatividade Para evitar a sobreposi o de fatias usar as z guias de fatia para edit las Para mais informa es consultar Movimenta o de guias O de fatia para editar fatias na p gina 301 Para editar a forma de uma fatia seleciona
122. ferramenta Subselection Selecionar secund rio Para mover um ponto m Arrast lo com a ferramenta Subselection Selecionar secund rio no painel Tools Ferramentas O Fireworks redesenha o tra ado para refletir a nova posi o do ponto Desenho de objetos vetoriais 149 Para alterar a forma de um segmento de tra ado m Arrastar uma al a de ponto com a ferramenta Subselection Selecionar secund rio Arrastar com a tecla Alt Windows ou com Option Macintosh para arrastar uma al a de cada vez Para ajustar a al a de um ponto de curva E 1 Selecionar a ferramenta Subselection Selecionar secund rio no painel Tools Ferramentas 2 Selecionar um ponto de canto 3 Arrastar com a tecla Alt Windows ou com Option Macintosh o ponto para exibir sua al a e dobrar o segmento adjacente Arraste de uma al a de ponto com a ferramenta Subselection Selecionar secund rio para editar o segmento adjacente de tra ado Inser o e exclus o de pontos em um tra ado poss vel adicionar e excluir pontos de um tra 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 sua forma ou simplifica a edi o Para inserir um ponto em um tra ado selecionado m Coma ferramenta Pen Caneta clicar em qualquer ponto do tra ado que n o tenha um ponto 150 Cap tulo 5 Trabalho com objetos vetoriais Para excluir o ponto
123. filtros e plug ins do Photoshop e de terceiros poss vel usar plug ins na janela Live Filters Filtros ao vivo ou no menu Filters Filtros o Ov vadasga H suporte para os plug ins e os filtros do Photoshop 5 5 e de vers es anteriores Os plug ins e os filtros do Photoshop 6 ou de vers es posteriores s o incompat veis com o Fireworks 8 Para mais informa es sobre a janela Live Filters e o menu Filters consultar a Ajuda do Fireworks Trabalho com o Adobe Photoshop 487 Para usar filtros e plug ins do Photoshop e de terceiros atrav s da caixa de di logo Preferences 1 Selecionar Edit Editar gt Preferences Prefer ncias No Mac OS X escolher Fireworks gt Preferences OY VAYASgO 2 Clicar na guia Folders Pastas no Windows ou escolher Folders no menu pop up no Macintosh 3 Selecionar a op o Photoshop Plug ins Plug ins do Photoshop A caixa de di logo Select a Folder Selecionar uma pasta no Windows ou Choose a Folder Escolher uma pasta no Macintosh aberta Se a caixa de di logo n o for aberta automaticamente clicar em Browse Procurar go OY VA YAS 4 Navegar at a pasta onde os filtros e plug ins do Photoshop ou de terceiros est o instalados e clicar em Select Selecionar no Windows ou em Choose Escolher no Macintosh 5 Clicar em OK para fechar a caixa de di logo Preferences 6 Reiniciar o Fire
124. for renomeada o novo nome ser usado quando ela for exportada OY VAYASgO Sobre importa o de camadas agrupadas do Photoshop Os arquivos do Photoshop que cont m camadas s o importados com cada camada posicionada como um objeto separado em uma camada nica do Fireworks As camadas agrupadas s o importadas como camadas individuais como se tivessem sido desagrupadas no Photoshop antes da importa o para o Fireworks O efeito de corte nas camadas agrupadas do Photoshop perde se na importa o Trabalho com uma camada 243 Mascaramento de imagens Como o nome sugere as m scaras ocultam ou mostram partes de um objeto ou imagem Diversas t cnicas de mascaramento podem ser usadas para se obter v rios tipos de efeitos criativos com objetos O usu rio pode criar uma m scara para funcionar como uma estampa de biscoito cortando objetos ou imagens subjacentes Ou tamb m criar uma m scara para obter o efeito de uma janela enevoada revelando ou ocultando por es do objeto abaixo Esse tipo de m scara usa tons de cinza para tornar objetos selecionados mais ou menos vis veis Uma outra alternativa criar uma m scara que use sua pr pria transpar ncia para afetar a visibilidade Para criar uma m scara usa se o painel Layers ou os menus Edit Editar Select Selecionar ou Modify Modificar Depois de criada a m scara ser poss vel ajustar a posi o da sele o com m scara na tela ou modificar
125. formato de um objeto de fatia retangular arrastando as guias de fatia que o circundam imposs vel redimensionar objetos de fatia n o retangulares atrav s da movimenta o das guias de fatia Redimensionamento de um objeto de fatia arrastando suas guias de fatia Se forem arrastadas as guias de fatia que circundam um bot o do Fireworks na janela Document Documento o Fireworks redimensiona a fatia que define a rea ativa do bot o No entanto n o poss vel excluir a rea ativa de um bot o do Fireworks arrastando as guias de fatia que o circundam Ov vAaNaIsgo Se v rios objetos de fatia estiverem alinhados ao longo de uma guia de fatia nica ser poss vel arrastar aquela guia de fatia para redimensionar simultaneamente todos os objetos de fatia Redimensionamento de v rios objetos de fatia arrastando uma nica guia Al m disso se uma guia for arrastada em uma determinada coordenada todas as outras guias nessa mesma coordenada tamb m se mover o com ela Cria o e edi o de fatias 301 Para redimensionar uma ou mais fatias 1 Posicionar as ferramentas Pointer Ponteiro ou Subselection Selecionar secund rio sobre uma guia de fatia O ponteiro se transforma em um ponteiro de movimento de guia 2 Arrastar a guia de fatia at o local desejado As fatias s o redimensionadas automaticamente bem como todas as fatias adjacentes Para reposicionar uma guia de
126. gt Combine Paths Combinar tra ados gt Split Dividir Para combinar tra ados fechados selecionados como um tra ado que abranja toda a rea dos tra ados originais m Selecionar Modify Modificar gt Combine Paths Combinar tra ados gt Union Uni o O tra ado resultante assume os atributos de tra o e preenchimento do objeto que est colocado mais atr s Edi o de tra ados 157 Convers o de um tra ado em uma sele o de moldura poss vel pode converter uma forma vetorial em uma sele o de bitmap e em seguida usar as ferramentas de bitmap para editar o novo bitmap Para converter um tra ado em uma sele o de moldura 1 Selecionar um tra ado 2 Selecionar Modify Modificar gt Convert Path to Marquee Converter tra ado em moldura 3 Na caixa de di logo Convert Path to Marquee selecionar uma configura o de Edge Borda para a sele o de moldura a ser criada 4 Caso a op o Feather Enevoar esteja selecionada na configura o de Edge especificar o valor a ser usado para a quantidade de enevoamento 5 Para converter o tra ado selecionado em uma moldura clicar em OK S A convers o de um tra ado em uma moldura exclui o tra ado selecionado Para n o 0 excluir tra ados ao convert los em sele es de molduras poss vel alterar a a configura o padr o Selecionar Edit Editar gt Preferences Prefer ncias gt Editing S Edi o e desmarcar Delete paths when
127. gt Open Abrir Para mais informa es consultar a Ajuda do Fireworks C pia de HTML do Fireworks para a rea de transfer ncia para usar no HomeSite Uma maneira r pida de colocar HTML gerado no Fireworks no HomesSite copi lo do Fireworks para a rea de tranfer ncia e col lo diretamente em um documento do HomeSite Quando o usu rio copia o HTML do Fireworks para a rea de transfer ncia as imagens necess rias s o exportadas para um local especificado S Antes de copiar para a rea de transfer ncia definir o tipo de HTML como Generic 0 Gen rico na caixa de di logo HTML Setup Configura o do HTML Para mais a informa es consultar a Ajuda do Fireworks lt D gt O gt o Para copiar HTML do Fireworks e usar no HomesSite m Copiar o HTML para a rea de transfer ncia no Fireworks e col lo em um novo documento do HomeSite Para mais informa es consultar a Ajuda do Fireworks Trabalho com o Macromedia HomeSite 481 C pia de c digo de um arquivo exportado do Fireworks e colagem no HomesSite poss vel abrir um arquivo HT ML exportado do Fireworks no HomesSite e em seguida copiar e colar manualmente apenas as se es desejadas em outro documento do HomeSite Antes de exportar definir o tipo de HTML como Generic Gen rico na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar a Ajuda do Fireworks Ov vAaHaIsgo
128. gt Optimize Otimizar para abrir o painel Optimize caso ele ainda n o esteja aberto 2 Selecionar PNG 8 como o formato de exporta o de arquivo e Alpha Transparency Transpar ncia alfa no menu pop up Transparency 3 Selecionar File Arquivo gt Export Exportar 464 Cap tulo 15 Uso do Fireworks com outros aplicativos 4 Selecionar Images Only Somente imagens no menu pop up Save as Type Salvar como tipo Atribuir um nome ao arquivo e clicar em Save Salvar Para mais informa es sobre importa o de arquivos PNG exportados para o Flash consultar Importa o de anima es e gr ficos exportados do Fireworks para o Flash na p gina 465 Importa o de anima es e gr ficos exportados do Fireworks para o Flash Usar o comando Import Importar no Flash para importar anima es e gr ficos exportados do Fireworks Para importar anima es e gr ficos do Fireworks para o Flash 1 Criar um novo documento no Flash a Para importar um gr fico do Fireworks para um arquivo existente do Flash criar uma nova camada no Flash m pi lt D gt Q gt o 2 Selecionar File Arquivo gt Import Importar e localizar o arquivo gr fico ou de anima o 3 Clicar em Open Abrir para importar o arquivo Uso do Fireworks para editar gr ficos importados para o Flash Com a integra o de inicializa o e edi o poss vel usar o Fireworks para alterar um gr fi
129. horizontais A guia Advanced Avan ado do Pop up Menu Editor permite um controle criativo sobre espa amento e preenchimento de c lulas recuo de texto bordas de c lulas e outras propriedades Quando um bot o ou um menu pop up exportado o Fireworks gera automaticamente o c digo CSS ou JavaScript necess rio para exibi lo em um navegador da Web No Macromedia Dreamweaver poss vel inserir facilmente o c digo JavaScript CSS e HTML do Fireworks em p ginas da Web ou recortar e colar o c digo em qualquer arquivo CSS ou HTML Este cap tulo cont m os seguintes t picos Criacaode simbolos de DOlBES ssamasasssa rios AP dk k ERE ASS kadi 330 Cria o de barras de Navega o sspesussbebs dama dad dm ad a E E SUS aa 343 Cria o de mens PODSUP ssausicsinidassaa dd iinr ACD TELA RAS DRA d ad KES 344 329 Cria o de s mbolos de bot es Bot es s o elementos de navega o para uma p gina da Web Os bot es criados no Button Editor Editor de bot o t m as seguintes caracter sticas m poss vel elaborar praticamente qualquer objeto gr fico ou de texto em um bot o m poss vel criar um bot o do zero converter um objeto existente em um bot o ou importar bot es j criados m Um bot o um tipo especial de s mbolo poss vel arrastar suas ocorr ncias da biblioteca de s mbolos para dentro do documento Isso permite alterar a apar ncia gr fica de um bot o simples e atualizar automaticamente a apa
130. indevida de um modo de mistura e opacidade 2 Com uma ferramenta de desenho de bitmap ou vetor selecionada escolher um modo de mistura e um n vel de opacidade no Property inspector Inspetor de propriedades O modo de mistura e o n vel de opacidade selecionados s o usados como o padr o para todos os objetos desenhados posteriormente com a ferramenta Mistura e transpar ncia 271 Sobre o Live Filter Fill Color O Fireworks tamb m oferece um Live Filter Filtro ao vivo que permite ajustar a cor de um objeto alterando seu modo de mistura e sua opacidade Esse Live Filter denominado Fill Color Cor de preenchimento produz o mesmo efeito da sobreposi o de um objeto a outro com uma opacidade e um modo de mistura diferentes Para mais detalhes sobre o uso do Live Filter Fill Color consultar Cap tulo 8 Uso de Live Filters na p gina 223 272 Cap tulo 9 Camadas mascaramento e mistura CAP TULO 10 Uso de estilos s mbolos e URLs O Macromedia Fireworks 8 cont m tr s pain is que permitem armazenar e reutilizar estilos s mbolos e URLs Os estilos s mbolos e URLs s o armazenados nos pain is Styles Estilos Library Biblioteca e URL respectivamente Por padr o todos os tr s pain is est o organizados no grupo de pain is Assets Propriedades O painel Styles cont m um conjunto de estilos predefinidos do Fireworks sua escolha Al m disso se o usu rio tiver criado uma combina o de atribu
131. informa es consultar Aplica o de Live Filters na p gina 224 2 No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Options Op es gt Save As Style Salvar como estilo A caixa de di logo New Style Novo estilo aberta 3 Digitar um nome para o estilo e clicar em OK O nome do Live Filter personalizado adicionado ao menu pop up Add Filters Adicionar filtros e um cone de estilo representando o Live Filter adicionado ao painel Styles Estilos Para criar um Live Filter personalizado usando o painel Styles 1 Aplicar as configura es do Live Filter Filtro ao vivo a objetos selecionados Para mais informa es consultar Aplica o de Live Filters na p gina 224 2 Selecionar New Style Novo estilo no painel Styles Estilos do menu Options Op es A caixa de di logo New Style Novo estilo aberta 3 Desmarcar todas as propriedades exceto a propriedade Filter Filtro digitar um nome e clicar em OK 232 Cap tulo 8 Uso de Live Filters O nome do Live Filter personalizado adicionado ao menu pop up Add Filters Adicionar filtros e um cone de estilo representando o Live Filter adicionado ao painel Styles E Se o usu rio selecionar propriedades adicionais na caixa de di logo Add New Style 0 Adicionar novo estilo o estilo n o estar mais inclu do no menu pop up Add Filters m do Proper
132. la Cria o de uma sele o de pixels inversa Tendo como ponto de partida uma sele o atual de pixels poss vel criar outra sele o de pixels que selecione todos os pixels n o selecionados no momento Esse m todo permite por exemplo selecionar todos os pixels em volta da sele o original e depois apag los Para criar uma sele o de pixels inversa 1 Fazer uma sele o de pixels usando qualquer ferramenta de sele o de bitmap 2 Escolher Select Selecionar gt Inverse Selection Selecionar inverso Todos os pixels que n o estavam na sele o original s o selecionados agora Enevoamento de uma sele o de pixels O enevoamento cria um efeito de transpar ncia visual nos pixels selecionados Com o comando Feather Enevoar o usu rio pode experimentar v rias quantidades de enevoamento e exibir os resultados antes de cancelar a sele o de pixels Ele tamb m pode enevoar uma sele o definindo uma quantidade de enevoamento no Property Inspector Inspetor de propriedades antes de usar ou enquanto usa uma ferramenta de sele o de bitmap Para mais informa es consultar Op es de ferramentas de sele o de bitmap na p gina 64 Para enevoar uma sele o de pixels 1 Escolher Select Selecionar gt Feather Enevoar 2 Digitar uma quantidade de enevoamento na caixa de di logo Feather O tamanho da moldura da sele o alterado para refletir a quantidade de enevoamento 3
133. lula Image estiver selecionado na guia Appearance Ov vAaHaIsgo 8 Executar um dos seguintes procedimentos para completar o menu pop up ou continuar a constru lo a Clicar em Next Pr ximo para ir para a guia Position Posi o ou selecionar outra guia para continuar a criar o menu pop up a Clicar em Done Conclu do para fechar o Pop up Menu Editor No espa o de trabalho o ponto ativo ou fatia associado ao menu pop up criado pelo usu rio exibe uma linha de comportamento azul anexada a um contorno do n vel superior do menu pop up Pressione F12 para visualizar um menu pop up em um navegador As visualiza es no espa o de trabalho do Fireworks n o exibem menus pop up OY VAYASgO 354 Cap tulo 12 Cria o de bot es e menus pop up Posicionamento de menus e submenus pop up A guia Position Posi o do Pop up Menu Editor Editor de menu pop up permite especificar a posi o de um menu pop up Tamb m poss vel posicionar um menu pop up de n vel superior arrastando seu contorno no espa o de trabalho quando a Web Layer Camada da Web est vis vel Pop up Menu Editor Content Appearance Advanced Position Menu position g E x 0 7 0 Submenu position Para definir a posi o de um menu pop up com o uso do Pop up Menu Editor 1 Como menu pop up desejado aberto no Pop up Menu Editor Editor de menu pop up clicar na guia Position Posi o Para mais in
134. meio de recorte ou c pia poss vel inserir um novo bitmap com base em uma sele o de pixels na camada atual do documento atrav s de recorte e c pia dos pixels selecionados Para inserir um novo bitmap recortando e colando uma sele o de pixels 1 Selecionar uma rea de pixels usando uma ferramenta de sele o de pixels 2 Selecionar Edit Editar gt Insert Inserir gt Bitmap via Cut Bitmap atrav s de recorte Um novo objeto bitmap criado na camada atual com base na sele o de pixels e os pixels selecionados s o removidos do objeto bitmap original No painel Layers Camada uma miniatura do novo bitmap aparece na camada atual acima do objeto do qual foi recortado Para inserir um novo bitmap copiando e colando uma sele o de pixels 1 Selecionar uma rea de pixels usando uma ferramenta de sele o de pixels 2 Selecionar Edit Editar gt Insert Inserir gt Bitmap via Copy Bitmap atrav s de c pia Um novo objeto bitmap criado na camada atual com base na sele o de pixels e os pixels selecionados permanecem no objeto bitmap original No painel Layers Camadas uma miniatura do novo bitmap aparece na camada atual acima do objeto do qual foi copiado 78 Cap tulo 3 Sele o e transforma o de um objeto Edi o de objetos selecionados O Fireworks oferece diversas maneiras de editar objetos selecionados poss vel mover objetos na tela ou de um aplicativo para outro replicar objetos co
135. na p gina 264 Para criar uma m scara com o comando Paste Inside Colar em 1 Selecionar o objeto ou objetos a serem usados como conte do da colagem 2 Posicionar o objeto ou objetos de modo que sobreponham se ao objeto dentro do qual ser colado o conte do z A ordem de empilhamento n o importante desde que os objetos a serem usados 0 como conte do da colagem permane am selecionados Esses objetos podem estar u acima ou abaixo do objeto de m scara no painel Layers Camadas lt D gt Q D o 250 Cap tulo 9 Camadas mascaramento e mistura 3 Selecionar Edit Editar gt Cut Recortar para mover os objetos para a rea de transfer ncia 4 Selecionar o objeto no qual se deseja colar o conte do Esse objeto ser usado como m scara ou tra ado de corte 5 Selecionar Edit Editar gt Paste Inside Colar em Mascaramento de imagens 251 Os objetos colados parecem estar dentro do objeto de m scara ou cortados por ele Uso de texto como m scara As m scaras de texto s o um tipo de m scara vetorial Elas s o aplicadas da mesma maneira que as m scaras que utilizam objetos existentes basta usar o texto como objeto de m scara A maneira usual de aplicar uma m scara de texto usar seu contorno de tra ado mas tamb m poss vel aplic la usando sua apar ncia em tons de cinza Uma m scara de texto aplicada com o uso de seu contorno de tra ado
136. na parte inferior da janela do documento Ov vAaNaIsgo Y Properties 2 Path r Solid A ER 5 im 1 Pixel Hard v E 100 a Normal Edge Anti Aias i ME Edge e o M Effects W 985 X 188 Texture Grain v0 m Texture Grain v o v O Inner Bevel H o7s Y 32 anspa Z O Property Inspector tamb m exibe informa es e configura es sobre o tipo de objeto selecionado Por exemplo quando um tra ado vetorial selecionado o Property Inspector exibe suas propriedades como largura e cor do tra o Modifica o de uma sele o Ap s selecionar um nico objeto poss vel adicionar objetos sele o e cancelar a sele o de objetos selecionados Com um nico comando o usu rio pode selecionar ou cancelar toda a sele o em cada uma das camadas de um documento Pode tamb m ocultar o tra ado da sele o para editar um objeto selecionado e visualiz lo da forma como aparecer na Web ou quando impresso Para adicionar a uma sele o m Manter a tecla Shift pressionada enquanto clica em objetos adicionais com a ferramenta Pointer Ponteiro Subselection Selecionar secund rio ou Select Behind Selecionar atr s Para cancelar a sele o de um objeto deixando outros objetos selecionados m Manter a tecla Shift pressionada enquanto clica no objeto selecionado 62 Cap tulo 3 Sele o e transforma o de um objeto
137. navegador quando o usu rio move o ponteiro ou clica em um objeto da Web ativo como uma fatia ou um ponto ativo Os links de URL podem ser anexados a itens de menu pop up para navega o Por exemplo poss vel usar menus pop up para organizar v rias op es de navega o relacionadas a um bot o em uma barra de navega o O usu rio pode criar tantos n veis de submenu em menus pop up quanto quiser Cada item de menu pop up aparece como uma c lula de HTML ou imagem com um estado Up Acima um estado Over Sobre e texto em ambos os estados Pressione F12 para visualizar um menu pop up em um navegador As visualiza es no espa o de trabalho do Fireworks n o exibem menus pop up Sobre o Pop up Menu Editor O Pop up Menu Editor Editor de menu pop up uma caixa de di logo com guias que orienta o usu rio no processo de cria o de um menu pop up As v rias op es para controle das caracter sticas de um menu pop up s o organizadas em quatro guias Content Conte do cont m op es que determinam a estrutura b sica do menu bem como o texto link de URL e destino para cada item do menu Appearance Apar ncia cont m op es que determinam a apar ncia dos estados Up Acima e Over Sobre de cada c lula do menu bem como a orienta o vertical e horizontal do menu Advanced Avan ado cont m op es que determinam a dimens o o preenchimento e o espa amento das c lulas a largura e cor da borda das c lu
138. ncia 374 visualizar 372 visualizar pr xima moldura 371 apagar bitmaps 97 aparar a tela 51 aplicar sombras 228 aprender a usar o Fireworks grupo de not cias 13 recursos 12 531 rea de desenho Consultar tela reas transparentes 399 arquivos bloqueados 432 457 arquivos de configura o 527 local dos 527 para todos os usu rios 527 personalizar para todos os usu rios 528 principal 527 arquivos de configura o de usu rio 527 arquivos EPS abrir no Fireworks 22 arquivos externos converter em imagem de troca 312 arquivos JPEG compress o seletiva de JPEG 403 configura es de otimiza o 402 editar reas selecionadas 404 escolher o formato JPEG 390 progressivo 405 Sharpen JPEG Edges Agu ar bordas JPEG comando 404 arquivos v lidos definidos 501 arquivos WBMP 23 abrir no Fireworks 23 exportar para 390 salvar 32 arquivos desbloquear 432 457 arrastar e soltar 24 Arrow Seta ferramenta 132 atalhos de teclado 524 alterar conjunto atual 524 atalhos secund rios 524 conjuntos de atalhos personalizados 524 excluir conjuntos de atalhos personalizados 525 folha de refer ncia para o conjunto atual 526 folhas de refer ncia codificadas em UTF 8 526 atualizar fatias 412 aur olas remover 406 Auto Levels N veis autom ticos recurso para ajustar a faixa tonal 107 Auto Shapes Formas autom ticas 131 133 134 140 B backup durante Find and Replace Localizar e substituir 496 barra de cores 193
139. ncias intermedi rias com atributos interpolados A interpola o um processo manual til para movimentos mais sofisticados de um objeto atrav s da tela e para objetos cujos Live Filters Filtros ao vivo mudam em cada moldura da anima o Por exemplo poss vel interpolar um objeto de modo que ele pare a mover se ao longo de um caminho linear Para interpolar ocorr ncias 1 Selecionar duas ou mais ocorr ncias do mesmo s mbolo gr fico na tela N o selecionar ocorr ncias de s mbolos diferentes 2 Selecionar Modify Modificar gt Symbol S mbolo gt Tween Instances Interpolar ocorr ncias 3 Na caixa de di logo Tween Instances digitar o n mero de etapas intermedi rias a serem inseridas entre o par original 4 Para distribuir os objetos interpolados em molduras separadas selecionar Distribute to Frames Distribuir para molduras e clicar em OK Interpola o 371 Se o usu rio optar por n o distribuir os objetos em molduras separadas isso poder ser feito posteriormente selecionando todas as ocorr ncias e clicando no painel Frames Molduras no bot o Distribute to Frames Distribuir para molduras Na maioria dos casos o uso de s mbolos de anima o prefer vel interpola o Para mais informa es consultar Trabalho com s mbolos de anima o na p gina 361 Ov vANaIsgo Visualiza o de uma anima o E poss vel visualizar uma anima o enquanto se
140. o exibida a palavra New Nova poss vel manter esse nome ou para substituir uma sele o salva anteriormente pela nova sele o escolher outra sele o salva no menu pop up A caixa Name Nome que exibe a palavra Default Padr o s estar ativa se a caixa Selection exibir a palavra New Nesse caso necess rio selecionar a palavra Default e digitar um nome para a nova sele o Se a caixa Selection exibir a palavra New a sele o New estar ativa na se o Operation Opera o da caixa de di logo Save Selection Salvar sele o Se uma sele o salva anteriormente estiver selecionada na caixa Selection todas as op es a seguir estar o ativadas na se o Operation Replace selection Substituir sele o substitui a sele o ativa no documento ativo por aquela especificada na caixa Selection a Add to selection Adicionar sele o adiciona a sele o ativa quela especificada nas caixas Document e Selection a Subtract from selection Subtrair da sele o subtrai a sele o ativa daquela especificada nas caixas Document e Selection Intersect with selection Fazer interse o com a sele o faz a interse o da sele o ativa com quela especificada nas caixas Document e Selection Selecionar uma op o na se o Operation e clicar em OK Repetir esse processo para cada uma das sele es de moldura a ser salva Restaura o de uma sele o de moldur
141. o FreeHand pode importar camadas molduras vetores textos bitmaps e alguns efeitos do Fireworks compartilhados pelos dois aplicativos As camadas ocultas do Fireworks s o ignoradas e n o s o importadas A possibilidade de editar o conte do importado ou aberto no FreeHand depende das op es de importa o selecionadas na caixa de di logo Fireworks PNG Import Settings Configura es de importa o de PNG do Fireworks Para importar um arquivo PNG do Fireworks para o FreeHand 1 Salvar o documento desejado no Fireworks Para mais informa es sobre como salvar arquivos consultar a Ajuda do Fireworks 2 Alternar para um documento aberto no FreeHand 3 Selecionar File Arquivo gt Import Importar ou File gt Open Abrir Trabalho com o Macromedia FreeHand MX 469 4 Localizar e selecionar o arquivo PNG desejado na caixa de di logo Import e em seguida clicar em Open A caixa de di logo Fireworks PNG Import Settings Configura es de importa o de PNG do Fireworks aparece Fireworks PNG Import Settings File Conversion Open frames as layers v Frame AII a r Objects Rasterize if necessary to maintain appearance C Keep all paths editable Test Rasterize if necessary to maintain appearance C Keep all text editable Import as a single flattened bitmap 5 Selecionar uma op o em File Conversion Convers o de arquivo Open Frames as Pages Abrir molduras como p ginas importa mold
142. o Rebuild Reconstruir aparecer na base do painel Optimize Otimizar quando for necess rio reconstruir a tabela de cores Otimiza o no espa o de trabalho 395 Para reconstruir a tabela de cores para que reflita as edi es feitas no documento m Na base do painel Optimize clicar em Rebuild Reconstruir Quando a tabela estiver reconstru da o bot o Rebuild desaparecer e o n mero real de cores usado na imagem ser exibido em seu lugar Para selecionar uma cor m Na tabela de cores do painel Optimize clicar na cor Para selecionar v rias cores m Pressionar a tecla Control e clicar Windows ou Command e clicar Macintosh nas cores Para selecionar uma faixa de cores 1 Clicar em uma cor 2 Pressionar a tecla Shift e clicar na ltima cor da faixa que se deseja selecionar Para visualizar todos os pixels do documento que contenham uma cor espec fica 1 Clicar no bot o Preview Visualizar no canto superior esquerdo da janela do documento 2 Na tabela de cores do painel Optimize clicar e manter o mouse sobre um exemplo Os pixels contendo o exemplo selecionado mudar o temporariamente para outra cor de realce at o usu rio soltar o bot o do mouse z Ao visualizar pixels no documento com o uso das exibi es 2 Up 2 para cima ou 4 q Up 4 para cima selecionar uma exibi o diferente de Original m I lt D gt O gt o Bloqueio de cores em uma pale
143. o aplicados aos pr ximos objetos que desenhar O preenchimento atual aparece na caixa Fill Color Cor de preenchimento no painel Tools Ferramentas no Property inspector Inspetor de propriedades e no Color Mixer Misturador de cores poss vel utilizar qualquer um desses pain is para alterar o preenchimento de uma ferramenta de desenho O cone da lata de tinta indica a caixa Fill Color Cor de preenchimento no painel Tools Ferramentas no Property inspector e no Color Mixer Para alterar a cor de preenchimento s lido das ferramentas de desenho vetorial aplic veis e da ferramenta Paint Bucket 1 Selecionar uma ferramenta de desenho de vetor ou a ferramenta Paint Bucket Lata de tinta 2 Seguir um destes procedimentos m Pressionar Control D Windows ou Command D Macintosh para cancelar a sele o de todos os objetos e clicar na caixa Fill Color Cor de preenchimento no Property inspector para abrir a janela pop up Fill Color Cor de preenchimento m Clicar na caixa Fill Color no painel Tools Ferramentas ou no Color Mixer Misturador de cores para abrir a janela pop up de cores 3 Selecionar uma cor para o preenchimento no conjunto de exemplos ou criar uma amostra de cor de qualquer parte da tela usando o ponteiro conta gotas 4 Usar a ferramenta da forma desejada a A sele o da ferramenta Text Texto sempre faz com que a caixa Fill Color Cor de preenchimento reverta para a ltima cor de texto
144. o de uma porcentagem alta mant m a qualidade da imagem mas comprime menos produzindo arquivos maiores A configura o de uma porcentagem baixa produz um arquivo menor mas com uma qualidade de imagem inferior Compress o seletiva de reas de um JPEG A compress o seletiva de um JPEG permite comprimir reas diferentes de um JPEG em n veis diferentes As reas de maior interesse em uma imagem podem ser comprimidas com um n vel de qualidade mais elevado poss vel comprimir as reas de menor import ncia como o fundo em um n vel inferior de qualidade reduzindo o tamanho global da imagem e mantendo a qualidade das reas mais importantes A rea selecionada nesta imagem est sendo comprimida com um n vel de qualidade de 90 enquanto a rea n o selecionada est sendo comprimida com um n vel de qualidade de 50 Para comprimir reas selecionadas de um JPEG 1 Na exibi o Original selecionar uma rea do gr fico para compress o com o uso de uma das ferramentas Marquee Moldura 2 Selecionar Modify Modificar gt Selective JPEG JPEG seletiva gt Save Selection as JPEG Mask Salvar sele o como m scara JPEG 3 Selecionar JPEG no menu pop up Export File Format Formato de arquivo de exporta o do painel Optimize Otimizar caso j n o esteja selecionado 4 No painel Optimize clicar no bot o Edit Selective Quality Options Editar op es de qualidade seletiva A caixa de di logo Sele
145. os nomes Temp 123 jpg Temp 124 jpg e Temp 125 jpg poss vel substituir Temp 12 por Birthday alterando assim os nomes dos arquivos para Birthday3 jpg Birthday4 jpg e Birthday5 jpg Replace blanks with Substituir espa os em branco por permite substituir os espa os em branco no nome do arquivo por caracteres especificados ou excluir todos os espa os em branco de cada nome de arquivo Por exemplo os nomes de arquivos Pic nic jpg e Slap stick jpg podem ser alterados para Picnic jpg e Slapstick jpg ou Pic nic jpg e Slap stick jpg Add Prefix Adicionar prefixo permite adicionar texto ao in cio do nome do arquivo Por exemplo se digitar night o arquivo Sunrise gif ser renomeado para night Sunrise gif quando for processado em lote Add Suffix Adicionar sufixo permite adicionar texto ao final do nome do arquivo antes da extens o Por exemplo se digitar day o arquivo Sunset gif ser renomeado para Sunset day gif quando for processado em lote Para cada nome de arquivo alterado poss vel usar qualquer combina o das op es Replace Replace blanks Add Prefix e Add Suffix Por exemplo poss vel substituir Temp por Party remover todos os espa os em branco e adicionar um prefixo e um sufixo a todos ao mesmo tempo Ov vANIsgo 3 Clicar em Next Pr ximo para continuar o processo em lote Para informa es sobre a conclus o do processo em lote consultar Proc
146. os pixels adicionados nem sempre correspondem imagem original 50 Cap tulo 2 Conceitos b sicos do Fireworks A cria o de uma amostra menor ou a remo o de pixels para diminuir a imagem sempre causa perda de qualidade pois s o descartados pixels para redimensionar a imagem A perda de dados da imagem outro efeito colateral da cria o de uma amostra menor Rota o da tela A rota o da tela til quando uma imagem importada de cabe a para baixo ou de lado poss vel girar a tela 180 ou 90 no sentido hor rio ou 90 no sentido anti hor rio Quando a tela girada todos os objetos do documento tamb m s o Para girar a tela seguir um destes procedimentos m Selecionar Modify Modificar gt Canvas Tela gt Rotate 180 Girar 180 m Selecionar Modify gt Canvas gt Rotate 90 CW Girar 90 SH m Selecionar Modify gt Canvas gt Rotate 90 CCW Girar 90 SAH Apara ou ajuste da tela Quando o documento cont m espa o extra em torno do conte do da tela poss vel aparar a tela Tamb m poss vel modificar a tela expandindo a para ajustar objetos que ultrapassam seu limite Original tela aparada Para aparar ou ajustar a tela ao conte do do documento m Escolher Select Selecionar gt Deselect Cancelar sele o para exibir as propriedades do documento no Property inspector Inspetor de propriedades m Clicar em Fit Canvas Ajustar tela no Property inspector
147. ou Hotspot Ponto ativo para anexar uma fatia ou ponto ativo imagem acionadora Esta etapa n o ser necess ria se o objeto selecionado for um bot o ou se uma fatia ou ponto ativo j cobrirem a imagem Ov vAaHaIsgo No painel Frames Molduras criar uma nova moldura clicando no bot o New Duplicate Frame Moldura nova duplicada Colocar uma segunda imagem a ser usada como o alvo na nova moldura no local desejado da tela poss vel colocar a imagem em qualquer lugar exceto sob a fatia criada na etapa 1 Escolher a imagem e selecionar Edit Editar gt Insert Inserir gt Slice Fatia para anexar uma fatia imagem No painel Frames Molduras selecionar Frame 1 Moldura 1 para retornar moldura com a imagem original Selecionar a fatia ponto ativo ou bot o que cobre a rea acionadora a imagem original e colocar o ponteiro sobre a al a de comportamento O ponteiro passar a ter o formato de m o Arrastar a al a de comportamento da fatia acionadora ou ponto ativo at a fatia alvo criada na etapa 4 A linha de comportamento estende se do centro do acionador at o canto superior esquerdo da fatia alvo e a caixa de di logo Swap Image Trocar imagem aberta Swap Image Swap Image From Frame 2 No menu pop up Swap Image from Trocar imagem de selecionar a moldura criada na etapa 2 e clicar em OK Clicar no bot o Preview Visualiza o para visualizar e testar
148. padr o apresentado em uma caixa de di logo Save Salvar Save As Salvar como Save a Copy Salvar uma c pia ou Export Exportar 3 A localiza o do arquivo atual 4 A localiza o padr o onde os novos documentos ou imagens s o salvos no sistema operacional Por outro lado o local padr o onde o Fireworks salva um documento determinado por outro conjunto de crit rios Para mais informa es consultar Salva de um arquivo no Fireworks na p gina 30 Exporta o de uma imagem simples Usar o comando File Arquivo gt Export Exportar para exportar um gr fico depois de concluir sua otimiza o no espa o de trabalho Caso o trabalho seja executado em uma imagem existente aberta no Fireworks poss vel salv lo em vez de export lo Para mais informa es consultar Salva de documentos em outros formatos na p gina 31 Para exportar somente certas imagens de um documento fatiar primeiro o documento e em seguida exportar somente as fatias desejadas Para mais informa es consultar u Exporta o de fatias selecionadas na p gina 411 lt D gt Q D o Para exportar um documento do Fireworks como uma imagem simples 1 Selecionar o formato de arquivo a ser usado na exporta o no painel Optimize Otimizar e definir as op es espec ficas de formato Exporta o do Fireworks 409 2 Selecionar File Arquivo gt Export Exportar 3 Selecionar u
149. painel Swatches Exemplos de cores ainda n o estiver aberto selecionar Window Janela gt Swatches 3 Clicar em um exemplo para aplicar a cor ao tra o ou preenchimento do objeto selecionado A cor aparece na caixa Stroke Color Cor do tra o ou Fill Color Cor de preenchimento ativa Altera o de um grupo de exemplos f cil alternar para outro grupo de exemplos de cores ou criar um grupo pr prio O menu Options Op es do painel Swatches Exemplos de cores cont m os seguintes grupos de exemplos de cores Color Cubes Cubos de cor Continuous Tone Tom cont nuo Macintosh System Sistema Macintosh Windows System Sistema Windows e Grayscale Tons de cinza poss vel importar exemplos personalizados de arquivos de paleta de cores salvos como arquivos ACT ou GIF Para selecionar um grupo de exemplos m Selecionar um grupo de exemplos no menu Options Op es do painel Swatches Exemplos de cores z Ao selecionar Color Cubes Cubos de cor o usu rio retorna ao grupo de exemplos 0 padr o m P lt D gt O D o Para selecionar um grupo de exemplos personalizados 1 Selecionar Replace Swatches Substituir exemplos no menu Options Op es do painel Swatches Exemplos de cores 2 Navegar at a pasta e selecionar um arquivo de exemplo 194 Cap tulo 7 Aplica o de cor tra os e preenchimentos 3 Clicar em Open Abrir Os exemplos de cores do arquivo
150. para o arquivo PNG de origem na caixa de di logo Save As Salvar como e clicar em Save Salvar Se o usu rio tiver digitado um nome para o marcador de lugar de imagem no Property inspector do Dreamweaver esse nome ser usado como o nome de arquivo padr o no Fireworks Ov vANaIsgo Para mais informa es sobre como salvar arquivos PNG do Fireworks consultar a Ajuda do Fireworks 7 Especificar um nome para os arquivos de imagem exportados na caixa de di logo Export Exportar Esses s o os arquivos de imagem exibidos no Dreamweaver 8 Especificar um local para os arquivos de imagem exportados O local escolhido deve estar na pasta de site do Dreamweaver Para mais informa es sobre exporta o consultar a Ajuda do Fireworks Trabalho com o Macromedia Dreamweaver 439 9 Clicar em Save Quando o usu rio retorna ao Dreamweaver o marcador de lugar de imagem selecionado originalmente substitu do pela nova imagem ou tabela criada no Fireworks P index gif Desktopfindex htm DER 3044107 1Kt sec Coloca o de c digo HTML do Fireworks no Dreamweaver Existem v rias maneiras de colocar c digo HTML gerado no Fireworks no Dreamweaver O usu rio pode exportar o HTML ou copiar o c digo HTML do Fireworks para a rea de transfer ncia Pode tamb m abrir um arquivo HTML exportado do Fireworks no Dreamweaver e copiar e colar as se es selecionadas do c digo Al m diss
151. partir de um arquivo HTML O Fireworks consegue abrir e importar conte do HTML criado em outros aplicativos Quando um arquivo HTML aberto ou importado o Fireworks reconstr i o layout e os comportamentos definidos pelo c digo HTML o que permite recriar p ginas da Web com gr ficos fatiados bot es JavaScript e outros tipos de interatividade Esse recurso permite recuperar sites da Web herdados mesmo sem os arquivos PNG de origem Ele tamb m permite abrir ou importar rapidamente uma p gina da Web para atualizar gr ficos alterar o layout de um documento ou alterar links de navega o bot es e outros elementos de interatividade tudo sem recriar a p gina a partir do zero ou modificar seus scripts Como o Fireworks exporta conte do HTML na forma de uma tabela HTML ele tamb m determina o layout do documento para HTML importado com base nas tabelas HTML Um arquivo HTML precisa conter no m nimo uma tabela para que o Fireworks possa reconstru lo Para mais informa es sobre HTML consultar Exporta o de HTML na p gina 415 poss vel inserir conte do HTML no Fireworks de v rias formas m Abrir todas as tabelas HTML em um arquivo HTML m Abrir a primeira tabela HTML que o Fireworks encontrar em um arquivo HTML Abertura e importa o de um arquivo 23 m Importar a primeira tabela HTML que o Fireworks encontrar para um documento do Fireworks existente O Fireworks tamb m consegue importar documentos qu
152. personalizada S necess rio tomar cuidado ao selecionar uma fonte Se o sistema dos usu rios que 0 visualizarem sua p gina da Web n o tiver a fonte selecionada ser exibida uma u fonte substituta nos navegadores da Web lt D gt QO gt o 350 Cap tulo 12 Cria o de bot es e menus pop up 6 Opcionalmente clicar em um bot o de estilo de texto para aplicar um estilo negrito ou it lico Clicar em um bot o de justifica o para alinhar o texto esquerda ou direita ou para centraliz lo Na caixa Text Color Cor do texto selecionar uma cor para o texto Para definir a apar ncia das c lulas do menu 1 Com o menu pop up desejado aberto no Pop up Menu Editor clicar na guia Appearance Para mais informa es sobre a abertura de um menu pop up existente no Pop up Menu Editor consultar Edi o de menus pop up na p gina 357 Selecionar as cores do texto e das c lulas para cada estado Se Image Imagem for selecionado como o tipo das c lulas escolher um estilo gr fico para cada estado Seguir um destes procedimentos m Clicar em Next Pr ximo para ir para a guia Advanced ou selecionar outra guia para continuar a criar o menu pop up m Clicar em Done Conclu do para fechar o Pop up Menu Editor No espa o de trabalho o ponto ativo ou fatia associado ao menu pop up criado pelo usu rio exibe uma linha de comportamento azul anexada a um contorno do n
153. personalizados s fatias para permitir uma f cil localiza o da fatia a ser substitu da Para mais informa es consultar Nomea o de fatias na p gina 316 Para atualizar uma fatia simples 1 2 Esconder a fatia e editar a rea debaixo dela Exibir novamente a fatia Clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh na fatia e selecionar Export Selected Slice Exportar fatia selecionada no menu contextual Clicar em Export Exportar para exportar a fatia para a mesma pasta da fatia original usando o mesmo nome da base Clicar em OK ao ser solicitado a substituir o arquivo existente Quando se mant m o nome de arquivo original para a fatia atualizada e se carrega a fatia no mesmo local do site da Web de onde veio a imagem original a nova fatia substitui a fatia original na imagem z Evitar aumentar a fatia em rela o a seu tamanho de exporta o original no q Fireworks para evitar resultados inesperados no documento HTML ao atualizar a u fatia lt D gt QO gt o Exporta o de uma anima o Depois de criar e otimizar uma anima o ela est pronta para ser exportada poss vel exportar uma anima o como um GIF animado como um arquivo SWF do Flash ou como v rios arquivos 412 Cap tulo 14 Otimiza o e exporta o Se o documento contiver mais de uma anima o ser poss vel inserir fati
154. perspectiva m Arrastar um ponto de canto Distor o de objetos Para alterar o tamanho e as propor es de um objeto arrastar uma al a de sele o com a ferramenta Distort Distorcer Para distorcer um objeto selecionado 1 Seguir um destes procedimentos para exibir as al as de transforma o m Selecionar a ferramenta Distort Distorcer Selecionar Modify Modificar gt Transform Transformar gt Distort 2 Arrastar uma al a para distorcer o objeto 3 Clicar duas vezes dentro da janela ou pressionar a tecla Enter para aplicar as altera es Transforma o num rica de objetos Em vez de arrastar para dimensionar redimensionar ou girar um objeto poss vel transform lo digitando valores espec ficos Para redimensionar objetos selecionados usando o Property Inspector ou o painel Info m Digitar novas medidas de largura W ou altura H Se as caixas W L e H A n o estiverem vis veis no Property Inspector Inspetor de propriedades clicar na seta de expans o para visualizar todas as propriedades Ov vAaNaIsgo Transforma o e distor o de objetos selecionados e sele es 85 Para dimensionar ou girar objetos selecionados usando Numeric Transform 1 Selecionar Modify Modificar gt Transform Transformar gt Numeric Transform Transforma o num rica A caixa de di logo Numeric Transform aberta 2 No menu pop up selecionar o tipo de transforma o a
155. pixels Para ajustar um ponto espec fico na faixa tonal 1 Selecionar a imagem 2 Seguir um destes procedimentos para abrir a caixa de di logo Curves Curvas a No Property inspector Inspetor de propriedades clicar no sinal de adi o ao lado do r tulo Filters Filtros e selecionar Adjust Color Ajustar cor gt Curves no menu pop up Filters S Se o Property inspector estiver parcialmente minimizado clicar no bot o Add 0 Filters Adicionar filtros e n o no sinal de adi o m Pu lt D gt QO D o Ajuste da cor e do tom de um bitmap 111 m Selecionar Filters gt Adjust Color gt Curves S A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou q seja ela n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer au for uma op o Para manter a capacidade de ajustar desativar ou remover esse filtro aplique o como um Live Filter Filtro ao vivo conforme descrito na 2 primeira op o com marcador desta etapa Para mais informa es consultar O Cap tulo 8 Uso de Live Filters na p gina 223 PIPA Preview Input o Output 0 Caixa de di logo Curves 3 No menu pop up Channel Canal selecionar a aplica o de altera es a canais de cores individuais ou a todas as cores 112 Cap tulo 4 Trabalho com bitmaps 4 Clicar em um ponto na linha diagonal da grade e arrast
156. pode exportar arquivos de v rios tipos inclusive JPEG GIF GIF animado e tabelas HTML que cont m imagens fatiadas em diversos tipos de arquivos Para mais informa es consultar Otimiza o e exporta o na p gina 377 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 ajuda a compreender o Fireworks que cont m ferramentas vetoriais e de bitmap e consegue abrir ou importar ambos os formatos Sobre gr ficos vetoriais e de bitmap 17 Sobre gr ficos vetoriais Os gr ficos vetoriais processam imagens usando linhas e curvas chamadas vetores que incluem informa es sobre cor e posi o Por exemplo v rios pontos que descrevem o contorno de uma folha podem definir a imagem dessa folha A cor do contorno o tra o e a cor da rea delimitada pelo contorno o preenchimento determinam a cor da folha Quando edita um gr fico vetorial o usu rio modifica as propriedades das linhas e das curvas que descrevem sua forma Os gr ficos vetoriais independem da resolu o ou seja poss vel mover redimensionar mudar a forma ou alterar a cor de um gr fico vetorial bem como exibi lo em dispositivos de sa da de diferentes resolu es sem alterar a qualidade da apar ncia Sobre gr ficos de bitmap Os gr ficos de bitmap s o compostos por pontos denominados pixels organizados em uma grade A tela do computador
157. posi o desejada 238 Cap tulo 9 Camadas mascaramento e mistura Exibi o de uma camada O painel Layers Camadas exibe os objetos e camadas em uma estrutura hier rquica Se um documento contiver v rios objetos e camadas o painel Layers poder ficar desorganizado e ficar dif cil navegar nele Recolher a exibi o de camadas ajuda a eliminar a bagun a Para exibir ou selecionar objetos espec ficos em uma camada poss vel expandi la Tamb m poss vel expandir ou recolher todas as camadas ao mesmo tempo Para expandir ou recolher os objetos em uma camada m Clicar no sinal de adi o ou subtra o Windows ou no tri ngulo Macintosh esquerda do nome da camada no painel Layers Para expandir ou recolher todas as camadas m Manter pressionada a tecla Alt e clicar no sinal de adi o ou subtra o Windows ou manter pressionada a tecla Option e clicar no tri ngulo Macintosh esquerda do nome da camada no painel Layers Organiza o de camadas poss vel organizar os objetos e as camadas em um documento nomeando os e reorganizando os no painel Layers Camadas Os objetos podem ser movidos dentro de uma camada ou entre camadas Mover camadas e objetos no painel Layers altera a ordem em que os objetos aparecem na tela Os objetos no topo de uma camada aparecem acima dos outros objetos dessa camada na tela Os objetos na camada mais alta aparecem na frente de objetos em camadas infe
158. poss vel especificar os itens desejados para a verifica o ortogr fica do Fireworks inclusive endere os de Internet e de arquivos Para personalizar a verifica o ortogr fica no Fireworks 1 Seguir um destes procedimentos Selecionar Text Texto gt Spelling Setup Configura o da verifica o ortogr fica a Clicar no bot o Setup Configurar na caixa de di logo Check Spelling Verificar a ortografia Selecionar as op es desejadas na caixa de di logo Spelling Setup Configura o da verifica o ortogr fica m Selecionar um ou mais dicion rios A op o Macromedia tlx est sempre selecionada no topo da lista de dicion rios Este o arquivo que cont m seu dicion rio personalizado de corre o ortogr fica Ov vANIsgo Para procurar o dicion rio personalizado clicar no cone da pasta ao lado da caixa de texto Personal Dictionary Path Caminho do dicion rio pessoal m Para editar o dicion rio personalizado clicar no bot o Edit Personal Dictionary Editar dicion rio pessoal e adicionar excluir ou modificar as palavras na lista Selecionar os tipos de palavras que deseja incluir na verifica o ortogr fica Clicar em OK 188 Cap tulo 6 Utiliza o de texto Utiliza o do Text Editor No Fireworks 4 e vers es anteriores o Text Editor Editor de texto era usado para criar e editar texto Todas as op es de edi o e formata o de texto encon
159. projeto para cada imagem exportada Essas notas de projeto cont m refer ncias ao arquivo PNG de origem que gerou os arquivos exportados Trabalho com o Macromedia Dreamweaver 455 Quando uma imagem do Fireworks aberta e editada no Dreamweaver o Dreamweaver usa a nota de projeto para localizar um PNG de origem para esse arquivo Para obter os melhores resultados salvar sempre o arquivo PNG de origem e os arquivos exportados do Fireworks em um site do Dreamweaver Assim os usu rios que compartilham o site podem localizar o PNG de origem ao iniciar o Fireworks no Dreamweaver Especifica o de prefer ncias de inicializa o e edi o para arquivos de origem do Fireworks As prefer ncias de inicializa o e edi o do Fireworks permitem especificar como tratar arquivos PNG de origem quando os arquivos do Fireworks s o abertos em outro aplicativo O Dreamweaver s reconhece as prefer ncias de inicializa o e edi o do Fireworks em alguns casos nos quais o usu rio abre e otimiza uma imagem do Fireworks Especificamente o usu rio precisa estar abrindo e otimizando uma imagem que n o faz parte de uma tabela do Fireworks e que n o cont m um caminho de nota de projeto correto para um arquivo PNG de origem Nos outros casos incluindo todos os casos de inicializa o e edi o de imagens do Fireworks o Dreamweaver abre automaticamente o arquivo PNG de origem solicitando o local do arquivo de origem caso ele n o seja lo
160. ps lt D gt QO D o Para modificar uma m scara adicionando mais objetos de m scara 1 Selecionar Edit Editar gt Cut Recortar para recortar os objetos selecionados a serem adicionados 2 No painel Layers selecionar a miniatura do objeto com m scara 3 Selecionar Edit gt Paste as Mask Colar como m scara 4 Selecionar Add Adicionar quando for perguntado se a m scara existente dever ser substitu da ou se ser o adicionados objetos a ela O objeto ou objetos s o adicionados m scara Para modificar uma m scara com as ferramentas de transforma o 1 Selecionar a m scara na tela com a ferramenta Pointer Ponteiro 2 Usar uma ferramenta de transforma o ou um comando do submenu Modify Modificar gt Transform Transformar para aplicar uma transforma o m scara Para mais informa es sobre o uso das ferramentas de transforma o consultar Transforma o e distor o de objetos selecionados e sele es na p gina 81 Mascaramento de imagens 263 A transforma o aplicada m scara e aos respectivos objetos com m scara Existe a op o de se aplicar uma transforma o somente ao objeto de m scara Para fazer isso primeiro necess rio desvincular a m scara dos objetos de m scara no painel Layers e em seguida executar a transforma o OvV vVAHISsgo Altera o da forma de aplica o de m scaras poss vel us
161. r e Col coluna c designam as linhas e r4_c7 colunas da tabela que os navegadores da Web usam para reconstruir uma imagem fatiada poss vel usar essa informa o na conven o de nomea o Sublinhar O elemento usa normalmente qualquer um desses caracteres como Ponto separadores entre outros elementos Espa o H fen Por exemplo se o nome do documento for meudoc a conven o de nomea o nome doc fatia Fatia A B C resultar em uma fatia chamada meudocfatiaA Provavelmente nunca ser necess ria uma conven o de nomea o que utilize todos os oito elementos Prepara o de fatias para exporta o 317 Se uma fatia possuir mais de uma moldura por padr o o Fireworks adicionar um n mero a cada arquivo da moldura Por exemplo se for digitado o nome de arquivo de fatia personalizado in cio para um bot o de tr s estados o Fireworks nomear a imagem do estado Up Acima como in cio gif a imagem do estado Over Sobre como in cio f2 gife a imagem do estado Down Abaixo como in cio f3 gif poss vel criar uma conven o de nomea o personalizada para fatias de v rias molduras com o uso da caixa de di logo HTML Setup Configura o do HTML Para alterar a conven o de nomea o autom tica padr o Selecionar File Arquivo gt HTML Setup Configura o do HT ML para abrir a caixa de di logo HTML Setup Clicar na guia Document Specific Espec fico do doc
162. rio exibir ou acessar os arquivos instalados com o Fireworks Durante a instala o o Fireworks coloca os arquivos em v rios locais no sistema E importante compreender o motivo pelo qual os arquivos residem em locais espec ficos Para mais informa es consultar Trabalho com arquivos de configura o na p gina 526 8 Cap tulo 1 Introdu o Os usu rios do Macintosh devem prestar aten o especial ao formato que o Fireworks usa para armazenar o aplicativo e os arquivos de configura o padr o Para mais informa es consultar Exibi o do conte do do pacote somente Macintosh na p gina 529 Novidades do Fireworks 8 O Fireworks 8 permite criar e otimizar imagens para a Web com controle preciso em um ambiente intuitivo e personaliz vel O novo suporte aos formatos ActionScript e CSS Cascading Style Sheet folha de estilo em cascata permite ao Fireworks trabalhar com mais efici ncia com o Dreamweaver e o Flash Os novos formatos de arquivo suportados os novos pain is e o fluxo de trabalho bastante simplificado otimizam seu tempo e suas imagens Otimiza o Painel Image Editing Edi o de imagem Formatos de arquivos mais importantes Fluxo de trabalho de processamento em lote otimizado Este novo painel um local central onde poss vel acessar ferramentas de edi o de imagem filtros e comandos de menu usados com frequ ncia O Fireworks 8 agora suporta a importa o
163. rollover Para evitar esse problema cancelar a sele o de Preload Images Pr carregar imagens ao configurar o rollover S Se o usu rio planejar a exporta o do documento para uso na Web dever 0 certificar se de que o arquivo de imagem externo seja acess vel no HTML do a Fireworks exportado O Fireworks cria caminhos relativos do documento at os E arquivos de imagem aconselh vel colocar os arquivos externos no site local antes o de us los como imagens de troca no Fireworks Ao serem carregados os arquivos O na Web certificar se de tamb m carregar o arquivo de imagem externo Para mais informa es sobre o Fireworks HTML consultar Exporta o de HTML na p gina 415 Transforma o de fatias em objetos interativos 313 Prepara o de fatias para exporta o Com o Property inspector Inspetor de propriedades poss vel criar fatias interativamente atribuindo v nculos e destinos a elas Tamb m poss vel especificar a exibi o de um texto alternativo em um navegador enquanto a imagem carregada Al m disso poss vel selecionar um formato de arquivo de exporta o para otimizar uma fatia selecionada Se o Property inspector estiver minimizado ser preciso clicar na seta de expans o no canto inferior direito para ver todas as propriedades da fatia Slice Type Image v E Link htps fama mypurl com x Untitled 1_r Mm GIF Websnap 128 m alt Go to my url
164. seguintes op es Maintain Editability Manter capacidade de edi o permite manter a capacidade de edi o do texto Os efeitos e a formata o s o perdidos Convert to Paths Converter em tra ados converte o texto em tra ados preservando o kerning personalizado ou o espa amento digitado no Fireworks A capacidade de edi o do objeto como texto perdida 7 Definir a qualidade das imagens JPEG usando o controle deslizante pop up JPEG Quality Qualidade do JPEG 8 Selecionar as molduras a serem exportadas e a taxa de quadros em segundos 9 Clicar em OK 10 Na caixa de di logo Export clicar em Save Salvar Para mais informa es sobre a importa o de um arquivo SWF exportado para o Flash consultar Importa o de anima es e gr ficos exportados do Fireworks para o Flash na p gina 465 Exporta o de arquivos PNG com transpar ncia O formato PNG suporta a transpar ncia com imagens em cores de 32 bits poss vel importar arquivos PNG de origem do Fireworks diretamente para o Flash Tamb m poss vel criar transpar ncia com um arquivo PNG de 8 bits Com um arquivo PNG de 8 bits os resultados da transpar ncia s o excelentes e a compress o de arquivos melhor do que no formato de arquivo GIF poss vel exportar gr ficos PNG de 8 bits do Fireworks com transpar ncia para inserir no Flash Para exportar um arquivo PNG de 8 bits com transpar ncia 1 No Fireworks escolher Window Janela
165. selecionada 1 Selecionar Window Janela gt Frames para exibir o painel Frames 2 Clicar no bot o GIF Animation Looping Ciclo de anima o GIF na base do painel 3 Selecionar o n mero de repeti es da anima o depois da primeira execu o Se por exemplo o usu rio selecionar 4 a anima o ser executada cinco vezes ao todo Repete a anima o continuamente Exporta o de uma anima o 373 Defini o de uma transpar ncia Como parte do processo de otimiza o poss vel que uma ou mais cores em um GIF animado sejam exibidas em um navegador da Web como transparentes Isso til quando se deseja mostrar uma cor ou uma imagem de fundo da p gina da Web na anima o Para exibir uma cor como transparente em um navegador da Web 1 2 Selecionar Window Janela gt Optimize Otimizar se o painel Optimize n o estiver vis vel No menu pop up Transparency Transpar ncia do painel Optimize selecionar Index Transparency Transpar ncia do ndice ou Alpha Transparency Transpar ncia alfa Para uma descri o dessas op es consultar Transforma o em reas transparentes na p gina 399 Usar as ferramentas de transpar ncia no painel Optimize Otimizar para selecionar cores para a transpar ncia Est Est E Otimiza o de uma anima o otimiza o comprime ao m ximo o arquivo para proporcionar carregamento e exporta o r pidas tornando o tempo de download mui
166. selecionado Para selecionar uma m scara ou objeto com m scara de forma independente m Clicar no objeto na tela com a ferramenta Subselection Selecionar secund rio Quando selecionadas as m scaras exibem um realce amarelo e os objetos com m scara um realce azul Movimenta o de uma m scara e de um objeto com m scara poss vel reposicionar m scaras e objetos com m scara Tanto uns quanto outros podem ser movidos em conjunto ou de forma independente Para mover uma m scara e respectivos objetos com m scara ao mesmo tempo 1 Selecionar a m scara na tela com a ferramenta Pointer Ponteiro 2 Arrastar a m scara para a nova posi o sem arrastar a al a de movimenta o a n o ser que o objeto com m scara deva ser movido separadamente da m scara Para mover m scaras e objetos com m scara de forma independente por meio de desvincula o 1 Clicar no cone de v nculo na m scara no painel Layers 260 Cap tulo 9 Camadas mascaramento e mistura Isso desvincula as m scaras dos objetos com m scara para que possam se mover de forma independente Y Layers E 100 v Normal Es E web Layer Es Bier Di f a ER ser Composite Path Icone de v nculo a 2 Selecionar a miniatura do objeto a ser movido a m scara ou os objetos com m scara 3 Arrastar o objeto ou objetos na tela com a ferramenta Pointer Ponteiro Se houver mais de um objeto com m scara tod
167. tra ado como aberto Quando o usu rio seleciona certas ferramentas e retorna ferramenta Pen o Fireworks reinicia o desenho do objeto no seu pr ximo clique Desenho de objetos vetoriais 145 m Clicar 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 poss vel aumentar diminuir ou alterar a posi o de um segmento de tra ado reto pela movimenta o dos pontos Para alterar um segmento de tra ado reto 1 3 Selecionar o tra ado com a ferramenta Pointer Ponteiro ou Subselection Selecionar secund rio Clicar em um ponto com a ferramenta Subselection Selecionar secund rio para selecion lo Pontos de canto selecionados aparecem como quadrados azuis s lidos Arrastar o ponto ou usar as teclas de seta para mover o ponto para um novo local Ajuste da forma de um segmento de tra ado curvo E poss vel alterar a forma de um objeto vetorial arrastando as al as de seus pontos com a ferramenta Subselection Selecionar secund rio As al as de ponto determinam o grau de curvatura entre os pontos fixos Essas curvas s o conhecidas como curvas B zier Para editar a curva B zier de um segmento de tra ado 1 3 Selecionar o tra ado com a ferramenta Pointer Ponteiro ou Subselection Selecionar secund rio Clicar em um ponto de curva com a ferramenta Subselection Sele
168. trabalhar com gr ficos que cont m v rios objetos o usu rio pode usar a ferramenta Select Behind Selecionar atr s para selecionar um objeto que esteja oculto ou obscurecido por outros objetos Para selecionar um objeto posicionado atr s de outros m Clicar repetidamente na ferramenta Select Behind Selecionar atr s sobre os objetos empilhados passando pelos objetos do topo base na ordem de empilhamento at selecionar o objeto desejado S Tamb m poss vel selecionar um objeto de dif cil acesso clicando nele no painel 0 Layers Camadas enquanto as camadas est o expandidas m P lt D gt QO gt o Informa es de sele o no Property Inspector Sempre que o usu rio seleciona um objeto o Property Inspector Inspetor de propriedades identifica a sele o A rea superior esquerda do Property Inspector cont m as seguintes informa es sobre a sele o m Uma descri o do item em inspe o Sele o deum objeto 61 m Uma caixa de texto para digitar o nome do item z O nome aparece na barra de t tulo do documento sempre que o item selecionado q No caso de fatias e bot es o nome corresponde ao nome do arquivo quando au exportado lt gt Q D o m O n mero de objetos quando mais de um objeto selecionado Se a barra de status estiver ativada apenas no Windows os objetos selecionados tamb m ser o identificados na barra de status
169. uma fatia 2 Otimizar as fatias selecionadas com o uso do painel Optimize 386 Cap tulo 14 Otimiza o e exporta o Visualiza o e compara o de configura es de otimiza o Os bot es de visualiza o de documento exibem o gr fico tal como apareceria em um navegador da Web com base nas configura es de otimiza o poss vel visualizar os comportamentos de rollover e navega o bem como a anima o A Untitled1 png amp 100 4 Original BD Preview T 2 up E 4 Up PiS ig 2 gt O bot o Original e os bot es de visualiza o de documento Os bot es de visualiza o de documento exibem o tamanho total o tempo de download estimado e o formato de arquivo de um documento O tempo de download estimado o tempo m dio de download de todas as fatias e molduras do documento com um modem de 56 Kbps As exibi es 2 Up 2 para cima e 4 Up 4 para cima exibem informa es adicionais que variam de acordo com o tipo de arquivo selecionado Otimiza o no espa o de trabalho 387 poss vel usar o painel Optimize Otimizar para otimizar um documento enquanto o mesmo visualizado como na exibi o Original poss vel otimizar o documento inteiro de uma s vez ou somente em fatias selecionadas A sobreposi o de fatias ajuda a diferenciar as fatias sendo otimizadas atualmente do resto do documento A sobreposi o de fatias exibe as reas que n o est o sendo otimizadas atualmente com uma co
170. uma imagem em partes O Fireworks exporta cada parte em cada moldura como um arquivo separado assim cada arquivo deve ter um nome O Fireworks nomeia automaticamente cada arquivo de fatia no momento da exporta o poss vel aceitar a conven o de nomea o padr o ou alter la ou digitar um nome personalizado para cada fatia Personaliza o de nomes de arquivos de fatia poss vel atribuir nomes espec ficos a fatias para que os arquivos de fatias possam ser identificados facilmente na estrutura de arquivos do site da Web Por exemplo se houver um bot o em uma barra de navega o que retorne p gina inicial o usu rio poder atribuir o nome Home In cio fatia Para digitar um nome de fatia personalizado executar um dos seguintes procedimentos m Selecionar a fatia na tela digitar um nome na caixa Object Name Nome do objeto no Property inspector Inspetor de propriedades e pressionar Enter m Em Web Layer Camada da Web clicar duas vezes no nome da fatia digitar um novo nome e pressionar Enter N o adicionar a extens o do arquivo ao nome base O Fireworks adiciona automaticamente as extens es aos arquivos de fatia no momento da exporta o Nomea o autom tica de arquivos de fatia Caso n o seja digitado um nome de fatia no Property inspector Inspetor de propriedades ou no painel Layers Camadas o Fireworks alternar para a nomea o autom tica A nomea o autom tica atribui automa
171. uma resolu o mais alta geralmente causa perda insignificante de qualidade No entanto a cria o de uma nova amostra em uma resolu o mais baixa sempre causa perda de dados e em geral queda de qualidade Para criar uma nova amostra de um objeto de bitmap colando 1 Copiar o bitmap para a rea de transfer ncia do Fireworks ou de outro programa 2 Selecionar Edit Editar gt Paste Colar no Fireworks Se a imagem bitmap na rea de transfer ncia tiver uma resolu o diferente daquela do documento atual ser exibida uma caixa de di logo perguntando se deve ser criada ou n o uma nova amostra 3 Selecionar uma das seguintes op es Resample Nova amostra mant m a largura e a altura originais do bitmap colado adicionando ou subtraindo pixels como necess rio Don t Resample N o criar nova amostra mant m todos os pixels originais o que pode aumentar ou reduzir o tamanho relativo da imagem colada al m do esperado 26 Cap tulo 2 Conceitos b sicos do Fireworks Importa o de arquivos PNG poss vel importar arquivos PNG do Fireworks para a camada atual do documento ativo do Fireworks Os objetos de ponto ativo ou de fatia s o colocados na Web Layer Camada da Web do documento Para mais informa es sobre fatias e objetos da Web consultar Visualiza o e exibi o de fatias e guias de fatia na p gina 298 Para mais informa es sobre camadas consultar Trabalho com uma camada na p gin
172. up Menu Editor Editor de menu pop up real ar um item de submenu Para mais informa es consultar o procedimento anterior 2 Clicar no bot o Indent Menu Recuar menu para recu lo novamente para que fique recuado em rela o ao item de submenu imediatamente acima dele poss vel continuar recuando para criar a quantidade de submenus aninhados desejada Cria o de menus pop up 347 Para mover um item de menu para um submenu de n vel mais alto ou para dentro do menu pop up principal 1 Na guia Content do Pop up Menu Editor real ar o item de menu E 2 Clicar no bot o Outdent Menu Recuar o menu para fora Para mais informa es sobre o posicionamento de submenus consultar Posicionamento de menus e submenus pop up na p gina 355 Executar um dos seguintes procedimentos para completar o menu pop up ou continuar a constru lo a Clicar em Next Pr ximo para ir para a guia Appearance Apar ncia ou selecionar outra guia para continuar a criar o menu pop up m Clicar em Done Conclu do para fechar o Pop up Menu Editor No espa o de trabalho o ponto ativo ou fatia associado ao menu pop up criado pelo usu rio exibe uma linha de comportamento azul anexada a um contorno do n vel superior do menu pop up z Pressione F12 para visualizar um menu pop up em um navegador As visualiza es v no espa o de trabalho do Fireworks n o exibem menus pop up Pu lt D gt O gt o
173. v rias fontes e tamanhos al m de ajustar kerning espa amento cor entrelinhamento deslocamento da linha de base e muito mais A combina o dos recursos de edi o de texto do Fireworks com a vasta gama de tra os preenchimentos filtros e estilos transforma o texto em um elemento ativo dos seus projetos gr ficos poss vel usar o verificador ortogr fico do Fireworks para corrigir erros ortogr ficos Quando o usu rio cria um objeto de texto o Fireworks salva automaticamente o objeto com um nome que corresponda ao conte do do texto facilitando sua localiza o posterior Se ele preferir atribuir um nome diferente ao objeto de texto poder alterar com facilidade o nome atribu do automaticamente A capacidade de editar texto a qualquer momento mesmo depois de aplicar Live Filters Filtros ao vivo como sombras e chanfros significa que poss vel alterar o texto com facilidade Tamb m poss vel copiar objetos que incluam 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 solicitando a sele o de uma fonte substituta ou permitindo a importa o de texto como uma image
174. vel criar uma biblioteca de URLs no painel URL e armazen los nela Para mais informa es consultar Trabalho com URLs na p gina 287 v la 314 Cap tulo 11 Fatias rollovers e pontos ativos Digita o de texto alternativo Texto alternativo ou alt aparece no marcador de lugar de imagem enquanto esta descarregada da Web e tamb m substitui as imagens que falham ao serem descarregadas Em algumas vers es mais recentes de navegadores o texto tamb m aparece ao lado do ponteiro como uma dica A digita o de um texto alternativo breve e claro torna se cada vez mais importante no design para a Web Um n mero cada vez maior de pessoas com limita es visuais usa aplicativos de leitura de tela que convertem o texto alternativo em voz gerada pelo computador medida que o ponteiro do mouse passa sobre as imagens de uma p gina da Web Para especificar texto alternativo para uma fatia ou ponto ativo selecionado m No Property inspector Inspetor de propriedades digitar o texto na caixa Alt Text Texto alternativo Atribui o de um alvo Alvo uma moldura de p gina da Web ou janela de navegador da Web alternativa na qual o documento vinculado aberto poss vel especificar um alvo para uma fatia selecionada no Property inspector Inspetor de propriedades Se o Property inspector Inspetor de propriedades estiver minimizado ser necess rio clicar na seta de expans o para ver todas as pr
175. vel superior do menu pop up z Pressione F12 para visualizar um menu pop up em um navegador As visualiza es 0 no espa o de trabalho do Fireworks n o exibem menus pop up m P lt D gt QO gt o Cria o de menus pop up 351 Adi o de estilos de menu pop up poss vel adicionar estilos de c lulas personalizados ao Pop up Menu Editor Editor de menu pop up Os estilos de c lulas personalizados ficam dispon veis com as op es predefinidas na guia Appearance Apar ncia quando a op o Image Imagem selecionada como o tipo de c lula que define o uso de fundos gr ficos nas c lulas dos menus pop up Para adicionar um estilo de c lula personalizado ao Pop up Menu Editor 1 Aplique qualquer combina o de tra ado preenchimento textura e Live Filters Filtros ao vivo a um objeto e salve o como um estilo usando o painel Styles Estilos Para mais informa es consultar Cria o e exclus o de estilos na p gina 275 2 Escolher o novo estilo no painel Styles e selecionar Export Style Exportar estilos no menu Options Op es do painel Styles 3 Navegar at a pasta Nav Menu no disco r gido renomear o arquivo de estilo se desejar e clicar em Save Salvar z A localiza o exata da pasta Nav Menu varia em fun o do sistema operacional 0 Para mais informa es consultar Trabalho com arquivos de configura o u na p gina 526 lt
176. 15 graus em rela o ao horizonte arrastar o ponteiro pressionando a tecla Shift v la 4 Clicar duas vezes dentro da janela ou pressionar Enter para aplicar as altera es Para reposicionar o eixo de rota o m Arrastar o ponto central para longe do centro Para redefinir o eixo de rota o no centro da sele o seguir um destes procedimentos m Clicar duas vezes no ponto central m Pressionar a tecla Esc para cancelar a sele o do objeto e em seguida selecion lo novamente Invers o de objetos poss vel inverter um objeto no seu eixo vertical ou horizontal sem mover sua posi o relativa na tela Para inverter um objeto selecionado m Selecionar Modify Modificar gt Transform Transformar gt Flip Horizontal Inverter horizontalmente ou Flip Vertical Inverter verticalmente Inclina o de objetos O processo de inclina o torna o objeto enviesado ao longo do eixo horizontal vertical ou de ambos 84 Cap tulo 3 Sele o e transforma o de um objeto Para inclinar um objeto selecionado 1 Seguir um destes procedimentos para exibir as al as de transforma o u Selecionar a ferramenta Skew Inclinar Selecionar Modify Modificar gt Transform Transformar gt Skew Inclinar 2 Arrastar uma al a para inclinar o objeto 3 Clicar duas vezes dentro da janela ou pressionar a tecla Enter para remover as al as de transforma o Para obter a ilus o de
177. 80 Cap tulo 14 Otimiza o e exporta o m Para editar as configura es de otimiza o clicar na guia Options Op es Para mais informa es sobre as op es dispon veis nessa guia consultar os procedimentos a seguir m Para editar o tamanho e a rea da imagem exportada clicar na guia File Arquivo e alterar as configura es desejadas Para mais informa es sobre as op es dispon veis na guia consultar os procedimentos a seguir m Para editar as configura es de anima o da imagem clicar na guia Animation Anima o e alterar as configura es desejadas Para mais informa es sobre as op es dispon veis nessa guia consultar os procedimentos a seguir 8 2 Usar o bot o Zoom na parte inferior da caixa de di logo para ampliar ou reduzir a visualiza o Clicar neste bot o para ativar a ferramenta de amplia o Zoom e em seguida clicar na visualiza o para ampli la Para reduzir o zoom clicar no bot o da visualiza o mantendo a tecla Alt Windows ou Option Macintosh pressionada 3 Para enquadrar a rea de visualiza o seguir um destes procedimentos m Na base da caixa de di logo clicar no bot o Pointer Ponteiro e arrastar na A visualiza o a Manter pressionada a barra de espa o quando o ponteiro de zoom estiver ativo e arrastar na visualiza o 4 Clicar em um bot o de divis o de exibi o para dividir a rea de visualiza o em duas ou quatro reas e comparar as co
178. Ajuste da cor e do tom de um bitmap 107 O histograma na caixa de di logo Levels exibe a distribui o de pixels de um bitmap O histograma uma representa o gr fica de como os pixels est o distribu dos nos realces meios tons e sombras O histograma ajuda a determinar o melhor m todo para corre o da faixa tonal de uma imagem Uma alta concentra o de pixels nos realces ou nas sombras indica que a imagem poderia ser melhorada com os recursos Levels ou Curves O eixo horizontal representa os valores das cores da mais escura 0 at a mais clara 255 Ler o eixo horizontal da esquerda para a direita os pixels mais escuros est o esquerda os meios tons no centro e os mais claros direita O eixo vertical representa o n mero de pixels em cada n vel de brilho Normalmente a primeira opera o ajustar os realces e as sombras Ajustar os tons m dios em seguida permite melhorar o brilho desses tons sem afetar os realces e as sombras 108 Cap tulo 4 Trabalho com bitmaps Para ajustar realces meios tons e sombras 1 Selecionar a imagem bitmap 2 Seguir um destes procedimentos para abrir a caixa de di logo Levels N veis No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Adjust Color Ajustar cor gt Levels no menu pop up Filters Filtros Selecionar Filters gt Adjust Color gt Levels E A aplica o d
179. Clicar em Delete O s mbolo e todas as suas ocorr ncias s o exclu dos Uso de s mbolos 281 Edi o de ocorr ncias Ao clicar duas vezes em uma ocorr ncia para edit la o usu rio est na verdade editando o pr prio s mbolo no Symbol Editor ou no Button Editor Para editar apenas a ocorr ncia atual ser necess rio quebrar o v nculo entre ela e o s mbolo No entanto esse procedimento quebra permanentemente o relacionamento entre os dois e quaisquer edi es futuras feitas no s mbolo n o ser o refletidas na ocorr ncia anterior Os s mbolos de bot o apresentam recursos convenientes que permitem manter o relacionamento entre o s mbolo e a ocorr ncia para um grupo de bot es ao mesmo tempo em que atribuem texto exclusivo de bot o e URLs a cada ocorr ncia Para mais informa es consultar Edi o de s mbolos de bot o na p gina 336 Quebra de v nculos de um s mbolo E poss vel modificar uma ocorr ncia sem afetar o s mbolo ou outras ocorr ncias Para isso primeiro preciso quebrar o v nculo entre a ocorr ncia e o s mbolo Para liberar uma ocorr ncia de um s mbolo 1 Selecionar a ocorr ncia 2 Selecionar Modify Modificar gt Symbol S mbolo gt Break Apart Desmembrar A ocorr ncia selecionada se torna um grupo O s mbolo no painel Library n o estar mais associado a esse grupo Ap s a separa o do s mbolo uma ocorr ncia anterior do bot o perder suas caracter st
180. Custom Personalizar ou clicar em Edit Editar para alterar as configura es na caixa de di logo Export Preview Visualizar exporta o 504 Cap tulo 16 Automatiza o de tarefas repetitivas m Selecionar uma configura o predefinida de exporta o como GIF Web216 ou JPEG Better Quality JPEG Melhor qualidade Todos os arquivos s o convertidos nessa configura o 3 Clicar em Next Pr ximo para continuar o processo em lote Para informa es sobre a conclus o do processo em lote consultar Processo em lote na p gina 499 Dimensionamento de gr ficos com um processo em lote A op o Scale Escala da caixa de di logo Batch Process Processo em lote permite alterar a altura e a largura das imagens que est o sendo exportadas Para definir op es de escala para arquivos processados em lote 1 Selecionar Scale na lista Batch Options Op es de lote e clicar em Add Adicionar 2 No menu pop up Scale selecionar uma op o No Scaling N o escalonar exporta os arquivos inalterados Scale to Size Escalonar para dimensionar coloca imagens em escala com a largura e altura exatas especificadas Scale to Fit Area Escalonar para encaixar na rea ajusta as imagens em propor o faixa especificada de largura e altura m ximas O Use Scale to Fit Area para converter um grupo de imagens em miniaturas com E tamanho uniforme Scale to Percentage Escalonar pela porcentagem
181. Dreamweaver 437 Quando uma imagem do Fireworks criada a partir de um marcador de lugar de imagem do Dreamweaver um novo documento do Fireworks criado com uma tela nas mesmas dimens es do marcador de lugar selecionado No Fireworks poss vel usar as ferramentas desse aplicativo para criar um gr fico poss vel at fatiar o documento e adicionar interatividade usando bot es rollovers e outros comportamentos 9 Todos os comportamentos aplicados no Fireworks s o preservados na exporta o para 0 o Dreamweaver Da mesma forma a maioria dos comportamentos do Dreamweaver u aplicados a marcadores de lugar de imagem tamb m s o preservados na inicializa o e edi o no Fireworks No entanto existe uma exce o os rollovers desmembrados z aplicados a marcadores de lugar de imagem no Dreamweaver n o s o preservados O quando abertos e editados no Fireworks Depois de encerrada a sess o do Fireworks e do retorno ao Dreamweaver o novo gr fico criado no Fireworks assume a posi o do marcador de lugar de imagem originalmente selecionado Para criar uma imagem do Fireworks a partir de um marcador de lugar de imagem do Dreamweaver 1 No Dreamweaver salvar o documento HTML desejado em um local na pasta de site 2 Colocar o ponto de inser o na posi o desejada no documento e seguir um destes procedimentos a Selecionar Insert Inserir gt Image Objects Objetos de imagem gt Image Placeho
182. ED 378 Otimiza o no espa o de rabalhO e iirsrrrirerisisiski rieni ki stt E rara 384 Exportacao da FIGOS cecamentfa doada po arenai a da A ai 408 Envio de um documento do Fireworks como um anexo de e mail 431 Usado bot o File Management css spassigirsda sa Sa de SS pa dA Dna 432 Sobre otimiza o A otimiza o de gr ficos no Fireworks envolve as seguintes a es m Escolha do melhor formato de arquivo Cada formato de arquivo tem um m todo diferente de compress o das informa es de cores A escolha do formato apropriado para determinados tipos de gr ficos pode reduzir sensivelmente o tamanho do arquivo m Configura o de op es espec ficas do formato Cada formato de arquivo gr fico tem um conjunto exclusivo de op es poss vel usar op es como profundidade de cor para reduzir o tamanho do arquivo Alguns formatos de arquivo gr fico como GIF e JPEG tamb m t m op es para o controle da compress o da imagem m Ajuste das cores no gr fico somente para formatos de arquivo de 8 bits poss vel limitar as cores limitando a imagem a um conjunto de cores espec fico denominado paleta de cores Com isto poss vel eliminar cores n o usadas na paleta de cores Menos cores na paleta significam menos cores na imagem o que resulta em um tamanho de arquivo menor para os tipos de arquivo de imagem com paletas recomend vel experimentar todos os controles de otimiza o para encontrar o m
183. Esc m Escolher Select Selecionar gt Deselect Cancelar sele o Ajuste de uma moldura de sele o Ap s selecionar pixels com a ferramenta Marquee Moldura ou Lasso La o o usu rio pode editar ou mover a borda da moldura sem afetar os pixels sob ela Ele pode adicionar ou excluir manualmente pixels da borda da moldura usando teclas modificadoras O usu rio tamb m pode expandir ou contrair a borda da moldura de acordo com um valor especificado selecionar uma rea adicional de pixels em torno da moldura existente ou suavizar a borda da moldura Movimenta o de uma moldura poss vel mover uma moldura para coloc la em uma rea de pixels diferente Para mover uma moldura seguir um destes procedimentos m Arrastar a moldura com uma ferramenta Marquee Moldura ou Lasso La o ou com a ferramenta Magic Wand Varinha M gica m Usar as teclas de seta para deslocar a moldura a incrementos de 1 pixel m Pressionar a tecla Shift e usar as teclas de seta para mover a moldura a incrementos de 10 pixels Ajuste da sele o de moldura com a barra de espa os O usu rio pode reposicionar com facilidade uma moldura ao desenh la pressionando a barra de espa os enquanto desenha Sele o de um pixel 69 Para reposicionar a sele o com a barra de espa os 1 Come ar a arrastar para desenhar a sele o Sem soltar o bot o do mouse manter a barra de espa os pressionada Arrastar a moldura para outro lo
184. Files Molduras para arquivos exporta molduras como v rios arquivos Layers to Files Camadas para arquivos exporta camadas como v rios arquivos Isso exporta todas as camadas da moldura atual go Ov vAaNas 4 Selecionar Trim Images Aparar imagens para cortar automaticamente as imagens exportadas para adequ las aos objetos em cada moldura Se desejar exportar molduras ou camadas com o mesmo tamanho do documento cancelar a sele o de Trim Images 5 Clicar em Export Exporta o de uma rea poss vel usar a ferramenta Export Area rea de exporta o para exportar uma parte de um documento do Fireworks Para exportar uma parte de um documento 1 No painel Tools Ferramentas selecionar a ferramenta Export Area rea de exporta o 414 Cap tulo 14 Otimiza o e exporta o 2 Arrastar uma moldura da caixa de sele o para definir a parte do documento que se deseja o NO ga exportar go Ov vAadas poss vel ajustar a posi o da moldura medida que se arrasta Pressionar o bot o do mouse mantendo a barra de espa os pressionada e em seguida arrastar a moldura para outro local da tela Soltar a barra de espa o para continuar o desenho da moldura Ao soltar o bot o do mouse a rea de exporta o permanece selecionada Como redimensionar a rea de exporta o se necess rio Manter pressionada a tecla Shift e arrastar uma al a p
185. GIF GIF animado JPEG BMP WBMP TIE SWE AI PSD e PICT somente Macintosh O Fireworks salva imagens TIF de 16 bits intensidade de cor de 24 bits Salva de um arquivo no Fireworks 31 Os arquivos de outros tipos como PSD e HTML s o abertos como arquivos PNG o que permite usar o documento PNG do Fireworks como o arquivo de origem As edi es realizadas s o aplicadas ao arquivo PNG e n o ao original Para salvar um arquivo existente no formato GIF JPEG TIF BMP ou em outro formato listado acima 1 Selecionar File Arquivo gt Save Salvar 2 Se o documento contiver modifica es n o edit veis no formato original do arquivo ser exibida uma notifica o na caixa de di logo Save As modifica es n o edit veis incluem a adi o de novos objetos m scaras e Live Filters Filtros ao vivo bem como o ajuste de opacidade a aplica o de modos de mistura e a salva de sele es de pixels S Caso a op o Save as a Copy Salvar uma c pia n o seja selecionada o formato do 0 arquivo do documento de trabalho ser alterado para o formato em que ele for salvo m Pu lt D gt Q gt o Para exportar um documento para outro formato 1 Selecionar um formato de arquivo no painel Optimize Otimizar 2 Selecionar File Arquivo gt Export Exportar para exportar o documento Para mais informa es sobre exporta o de arquivos consultar Otimiza o e exporta o na p gi
186. HJ FIREWORKS Usando o Fireworks Marcas comerciais 1 Step RoboPDE ActiveEdit Active Test Authorware Blue Sky Software Blue Sky Breeze Breezo Captivate Central ColdFusion Contribute Database Explorer Director Dreamweaver Fireworks Flash FlashCast FlashHelp Flash Lite FlashPaper Flex Flex Builder Fontographer FreeHand Generator HomeSite JRun MacRecorder Macromedia MXML RoboEngine RoboHelp Robolnfo RoboPDE Roundtrip Roundtrip HTML Shockwave SoundEdit Studio MX UltraDev e WebHelp s o marcas comerciais ou marcas registradas da Macromedia Inc e podem estar registradas nos Estados Unidos ou em outras jurisdi es inclusive internacionalmente Os nomes de outros produtos logotipos designs t tulos palavras e frases mencionados nesta publica o podem ser marcas comerciais marcas de servi o ou nomes comerciais da Macromedia Inc ou de outras entidades e podem estar registrados em algumas jurisdi es inclusive internacionalmente Informa es de terceiros Este guia cont m links para 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 O acesso a sites de terceiros na Web mencionados neste guia responsabilidade do usu rio A Macromedia fornece esses v nculos apenas por conveni ncia e a inclus o do v nculo n o significa que a Macromedia endosse ou aceite qualquer responsabilidade pelo conte do dos sites
187. O D o Para reduzir uma rea espec fica m Manter pressionada a tecla Alt Windows ou Option Macintosh e arrastar uma rea de sele o com a ferramenta Zoom Para retornar amplia o 100 m Clicar duas vezes na ferramenta Zoom no painel Tools Ferramentas Para enquadrar o documento 1 Selecionar a ferramenta Hand M o 2 Arrastar o ponteiro em forma de m o medida que a rea al m da borda da tela enquadrada a exibi o continua o enquadramento para que seja poss vel trabalhar com pixels situados na borda da tela Ambiente de trabalho do Fireworks 45 lola Para ajustar o documento exibi o atual m Clicar duas vezes na ferramenta Hand M o Uso de modos de exibi o para gerenciar o espa o de trabalho Com os bot es dos modos de exibi o na se o View Exibir do painel Tools Ferramentas o usu rio pode controlar o layout do espa o de trabalho poss vel selecionar um dos tr s modos de exibi o O modo Standard Screen Tela padr o a exibi o padr o da janela do documento O modo Full Screen with Menus Tela inteira com menus uma exibi o maximizada da janela do documento sobre um fundo cinza com menus barras de ferramentas barras de rolagem e pain is vis veis O modo Full Screen Tela inteira uma exibi o maximizada da janela do documento sobre um fundo preto sem menus barras de ferramentas ou barras de t tulo vis v
188. Para mais informa es sobre a exporta o de imagens consultar a Ajuda do Fireworks Para inserir uma imagem do Fireworks em um documento do Dreamweaver usando o painel Files 1 Exportar a imagem do Fireworks para a pasta de site local como definida no Dreamweaver 2 Abrir o documento do Dreamweaver e ir para a exibi o Design 3 Arrastar a imagem do painel Files Arquivos para o documento do Dreamweaver Para inserir uma imagem do Fireworks em um documento do Dreamweaver usando o menu Insert 1 Colocar o ponto de inser o no local em que a imagem dever aparecer na janela de documento do Dreamweaver 2 Seguir um destes procedimentos Selecionar Insert Inserir gt Image Imagem a Clicar no bot o Images Image na categoria Common Comum da barra Insert 3 Navegar at a imagem exportada do Fireworks e clicar em Open Abrir Se o arquivo da imagem n o estiver no site atual do Dreamweaver aparecer uma mensagem perguntando se o arquivo deve ser copiado para a pasta do site Cria o de novos arquivos do Fireworks a partir de marcadores de lugar do Dreamweaver Os marcadores de lugar de imagem combinam os recursos do Fireworks e do Dreamweaver permitindo testar v rios layouts de p ginas da Web antes de criar a arte final para a p gina Os marcadores de lugar de imagem permitem especificar o tamanho e a posi o de futuras imagens do Fireworks a serem colocadas no Dreamweaver Trabalho com o Macromedia
189. Para navegar de uma c lula ativa para outra e continuar a inserir informa es pressionar a tecla Tab para se movimentar entre as c lulas e as teclas de seta para cima e de seta para baixo para rolar verticalmente atrav s da lista v la Repetir as etapas 4 e 5 at adicionar todos os itens de menu Opcionalmente para se excluir um item de menu real lo e clicar no bot o Delete Menu Excluir menu Seguir um destes procedimentos m Clicar em Next Pr ximo para ir para a guia Appearance Apar ncia ou selecionar outra guia para continuar a criar o menu pop up m Criar entradas de submenu para o menu pop up Para mais informa es consultar Cria o de submenus em um menu pop up na p gina 347 a Clicar em Done Conclu do para completar o menu pop up e fechar o Pop up Menu Editor No espa o de trabalho o ponto ativo ou fatia associado ao menu pop up criado pelo usu rio exibe uma linha de comportamento azul anexada a um contorno do n vel superior do menu pop up S Pressionar F12 para visualizar um menu pop up em um navegador As visualiza es 0 no espa o de trabalho do Fireworks n o exibem menus pop up m pi lt D gt Q D o 346 Cap tulo 12 Cria o de bot es e menus pop up Cria o de submenus em um menu pop up Com o uso dos bot es Indent Menu Recuar menu e Outdent Menu Recuar menu para fora na guia Content Conte do do Pop up Menu Edi
190. Para remover um nico filtro aplicado a um objeto selecionado m Selecionar o filtro a ser removido da lista Filters Filtros no Property inspector Inspetor de propriedades e clicar no bot o Delete Live Filters Excluir filtros ao vivo Edi o de Live Filters 231 Para remover todos os filtros de um objeto selecionado m No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar None Nenhum no menu pop up Cria o de Live Filters personalizados Para salvar uma combina o espec fica de configura es de Live Filters Filtros ao vivo necess rio criar um Live Filter personalizado Todos os Live Filters personalizados aparecem no menu pop up Add Filters Adicionar filtros do Property inspector Inspetor de propriedades e no painel Styles Estilos Os Live Filters personalizados s o na verdade estilos com todas as op es de propriedade desmarcadas exceto a op o Filter Filtro m O usu rio pode criar um Live Filter personalizado usando o Property inspector ou o painel Styles m Ele pode aplicar um Live Filter personalizado aos objetos selecionados no menu pop up Add Filters ou no painel Styles m Ele pode renomear ou excluir um Live Filter personalizado usando o painel Styles Para criar um Live Filter personalizado usando o Property inspector 1 Aplicar as configura es do Live Filter Filtro ao vivo a objetos selecionados Para mais
191. Para selecionar tudo em todas as camadas do documento m Escolher Select Selecionar gt Select All Selecionar tudo go OY VA XAS A op o Select All Selecionar tudo n o seleciona os objetos ocultos Para cancelar a sele o de todos os objetos selecionados m Escolher Select Selecionar gt Deselect Cancelar sele o go OY VA XAS Al m disso necess rio cancelar a sele o da prefer ncia Single Layer Editing Edi o de camada nica para selecionar todos os objetos vis veis em todas as camadas de um documento Quando a prefer ncia Single Layer Editing selecionada s os objetos na camada atual s o selecionados Para mais informa es consultar Organiza o de camadas na p gina 239 Para ocultar o feedback da sele o de tra ado de um objeto selecionado Selecionar View Exibir gt Hide Edges Ocultar bordas go OY VA XAS O painel Layers Camadas ou o Property Inspector Inspetor de propriedades permite identificar o objeto selecionado quando o contorno e os pontos est o ocultos Para ocultar objetos selecionados Selecionar View Exibir gt Hide Selection Ocultar sele o go OY VA XAS Os objetos ocultos n o s o exportados Essa regra n o se aplica a objetos de ponto ativo e de fatia na Web Layer Camada da Web Sele o de um objeto 63 Para exibir todos os objetos m
192. Pencil L pis Paint Bucket Lata de tinta ou Gradient D grad Definir as op es de ferramenta desejadas no Property inspector Inspetor de propriedades Mascaramento de imagens 253 6 Com a m scara ainda selecionada desenhar na m scara vazia Nas reas desenhadas o objeto com m scara que est embaixo fica oculto A m scara da maneira como aparece no painel Layers Para mais informa es sobre a modifica o da apar ncia de uma m scara de bitmap desenhando nela consultar Modifica o da apar ncia de uma m scara na p gina 262 Ov vANaIsgo Mascaramento de objetos com os comandos Reveal e Hide O submenu Modify Modificar gt Mask M scara oferece v rias op es de aplica o de m scaras de bitmap vazias a objetos Reveal All Revelar tudo aplica uma m scara transparente vazia a um objeto revelando todo o objeto Para obter o mesmo efeito clicar no bot o Add Mask Adicionar m scara no painel Layers Hide All Ocultar tudo aplica uma m scara opaca vazia a um objeto o que oculta todo o objeto 254 Cap tulo 9 Camadas mascaramento e mistura Reveal Selection Revelar sele o s pode ser usada com sele es de pixels Ela aplica uma m scara de pixels transparentes com o uso da sele o de pixels atual Os outros pixels do objeto bitmap ficam ocultos Para obter o mesmo efeito poss vel criar uma sele o de pixels e em seguida clic
193. Pincel ferramenta 95 141 Brush Size Painting Cursors Cursores para pintar do tamanho do pincel prefer ncia 521 Burn Escurecer ferramenta 99 Button Editor Editor de bot o 331 criar s mbolos no 280 editar s mbolos no 282 C camadas adicionar e remover 237 ativar 237 bloquear 240 compartilhar 242 compartilhar atrav s de molduras para anima o 368 desativar compartilhamento atrav s de molduras 369 duplicar 238 exibir 239 exportar 414 mover 240 nomear 239 organizar 239 camadas CSS exportar 424 canal alfa de um objeto selecionar 71 cancelar a sele o de todos os objetos 63 Chamfer Rectangle Ret ngulo chanfrado arredondado ferramenta 132 Check Spelling Verificar a ortografia comando 187 clarear reas bitmap 99 imagens 101 clonar reas bitmap 99 imagens 99 objetos 80 codifica o em UTF 8 426 526 colar HTML 421 Color Mixer Misturador de cores 38 198 criar cores com 199 exibir 199 misturar cores no 198 redefinir para cores padr o em 193 trocar cores de tra o e de preenchimento em 193 colorir imagens 116 comandos criar 513 editar 517 excluir personalizados 516 processo em lote 508 renomear ou excluir comandos do Fireworks 516 renomear personalizados 516 comandos salvar 57 Commands Comandos menu 514 gerenciar comandos salvos 516 compartilhar uma camada 242 comportamentos Behaviors Comportamentos painel 310 Macromedia Dreamweaver 4 303 Nav Bar Down Barra de navega o aba
194. Se necess rio alterar o n mero na caixa de di logo Feather para ajustar a quantidade 4 Clicar em OK Para exibir a apar ncia da sele o enevoada sem os pixels volta escolher Select gt Select Inverse Selecionar inverso e pressionar Delete Em seguida poss vel usar o painel History Hist rico ou Edit Editar gt Undo Desfazer para tentar novamente v la 72 Cap tulo 3 Sele o e transforma o de um objeto Expans o ou contra o de uma moldura Ap s desenhar uma moldura para selecionar pixels poss vel expandir ou contrair suas bordas Para expandir a borda de uma moldura 1 Depois de desenhar a moldura escolher Select Selecionar gt Expand Marquee Expandir moldura 2 Digitar o n mero de pixels a ser aplicado para expandir a borda da moldura e clicar em OK Para contrair a borda de uma moldura 1 Depois de desenhar a moldura escolher Select Selecionar gt Contract Marquee Contrair moldura 2 Digitar o n mero de pixels a ser aplicado para contrair a borda da moldura e clicar em OK Sele o de uma rea em torno de uma moldura existente poss vel criar uma moldura adicional com uma largura especificada para emoldurar uma moldura existente Esse recurso permite criar efeitos gr ficos especiais como o enevoamento das bordas de uma sele o de pixels Para selecionar uma rea em torno de uma moldura existente 1 Depois de desenhar uma mold
195. TML gerado no Fireworks no Dreamweaver copi lo do Fireworks para a rea de tranfer ncia e col lo diretamente em um documento do Dreamweaver Todo o c digo HTML e JavaScript associado ao documento do Fireworks copiado para o documento do Dreamweaver as imagens s o exportadas para um local especificado e o Dreamweaver atualiza o HTML com os v nculos relativos ao documento com essas imagens Antes de copiar para a rea de transfer ncia escolher Dreamweaver como o tipo de HTML na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar a Ajuda do Fireworks OY VAYASgO Para copiar HTML do Fireworks para a rea de transfer ncia para usar no Dreamweaver seguir um destes procedimentos m Copiar o HTML para a rea de transfer ncia no Fireworks e col lo em um documento do Dreamweaver m Clicar no bot o Quick Export Exporta o r pida escolher Copy HTML Code Copiar c digo HTML e col lo em um documento do Dreamweaver 442 Cap tulo 15 Uso do Fireworks com outros aplicativos Para mais informa es consultar a Ajuda do Fireworks S Esse m todo s funciona com o Dreamweaver e n o com outros editores de HTML 0 Apenas o Dreamweaver atualiza os v nculos com as imagens do Fireworks como m f zii 7 relativos ao documento quando o c digo HTML colado no documento do E Dreamweaver O D 6 C pia de c digo de um arquivo e
196. a poss vel restaurar uma sele o de moldura nomeada e salva anteriormente Sele o de um pixel 75 Para restaurar uma sele o de moldura 1 6 Escolher Select Selecionar gt Restore Bitmap Selection Restaurar sele o de bitmap para abrir a caixa de di logo Restore Selection Restaurar sele o A caixa Document Documento exibe o nome do documento ativo no qual uma sele o de moldura foi salva poss vel manter esse nome ou selecionar outro no menu pop up caso seja prefer vel restaurar uma sele o de moldura de outro documento aberto A caixa Selection Sele o exibe o nome da sele o a ser restaurada Para restaurar uma sele o diferente necess rio selecion la no menu pop up Para inverter a sele o restaurada necess rio selecionar a caixa Invert Inverter Se n o houver uma sele o de moldura ativa no documento atual a sele o New Nova estar ativada na se o Operation Opera o da caixa de di logo Restore Selection Restaurar sele o Se houver uma sele o de moldura ativa no documento atual todas as op es a seguir estar o ativadas na se o Operation Replace selection Substituir sele o substitui a sele o ativa no documento ativo por aquela especificada na caixa Selection a Add to selection Adicionar sele o adiciona a sele o ativa quela especificada nas caixas Document e Selection m Subtract from selection
197. a o As op es de anima o na caixa de di logo Export Preview Visualizar exporta o s o semelhantes quelas dispon veis no painel Frames Molduras do Fireworks N o poss vel editar elementos gr ficos individuais em uma anima o do Fireworks durante uma sess o de otimiza o aberta no Dreamweaver Para editar os elementos gr ficos de uma anima o necess rio abrir e editar a anima o do Fireworks Para mais informa es consultar Edi o de arquivos do Fireworks no Dreamweaver na p gina 446 go OY VA XAS Para editar as configura es de uma anima o colocada no Dreamweaver consultar Otimiza o de anima es e imagens do Fireworks colocadas no Dreamweaver na p gina 451 e Using Export Preview na Ajuda do Fireworks Configura o de op es de inicializa o e edi o Para usar o Roundtrip HTML com efici ncia necess rio executar algumas tarefas preliminares como definir o Fireworks como o principal editor de imagem no Dreamweaver e especificar prefer ncias de inicializa o e edi o no Fireworks 9 Tamb m preciso definir um site local no Dreamweaver antes de trabalhar com o E Roundtrip HTML Para mais informa es consultar Usando o Dreamweaver pe lt gt Q D o Trabalho com o Macromedia Dreamweaver 453 Designa o do Fireworks como o principal editor externo de imagem no Dreamweaver O Dreamweave
198. a o da caneta exibe o segmento de linha que resultaria do clique seguinte Desenho de objetos vetoriais 143 Show Solid Points Mostrar pontos s lidos mostra os pontos s lidos durante o desenho S No Mac OS X selecionar Fireworks gt Preferences para abrir a caixa de di logo 0 Preferences m P lt D gt Q D o 3 Clicar na tela para substituir o primeiro ponto de canto 4 Mover o ponteiro e clicar para colocar o pr ximo ponto Um segmento de linha reta une os dois pontos 5 Continuar plotando pontos Os segmentos retos unem intervalos entre pontos 6 Seguir um destes procedimentos para finalizar o tra ado aberto ou fechado m Clicar duas vezes no ltimo ponto para terminar o tra ado como aberto a Selecionar outra ferramenta para finalizar o tra ado como aberto Quando o usu rio seleciona uma ferramenta vetorial ou de sele o diferente da ferramenta Text Texto e retorna ferramenta Pen Caneta o Fireworks reinicia o desenho do objeto no seu pr ximo clique OY VAYASgO m Clicar no primeiro ponto plotado para fechar o tra ado Os pontos inicial e final de um tra ado fechado s o o mesmo ponto 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 OY VAYASgO 144 Cap tulo 5 Trabalho com objetos vetori
199. a o personalizadas a grupos de arquivos Esse recurso tamb m pode redimensionar um grupo de arquivos o que faz dele uma ferramenta ideal para a cria o de miniaturas O painel History oferece op es para criar comandos que s o atalhos para os recursos usados com mais frequ ncia ou criar um script que possa executar uma s rie complexa de etapas O Fireworks pode entender e executar JavaScript para que os usu rios avan ados possam automatizar tarefas muito complexas escrevendo comandos de JavaScript e em seguida executando os no Fireworks poss vel controlar quase todos os comandos ou configura es do Fireworks por meio de comandos JavaScript especiais que o Fireworks pode interpretar O Extension Manager possibilita a importa o instala o e exclus o de extens es em aplicativos Macromedia para estender os recursos do Fireworks Este cap tulo abrange os seguintes t picos Localiza o SUbsiui o sasprse a seres es dd dd De SU E AD E eii 494 Froc s oem DE pass Aid ES Da UE GU ad 499 Extens o dos recursos do Fireworks eapania pri sap ED RSA Gaia dA RR dA 511 Filmes SWF do Flash usados como pain is do Fireworks 518 493 Localiza o e substitui o O recurso Find and Replace Localizar e substituir ajuda a pesquisar e substituir elementos como texto URLs fontes e cores Esse recurso pode realizar pesquisas no documento atual ou em v rios arquivos Find and Replace
200. a do painel Optimize Otimizar selecionar Index Transparency Transpar ncia do ndice 3 Clicar no bot o Add Color to Transparency Adicionar cor transpar ncia e clicar em um nr pixel na aur ola Todos os pixels da mesma cor s o removidos na Visualiza o 4 Se a aur ola ainda aparecer repetir a etapa 3 at que desapare a Salva e reutiliza o de uma configura o de otimiza o O Fireworks lembra as ltimas configura es de otimiza o usadas depois de uma destas a es File Arquivo gt Save Salvar File gt Save As Salvar como File gt Save As Salvar como Save as a Copy Salvar como uma c pia File gt Export Exportar Em seguida o Fireworks aplica essas configura es a novos documentos a Como em vers es anteriores do Fireworks ainda s o aplicadas a novas fatias as 0 configura es de otimiza o padr o do documento pai m I lt D gt Q D o E poss vel salvar configura es de otimiza o personalizadas para uso futuro em uma otimiza o ou um processamento em lote As informa es a seguir s o salvas em otimiza es predefinidas personalizadas Configura es e tabela de cores no painel Optimize Otimizar Configura es de retardo de moldura selecionadas no painel Frames Molduras somente para anima es Otimiza o no espa o de trabalho 407 Para salvar configura es de otimiza o como uma prede
201. a os preenchimentos e efeitos como for apropriado 3 Fechar o Symbol Editor Edi o de caminhos de movimento de s mbolo Ao selecionar um s mbolo de anima o ele apresenta uma caixa delimitadora exclusiva e um caminho de movimento anexado que indica a dire o na qual o s mbolo se move 364 Cap tulo 13 Cria o de anima o O ponto verde no caminho do movimento indica o ponto de in cio enquanto o ponto vermelho mostra o ponto final Os pontos azuis no caminho representam as molduras Por exemplo um s mbolo com cinco molduras ter um ponto verde tr s pontos azuis e um ponto vermelho em seu caminho posi o do objeto no caminho indica a moldura atual Assim se o objeto aparecer no terceiro ponto a Frame 3 Moldura 3 ser a moldura atual poss vel alterar a dire o do movimento alterando o ngulo do tra ado Para alterar o movimento ou dire o m Arrastar uma das al as de in cio ou fim de anima o do s mbolo para uma nova localiza o O ponto verde indica o ponto de in cio o ponto vermelho indica o ponto final Manter pressionada a tecla Shift e arrastar para restringir a dire o do movimento em incrementos de 45 Trabalho com molduras As anima es s o constru das com a cria o de v rias molduras poss vel ver o conte do de cada moldura usando se o painel Frames Molduras O painel Frames o local de cria o e organiza o de molduras poss vel nomear a
202. a 236 Para importar um arquivo PNG para uma camada de documento do Fireworks 1 No painel Layers Camadas selecionar a camada para a qual o arquivo ser importado 2 Selecionar File Arquivo gt Import Importar para abrir a caixa de di logo Import 3 Navegar at o arquivo a ser importado e clicar em Open Abrir 4 Na tela colocar o ponteiro de importa o no local em que deseja posicionar o canto superior esquerdo da imagem 5 Importar o arquivo m Clicar para importar a imagem no tamanho original m Arrastar o ponteiro de importa o para redimensionar a imagem ao import la O Fireworks ret m as propor es da imagem Importa o de uma c mera digital ou de um scanner S poss vel importar imagens de uma c mera digital ou de um scanner quando o dispositivo compat vel com TWAIN Windows ou usa o recurso interno OS X Image Capture Captura de imagem do OS X Macintosh As imagens importadas de uma c mera digital ou de um scanner para o Fireworks s o abertas como novos documentos S O Fireworks n o consegue importar de c meras digitais ou scanners de imagens a 0 menos que os drivers de software m dulos e plug ins adequados estejam instalados a Para instru es espec ficas sobre instala o configura es e op es consultar a documenta o da c mera ou do scanner sobre o m dulo TWAIN ou o plug in Acquire q do Photoshop e Abertura e importa o de
203. a Alt Windows ou arrastar com a tecla Option Macintosh um ponto de controle do canto Ajuste de Auto Shapes de rosquinha Inicialmente as Auto Shapes Formas autom ticas de rosquinha t m tr s pontos de controle H pontos de controle para ajustar o per metro interno para definir o per metro interno como zero e para dividir a forma em fatias e torn la semelhante a um gr fico setorial poss vel adicionar tantas se es quantas desejadas usando pontos de controle Para cada nova se o o Fireworks adiciona um ponto de controle para redimensionar ou dividir a nova se o Para adicionar se es a uma rosquinha selecionada m Arrastar coma tecla Alt Windows ou arrastar com a tecla Option Macintosh um ponto de controle de adicionar dividir setor no per metro externo da forma Para remover uma se o de uma rosquinha selecionada m Arrastar o ponto de controle de adicionar dividir setor no per metro externo da forma para definir a parte da forma que deve permanecer na tela Para redimensionar o raio interno de uma rosquinha selecionada m Arrastar o ponto de controle de raio interno Para definir o raio interno de uma rosquinha selecionada como zero m Clicar no ponto de controle de redefini o do raio Desenho de objetos vetoriais 137 Ajuste de Auto Shapes de torta Inicialmente as Auto Shapes Formas autom ticas de torta t m tr s pontos de controle H pontos de controle para dividir a forma em f
204. a Web Como as fatias s o objetos da Web elas s o listadas em Web Layer Camada da Web no painel Layers Camadas em que a visibilidade pode ser ativada ou desativada para uma fatia selecionada Tamb m poss vel controlar a visibilidade da fatia atrav s do painel Tools Ferramentas Ocultar um objeto de fatia n o impede sua exporta o no HTML Para ocultar e mostrar fatias e pontos ativos espec ficos 1 Clicar no cone do olho pr ximo aos objetos da Web espec ficos no painel Layers Camadas 2 Clicar na coluna do olho para ativar novamente a visibilidade O cone do olho reaparecer quando os objetos da Web estiverem novamente vis veis Para ocultar ou mostrar todos os pontos ativos fatias e guias seguir um destes procedimentos m Clicar no bot o Hide Show Slices Ocultar mostrar fatias apropriado na se o Web tools Ferramentas da Web do painel Tools Ferramentas m No painel Layer Camadas clicar no cone do olho pr ximo a Web Layer Camada da Web Para exibir ou ocultar guias de fatias em qualquer exibi o de documento m Selecionar View Exibir gt Slice Guides Guias de fatia Altera o da cor de fatias e guias de fatia Se as cores usadas em um documento forem semelhantes cor da fatia pode ser dif cil ver as fatias contra os objetos no documento Para facilitar a exibi o poss vel atribuir uma nova cor s fatias selecionadas A atribui o de cores exclusivas a fatias in
205. a ajustar a posi o de uma forma b sica durante o desenho m Enquanto pressionar o bot o do mouse pressionar e manter a barra de espa os pressionada depois arrastar o objeto para um outro local da tela Soltar a barra de espa os para continuar a desenhar o objeto go OY VA XAS A ferramenta Line Linha uma exce o Se a barra de espa os for pressionada enquanto estiver sendo usada a ferramenta Line a posi o de uma linha n o ser alterada na tela Para redimensionar linha ret ngulo ou elipse seguir um destes procedimentos m Digitar novos valores de largura L ou altura A no Property inspector Inspetor de pro priedades ou no painel Info Informa es m Selecionar a ferramenta Scale Dimensionar na se o Select Selecionar do painel Tools Ferramentas e arrastar uma al a de transforma o de canto Isso redimensiona o objeto pro porcionalmente go Ov vANaIsS Para redimensionar um objeto proporcionalmente selecionar Modify Modificar gt Transform Transformar gt Scale Dimensionar e arrastar a al a de transforma o de canto ou selecionar Modify gt Transform gt Numeric Transform Transforma o num rica e digitar novas dimens es Para mais informa es sobre o dimensionamento ou o redimensionamento de objetos consultar Transforma o e distor o de objetos selecionados e sele es na p gina 81 gt astar o ponto de cant
206. a basear um novo estilo em um estilo existente 1 Aplicar o estilo existente a um objeto selecionado 2 Editar os atributos do objeto 3 Salvar os atributos criando um novo estilo conforme descrito no procedimento anterior Para excluir um estilo 1 Selecionar um estilo no painel Styles Manter pressionada a tecla Shift e clicar para selecionar v rios estilos manter pressionada a tecla Control Windows ou Command Macintosh e clicar para selecionar diversos estilos n o cont guos Clicar no bot o Delete Style Excluir estilo no painel Styles 276 Cap tulo 10 Uso de estilos s mbolos e URLs Edi o de estilos Para alterar os atributos de um estilo editar o estilo a partir do painel Styles Estilos Para editar um estilo 1 4 Escolher Select Selecionar gt Deselect Cancelar sele o para cancelar a sele o de quaisquer objetos na tela Clicar duas vezes em um estilo no painel Styles Na caixa de di logo Edit Style Editar estilo selecionar ou cancelar a sele o dos componentes dos atributos a serem aplicados A caixa de di logo Edit Style cont m as mesmas op es da caixa de di logo New Style Para detalhes sobre a escolha de atributos para incluir em um estilo consultar Cria o e exclus o de estilos na p gina 275 Clicar em OK para aplicar as altera es ao estilo Exporta o e importa o de um estilo O compartilhamento de estilos com outros usu rios do F
207. a desenhando se nela com as ferramentas de bitmap A forma de uma m scara vetorial pode ser alterada movendo se os pontos do objeto de m scara Se a m scara for aplicada com o uso da apar ncia dos tons de cinza ser poss vel modificar suas cores para afetar a opacidade dos objetos com m scara que est o embaixo O uso de cores de meio tom em uma m scara de tons de cinza confere uma apar ncia transl cida aos objetos com m scara Usar cores mais claras para exibir os objetos com m scara e cores mais escuras para ocult los e exibir o fundo 262 Cap tulo 9 Camadas mascaramento e mistura Outra possibilidade alterar uma m scara adicionando objetos de m scara a ela ou usar as ferramentas de transforma o Para modificar a forma da m scara selecionada seguir um dos seguintes procedimentos m Desenhar na m scara de bitmap com as ferramentas de desenho de bitmap m Mover os pontos de um objeto de m scara vetorial com a ferramenta Subselection Selecionar secund rio Para modificar a cor da m scara selecionada seguir um dos seguintes procedimentos m No caso de m scaras de bitmap com tons de cinza usar as ferramentas de bitmap para desenhar na m scara empregando v rios valores de cor dos tons de cinza m No caso de m scaras vetoriais com tons de cinza alterar a cor do objeto de m scara S Usar cores mais claras para exibir os objetos com m scara e cores mais escuras 0 para ocult los m
208. a dobrada m Arrastar o ponto de controle do comprimento da al a de uma seta dobrada selecionada Desenho de objetos vetoriais 135 Para ajustar a largura da cauda de uma seta dobrada m Arrastar o ponto de controle da largura da al a de uma seta dobrada selecionada Para ajustar o arredondamento do canto da cauda de uma seta dobrada m Arrastar o ponto de controle do raio do canto de uma seta dobrada Ajuste de Auto Shapes de ret ngulo chanfrado arredondado e chanfrado arredondado Os ret ngulos chanfrados arredondados e chanfrados arredondados t m cinco pontos de controle O ponto de controle em cada canto ajusta todos os cantos juntos Tamb m poss vel arrastar com a tecla Alt Windows ou arrastar com a tecla Option Macintosh para editar um nico canto O ponto de controle restante redimensiona o ret ngulo sem alterar seu arredondamento Para editar o raio do canto de ret ngulos desenhados com a ferramenta Rectangle Ret ngulo use a configura o Rectangle Roundness Arredondamento do ret ngulo no Property inspector Inspetor de propriedades go OY VA XAS Para ajustar os cantos de uma Auto Shape de ret ngulo chanfrado arredondado ou chanfrado arredondado m Arrastar o ponto de controle do canto de uma forma selecionada Para ajustar um nico canto de uma Auto Shape de ret ngulo chanfrado arredondado ou chanfrado arredondado m Arrastar com a tecla Alt Windows ou arra
209. a imagem original Clicar em OK Para emba ar uma imagem usando o Zoom Blur 1 2 Selecionar a imagem Seguir um destes procedimentos para abrir a caixa de di logo Zoom Blur Emba amento de zoom No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Blur Emba ar gt Zoom Blur no menu pop up Filters Filtros u Selecionar Filters gt Blur gt Zoom Blur Arrastar o controle deslizante Amount Quantidade para definir a intensidade do efeito de emba amento Os valores variam de 1 a 100 Um aumento na quantidade resulta em um efeito de emba amento mais intenso Arrastar o controle deslizante Quality Qualidade para definir a suavidade do efeito de emba amento Os valores variam de 1 a 100 Um aumento na qualidade resulta em um efeito de emba amento com menos repeti es da imagem original Clicar em OK Emba amento e agu amento de bitmaps 121 Uso do filtro Find Edges para criar uma apar ncia de esbo o O filtro Find Edges Localizar bordas identifica as transi es de cores nas imagens e as transforma em linhas para dar aos bitmaps a apar ncia de desenhos de linhas Original ap s a aplica o de Find Edges Para aplicar o filtro Find Edges a uma rea selecionada seguir um destes procedimentos m No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao viv
210. a luminosidade das cores Os valores variam de 100 a 100 6 Clicar em OK Para alterar uma imagem RGB para uma imagem de dois tons ou adicionar cor a uma imagem em tons de cinza m Selecionar Colorize Colorir na caixa de di logo Hue Saturation Matiz Satura o Quando o usu rio seleciona Colorize a faixa de valores dos controles deslizantes Hue e Saturation alterada Hue varia de O a 360 Saturation varia de O a 100 OY VAYASgO Ajuste da cor e do tom de um bitmap 117 Invers o dos valores das cores de uma imagem O filtro Invert Inverter altera cada cor em uma imagem para seu inverso na roda de cores Por exemplo a aplica o do filtro a um objeto vermelho R 255 G 0 B 0 altera a cor para azul claro R 0 G 255 B 255 Uma imagem colorida ap s invers o 118 Cap tulo 4 Trabalho com bitmaps Para inverter cores 1 Selecionar a imagem 2 Seguir um destes procedimentos a No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Adjust Color Ajustar cor gt Invert Inverter no menu pop up Filters Filtros Selecionar Filters gt Adjust Color gt Invert A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou seja n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for uma op o Para manter a capacidade de ajustar desativar ou remover esse f
211. a ou camadas agrupadas O Fireworks permite importar com xito imagens que usem m scaras de camada sem perder a capacidade de edit las As m scaras de camada s o importadas como m scaras de bitmap As m scaras do Fireworks tamb m podem ser exportadas para o Photoshop Elas s o convertidas em m scaras de camada do Photoshop Se os objetos com m scara inclu rem texto e o usu rio quiser manter a capacidade de edi o do texto no Photoshop ele precisar selecionar Maintain Editability over Appearance Manter a capacidade de edi o sobre a apar ncia ao exportar o Se o objeto de m scara for texto ele ser convertido em bitmap e deixar de ser edit vel depois de importado para o Photoshop Ov vadasa Agrupamento de objetos para formar uma m scara poss vel agrupar dois ou mais objetos existentes para criar uma m scara O objeto do topo torna se o objeto de m scara H a op o de agrupar objetos como m scaras vetoriais ou de bitmap A ordem de empilhamento determina o tipo de m scara aplicada Se o objeto do topo for um objeto vetorial o resultado ser uma m scara vetorial Se o objeto do topo for um objeto bitmap o resultado ser uma m scara de bitmap S Para mais informa es sobre m scaras vetoriais e de bitmap consultar Sobre 0 m scaras na p gina 244 m Ps lt D gt Q D o Mascaramento de imagens 257 Para agrupar objetos a fim de formar u
212. a refletir a cor para a qual foi feita a amostragem com o ponteiro conta gotas ou com a ferramenta Eyedropper Conta gotas e a cor do texto selecionado tamb m muda Edi o de texto 171 Aplica o de cor ao texto real ado em um bloco de texto poss vel alterar a cor do texto real ado em um bloco de texto usando o Property inspector Inspetor de propriedades ou qualquer caixa Fill Color N o poss vel usar a ferramenta Eyedropper para editar a cor do texto real ado Se o usu rio tentar aplicar um tra o a um texto real ado em um bloco de texto o bloco 0 de texto inteiro ser automaticamente selecionado m pi lt D gt Q D 6 Para aplicar cor de texto apenas ao texto selecionado em um bloco de texto seguir um destes procedimentos m Clicar na caixa Fill Color Cor de preenchimento no Property inspector Inspetor de propriedades e selecionar uma cor na janela pop up de cores ou criar uma amostra de uma cor de qualquer lugar na tela usando o ponteiro conta gotas enquanto a janela pop up Fill Color est aberta m Clicar na caixa Fill Color no painel Tools Ferramentas e selecionar uma cor na janela pop up de cores ou criar uma amostra de uma cor de qualquer lugar na tela usando o ponteiro conta gotas enquanto a janela pop up Fill Color est aberta Configura o do kerning O kerning aumenta ou diminui o espa amento entre certos pares de letras para melhorar a apar ncia A ma
213. acteres de texto vertical sempre fluem do topo para a base Escolher uma das 0 op es de orienta o Vertical afetar apenas a ordem das colunas de texto n o a au ordem dos caracteres lt D gt QO gt o Configura o do alinhamento de texto O alinhamento determina a posi o de um par grafo de texto relativo s bordas do bloco de texto No alinhamento horizontal o texto alinhado em rela o s bordas esquerda e direita de um bloco de texto No alinhamento vertical o texto alinhado em rela o s bordas inferior e superior de um bloco de texto Para mais informa es sobre a configura o da orienta o vertical ou horizontal de um texto consultar Configura o da orienta o do texto na p gina 174 poss vel alinhar o texto horizontal borda esquerda ou direita do bloco de texto centraliz lo ou justific lo completamente para que o texto fique alinhado s bordas esquerda e direita Por padr o o texto horizontal alinhado esquerda O texto vertical pode ser alinhado ao topo ou base de um bloco de texto centralizado dentro de um bloco de texto ou justificado completamente entre as bordas superior e inferior Edi o de texto 175 Para obter um filtro alongado ou para encaixar o texto em um espa o espec fico poss vel definir o alinhamento para esticar o texto horizontalmente para um texto orientado na horizontal ou verticalmente para um texto orie
214. 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 poss vel retrair ou expandir o tra ado de um objeto selecionado em um n mero espec fico de pixels Para expandir ou retrair um tra ado selecionado 1 Selecionar Modify Modificar gt Alter Path Alterar tra ado gt Inset Path Interiorizar tra ado para abrir a caixa de di logo Inset Path Selecionar uma dire o para retrair ou expandir o tra ado Dentro retrai o tra ado Fora expande o tra ado Definir a largura entre o tra ado original e o tra ado expandido ou retra do Especificar um tipo de canto meia esquadria redondo ou chanfrado Se selecionar meia esquadria ser necess rio definir 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 Clicar 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 Edi o de tra ados 161 162 Cap tulo 5 Trabalho com objetos vetoriais CAP TULO 6 Utiliza o de texto O Macromedia Fireworks 8 tem muitos recursos de texto normalmente reservados para aplicativos de editora o eletr nica sofisticados poss vel criar um texto em
215. ado logo acima do objeto selecionado na mesma camada Abertura e importa o de um arquivo 25 m Sea pr pria camada estiver selecionada se nenhum objeto estiver selecionado ou se todos os objetos estiverem selecionados o objeto colado ser posicionado na frente ou empilhado logo acima do primeiro objeto na mesma camada m Se dois ou mais objetos em mais de uma camada estiverem selecionados o objeto selecionado ser posicionado na frente ou empilhado logo acima do primeiro objeto na camada mais alta m Sea Web Layer Camada da Web ou um objeto na Web Layer estiver selecionado o objeto colado ser posicionado na frente ou empilhado acima de todos os outros objetos na camada mais baixa A Web Layer Camada da Web uma camada especial que cont m todos os objetos da Web Ela sempre est na parte superior do painel Layers Camadas Para mais informa es sobre camadas consultar Camadas mascaramento e mistura na p gina 235 OY VAYASgO Cria o de nova amostra de objetos colados Quando um bitmap com uma resolu o diferente daquela do documento do Fireworks de destino colado o Fireworks pergunta se necess rio fazer uma nova amostra do bitmap Na cria o de uma nova amostra ocorre a adi o ou a subtra o de pixels de um bitmap redimensionado para aproximar o m ximo poss vel sua apar ncia do bitmap original A cria o de uma nova amostra de um bitmap em
216. ado usando o teclado m Manter pressionada a tecla Control Windows ou Command Macintosh enquanto pressiona as teclas seta para cima ou tecla para baixo A tecla de seta para cima distancia as linhas e a tecla de seta para baixo as aproxima O Manter pressionadas as teclas Shift e Control Windows ou Shift e Command 2 Macintosh enquanto pressiona as teclas de seta para cima ou de seta para baixo para ajustar o kerning em incrementos de 10 Configura o da orienta o do texto Um bloco de texto pode ser orientado horizontal ou verticalmente Por padr o o texto orientado horizontalmente on est quod contemnas hoc csMamelflssiqdci tudendi genus Mirum est ut ootinoxaioluaon nimus agitatione motuque nnuritcemiilotgce orporis excitetut tdumui viuduii am undique silvae et solitudo eeemuqtuatd rtt psumque illud silentium quod smn sueneu v aa enationi datur magna tnde etd dsemtm ogitationis incitamenta sunt aisa uieoinaie qs tgctqt lagon u g io u ietnnt oheutr e pniaia dontap sto 8 cu to uin s s ir mu i u R oi qm n ns u t e e Orienta o horizontal e vertical O texto tamb m pode fluir da direita para a esquerda ou da esquerda para a direita imalucnugak lagunculam Texto que flui da direita para a esquerda e da esquerda para a direita No Fireworks poss vel definir a orienta o horizontal e vertical assim como a dire o do fluxo de texto no Property inspector Inspet
217. ados de forma livre poss vel desenhar tra ados vetoriais de forma livre com a ferramenta Vector Path Tra ado vetorial da mesma maneira como se faz desenhos com um marcador de ponta macia ou um crayon A ferramenta Vector Path est localizada no menu pop up da ferramenta Pen Caneta poss vel alterar os atributos de tra o e preenchimento de tra ados desenhados com a ferramenta Vector Path Consultar Cap tulo 7 Aplica o de cor tra os e preenchimentos na p gina 191 Uso da ferramenta Vector Path A ferramenta Vector Path Tra ado vetorial possui uma grande variedade de categorias de tra os de pincel inclusive aer grafo caligrafia carv o crayon e artificial Em geral cada categoria possui v rias op es de tra os como Light Marker Marcador claro Dark Marker Marcador escuro Splattered Oil leo borrifado Bamboo Bambu Ribbon Fita Confetti Confete 3D Toothpaste Pasta de dente e Viscous Alien Paint Pintura viscosa Embora os tra os sejam parecidos com a pintura ou tinta cada um possui pontos e tra ados de um objeto vetorial Isso significa que poss vel alterar a forma do tra o usando qualquer uma das diversas t cnicas de edi o vetorial Depois de mudar a forma do tra ado o tra o redesenhado Desenho de objetos vetoriais 141 Para obter uma suaviza o de tra ado mais precisa antes de desenh lo poss vel alterar o n mero de pontos exibidos nele na cai
218. ados no FreeHand poss vel definir as seguintes op es ao importar um gr fico do FreeHand Scale Dimensionar especifica a porcentagem da escala do arquivo importado Width and Height Largura e altura especifica a largura e a altura do arquivo importado em pixels polegadas ou cent metros Resolution Resolu o especifica a resolu o do arquivo importado Anti Alias Suaviza o de serrilhado suaviza os objetos importados para evitar bordas irregulares poss vel escolher essa op o separadamente para tra ados ou texto Usar o Property inspector Inspetor de propriedades para alterar os objetos selecionados para Anti Alias ou Hard Edge Borda acentuada Ov vAaHaIsgo File Conversion Convers o de arquivo especifica como os documentos com v rias p ginas s o tratados quando importados m A op o Open a Page Abrir uma p gina importa apenas a p gina especificada m A op o Open Pages as Frames Abrir p ginas como molduras importa todas as p ginas do documento e coloca cada uma em uma moldura separada m A op o Ignore Layers Ignorar camadas importa todos os objetos em uma nica camada m A op o Remember Layers Lembrar camadas mant m a estrutura das camadas do arquivo importado m A op o Convert Layers to Frames Converter camadas em molduras coloca cada camada do documento importado em uma moldura separada Include Invisible Layers Incluir camadas invis veis imp
219. aims dvi roari isara ina a O A AE 230 223 Aplica o de Live Filters O usu rio pode aplicar um ou mais Live Filters Filtros ao vivo a objetos selecionados usando o Property inspector Inspetor de propriedades Sempre que ele adiciona um novo Live Filter ao objeto esse filtro adicionado lista no menu pop up Add Filters Adicionar filtros do Property inspector poss vel ativar ou desativar cada Live Filter None Options Style 10 Adjust Color Bevel and Emboss Inner Bevel Blur b Inset Emboss Noise b Outer Bevel Other gt Raised Emboss 1 gt Shadow and Glow Sharpen E 100 Eye Candy 4000LE Alien Skin Splat LE Filters DO Menu pop up Filters do Property inspector Quando o usu rio selecionar objetos para aplicar Live Filters o local das op es de Live Filters ser um pouco diferente dependendo da altura do Property inspector m Quando o Property inspector estiver maximizado para toda a altura ele deve usar o bot o Add Live Filters Adicionar filtros ao vivo o bot o Delete Live Filters Excluir filtros ao vivo e a lista de Live Filters aplicados que est o exibidos m Quando o Property inspector estiver com a metade da altura ele deve clicar em Edit Filters Editar filtros para exibir o bot o Add Live Filters o bot o Delete Live Filters e a lista de Live Filters aplicados Um preenchimento rec m criado assume a cor atual exibida na caixa Fill Colo
220. ainel History lista as a es executadas por ltimo no Fireworks at o n mero especificado no campo Undo Steps Etapas de desfazer na caixa de di logo Preferences Prefer ncias do Fireworks Com o painel History poss vel executar qualquer uma destas a es m Desfazer e refazer rapidamente a es recentes m Selecionar a es executadas recentemente no painel History e repeti las m Copiar comandos selecionados da rea de transfer ncia como o texto JavaScript equivalente m Salvar um grupo de a es executadas recentemente como um comando personalizado e em seguida selecion lo no menu Command Comando para reutilizar como um nico comando Para mais informa es sobre a cria o de comandos usando o painel History consultar Scripts com o painel History na p gina 512 Para desfazer e refazer a es 1 Selecionar Window Janela gt History Hist rico para abrir o painel History 2 Arrastar o marcador Undo Desfazer para cima ou para baixo Para repetir a es 1 Executar as a es 2 Seguir um destes procedimentos para real ar as a es a serem repetidas no painel History Hist rico m Clicar em uma a o para real la a Manter pressionada a tecla Control Windows ou Command Macintosh e clicar para real ar v rias a es individuais a Manter pressionada a tecla Shift e clicar para real ar uma faixa cont gua de a es 3 Clicar no bot o Replay Reproduzir na parte inferior d
221. ais Desenho de segmentos de tra ado curvo Para desenhar segmentos de tra ado curvo basta clicar e arrastar durante a plotagem dos pontos Durante o desenho o ponto atual mostra al as Sejam desenhados com a ferramenta Pen Caneta ou com outra ferramenta de desenho do Fireworks todos os pontos de todos os objetos vetoriais t m al as de ponto No entanto essas al as apenas s o vis veis nos pontos curvos Para desenhar um objeto com segmentos curvos 1 2 Selecionar a ferramenta Pen Caneta no painel Tools Ferramentas Clicar para colocar o primeiro ponto de canto Mover o local do pr ximo ponto e em seguida clicar e arrastar para elaborar um ponto de curva Toda vez que clicar e arrastar o mouse o Fireworks estende o segmento de linha para o novo ponto Continuar plotando pontos Se um novo ponto for clicado e arrastado ser elaborado um ponto de curva se for apenas clicado ser produzido um ponto de canto poss vel alternar temporariamente para a ferramenta Selecionar secund rio de modo a alterar o local dos pontos e a forma das curvas durante o desenho Pressionar a tecla Control Windows ou Command Macintosh enquanto arrasta um ponto ou uma al a de ponto com a ferramenta Pen v la Seguir um destes procedimentos para finalizar o tra ado aberto ou fechado m Clicar duas vezes no ltimo ponto para terminar o tra ado como aberto Selecionar outra ferramenta para finalizar o
222. alinhar objetos a guias poss vel bloquear guias para evitar que elas sejam movidas por acidente As guias n o residem em uma camada nem s o exportadas com um documento Elas s o apenas ferramentas de design OY VAYASgO O Fireworks tamb m possui guias de fatia que permitem fatiar um documento para usar na Web No entanto as guias normais de imagens s o diferentes das guias de fatia Para mais informa es sobre guias de fatia consultar Movimenta o de guias de fatia para editar fatias na p gina 301 Para criar uma guia horizontal ou vertical 1 Clicar e arrastar a partir da r gua correspondente 2 Posicionar a guia na tela e soltar o bot o do mouse go Para reposicionar a guia arrast la novamente OY VA XAS Para mover a guia para uma posi o espec fica 1 Clicar duas vezes na guia 2 Digitar a nova posi o na caixa de di logo Move Guide Mover guia e clicar em OK Para exibir ou ocultar guias m Selecionar View Exibir gt Guides Guias gt Show Guides Mostrar guias Para alinhar objetos a guias m Selecionar View Exibir gt Guides Guias gt Snap to Guides Alinhar a guias 54 Cap tulo 2 Conceitos b sicos do Fireworks Para alterar cores de guias 1 Selecionar View Exibir gt Guides Guias gt Edit Guides Editar guias 2 Selecionar a nova cor da guia na janela pop up da caixa de cor e clicar em OK Para bloquear
223. alva os s mbolos em um nico arquivo PNG Atualiza o de ocorr ncias e s mbolos exportados em v rios documentos Os s mbolos importados mant m o v nculo com o documento do s mbolo original poss vel editar o documento do s mbolo original e depois atualizar os documentos de destino para refletir as edi es Para atualizar todos os s mbolos e ocorr ncias importados 1 No documento original clicar duas vezes em uma ocorr ncia ou escolher uma ocorr ncia e selecionar Modify Modificar gt Symbol S mbolo gt Edit Symbol Editar s mbolo para abrir o editor de s mbolo apropriado 2 Modificar o s mbolo e fechar o editor 3 Salvar o arquivo 4 No documento para o qual o s mbolo foi importado selecionar o s mbolo no painel Library Biblioteca 5 Selecionar Update Atualizar no menu Options Op es do painel Library S Para atualizar todos os s mbolos importados selecionar esses s mbolos no painel q Library e escolher Update pi lt D gt Q gt o 286 Cap tulo 10 Uso de estilos s mbolos e URLs Trabalho com URLs A atribui o de um URL a um objeto da Web cria um v nculo com um arquivo como uma p gina da Web poss vel atribuir URLs a pontos ativos bot es e objetos de fatia Se 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 exempl
224. amada Y Layers EJ Ea Normal E web Layer o G layer Active Layer Camada ativa Delete Layer Excluir camada New Bitmap Image Nova imagem bitmap Add Mask Adicionar m scara New Duplicate Layer Camada nova duplicada Ativa o de uma camada Um clique em uma camada ou em um de seus objetos faz com que ela se torne a camada ativa Os objetos desenhados colados ou importados posteriormente residem a princ pio no topo da camada ativa Para ativar uma camada seguir um destes procedimentos m Clicar no nome da camada no painel Layers m Selecionar um objeto nessa camada Adi o e remo o de uma camada O painel Layers oferece as seguintes op es adicionar novas camadas excluir camadas indesejadas e duplicar camadas e objetos existentes Quando se cria uma nova camada uma camada em branco inserida acima da camada selecionada atualmente A nova camada passa a ser a camada ativa e real ada no painel Layers Quando se exclui uma camada a camada acima dela se torna a camada ativa Trabalho com uma camada 237 A cria o de uma camada duplicada adiciona uma nova camada que cont m os mesmos objetos que a camada selecionada atualmente Objetos duplicados ret m o modo de mistura e opacidade dos objetos dos quais foram copiados Esses objetos podem ser alterados sem que isso afete os originais Para adicionar uma camada seguir um destes procedimentos m Clicar no bot
225. amadas O painel Frames inclui op es para criar anima es O painel History lista os comandos usados recentemente para que seja poss vel desfaz los e refaz los com rapidez Al m disso poss vel selecionar v rias a es e em seguida salv las e reutiliz las como comandos Para mais informa es consultar Uso do painel History para desfazer e repetir v rias a es na p gina 56 O painel Shapes cont m Auto Shapes Formas autom ticas que n o s o exibidas no painel Tools Ferramentas O painel Auto Shapes Properties permite alterar as propriedades de uma Auto Shape depois de inserida no documento O painel Styles Estilos permite armazenar e reutilizar combina es de caracter sticas de objetos ou selecionar um estilo de estoque O painel Special Characters Caracteres especiais permite inserir caracteres especiais em blocos de texto diretamente no Fireworks com um nico clique O painel Library Biblioteca cont m s mbolos de gr ficos bot es e anima es poss vel arrastar facilmente inst ncias desses s mbolos do painel Library para o documento Para fazer mudan as globais em todas as inst ncias basta modificar o s mbolo Para mais informa es consultar Uso de estilos s mbolos e URLs na p gina 273 O painel URL permite criar bibliotecas com URLs usados fregiientemente O painel Color Mixer Misturador de cores permite criar novas cores para adicionar paleta de cores do docu
226. amento de interpola o Bilinear 520 m todo de dimensionamento de interpola o Nearest Neighbor Vizinho mais pr ximo 520 m todo de dimensionamento de interpola o Soft Suave 520 miniaturas no painel Layers Camadas 236 selecionar m scaras com 259 modelo de cor CMY 199 modelo de cor Grayscale Tons de cinza 199 modelo de cor Hexadecimal 199 modelo de cor HSB 199 modelo de cor RGB 199 modelos de cor CMY 199 Grayscale Tons de cinza 199 Hexadecimal 199 HSB 199 RGB 199 modo bitmap 16 alternar para 92 aplicar com ferramentas 34 Display Striped Border Exibir borda listrada prefer ncia 521 modo vetorial 16 alternar para 92 desenhar em 128 modos inserir bitmap 16 inserir vetor 16 vetor 128 modos de exibi o 46 modos de exibi o alternar 47 modos de mistura 268 Color Cor 269 Darken Escurecimento 268 Difference Diferen a 269 Erase Apagar 269 Hue Matiz 269 Invert Inverter 269 Lighten Clareamento 269 Luminosity Luminosidade 269 Multiply Multiplicar 268 Saturation Satura o 269 Screen Tela 268 Tint Tingir 269 540 ndice remissivo molduras 64 adicionar 367 ativar e desativar 366 cancelar sele o 69 compartilhar camadas para anima o 368 configurar retardo 366 contrair 73 desativar compartilhamento de camadas 369 desativar onion skinning 371 editar v rias molduras 371 excluir 76 368 exibi o personalizada 371 exibir atual e adjacente 371 exibir todas 371 expandir
227. amento maior Unsharp Mask Desfocar m scara Add Noise Adicionar ru do Convert to Alpha Converter em alfa Find Edges Localizar bordas m View Options Op es de exibi o Show Hide Rulers Mostrar ocultar r guas Show Hide Grid Mostrar ocultar grade Snap Don t Snap to Grid Alinhar n o alinhar grade Edit Grid Editar grade Show Hide Guides Mostrar ocultar guias Snap Don t Snap to Guides Alinhar n o alinhar a guias Lock Unlock Guides Bloquear desbloquear guias Edit Guides Editar guias As ferramentas contidas no painel Image Editing s o as mesmas encontradas em outros locais no Fireworks como na caixa de ferramentas e no menu Modify Modificar gt Transform O painel Image Editing que aberto selecionando Window Janela gt Image Editing apresenta apenas algumas das ferramentas mais usadas em um nico painel por uma quest o de conveni ncia Para informa es detalhadas sobre o uso dessas ferramentas e op es consultar Retoque de um bitmap na p gina 99 Ajuste da cor e do tom de um bitmap na p gina 106 Emba amento e agu amento de bitmaps na p gina 119 e Adi o de ru do a uma imagem na p gina 125 94 Cap tulo 4 Trabalho com bitmaps Desenho pintura e edi o de objetos bitmap A se o Bitmap do painel Tools Ferramentas cont m ferramentas que selecionam desenham pintam e editam pixels em uma imagem bitmap Desenho de um objeto bitmap A fe
228. anagement Gerenciamento de arquivo localizado na parte superior da janela do documento ao lado do bot o Quick Export Exporta o r pida permite acesso f cil aos comandos de transporte de arquivos poss vel usar esse bot o quando o documento reside em uma pasta de site do Dreamweaver e quando o site tem acesso a um servidor remoto O Fireworks reconhece a pasta como um site caso a caixa de di logo Manage Site Gerenciar site do Dreamweaver tenha sido usada para definir a pasta de destino ou a pasta que cont m a pasta de destino como a pasta raiz local do site O bot o File Management exibe os seguintes comandos de menu Get Obter copia a vers o remota do arquivo para o site local substituindo o arquivo local pela c pia remota Check out Retirar retira o arquivo substituindo o arquivo local pela c pia remota Essa op o s estar ativa no Fireworks se a op o Enable File Check In and Check Out Ativar entrega e retirada de arquivo estiver ativa no Dreamweaver para o site no qual o documento reside Put Colocar copia a vers o local do arquivo para o site remoto substituindo o arquivo remoto pela c pia local Check in Entregar move o arquivo local para o site remoto substituindo o arquivo remoto pela c pia local Essa op o s estar ativa no Fireworks se a op o Enable File Check In and Check Out estiver ativa no Dreamweaver para o site no qual o documento reside Trabalho com o Macromedia Drea
229. anced Avan ado A caixa de di logo Edit Stroke exibida Para definir op es gerais do tra o de pincel 1 Na guia Options Op es da caixa de di logo Edit Stroke Editar tra o definir a quantidade de tinta o espa amento e a taxa de fluxo Taxas de fluxo mais altas criam tra os de pincel que flutuam ao longo do tempo como com um aer grafo Para sobrepor tra os de pincel por tra os densos selecionar Build up Montar Para definir a textura do tra o alterar a op o Texture Textura Quanto mais alto for o n mero mais aparente ficar a textura Para definir a textura nas bordas digitar um n mero na caixa de texto Edge Texture Textura da borda e selecionar um efeito de borda no menu pop up Edge Effect Efeito da borda Definir o n mero de pontas desejado para o tra o de pincel Para v rias pontas digitar um valor de espa amento da ponta e selecionar o m todo de varia o da cor poss vel selecionar Random Aleat ria Uniform Uniforme Complementary Complementar Hue Matiz ou Shadow Sombra Para selecionar uma linha pontilhada ou tracejada escolher uma op o no menu pop up Dash Tracejar Para definir o comprimento de tra os e espa os de uma linha pontilhada usar os tr s conjuntos de caixas de entrada de texto On In cio e Off Fim para controlar o primeiro segundo e terceiro tra os respectivamente Clicar em Apply Aplicar para aplicar as configura es a tra
230. and MX usar Edit Editar gt Copy Copiar para manter a apar ncia integral do objeto e melhorar a capacidade de edi o Para mais informa es consultar C pia e colagem de gr ficos do Fireworks no Freehand na p gina 471 Para copiar tra ados selecionados do Fireworks 1 Selecionar Edit Editar gt Copy Path Outlines Copiar contornos do tra ado ou clicar no bot o Quick Export Exporta o r pida e selecionar Copy Path Outlines no menu pop up do FreeHand Alternar para um documento aberto no FreeHand 3 Selecionar Edit gt Paste Colar para colar os tra ados Exporta o de gr ficos do Fireworks para o FreeHand poss vel exportar gr ficos do Fireworks em um formato compat vel com o FreeHand e import los para o FreeHand 472 Cap tulo 15 Uso do Fireworks com outros aplicativos Para exportar um gr fico vetorial para o FreeHand 1 No Fireworks escolher File Arquivo gt Export Exportar ou clicar no bot o Quick Export Exporta o r pida e escolher Export to FreeHand Exportar para o FreeHand no menu pop up do FreeHand Na caixa de di logo Export digitar um nome de arquivo e escolher uma pasta de destino Selecionar Illustrator 7 no menu pop up Save As Salvar como O Illustrator 7 um formato de arquivo gr fico usado na exporta o do Fireworks para outros aplicativos de gr ficos vetoriais inclusive para o Macromedia FreeHand A maioria dos aplica
231. ar Configura o de op es de exporta o de HTML q na p gina 427 o Para copiar HTML do Fireworks com o uso da op o Copy HTML Code Copiar c digo HTML 1 Seguir um destes procedimentos a Selecionar Edit Editar gt Copy HTML Code a Clicar no bot o Quick Export Exporta o r pida e no menu pop up selecionar Copy HTML Code 2 Seguir a orienta o do assistente durante a configura o da exporta o do c digo HTML e das imagens Ao ser solicitado especificar uma pasta desejada como o destino para as imagens exportadas Esse deve ser o local em que o arquivo HTML residir Se o c digo HTML for colado no Macromedia Dreamweaver n o importar a localiza o das imagens exportadas porque elas residir o no mesmo site do Dreamweaver bem como o arquivo HTML no qual o c digo ser colado OY VA YASgO O assistente exporta as imagens para o destino especificado e copia o c digo HTML para a rea de transfer ncia 420 Cap tulo 14 Otimiza o e exporta o Para copiar HTML do Fireworks com o uso da caixa de di logo Export 1 2 7 Selecionar File Arquivo gt Export Exportar Opcionalmente na exporta o para o Dreamweaver clicar no bot o Quick Export Exporta o r pida e escolher Copy HTML to Clipboard Copiar HTML para rea de transfer ncia no submenu Dreamweaver OY VAYASgO Na caixa de di logo Export
232. ar a apar ncia de um tra ado usando as ferramentas Path Scrubber Corretor de tra ado Com a utiliza o de press o e velocidade variada poss vel alterar as propriedades do tra o de um tra ado Essas propriedades incluem tamanho do tra o ngulo quantidade de tinta dispers o matiz luminosidade e satura o poss vel especificar quais as propriedades que ser o afetadas pelas ferramentas Path Scrubber Corretor de tra ado usando a guia Sensitivity Sensibilidade da caixa de di logo Edit Stroke Editar tra o Al m disso pode se especificar qual a quantidade de press o e velocidade que afeta essas propriedades Para detalhes sobre as op es de configura o da caixa de di logo Edit Stroke Editar tra o consultar Trabalho com tra os na p gina 205 Recorte de tra ados em v rios objetos A ferramenta Knife Faca permite fatiar um tra ado em dois ou mais tra ados Pd Para recortar um tra ado selecionado 1 Selecionar a ferramenta Knife Faca no painel Tools Ferramentas z Se usar a borracha das canetas Wacom a ferramenta Knife Faca ser selecionada v automaticamente m pi lt D gt Q D o 2 Seguir um destes procedimentos m Arrastar o ponteiro no tra ado a Clicar no tra ado 3 Cancelar a sele o do tra ado 156 Cap tulo 5 Trabalho com objetos vetoriais Edi o com opera es de tra ado poss vel usar opera es de tra ado no menu Modi
233. ar a ferramenta Replace Color Substituir cor no menu pop up Na caixa From De no Property inspector Inspetor de propriedades clicar em Image Imagem Clicar na fonte de cores To Para no Property inspector para selecionar o mostru rio de cores e escolher uma cor no menu pop up Definir os outros atributos de tra o no Property inspector Size Tamanho define o tamanho da ponta do pincel Shape Forma define uma forma quadrada ou redonda para a ponta do pincel Tolerance Toler ncia determina a faixa de cores a ser substitu da 0 substitui somente a cor To Para enquanto 255 substitui todas as cores similares cor To Strength Intensidade determina a por o da cor Change Alter vel a ser substitu da Colorize Colorir substitui a cor From pela cor To Desmarcar Colorize para pintar parte da cor From com a cor To mantendo a outra parte intacta Com a ferramenta clicar em uma se o da imagem bitmap que contenha a cor a ser substitu da Continuar a pintar a imagem com a ferramenta sem ergu la A cor na qual o usu rio clicou quando come ou a pintar ser substitu da pela cor especificada na fonte de cores To Corte de um bitmap selecionado E poss vel isolar um nico objeto bitmap em um documento do Fireworks e cortar apenas esse objeto mantendo os demais objetos intactos na tela 104 Cap tulo 4 Trabalho com bitmaps Para cortar uma imagem bitmap sem afetar outros objetos do documento 1 Selecion
234. ar no bot o Add Mask Adicionar m scara Hide Selection Ocultar sele o s pode ser usada com sele es de pixels Ela aplica uma m scara de pixels opacos com o uso da sele o de pixels atual Os outros pixels do objeto bitmap s o mostrados Para obter o mesmo efeito poss vel criar uma sele o de pixels e em seguida pressionar a tecla Alt Windows ou Option Macintosh e clicar no bot o Add Mask Adicionar m scara Para usar os comandos Reveal All Revelar tudo e Hide All Ocultar tudo para criar uma m scara 1 Selecionar o objeto que se deseja mascarar 2 Para criar a m scara seguir um dos seguintes procedimentos Selecionar Modify Modificar gt Mask M scara gt Reveal All Revelar tudo para mostrar o objeto Selecionar Modify gt Mask gt Hide All Ocultar tudo para ocultar o objeto 3 No painel Tools Ferramentas selecionar uma ferramenta de pintura de bitmap como Brush Pincel Pencil L pis ou Paint Bucket Lata de tinta 4 Definir as op es de ferramenta desejadas no Property inspector Inspetor de propriedades Se uma m scara Hide All Ocultar tudo estiver aplicada selecionar uma cor diferente do preto 5 Desenhar na m scara vazia Nas reas desenhadas o objeto com m scara que est embaixo fica oculto ou mostrado dependendo do tipo de m scara aplicada E Para mais informa es sobre a modifica o da apar ncia de uma m scara de 0 bitmap desenhando n
235. ar o Property inspector Inspetor de propriedades para certificar se de que se esteja editando uma m scara e para identificar o tipo de m scara em que se est trabalhando Quando uma m scara selecionada o Property inspector permite alterar a maneira como ela aplicada Se o Property inspector Inspetor de propriedades estiver minimizado o usu rio dever clicar na seta de expans o para ver todas as propriedades Por padr o as m scaras vetoriais s o aplicadas com o uso de seu contorno de tra ado O contorno do tra ado ou o texto usado como m scara Uma outra op o mostrar o preenchimento e o tra o da m scara Isso produz um resultado semelhante ao uso do comando Paste Inside Colar em para criar m scaras Para mais informa es consultar Cria o de uma m scara com base em um objeto existente na p gina 247 Uma m scara vetorial aplicada com o uso de seu contorno de tra ado com a op o Show Fill and Stroke Mostrar preenchimento e tra o ativada 264 Cap tulo 9 Camadas mascaramento e mistura A aplica o de uma m scara de bitmap com o uso de seu canal alfa permite criar uma m scara semelhante a uma m scara vetorial aplicada usando seu contorno de tra ado Ao se aplicar uma m scara com o uso de seu canal alfa a transpar ncia do objeto de m scara afeta a visibilidade do objeto que est recebendo a m scara o van E PIS EN Uma m scara de bitmap aplicada com o uso de seu canal al
236. ar o grau de efeito de agu amento de 1 a 500 Arrastar o controle deslizante Pixel Radius Raio do pixel para selecionar um raio de 0 1 a 250 Um aumento no raio resulta em uma rea maior de contraste n tido em torno de cada borda de pixel 124 Cap tulo 4 Trabalho com bitmaps 5 Arrastar o controle deslizante Threshold Limiar para selecionar um limiar de 0 a 255 Valores entre 2 e 25 s o os mais usados Um aumento no limiar agu a somente os pixels com contraste maior na imagem Uma diminui o no limiar inclui pixels de menor contraste Um limiar de O agu a todos os pixels na imagem 6 Clicar em OK Adi o de ru do a uma imagem maior parte das imagens obtidas com c meras digitais e scanners n o apresenta cores A mai te d btid digit t perfeitamente uniformes quando visualizada em grandes amplia es Em vez disso as cores exibidas consistem em pixels de v rias cores diferentes Em edi o de imagem o termo ru do se refere a essas varia es de cor aleat rias nos pixels que formam uma imagem s vezes quando parte de uma imagem colada em outra a diferen a na quantidade da varia o de cores aleat rias entre as duas imagens pode sobressair impedindo que as imagens se fundam suavemente Nesse caso pode se adicionar ru do a uma ou ambas as imagens para criar a ilus o de que ambas s o provenientes da mesma fonte O ru do tamb m pode ser adicionado por raz es art sticas com
237. ar um objeto bitmap clicando nele na tela ou em sua miniatura no painel Layers Camadas ou desenhar uma moldura de caixa de sele o com uma ferramenta de sele o de bitmap 2 Selecionar Edit Editar gt Crop Selected Bitmap Cortar bitmap selecionado As al as de corte aparecem ao redor de todo o bitmap selecionado ou ao redor da moldura da caixa de sele o caso tenha sido desenhada na etapa 1 3 Ajustar as al as de corte at que a caixa delimitadora envolva a rea da imagem bitmap que deseja manter Para cancelar uma sele o de corte pressionar Esc Ov vANaIsgo Caixa delimitadora 4 Clicar duas vezes dentro da caixa delimitadora ou pressionar Enter para cortar a sele o Todos os pixels do bitmap selecionado que estiverem fora da caixa delimitadora ser o removidos mas os outros objetos do documento permanecer o Retoque de um bitmap 105 Ajuste da cor e do tom de um bitmap O Fireworks incorpora filtros de ajuste de cor e de tom que melhoram e intensificam as cores nas imagens bitmap poss vel ajustar o contraste e o brilho a faixa tonal o matiz e a satura o de cor das imagens A aplica o de filtros como Live Filters Filtros ao vivo no Property inspector Inspetor de propriedades um processo n o destrutivo Os Live Filters n o alteram permanentemente os pixels poss vel remov los ou edit los a qualquer momento Para aplicar filtros de uma forma permanente
238. ara redimensionar proporcionalmente a moldura da rea de exporta o Manter pressionada a tecla Alt no Windows ou a tecla Option no Macintosh e arrastar uma al a para redimensionar a moldura a partir do centro Manter pressionadas as teclas Alt e Shift no Windows ou Options e Shift no Macintosh e arrastar uma al a para limitar as propor es e redimensionar a partir do centro Clicar duas vezes dentro da moldura da rea de exporta o para ir para Image Preview Visualiza o de imagem Ajustar as configura es em Image Preview e clicar em Export Exportar Na caixa de di logo Export digitar um nome de arquivo e selecionar uma pasta de destino No menu pop up Export selecionar Images Only Somente imagens Clicar em Export Ov vANIsgo Para cancelar sem exportar clicar duas vezes fora da moldura da rea de exporta o pressionar Esc ou selecionar outra ferramenta Exporta o de HTML A exporta o de um documento fatiado do Fireworks na verdade exporta um arquivo HTML e suas imagens a menos que haja outra especifica o O Fireworks gera HTML puro que pode ser lido pela maioria dos navegadores da Web e editores de HTML H uma s rie de meios para se exportar HTML do Fireworks Exporta o do Fireworks 415 m Exportar um arquivo HTML que pode ser aberto posteriormente para edi o em um editor de HTML m Copiar o c digo HTML para a rea de transfer ncia n
239. aracter sticas do estilo O Fireworks cont m v rios estilos predefinidos poss vel 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 podem ser importados para o Fireworks poss vel tamb m exportar estilos e compartilh los com outros usu rios do Fireworks ou importar estilos de outros documentos do Fireworks o N o poss vel aplicar estilos a objetos bitmap Ov vadasa 274 Cap tulo 10 Uso de estilos s mbolos e URLs Aplica o de um estilo O painel Styles Estilos permite criar armazenar e aplicar estilos a objetos ou texto Painel Styles Depois de aplicado a um objeto o estilo poder ser atualizado sem afetar o objeto original O Fireworks n o mant m um registro do estilo que foi aplicado a um objeto Se um estilo personalizado for exclu do ele n o poder ser recuperado entretanto qualquer objeto que esteja usando o estilo atualmente manter seus atributos Se um estilo fornecido no Fireworks for exclu do ele poder ser recuperado assim como todos os outros estilos exclu dos usando se o comando Reset Styles Redefinir estilos no menu Options Op es do painel Styles No entanto a redefini o de estilos tamb m exclui os estilos personalizados Para aplicar um estilo a um objeto ou bloco de texto selecionado 1 Selecionar Window Janela gt Styles Es
240. aracteres de texto e aprimorando as reas detalhadas dos caracteres Smooth Anti Alias Suavizar serrilhado cria uma transi o suave entre as bordas do texto e do fundo System Anti Alias Suaviza o de serrilhado do sistema usa o m todo de suaviza o de texto fornecido pelo Windows XP ou Mac OS X Custom Anti Alias Suaviza o de serrilhado personalizado oferece os seguintes controles especializados para a suaviza o de serrilhado Oversampling Superamostragem determina a quantidade de detalhes usados para a cria o da transi o entre as bordas do texto e do fundo Sharpness Precis o determina a suavidade da transi o entre as bordas do texto e o fundo Strength Intensidade determina quanto as bordas do texto se misturam com o fundo Para aplicar uma borda com serrilhado suavizado ao texto selecionado m No Property inspector Inspetor de propriedades selecionar uma das op es do menu pop up Anti Aliasing Suaviza o de serrilhado Quando abrir arquivos vetoriais como arquivos do FreeHand no Fireworks o texto apresentar suaviza o de serrilhado Para editar esse atributo use o Property inspector Para mais informa es consultar Abertura de gr ficos criados em outros aplicativos na p gina 21 Ov vAaNaIsgo Expans o e contra o da largura de caractere poss vel expandir ou contrair a largura de caractere do texto horizontal usando a op o Horizontal Scale Esca
241. arefas preliminares Para mais informa es consultar Configura o de op es de inicializa o e edi o na p gina 453 go OY VA NAS Talvez seja exibido um erro no Dreamweaver caso o usu rio aninhe outra tabela na tabela original gerada pelo Fireworks e tente editar essa tabela usando a edi o do Roundtrip no Dreamweaver Para mais informa es consultar a nota t cnica 19231 no site da Macromedia na Web Para abrir e editar uma tabela do Fireworks colocada no Dreamweaver 1 No Dreamweaver escolher Window Janela gt Properties Propriedades para abrir o Property inspector Inspetor de propriedades caso ainda n o esteja aberto Seguir um destes procedimentos m Clicar na tabela e em seguida clicar na tag TABLE na barra de status para selecionar a tabela inteira O Property inspector identifica a sele o como uma tabela do Fireworks e exibe o nome do arquivo PNG de origem da tabela Em seguida clicar em Edit Editar no Property inspector m Clicar no canto superior esquerdo da tabela para selecion la e em seguida clicar em Edit no Property inspector Selecionar uma imagem na tabela e clicar em Edit no Property inspector m Pressionar Control Windows ou Command Macintosh e clicar duas vezes na imagem a ser editada m Clicar com o bot o direito do mouse Windows ou pressionar a tecla Control Macintosh e clicar na imagem e escolher Edit with Fireworks Editar com
242. arquivo HTML Se o usu rio n o optar por usar c digo CSS para os menus pop up ser usado JavaScript Nesse caso um documento do Fireworks com os menus pop up ser exportado para HTML e um arquivo JavaScript denominado mm menu js ser exportado para o mesmo local do arquivo HTML Quando os arquivos s o carregados necess rio carregar o mm menu js ou o mm menu js para JavaScript no mesmo local do diret rio da p gina da Web que cont m o menu pop up Para enviar o arquivo para um local diferente preciso atualizar o hiperlink que faz refer ncia ao arquivo mm menu js e ao arquivo css ou mm menu js no c digo HTML do Fireworks para refletir o local personalizado Para cada documento com menus pop up CSS exportado como HT ML e imagens do Fireworks exportado um arquivo css exclusivo Por exemplo vamos supor que fred png e frida png contenham menus pop up e ambos sejam exportados para a mesma pasta usando c digo CSS para os menus pop up O resultado ser um nico arquivo mm css menu js e dois arquivos css um denominado fred css e ou outro frida css Quando s o inclu dos submenus o Fireworks gera um arquivo de imagem denominado arrows gif Essa imagem a pequena seta que aparece ao lado do item de menu e indica a exist ncia de um submenu Independentemente da quantidade de submenus em um documento o Fireworks sempre usa o mesmo arquivo arrows gif Para mais informa es sobre a exporta o de HTML consultar
243. arquivos gr ficos Para mais informa es sobre fatias m Gi 4 dad 7 consultar Cria o de objetos de fatia na p gina 295 lt gt Q D o Os pontos ativos s o ideais quando se deseja vincular reas de uma imagem a outras p ginas da Web n o sendo necess rio por m real ar aquelas reas ou produzir efeitos de rollover em resposta movimenta o ou a es do mouse Os pontos ativos e mapas de imagem tamb m s o ideais quando o gr fico no qual foram colocados os pontos ativos for exportado melhor como um arquivo gr fico simples em outras palavras a exporta o do gr fico inteiro ser melhorada com o uso do mesmo formato de arquivo e das mesmas configura es de otimiza o Trabalho com pontos ativos e mapas de imagem 321 Cria o de pontos ativos Depois de identificar as reas em um gr fico de origem que seriam pontos de navega o satisfat rios criar os pontos ativos e em seguida atribuir v nculos URL menus pop up mensagens da barra de status e texto alternativo a eles H duas maneiras de se criar pontos ativos m poss vel desenhar o ponto ativo em volta de uma rea de destino no gr fico com o uso das ferramentas Hotspot Ponto ativo Rectangle Ret ngulo Circle C rculo ou Polygon Pol gono m poss vel selecionar um objeto e inserir o ponto ativo sobre ele Um ponto ativo n o necessita sempre ser um ret ngulo ou um c rculo Tamb m pos
244. arte superior inferior esquerda ou direita da janela do aplicativo at que o ret ngulo de visualiza o de posicionamento apare a Navega o e exibi o de um documento E poss vel controlar a amplia o o n mero de exibi es e o modo de exibi o de um documento Tamb m poss vel enquadrar facilmente a exibi o de um documento o que til quando ele ampliado e a tela n o pode mais ser vista por inteiro Uso de guias de documentos Windows Quando um documento maximizado poss vel escolher facilmente entre v rios documentos abertos usando as guias dos documentos que aparecem na parte superior da janela do documento Cada documento aberto exibe seu nome de arquivo em uma guia que aparece acima dos bot es de exibi o Natale png Noah png Kelly png Dale png 2 Original B Preview T 2Up EB 4up TO Ambiente de trabalho do Fireworks 43 Para selecionar um documento diferente quando o documento atual estiver maximizado m Clicar na guia do documento a ser exibido Zoom e enquadramento O Fireworks permite aumentar ou reduzir de acordo com uma porcentagem de amplia o predefinida ou definida pelo usu rio Select Untitled 1 png k R J Original Preview 7 2 Up EB 4 Up B Colors 2 8 LAVA g Bam v view b00 j 2 q IF 660x440 100 Zoom ferramenta Zoom menu pop up Hand M o ferramenta Para aumentar de acordo com incrementos predefinidos seguir um destes proc
245. ary Biblioteca do Dreamweaver no menu pop up Save As Type Salvar como tipo Save in B sitel v Ia index_r2_c3_f2 gif index r2 c7 F2 gif m index_r2_c3_f3 gif index r2 c7 F3 gif D index_r2_c5 gif index_r2_c9 gif jo index r2 c5 F2 gif q index r2 c9 F2 gif index 12 c5 F3 gif index r2 co Fa gif m index 12 c7 gif index r2 ciO gif e File name index lbi gt e pm index r3 c3 gif index index r4 c3 gif index index r ce jpg index index r4 cil gif a index r index r5 c3 gif index index r5 c4 gif index Save Save as type Dreamweaver Library Ibi HTML Slices None nclude Areas without Slice C Put Images in Subfolder v Cancel Trabalho com o Macromedia Dreamweaver 445 Selecionar a pasta Library Biblioteca no site do Dreamweaver como o local no qual os arquivos devem ser colocados Caso essa pasta n o exista usar a caixa de di logo Select Folder Selecionar pasta para criar ou localizar a pasta Atribuir pasta o nome Library o uso de mai sculas ou min sculas importante j que o Dreamweaver faz essa distin o z O Dreamweaver n o reconhece o arquivo exportado como um item de biblioteca a 0 menos que ele seja salvo na pasta Library m P lt D gt QO gt o 3 Na caixa de di logo Export Exportar digitar um nome de arquivo 4 Se a imagem contiver fatias escolher op es de f
246. as com o uso desse painel Tamb m poss vel incorporar interatividade a p ginas da Web com pontos ativos Os pontos ativos s o usados para criar um mapa de imagem o c digo HTML que define uma regi o ativa em um documento HTML Essas regi es n o necessariamente s o vinculadas a lugar algum elas podem simplesmente acionar um comportamento ou definir um texto alternativo Os pontos ativos tamb m recebem eventos de mouse permitindo a execu o de comportamentos de JavaScript nas fatias Este cap tulo cont m os seguintes t picos Ciacho e edicagde falaS cspamars bes nann E AEE RAE dd 294 Transforma o de fatias em objetos interativos saaaaa nnana n nna 303 Prepara o de fatias para exporta o na suaran arnnnnannn rn nnn nnn 314 Trabalho com pontos ativos e mapas de imagem ccciciici ici 321 293 Cria o e edi o de fatias O fatiamento corta um documento do Fireworks em peda os menores e exporta cada fatia como um arquivo separado Na exporta o o Fireworks tamb m cria um arquivo HTML com o c digo da tabela para remontar o gr fico em um navegador O fatiamento corta um documento em v rias partes que s o exportadas como arquivos separados O fatiamento de uma imagem apresenta pelo menos tr s grandes vantagens Otimiza o Um dos desafios do design gr fico para a Internet garantir que as imagens sejam descarregadas rapidamente sem prejudicar sua qualidade O
247. as do Fireworks 449 iniciar e otimizar imagens do Fireworks 451 notas de projeto 455 Optimize Image in Fireworks Otimizar imagem no Fireworks comando 451 prefer ncia de editor externo 455 prefer ncias de inicializa o e edi o 457 interatividade 17 interpola o dimensionar 520 interpolar caracter sticas 371 defini o 371 objetos 371 Intersect Interse o comando 158 Invert Inverter filtro 118 inverter objetos 84 J JavaScript 7 JPEG salvar 32 JPEGs progressivos 405 K kerning 172 Knife Faca ferramenta 156 L L Shape Forma de L ferramenta 132 Layers Camadas painel 38 exibir fatias 298 nomear fatias 316 Levels N veis recurso para ajustar a faixa tonal 107 Library Biblioteca painel 279 inserir s mbolos de bot o 335 limites 205 linhas 128 Consultar tamb m tra os Live Filters Filtros ao vivo aplicar 233 aplicar a objetos 225 ativar ou desativar 226 criar 232 editar 230 em bot es 333 Fill color Cor do preenchimento 272 plug ins do Photoshop 229 remover 231 renomear 233 reordenar 231 localizar e substituir 494 arquivos processados em lote 506 cores 497 cores n o websafe 498 fontes 497 selecionar a origem da pesquisa 494 texto 496 URLs 498 usos 494 v rios arquivos 495 M Macromedia Director 7 colocar arquivos do Fireworks em 475 exportar para 475 membros de elenco 478 Macromedia Dreamweaver 7 arquivos 437 bibliotecas 444 comportamentos 450 comportamentos
248. as no topo de cada anima o para exportar cada uma delas usando configura es de anima o diferentes como ciclo e retardo de moldura Para informa es sobre a exporta o para v rios arquivos consultar Exporta o de uma moldura ou camada na p gina 414 Para mais informa es sobre a exporta o de anima es como arquivos SWF do Flash consultar Trabalho com o Macromedia Flash na p gina 458 Para exportar uma anima o como um GIF animado 1 Selecionar Edit Editar gt Deselect Cancelar sele o para cancelar a sele o de todos os objetos e fatias e escolher Animated GIF GIF animado como o formato de arquivo no painel Optimize Otimizar Para mais informa es sobre otimiza o consultar Otimiza o de arquivos GIF PNG TIFE BMP e PICT na p gina 391 2 Selecionar File Arquivo gt Export Exportar 3 Na caixa de di logo Export digitar um nome para o arquivo e selecionar o destino 4 Clicar em Export Para exportar v rias anima es com configura es de anima o diferentes como GIFs animados 1 Pressionar a tecla Shift e clicar nas anima es para selecionar todas elas 2 Selecionar Edit Editar gt Insert Inserir gt Slice Fatia Aparece uma caixa de mensagem solicitando confirmar se deseja inserir uma ou v rias fatias 3 Clicar em Multiple V rios 4 Selecionar cada fatia individualmente e usar o painel Frames Molduras para definir configura es d
249. atiamento Para mais informa es consultar a Ajuda do Fireworks 5 Selecionar Put Images in Subfolder Colocar imagens na subpasta para escolher uma pasta e salvar as imagens nela 6 Clicar em Save Edi o de arquivos do Fireworks no Dreamweaver O Roundtrip HTML um recurso eficiente que integra o Fireworks e o Dreamweaver Ele permite fazer altera es em um aplicativo e refleti las perfeitamente em outro Com o Roundtrip HT ML o usu rio utiliza a integra o de inicializa o e edi o para editar imagens e tabelas geradas no Fireworks e colocadas em um documento do Dreamweaver O Dreamweaver abre automaticamente o arquivo PNG de origem do Fireworks referente imagem ou tabela colocada permitindo edi es no Fireworks As atualiza es efetuadas no Fireworks s o aplicadas imagem ou tabela quando o usu rio retorna ao Dreamweaver S Antes de trabalhar com o Roundtrip HTML necess rio executar algumas tarefas 0 preliminares Para mais informa es consultar Configura o de op es de u inicializa o e edi o na p gina 453 lt D gt Q D o 446 Cap tulo 15 Uso do Fireworks com outros aplicativos Sobre o Roundtrip HTML O Fireworks reconhece e preserva a maioria dos tipos de edi es efetuadas em um documento do Dreamweaver incluindo v nculos alterados mapas de imagem editados textos e HTML editados em fatias HT ML al m de comportamentos compart
250. atias ajustar o tamanho das fatias e redefinir a torta com uma fatia poss vel adicionar tantas se es quantas desejadas usando pontos de controle Para cada nova se o o Fireworks adiciona um ponto de controle para redimensionar ou dividir a nova se o Para adicionar se es a uma torta selecionada m Arrastar com a tecla Alt Windows ou arrastar com a tecla Option Macintosh um ponto de controle de arrastar para segmento no per metro externo da forma Para redimensionar uma fatia de uma torta selecionada m Arrastar um ponto de controle de arrastar para segmento no per metro externo da forma Para redefinir a torta selecionada com uma fatia m Clicar no ponto de controle de redefini o Ajuste de Auto Shapes de forma de L As formas de L t m quatro pontos de controle H pontos de controle para ajustar o comprimento e a largura de cada se o da forma de L e para ajustar o arredondamento da curva Para alterar o comprimento ou a largura da se o de uma forma de L selecionada m Arrastar um dos dois pontos de controle de comprimento largura Para ajustar o arredondamento dos cantos de uma forma de L selecionada m Arrastar o ponto de controle do raio do canto Ajuste de Auto Shapes de pol gono inteligente Inicialmente Smart Polygons Pol gonos inteligentes s o exibidos como pent gonos com quatro pontos de controle H pontos de controle para redimensionar e girar adicionar ou remover segmentos
251. aticamente na caixa de di logo Export Alterar as op es caso desejado 2 Selecionar um local para armazenar os arquivos exportados digitar um nome de arquivo e clicar em Export Exportar Para iniciar outro aplicativo Macromedia com o uso do bot o Quick Export m Clicar no bot o Quick Export Exporta o r pida e selecionar a op o Launch Iniciar no submenu do aplicativo 430 Cap tulo 14 Otimiza o e exporta o Personaliza o do menu pop up Quick Export Se tiver conhecimento de JavaScript e XML o usu rio poder adicionar outras op es ao menu pop up Quick Export Exporta o r pida Para adicionar op es ao menu pop up Quick Export 1 Criar arquivos JSF personalizados e arrast los na pasta Quick Export Menu do disco r gido S O local exato dessa pasta varia conforme o sistema operacional A pasta Quick 0 Export Menu encontra se dentro da subpasta English da pasta do aplicativo uu Fireworks nos sistemas Windows Nos sistemas Macintosh essa pasta fica x localizada em Contents Resources English lproj no pacote de aplicativos do 2 Fireworks Para mais informa es sobre pacotes de aplicativos consultar Exibi o O do conte do do pacote somente Macintosh na p gina 529 2 Editar o arquivo Quick Export Menu xml incluindo as refer ncias aos novos arquivos JSF Ao iniciar o Fireworks novamente as novas op es criadas ser o adicionadas ao menu pop up Quick Export
252. baixo Organiza o de objetos 89 Para distribuir igualmente as larguras ou as alturas de tr s ou mais objetos selecionados m Selecionar Modify Modificar gt Align Alinhar gt Distribute Widths Distribuir larguras ou Modify gt Align gt Distribute Heights Distribuir alturas Sobre a organiza o de objetos entre camadas O painel Layers Camadas oferece outra dimens o de controle organizacional poss vel mover objetos selecionados de uma camada para outra arrastando a miniatura do objeto ou o indicador azul de sele o no painel Layers para outra camada Para mais informa es consultar Organiza o de camadas na p gina 239 90 Cap tulo 3 Sele o e transforma o de um objeto CAP TULO 4 Trabalho com bitmaps Bitmaps s o gr ficos compostos de pequenos quadrados coloridos chamados de pixels que se combinam como os ladrilhos de um mosaico para criar uma imagem Exemplos de gr ficos de bitmap incluem fotografias imagens digitalizadas e gr ficos criados em programas de pintura s vezes esses itens s o chamados de imagens de varredura O Macromedia Fireworks 8 combina a funcionalidade de aplicativos de edi o de fotos desenho de vetor e pintura H v rias op es para criar imagens bitmap desenhar e pintar com ferramentas de bitmap converter objetos vetoriais em imagens bitmap ou abrir ou importar imagens O Fireworks disp e de um sofisticado conjunto de Live Filters Filtr
253. bitmap para outro na mesma camada ou em uma camada diferente Tamb m poss vel transferir a sele o da moldura para uma m scara Para transferir uma sele o de moldura para outro objeto bitmap 1 Fazer uma sele o desenhando a moldura 2 No painel Layers Camadas selecionar outro objeto bitmap na mesma camada ou em outra camada A moldura transferida para esse objeto E O Fireworks trata m scaras e objetos mascarados como objetos separados Para mais informa es sobre m scaras consultar Mascaramento de imagens u na p gina 244 lt D gt QO D o Salva de sele es de molduras poss vel salvar o tamanho a forma e o local de uma sele o para reaplic los futuramente Tamb m poss vel salvar v rias sele es de molduras 74 Cap tulo 3 Sele o e transforma o de um objeto Para salvar uma sele o de moldura 1 6 Escolher Select Selecionar gt Save Bitmap Selection Salvar sele o de bitmap para abrir a caixa de di logo Save Selection Salvar sele o A caixa Document Documento exibe o nome do documento ativo no qual a sele o de moldura ser salva poss vel manter o nome existente ou selecionar outro nome no menu pop up caso seja prefer vel salvar a sele o de moldura em outro documento aberto A caixa Selection Sele o exibe o nome da sele o ativa no documento ativo No caso de uma nova sele o por padr
254. bolo o original editado as ocorr ncias c pias s o automaticamente alteradas para refletir as modifica es no s mbolo Os s mbolos s o muito teis sempre que se deseja reutilizar um elemento gr fico poss vel colocar ocorr ncias em v rios documentos do Fireworks e manter a associa o ao s mbolo Os s mbolos s o teis para criar bot es e animar objetos em diversas molduras Para mais informa es sobre os recursos adicionais incorporados aos recursos de anima o e bot o consultar Cria o de s mbolos de anima o na p gina 361 e Cria o de s mbolos de bot es na p gina 330 Cria o de um s mbolo poss vel criar s mbolos de gr fico anima o e bot o usando o submenu Edit gt Insert Inserir poss vel criar um s mbolo tendo como base qualquer objeto bloco de texto ou grupo e em seguida organiz los no painel Library Biblioteca Para colocar ocorr ncias em um documento basta arrast las do painel Library para a tela Para criar um novo s mbolo tendo como base um objeto selecionado 1 Selecionar o objeto e escolher Modify Modificar gt Symbol S mbolo gt Convert to Symbol Converter em s mbolo 2 Digitar um nome para o s mbolo na caixa de texto Name Nome da caixa de di logo Symbol Properties Propriedades do s mbolo 3 Selecionar um tipo de s mbolo gr fico anima o ou bot o Em seguida clicar em OK O s mbolo aparece na biblioteca o objeto
255. bot o para o painel Library de um documento seja de uma biblioteca ou de outro documento do Fireworks Cria o de s mbolos de bot es 335 Para importar s mbolos de bot o para o painel Library de um documento seguir um dos seguintes procedimentos m Arrastar e soltar uma ocorr ncia de bot o de outro documento do Fireworks no documento atual m Recortar e colar uma ocorr ncia de bot o de outro documento do Fireworks no documento atual m Importar s mbolos de bot o de um arquivo PNG do Fireworks m Exportar os s mbolos de bot o de outro documento do Fireworks para um arquivo de biblioteca PNG e em seguida importar os s mbolos de bot o do arquivo de biblioteca PNG para o documento m Selecionar Edit Editar gt Libraries Bibliotecas e importar os s mbolos de bot o das bibliotecas de bot es no submenu para o painel Library Biblioteca do documento Essas bibliotecas cont m uma grande variedade de s mbolos de bot o predefinidos preparados pela Macromedia Os s mbolos de bot o s o importados e exportados da mesma forma que as anima es e os s mbolos gr ficos Para mais informa es consultar Importa o de s mbolos na p gina 284 e Exporta o de s mbolos na p gina 285 Edi o de s mbolos de bot o Os s mbolos de bot o do Fireworks s o um tipo especial de s mbolo Eles possuem dois tipos de propriedades a edi o de uma ocorr ncia do s mbolo pode alterar as propriedades em
256. cado ao texto e n o ao tra ado Posteriormente se o texto for separado do tra ado esse tra ado recuperar seus atributos de tra o preenchimento e filtro 9 Anexar texto que cont m quebras de linha condicionais ou incondicionais pode produzir v resultados inesperados Pu lt D gt Q D o 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 Re feras O texto em um tra ado que retorna e repete a forma do tra ado Para incluir texto em um tra ado 1 Manter pressionada a tecla Shift e selecionar um bloco de texto e um tra ado 2 Selecionar Text Texto gt Attach to Path Anexar ao tra ado Para separar o texto de um tra ado selecionado m Selecionar Text Texto gt Detach from Path Separar a partir do tra ado Anexa o de um texto a um tra ado 181 Edi o de tra ados e textos anexados a tra ados poss vel editar o texto anexado a um tra ado Al m disso poss vel editar a forma do tra ado Para editar o texto anexado a um tra ado seguir um destes procedimentos m Clicar duas vezes no objeto de texto em um tra ado com a ferramenta Pointer Ponteiro ou Subselection Selecionar secund rio m Selecionar a ferramenta Text Texto e o texto a ser editado Para editar a forma do tra ado 1 Coma ferramenta Subselection Selecionar secund rio selecionar o objeto de tex
257. caixas de texto Pixel Dimensions Dimens es dos pixels digitar as novas dimens es horizontal e vertical E poss vel alterar as unidades de medida Se a op o Resample Image Criar nova amostra da imagem n o estiver marcada ser poss vel alterar a resolu o ou o tamanho da impress o mas n o as dimens es dos pixels Nas caixas de texto Print Size Tamanho da impress o digitar as dimens es horizontal e vertical para a imagem impressa Na caixa de texto Resolution Resolu o digitar uma nova resolu o para a imagem E poss vel selecionar entre pixels por polegada e pixels por cent metro como as unidades ou selecionar Resample Image A altera o da resolu o tamb m altera as dimens es dos pixels Seguir um destes procedimentos Ambiente de trabalho do Fireworks 49 m Para manter a mesma propor o entre as dimens es horizontal e vertical do documento selecionar Constrain Proportions Limitar propor es m Cancelar a sele o de Constrain Proportions para redimensionar a largura e a altura independentemente 6 Selecionar Resample Image para adicionar ou remover pixels ao redimensionar a imagem a fim de obter uma apar ncia semelhante em um tamanho diferente 7 Clicar em OK Sobre cria o de nova imagem O Fireworks cria novas amostras de imagens diferentemente da maioria dos aplicativos de edi o de imagem O Fireworks cont m objetos de imagens bitmap baseados em pixels e objetos vetor
258. cal da tela Com o bot o do mouse pressionado liberar a barra de espa os q rw Continuar arrastando para desenhar a sele o Adi o a uma sele o de pixels Depois de desenhar uma moldura de sele o com uma ferramenta de sele o de bitmap poss vel adicion la sele o com a mesma ferramenta ou com outra ferramenta semelhante Para adicionar a uma sele o de pixels existente 1 Selecionar uma ferramenta de sele o de bitmap 2 Manter a tecla Shift pressionada e desenhar molduras de sele o adicionais 3 Repetir as etapas 1 e 2 com qualquer ferramenta de sele o de bitmap para continuar a adi o sele o Molduras sobrepostas se unem para formar uma moldura cont nua Subtra o de pixels de uma sele o poss vel subtrair pixels de uma sele o ou perfurar partes de uma sele o definindo reas de pixel dentro da moldura original que n o far o mais parte da sele o Para subtrair pixels de uma sele o m Manter pressionada a tecla Alt Windows ou Option Macintosh e usar uma ferramenta de sele o de bitmap para selecionar a rea de pixel a ser perfurada Cria o de uma moldura a partir de interse es de molduras poss vel selecionar pixels em uma moldura existente desenhando uma moldura que se sobreponha original Para selecionar uma rea de pixels definida pela interse o de duas molduras 1 Manter as teclas Alt Shift Windows ou Option Shift Macinto
259. calizado Para especificar as prefer ncias de inicializa o e edi o para o Fireworks 1 No Fireworks escolher Edit Editar gt Preferences Prefer ncias No Mac OS X escolher Fireworks gt Preferences Ov vANaIsgo 2 Clicar na guia Launch and Edit Iniciar e editar no Windows ou escolher Launch and Edit no menu pop up no Macintosh 3 Especificar as op es a serem usadas durante a edi o ou a otimiza o de imagens do Fireworks colocadas em um aplicativo externo Always Use Source PNG Usar sempre PNG de origem abre automaticamente o arquivo PNG do Fireworks definido na nota de projeto como a origem da imagem colocada S o feitas atualiza es no PNG de origem e na imagem colocada correspondente Never Use Source PNG Nunca usar PNG de origem abre automaticamente a imagem do Fireworks colocada independentemente da exist ncia de um arquivo PNG de origem S s o feitas atualiza es na imagem colocada 456 Cap tulo 15 Uso do Fireworks com outros aplicativos Mm Ask When Launching Perguntar quando iniciar permite especificar a abertura ou n o do arquivo PNG de origem em cada situa o Quando o usu rio edita ou otimiza uma imagem colocada o Fireworks exibe uma mensagem solicitando dele uma decis o de inicializa o e edi o Tamb m poss vel especificar prefer ncias globais de inicializa o e edi o nesse prompt Uso do bot o File Management O bot o File M
260. capacidade de edi o ou optar por manter apenas a apar ncia quando os objetos t m efeitos aplicados ou outras propriedades que n o est o dispon veis no Flash Ele tamb m pode desistir da capacidade de edi o e optar por importar o arquivo PNG do Fireworks como uma nica imagem bitmap nivelada Para importar um PNG Fireworks para o Flash 1 Salvar o documento desejado no Fireworks Para mais informa es sobre como salvar arquivos consultar a Ajuda do Fireworks 2 Alternar para um documento aberto no Flash 3 Opcional Clicar na moldura principal ou na camada para a qual o conte do do Fireworks dever ser importado Essa etapa s necess ria quando o usu rio planeja importar o arquivo PNG como um s mbolo de biblioteca clipe de filme 4 Selecionar File Arquivo gt Import Importar 5 Navegar at a caixa de di logo Import Importar selecionar arquivo PNG desejado e clicar em OK Trabalho com o Macromedia Flash 459 A caixa de di logo Fireworks PNG Import Settings Configura es de importa o de PNG do Fireworks aparece Fireworks PNG Import Settings File Structure 3 Import as movie clip and retain layers O Import into new layer in current scene Objects Rasterize if necessary to maintain appearance O Keep all paths editable Text 3 Rasterize if necessary to maintain appearance O Keep all text editable C Import as a single flattened bitmap 6 Selecionar uma op o File
261. car que ele foi pressionado Esse estado de bot o normalmente representa a p gina da Web atual em barras de navega o com v rios bot es 330 Cap tulo 12 Cria o de bot es e menus pop up O estado Over While Down Sobre durante o estado Abaixo indica a apar ncia quando o ponteiro passa sobre um bot o no estado Down Abaixo Esse estado de bot o geralmente mostra que o ponteiro est sobre o bot o da p gina da Web atual em barras de navega o com v rios bot es Com o Button Editor Editor de bot o poss vel criar todos esses diferentes estados do bot o bem como uma rea para iniciar a a o do bot o Uso do Button Editor O Button Editor Editor de bot o o local de cria o e edi o de um s mbolo de bot o em JavaScript no Fireworks As guias no topo do Button Editor correspondem aos quatro estados do bot o e rea ativa As dicas em cada op o do Button Editor ajudam a tomar decis es de design para todos os quatro estados do bot o Cria o de um bot o simples com dois estados Com o Button Editor Editor de bot o poss vel criar bot es personalizados desenhando formas importando imagens gr ficas ou arrastando objetos da janela do documento Em seguida o Button Editor orienta o usu rio durante as etapas de controle do comportamento do bot o Para criar um estado Up 1 Selecionar Edit Editar gt Insert Inserir gt New Button Novo bot o para abrir o Button Editor Ed
262. ce no painel Tools Ferramentas e suas op es s o exibidas no Property inspector Inspetor de propriedades Ambiente de trabalho do Fireworks 35 Uso do Property inspector O Property inspector Inspetor de propriedades um painel contextual que exibe as propriedades da sele o atual as op es da ferramenta atual ou as propriedades do documento Por padr o o Property inspector encaixado na parte inferior do espa o de trabalho poss vel abrir o Property inspector com metade da altura exibindo duas linhas de propriedades ou com a altura total exibindo quatro linhas Tamb m poss vel recolher completamente o Property inspector sem retir lo da rea de trabalho a A maioria dos procedimentos no manual Usando o Fireworks sup e que o Property 0 inspector esteja exibido com toda a altura m pe lt D gt O D o Para desencaixar o Property inspector m Arrastar o grampo no canto superior esquerdo para outra parte do espa o de trabalho Para encaixar o Property inspector na parte inferior do espa o de trabalho somente Windows m Arrastar a barra lateral no Property inspector Inspetor de propriedades para a parte inferior da tela Para expandir o Property inspector da metade da altura para toda a altura revelando outras op es seguir um destes procedimentos m Clicar na seta de expans o no canto inferior direito do Property inspector Inspetor de propriedades m Clicar no
263. cess rio selecion lo Isso se aplica a um objeto vetorial um tra ado ou pontos um bloco de texto uma palavra ou uma letra uma fatia ou um ponto ativo uma ocorr ncia ou um objeto bitmap poss vel usar qualquer um destes recursos para selecionar objetos O painel Layers Camadas exibe cada objeto poss vel clicar em um objeto no painel Layers para que ele seja selecionado quando aberto e para que as camadas sejam estendidas Para mais informa es consultar Cap tulo 9 Camadas mascaramento e mistura na p gina 235 R A ferramenta Pointer Ponteiro seleciona objetos quando o usu rio clica neles ou arrasta uma rea de sele o ao redor dos objetos R A ferramenta Subselection Selecionar secund rio seleciona um objeto individual dentro de um grupo ou os pontos de um objeto vetorial 59 m A ferramenta Select Behind Selecionar atr s seleciona um objeto que est atr s de outro le A ferramenta Export Area rea de exporta o seleciona uma rea a ser exportada como um arquivo separado Para mais informa es sobre a sele o de reas de pixels espec ficas em uma imagem bitmap consultar Sele o de um pixel na p gina 64 Uso da ferramenta Pointer A ferramenta Pointer Ponteiro seleciona objetos quando o usu rio clica neles ou arrasta uma rea de sele o ao redor de todos os objetos ou parte deles Para selecionar um objeto por meio de um clique seguir um de
264. chimentos s lidos Adi o de textura a tra os e preenchimentos poss vel adicionar efeitos tridimensionais tanto a tra os quanto a preenchimentos atrav s da adi o de textura O Fireworks oferece v rias texturas mas tamb m permite o uso de texturas externas 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 uma apar ncia menos mec nica e mais org nica como se a superf cie texturizada estivesse recebendo tinta As texturas s o mais eficazes quando usadas com tra os largos poss vel adicionar uma textura a qualquer tra o O Fireworks oferece v rias op es de textura como Chiffon Oilslick Mancha de leo e Sandpaper Lixa Usar as op es de tra o do Property inspector Inspetor de propriedades ou da janela pop up Stroke Options Op es de tra o para adicionar uma textura a um tra o de pincel Para adicionar textura ao tra o de um objeto selecionado 1 Seguir um destes procedimentos para abrir o menu pop up Stroke Texture Textura do tra o m Clicar no menu pop up Stroke Texture no Property inspector No painel Tools Ferramentas clicar na caixa Stroke Color Cor do tra o em Stroke Options Op es de tra o e em seguida clicar no menu pop up Texture Textura Adi o de textura a tra os e preenchimentos 219 2 Seguir um destes procedimentos m Selecionar uma textura no menu pop up Selecionar Other Out
265. cia exata da imagem do Fireworks Trabalho com o Adobe Photoshop 489 Maintain Fireworks Appearance Manter apar ncia do Fireworks converte cada objeto em uma camada individual do Photoshop e torna efeitos e textos n o edit veis Selecionar essa op o para manter o controle sobre os objetos do Fireworks no Photoshop e preservar a apar ncia original da imagem do Fireworks Smaller Photoshop File Menor arquivo do Photoshop nivela cada camada em uma imagem totalmente processada Selecionar essa op o para exportar um arquivo com muitos objetos do Fireworks Custom Personalizar permite escolher configura es espec ficas para objetos efeitos e textos 4 Clicar em Save Salvar para exportar o arquivo do Photoshop N o poss vel abrir arquivos do Photoshop 5 5 e de vers es anteriores com mais de 100 camadas necess rio excluir ou mesclar objetos caso o documento do Fireworks a ser exportado tenha mais de 100 objetos Ov vAaHaIsgo Personaliza o de arquivos para exportar para o Photoshop Ao exportar um arquivo para o Photoshop poss vel escolher configura es personalizadas para exportar objetos efeitos e textos Para personalizar configura es para exportar para o Photoshop 1 Na caixa de di logo Export Exportar com a op o Photoshop PSD selecionada como o tipo de arquivo de exporta o escolher Custom Personalizar no menu Settings Configura es 2 No menu pop up Ob
266. cia visual Selecionar Multiple Nav Bar HTML Pages V rias p ginas HTML da barra de navega o durante a exporta o de uma barra de navega o que vincula v rias p ginas Ao selecionar esta op o o Fireworks exporta p ginas adicionais para cada bot o na barra de navega o A caixa UTF 8 Encoding Codifica o UTF 8 ativada por padr o no Fireworks o que permite ao documento exportado exibir caracteres de v rios conjuntos de caracteres Para desativar essa op o desmarcar a caixa UTF 8 Encoding Para mais informa es sobre codifica o UTF 8 consultar Exporta o de arquivos com e sem codifica o UTF 8 na p gina 426 5 Clicar em Set Defaults Definir padr es para salvar as configura es como configura es globais padr o 6 Clicar em OK Uso do bot o Quick Export O bot o Quick Export Exporta o r pida localizado no canto superior direito da janela do documento oferece acesso f cil a op es comuns para exporta o de arquivos do Fireworks para outros aplicativos Com o uso do bot o Quick Export poss vel exportar para v rios formatos inclusive para aplicativos Macromedia e outros como o Microsoft FrontPage e o Adobe GoLive Exporta o do Fireworks 429 Todas as op es de exporta o dispon veis atrav s do bot o Quick Export tamb m est o acess veis em outras partes do Fireworks como na caixa de di logo Export Exportar e no menu Edit Editar O bot o
267. cintosh ao arrastar a ferramenta para alternar temporariamente entre as ferramentas Dodge Clarear e Burn Escurecer Remo o de olhos vermelhos de uma fotografia Em algumas fotografias as pupilas do modelo adquirem um tom avermelhado artificial A ferramenta Red eye Removal Remo o de olhos vermelhos pode ser usada para corrigir esse efeito Essa ferramenta pinta rapidamente somente as reas vermelhas de uma fotografia substituindo as cores avermelhadas por tons de cinza e preto Fotografia original ap s a utiliza o da ferramenta Red eye Removal Para corrigir o efeito de olhos vermelhos em uma fotografia 1 Selecionar a ferramenta Red eye Removal Remo o de olhos vermelhos no menu pop up 102 Cap tulo 4 Trabalho com bitmaps 2 Definir os atributos no Property inspector Inspetor de propriedades Tolerance Toler ncia determina a faixa de matizes a serem substitu dos 0 substitui apenas o vermelho 100 substitui todos os matizes contendo o vermelho Strength Intensidade define a intensidade dos tons de cinza usados para substituir as cores avermelhadas 3 Clicar e arrastar o ponteiro em forma de cruz sobre as pupilas vermelhas na fotografia Substitui o de cores A ferramenta Replace Color Substituir cor permite que o usu rio selecione uma cor e pinte sobre ela usando uma cor diferente Fotografia original ap s a utiliza o da ferramenta Replace Color O Fireworks oferece dua
268. cionar secund rio para selecion lo Um ponto de curva selecionado aparece como um quadrado azul s lido As al as de ponto se estendem a partir do ponto Arrastar as al as para um novo local Para restringir o movimento da al a a ngulos de 45 manter a tecla Shift pressionada ao arrastar 146 Cap tulo 5 Trabalho com objetos vetoriais A visualiza o do tra ado azul mostra o local em que o novo tra ado ser desenhado se o bot o do mouse for solto E Al as de ponto L Ponteiro Subselection Selecionar Visualiza tra ado Tra ad Ponto selecionado Por exemplo se arrastar a al a de ponto esquerda para baixo a al a de ponto direita ir para cima Arrastar com a tecla Alt uma al a para mov la de maneira independente ENEA Convers o de um segmento de tra ado em reto ou curvo Segmentos de tra ado reto s o intersecionados por pontos de canto Os segmentos de tra ado curvo cont m pontos de curva UM E poss vel a convers o de um segmento reto em curvo e vice versa por meio da convers o do ponto UAN Desenho de objetos vetoriais 147 Para converter um ponto de canto em um ponto de curva 1 Selecionar a ferramenta Pen Caneta no painel Tools Ferramentas 2 Clicar em um ponto de canto em um tra ado selecionado e arrastar para longe As al as se estendem curvando os segmentos adjacentes Para editar as al as do ponto selecionar a ferramenta Subselection
269. clicar na guia Options Op es m Para editar o tamanho e a rea da imagem exportada clicar na guia File Arquivo e alterar as configura es desejadas Caso sejam alteradas as dimens es da imagem no Fireworks tamb m ser necess rio redefinir o tamanho da imagem no Property inspector Inspetor de propriedades ao retornar ao Dreamweaver m Para editar as configura es de anima o da imagem clicar na guia Animation Anima o e alterar as configura es desejadas Para mais informa es sobre as op es dispon veis nessas guias consultar a Ajuda do Fireworks 4 Ao terminar de editar a imagem clicar em Update Atualizar A imagem exportada usando as novas configura es de otimiza o o arquivo GIF ou JPEG colocado no Dreamweaver atualizado e o arquivo PNG de origem salvo caso um arquivo de origem tenha sido selecionado 452 Cap tulo 15 Uso do Fireworks com outros aplicativos Se o formato da imagem tiver sido alterado o verificador de v nculos do Dreamweaver solicitar a atualiza o das refer ncias imagem Por exemplo se o usu rio tiver alterado o formato de uma imagem denominada my image de GIF para JPEG quando ele clicar em OK nesse prompt todas as refer ncias a my image gif no site ser o alteradas para my image jpg Altera o de configura es de anima o Durante a abertura e a otimiza o de um arquivo GIF animado tamb m poss vel editar as configura es de anim
270. co importado anteriormente para o Flash poss vel editar qualquer gr fico importado dessa forma mesmo que ele n o tenha sido exportado do Fireworks z Os arquivos PNG nativos do Fireworks importados para o Flash s o uma exce o a 0 menos que tenham sido importados como imagens bitmap niveladas m Pu lt D gt QO D o Se o usu rio tiver exportado o gr fico do Fireworks e tiver salvo o arquivo PNG original junto com o arquivo gr fico exportado ele poder abrir o arquivo PNG original do Fireworks no Flash para fazer altera es Quando ele retornar ao Flash o arquivo PNG e o gr fico no Flash ser o atualizados Trabalho com o Macromedia Flash 465 1 No Flash clicar com o bot o direito Windows ou pressionar a tecla Control e clicar Macintosh no arquivo gr fico no painel Library Biblioteca 2 Selecionar Edit with Fireworks Editar com o Fireworks no menu pop up Se essa op o n o aparecer no menu pop up escolher Edit With Editar com e localizar o aplicativo Fireworks OY VA YASgO 3 Clicar em Yes Sim na caixa Find Source Localizar origem para localizar o arquivo PNG original do gr fico do Fireworks e clicar em Open Abrir Caso as prefer ncias de inicializa o e edi o do Fireworks tenham sido alteradas essa caixa de di logo talvez n o apare a OY VA YASgO O arquivo aberto no Fireworks e a janela do doc
271. colher onde as molduras duplicadas ser o inseridas Em seguida clicar em OK A duplica o de uma moldura til quando se deseja que os objetos reapare am em outra parte da anima o Para reordenar molduras m Arrastar as molduras uma a uma para uma nova localiza o na lista Para excluir a moldura selecionada executar um dos seguintes procedimentos m No painel Frames clicar no bot o Delete Frame Excluir moldura m Arrastar a moldura at o bot o Delete Frame m No menu Options Op es do painel Frames selecionar Delete Frame Movimenta o de objetos selecionados no painel Frames poss vel usar o painel Frames Molduras para mover objetos para uma moldura diferente Os objetos que aparecem somente em uma nica moldura parecem desaparecer medida em que se executa a anima o poss vel mover objetos para faz los aparecer ou desaparecer em pontos diferentes do filme Para mover um objeto selecionado para uma moldura diferente m No painel Frames Molduras arrastar o indicador de sele o o pequeno quadrado azul direita do tempo de retardo da moldura para a nova moldura Compartilhamento de camadas atrav s de molduras As camadas dividem um documento do Fireworks em planos distintos como camadas separadas de papel vegetal Com anima es poss vel usar camadas para organizar objetos que fa am parte do cen rio ou do pano de fundo da anima o Este procedimento oferece a comodidad
272. com 264 desencaixar 36 encaixar 36 expandir 36 informa es de sele o 61 recolher 37 reduzir 36 trabalhar com texto no 164 propriedades de bordas de c lula 354 propriedades de bot o interativo 338 propriedades no n vel da ocorr ncia 337 propriedades exibir no Property inspector Inspetor de propriedades 36 Punch Perfura o comando 159 Q Quick Export Exporta o r pida bot o 42 429 Quick Export Exporta o r pida menu pop up 431 R Radial Blur Emba amento radial filtro 121 RAM 7 Consultar tamb m requisitos do sistema realces 108 recortar tra ados 156 recuar texto 176 recursos para aprender a usar o Fireworks 12 Red eye Removal Remo o de olhos vermelhos ferramenta 99 102 redesenhar tra ados 155 Redraw Path Redesenhar tra ado ferramenta 155 reduzir pontos 160 refazer com o painel History Hist rico 513 r guas 53 reinstalar o Fireworks 529 relevo 227 remover efeitos 231 partes de um tra ado 159 renomear s mbolos 281 repetir a es 56 Replace color Substituir cor ferramenta 99 103 104 reproduzir anima es 372 requisitos do sistema para o Fireworks 7 restringir rota o 84 ret ngulos 128 cantos arredondados 136 ret ngulos arredondados 130 retardo de moldura anima es 366 retardo de moldura configura o padr o 22 retrair tra ados 161 Reveal All Revelar tudo comando 254 Reveal Selection Revelar sele o comando 255 rolar a tela Consultar tamb m
273. com mais brilho Hue Matiz combina o valor de matiz da cor de mistura com a lumin ncia e satura o da cor base para criar a cor resultante Saturation Satura o combina a satura o da cor de mistura com a lumin ncia e o matiz da cor base para criar a cor resultante Color Cor combina o matiz e a satura o da cor de mistura com a lumin ncia da cor base para criar a cor resultante mantendo os n veis de cinza para colorir imagens monocrom ticas e tingir imagens coloridas Luminosity Luminosidade combina a lumin ncia da cor de mistura com o matiz e a satura o da cor base Invert Inverter inverte a cor base Tint Tingir adiciona a cor cinza cor base Erase Apagar remove todos os pixels da cor base inclusive os da imagem de fundo Para mais informa es sobre outros modos de mistura consultar o site www pegtop net delphi blendmodes na Web Mistura e transpar ncia 269 Exemplos do modo de mistura Eis aqui exemplos de alguns dos modos de mistura do Fireworks Para outros exemplos consultar o site www pegtop net delphi blendmodes na Web Imagem original Normal Multiply Multiplicar Screen Tela Darken Escurecimento Lighten Clareamento Difference Diferen a Hue Matiz Saturation Satura o Color Cor Luminosity Luminosidade Invert Inverter Tint Tingir Erase Apagar 270 Cap tulo 9 Camadas mascaramento e mistura Ajuste da opaci
274. com o Adobe Photoshop cccciccicsicc 483 Sobre o trabalho com o Adobe GoLive nasasa a anrr r nnna 491 Sobre o trabalho com editores de HTML nnnnnaana anaana 492 Sobre a extens o dos recursos do Fireworks 492 ndice 5 Cap tulo 16 Automatiza o de tarefas repetitivas 493 Localiza o e substitui o ccciiiccicicsics eres 494 Processo emlote cciciciics cce err 499 Extens o dos recursos do Fireworks cccciiciiicisics 511 Filmes SWF do Flash usados como pain is do Fireworks 518 Cap tulo 17 Prefer ncias e atalhos de teclado 519 Configura o de prefer ncias u un sanaaa aanne ananuna 519 Altera o de conjuntos de atalhos de teclado 524 Trabalho com arquivos de configura o aasauaaaa unnan 526 Sobre a reinstala o do Fireworks aaannuaaaaa nananana 529 Exibi o do conte do do pacote somente Macintosh 529 ndice remissivo cccccccisicccscssrccecrearra 531 6 ndice CAP TULO 1 Introdu o O Macromedia Fireworks 8 a solu o definitiva para a produ o e o design gr fico profissionais para a Web Ele o primeiro ambiente de produ o a identificar e solucionar os desafios especiais que os desenvolvedores e os designers gr ficos da Web enfrentam poss vel usar o Fireworks para criar editar e animar gr ficos da Web adicionar interativi
275. como dimensionamento ou rota o Por padr o o novo s mbolo de anima o tem cinco molduras cada uma com um tempo de retardo de 0 07 segundo Para criar um s mbolo de anima o 1 Selecionar Edit Editar gt Insert Inserir gt New Symbol Novo s mbolo 2 Na caixa de di logo Symbol Properties Propriedades do s mbolo digitar um nome para o novo s mbolo 3 Selecionar Animation Anima o e clicar em OK 4 No Symbol Editor Editor de s mbolo usar as ferramentas de desenho ou texto para criar um novo objeto poss vel desenhar objetos vetoriais ou de bitmap 5 Fechar a janela do Symbol Editor O Fireworks coloca o s mbolo na biblioteca e uma c pia no centro do documento Trabalho com s mbolos de anima o 361 poss vel adicionar novas molduras ao s mbolo com o uso do controle deslizante Frames Molduras no Property inspector Inspetor de propriedades Selecionar Window Janela gt Properties Propriedades para abrir o Property inspector caso ainda n o esteja aberto Para converter um objeto em um s mbolo de anima o 1 Selecionar o objeto 2 Selecionar Modify Modificar gt Animation Anima o gt Animate Selection Animar sele o 3 Inserir as configura es desejadas na caixa de di logo Para mais informa es sobre configura es consultar Edi o de s mbolos de anima o na p gina 362 Os controles de anima o aparecem na caixa delimitadora do ob
276. converting to marquee Excluir tra ados ao E converter em moldura o Cria o de um objeto a partir da interse o de outros objetos Com a utiliza o do comando Intersect Interse o poss vel criar um objeto a partir da interse o de dois ou mais objetos OQ o Para criar um tra ado fechado que abranja a rea comum a todos os tra ados selecionados m Selecionar Modify Modificar gt Combine Paths Combinar tra ados gt Intersect Interse o O tra ado resultante assume os atributos de tra o e preenchimento do objeto que est colocado mais atr s 158 Cap tulo 5 Trabalho com objetos vetoriais Remo o de partes de um objeto de tra ado poss vel remover partes de um objeto de tra ado selecionado conforme definido pelas partes sobrepostas de outro objeto de tra ado selecionado que esteja organizado na frente do primeiro objeto OS Para remover partes de um objeto de tra ado 1 Selecionar o objeto de tra ado que define a rea a ser removida 2 Selecionar Modify Modificar gt Arrange Organizar gt Bring to Front Trazer para frente 3 Manter a tecla Shift pressionada e adicionar sele o o objeto de tra ado do qual as partes devem ser removidas 4 Selecionar Modify gt Combine Paths Combinar tra ados gt Punch Perfura o Os atributos de tra o e preenchimento permanecem inalterados Corte de um tra ado poss vel cortar um tra ado usa
277. cor atual exibida na caixa Fill Color Cor de preenchimento no painel Tools Ferramentas OY VA XAS Solia v Edge Anti Alias b Texture Grain w0 Im As op es de preenchimento do Property inspector Inspetor de propriedades ou da janela pop up Fill Options Op es de preenchimento permitem editar os atributos de preenchimento 212 Cap tulo 7 Aplica o de cor tra os e preenchimentos Aplica o de um preenchimento com padr o poss vel preencher um objeto de tra ado com um gr fico bitmap o que conhecido como preenchimento com padr o O Fireworks oferece mais de uma dezena de preenchimentos com padr o incluindo Berber Capacho Berbere Leaves Folhas e Wood Madeira Para aplicar um preenchimento com padr o a um objeto selecionado 1 Seguir um destes procedimentos m Selecionar Pattern Padr o no menu pop up Fill Options Op es de preenchimento no Property inspector Inspetor de propriedades m Clicar na caixa Fill Color Cor de preenchimento no painel Tools Ferramentas clicar em Fill Options Op es de preenchimento e selecionar Pattern Padr o no menu pop up Fill Options 2 Selecionar um padr o no menu pop up Pattern Name Nome do padr o O preenchimento com padr o aparece no objeto selecionado e se torna a cor de preenchimento ativa Adi o de um padr o personalizado poss vel definir um arquivo de bitmap como um novo
278. cores de preenchimento tra o e efeito Localiza o e substitui o 497 Fills Preenchimentos localiza e substitui uma cor de preenchimento exceto dentro de preenchimentos com padr o Strokes Tra os localiza e substitui apenas cores de tra o Effects Efeitos localiza e substitui apenas cores de efeito Localiza o e substitui o de URLs Al m de palavras tipos e cores o Fireworks permite localizar e substituir URLs atribu dos a elementos interativos dos documentos Para pesquisar e substituir URLs atribu dos a objetos da Web 1 2 3 4 Selecionar Find URL Localizar URL no menu pop up Find Localizar do painel Find Digitar o URL a ser pesquisado na caixa de texto Find Digitar o URL de substitui o na caixa de texto Change To Alterar para Se desejar selecionar op es que definam a pesquisa com mais detalhes Whole Word Palavra inteira somente localiza o texto da mesma forma que ele aparece na op o Find n o como parte de qualquer outra palavra Match Case Coincidir mai sc min sc faz distin o entre letras mai sculas e min sculas durante a pesquisa Regular Expressions 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 ser websafe se parecer sempre a mesma cor nas plataformas Mac
279. corr ncias Para importar um s mbolo arrastando e soltando ou copiando e colando seguir um destes procedimentos m Arrastar uma ocorr ncia do s mbolo do documento que o contiver para o documento de destino m Copiar uma ocorr ncia do s mbolo no documento que cont m o s mbolo e col la no documento de destino O s mbolo importado para o painel Library do documento de destino e mant m um relacionamento com o s mbolo do documento original Para mais informa es consultar Atualiza o de ocorr ncias e s mbolos exportados em v rios documentos na p gina 286 Exporta o de s mbolos Se o usu rio tiver criado ou importado s mbolos para um documento do Fireworks e desejar salv los para que possam ser reutilizados em outros documentos ou compartilhados com outras pessoas ele poder usar o menu Options no painel Library para export los para um arquivo PNG Ele depois poder importar os s mbolos navegando para o arquivo PNG que cont m os s mbolos usando o submenu Edit gt Libraries Para mais informa es consultar Importa o de s mbolos na p gina 284 Uso de s mbolos 285 Para exportar s mbolos 1 Selecionar Export Symbols Exportar s mbolos no menu Options Op es do painel Library Biblioteca 2 Selecionar os s mbolos que deseja exportar e clicar em Export Exportar 3 Navegar at uma pasta digitar um nome para o arquivo do s mbolo e clicar em Save O Fireworks s
280. criar uma folha de refer ncia 1 Selecionar Edit Editar gt Keyboard Shortcuts Atalhos do teclado para abrir a caixa de di logo Keyboard Shortcuts 2 Clicar no bot o Export Set as HTML Exportar conjunto como HTML ao lado da caixa de texto Current Set Conjunto atual exibida a caixa de di logo Salvar como no Windows ou Save Salvar no Macintosh 3 Digitar o nome para a folha de refer ncia e selecionar o local apropriado para o arquivo 4 Clicar em Save Trabalho com arquivos de configura o Para acomodar sistemas multiusu rio o Fireworks suporta arquivos de configura o espec ficos do usu rio Desse modo poss vel usar recursos personalizados no Fireworks como estilos atalhos de teclado comandos e outros sem afetar a configura o do Fireworks para outros usu rios 526 Cap tulo 17 Prefer ncias e atalhos de teclado O Fireworks cria um conjunto diferente de arquivos de configura o para cada usu rio O Fireworks tamb m instala arquivos de configura o principal na pasta de aplicativo do Fireworks Os arquivos de configura o principal cont m as configura es padr o do Fireworks e afetam todos os usu rios Alguns arquivos de configura o como o Fireworks plug ins ficam somente na pasta de aplicativo do Fireworks Em alguns sistemas somente os administradores t m acesso aos arquivos de configura o principal na pasta de aplicativo do Fireworks Os sistemas Windows normal
281. ctive JPEG Settings Configura o de JPEG seletiva exibida Otimiza o no espa o de trabalho 403 9 Selecionar Enable Selective Quality Ativar qualidade seletiva e digitar um valor na caixa de texto A digita o de um valor baixo para compacta a rea seletiva do JPEG mais do que o resto da imagem A digita o de um valor alto comprime a rea seletiva do JPEG menos do que o resto da imagem poss vel alterar a Overlay Color Cor de sobreposi o para a rea Selective JPEG JPEG seletiva caso desejado Isso n o afeta a sa da Selecionar Preserve Text Quality Preservar qualidade do texto Todos os itens de texto ser o automaticamente exportados em um n vel superior independentemente do valor de Selective Quality Qualidade seletiva Selecionar Preserve Button Quality Preservar qualidade do bot o Todos os s mbolos de bot o ser o automaticamente exportados em um n vel superior Clicar em OK Para modificar a rea de compress o seletiva de JPEG 1 Selecionar Modify Modificar gt Selective JPEG JPEG seletiva gt Restore JPEG Mask as Selection Restaurar m scara JPEG como sele o A sele o real ada Usar a ferramenta Marquee ou outra ferramenta de sele o para efetuar altera es no tamanho da rea Selecionar Modify gt Selective JPEG gt Save Selection as JPEG Mask Salvar sele o como m scara JPEG No painel Optimize alterar as configura es de qualidad
282. ctor Inspetor de propriedades 1 pixel 3x3 Average M dia 3x3 ou 5x5 Average M dia 5x5 3 Clicar em qualquer ponto de uma janela de documento do Fireworks aberta para retirar uma amostra de uma cor 4 Mover a ponta do ponteiro conta gotas para o espa o aberto ap s o ltimo exemplo no painel Swatches Exemplos de cores O ponteiro conta gotas se transforma no ponteiro lata de tinta 5 Clicar para adicionar o exemplo Quando o usu rio seleciona a op o Snap to Web Safe Alinhar pela cor websafe no menu Options Op es da janela pop up de cores qualquer cor n o websafe selecionada com o ponteiro conta gotas alterada para a cor websafe mais pr xima v la Para substituir um exemplo por outra cor 1 Selecionar a ferramenta Eyedropper Conta gotas no painel Tools Ferramentas 196 Cap tulo 7 Aplica o de cor tra os e preenchimentos 2 Selecionar o n mero de pixels a ser retirado como amostra no menu pop up Sample Amostra do Property inspector Inspetor de propriedades 1 pixel 3x3 Average M dia 3x3 ou 5x5 Average M dia 5x5 3 Clicar em qualquer ponto de uma janela de documento do Fireworks para retirar uma amostra de uma cor 4 Manter pressionada a tecla Shift e colocar o ponteiro sobre um exemplo no painel Swatches Exemplos de cores O ponteiro se transforma no ponteiro lata de tinta 5 Clicar no exemplo para substitu lo pela nova cor Para excluir um
283. ctor pode importar imagens niveladas do Fireworks como imagens JPEG e GIF Ele tamb m pode importar imagens PNG de 32 bits com transpar ncia Para conte do animado interativo e fatiado o Director pode importar HTML do Fireworks Para mais informa es sobre a exporta o de imagens niveladas do Fireworks como imagens JPEG e GIF consultar a Ajuda do Fireworks Exporta o de gr ficos com transpar ncia No Director para obter transpar ncia basta importar imagens PNG de 32 bits poss vel exportar gr ficos PNG de 32 bits com transpar ncia do Fireworks Para exportar uma imagem PNG de 32 bits com transpar ncia 1 No Fireworks escolher Window Janela gt Optimize Otimizar alterar o formato do arquivo de exporta o para PNG 32 e definir Matte Mate como a transpar ncia 2 Selecionar File Arquivo gt Export Exportar 3 Selecionar Images Only Somente imagens no menu pop up Save as Type Salvar como tipo Atribuir um nome ao arquivo e clicar em Save Salvar Exporta o de conte do fatiado e com camadas para o Director Ao exportar fatias do Fireworks para o Director poss vel exportar conte do fatiado e interativo como bot es e imagens de rollover Ao exportar camadas para o Director poss vel exportar conte do com camadas do Fireworks como anima es Para exportar arquivos do Fireworks para o Director 1 No Fireworks escolher File Arquivo gt Export Exportar Como alternativa
284. cument Novo documento aberta com as dimens es de largura e altura do objeto na rea de transfer ncia Definir a resolu o e a cor da tela e em seguida clicar em OK Selecionar Edit Editar gt Paste Colar para colar o objeto da rea de transfer ncia no novo documento Abertura e importa o de um arquivo No Fireworks poss vel abrir importar e editar facilmente imagens vetoriais e de bitmap criadas em outros programas gr ficos Tamb m poss vel importar imagens de uma c mera digital ou de um scanner o Ov vadasa O Fireworks preserva os comportamentos JavaScript mas n o todos durante a importa o de um arquivo do Macromedia Dreamweaver Se o Fireworks suportar um comportamento espec fico ele reconhecer esse comportamento e o manter quando o arquivo retornar ao Dreamweaver Para abrir um documento do Fireworks 1 Selecionar File Arquivo gt Open Abrir A caixa de di logo Open Abrir exibida 20 Cap tulo 2 Conceitos b sicos do Fireworks 2 Selecionar o arquivo e clicar em Open Para abrir um arquivo sem substituir a vers o anterior selecionar Open as Untitled Abrir sem t tulo e salvar o arquivo com um nome diferente v la Esta se o abrange os seguintes t picos m Abertura de documentos fechados recentemente na p gina 21 m Abertura de gr ficos criados em outros aplicativos na p gina 21 m Cria
285. cumentos abertos no momento no lote medida que segue o assistente ele pode usar o bot o Back Voltar para alterar a sele o de arquivos Processo em lote 499 Pode tamb m optar por n o selecionar arquivos enquanto estiver usando o assistente se quiser apenas salvar o script do processo em lote para uso posterior ED Images E picor jpg pico2 jpg My Recent picOS jog Documents Bpicos jpg picos jpg pic06 jpg EB pico7 ipg picos ipg pic09 jpg E pic10 ipg My Documents My Computer File name My Network Files of type Al readable fles Include current open files Batch Process ES thumbnails BS So FAEK Exmz E DSC 1316 DSC 0982 jpg O nework T DSC 1317 PG DSC 0983 jpg E silver E DSC 1318 JPG DSC 0985 pg DSC 1319 PG O Dsc20987 Po E Desktop EB DSC_1320_autoLevels jpg DSC 0988 jpg E DSC 1320 PG S DSCLOs69 pg 5 MACROMEDIA nsc 1323 9G DC hd Kind Document a reated 3 Accounts Dsc1325PG 09 Modified 5 17 05 3 T DSC_1326JPG TB DSC_1000 jpg 3 Projects DSC_1345JPG Dsc 1001 jpg 143 arenareed EE DSC 1360 PG DSC 1003 jpg A Applications Ep DSC 1004 Jpg DSC 1006 jpg 5 Documents DSC 1439 JPG DSC 1008 jpg EE Movies DE DSC 1010 jp9 6 Music ETATIS E psc a01 Apg g 1451 DSC 1013 jpg t i Pictures DSC 1454 JPG DSC 1016 jpg t 2 thumbnails Bit e c t E DA
286. da executar um dos seguintes procedimentos m Selecionar a ferramenta Pointer Ponteiro ou Subselection Selecionar secund rio e arrastar os pontos do canto da fatia para modificar sua forma m Usar uma ferramenta de transforma o para executar a transforma o desejada 302 Cap tulo 11 Fatias rollovers e pontos ativos Para mais informa es sobre o uso das ferramentas de transforma o consultar Transforma o e distor o de objetos selecionados e sele es na p gina 81 A transforma o de uma fatia retangular pode alterar sua forma posi o ou dimens es mas a fatia propriamente dita permanece retangular OY VAYASgO Sobre o uso do painel Property inspector ou Info para editar objetos de fatia Tamb m poss vel alterar numericamente a posi o e o tamanho de um objeto de fatia com o uso do Property inspector Inspetor de propriedades Para mais informa es sobre a altera o num rica das dimens es de um objeto consultar Transforma o num rica de objetos na p gina 85 Para mais informa es sobre a altera o num rica da posi o de um objeto consultar Edi o de objetos selecionados na p gina 79 Transforma o de fatias em objetos interativos Os blocos de constru o b sicos para a cria o de interatividade no Fireworks s o os objetos de fatia O Fireworks oferece duas maneiras para tornar as fatias interativas m O m todo de rollover ar
287. da c lula a se ajustar ao tamanho do texto definido na guia Appearance Apar ncia do Pop up Menu Editor Editor de menu pop up e a largura da c lula a se ajustar ao item de menu que contiver o texto mais longo Pixels permite inserir medidas espec ficas em pixels nas caixas de texto Cell Width Largura da c lula e Cell Height Altura da c lula Cria o de menus pop up 353 3 Na caixa de texto Cell Padding Preenchimento da c lula digitar um valor para determinar a dist ncia entre o texto do menu pop up e a borda da c lula 4 Na caixa de texto Cell Spacing Espa amento entre as c lulas digitar um valor para definir o espa o entre as c lulas do menu 5 Na caixa de texto Text Indent Recuo do texto digitar um valor para definir o recuo do texto do menu pop up 6 Na caixa de texto Menu Delay Espera do menu digitar um valor para definir o tempo em milissegundos que o menu deve permanecer vis vel depois que o ponteiro afastado dele 7 Definir as propriedades das bordas do menu pop up Show Borders Mostrar bordas permite mostrar ou ocultar as bordas do menu pop up Se esta op o n o estiver selecionada as op es a seguir ser o desativadas Border Width Largura da borda ajusta a largura da borda do menu pop up Border Color Shadow and Highlight Cor sombra e realce da borda permite modificar a cor das bordas do menu pop up Muitas dessas op es ser o desativadas se o tipo de c
288. da tela necess rio especificar caracter sticas ao criar um novo documento do Fireworks poss vel modificar o tamanho e a cor da tela bem como alterar a resolu o da imagem a qualquer momento usando o menu Modify Modificar ou o Property inspector Inspetor de propriedades Durante o trabalho com o documento tamb m poss vel girar a tela e eliminar as partes indesejadas Altera o de tamanho cor e resolu o de uma tela O Fireworks facilita a altera o do tamanho da cor e da resolu o da imagem da tela Para alterar o tamanho da tela 1 Seguir um destes procedimentos Selecionar Modify Modificar gt Canvas Tela gt Canvas Size Tamanho da tela Escolher Select Selecionar gt Deselect Cancelar sele o clicar na ferramenta Pointer Ponteiro para exibir as propriedades do documento no Property inspector Inspetor de propriedades e em seguida clicar no bot o Canvas Size 2 Digitar as novas dimens es nas caixas de texto Width Largura e Height Altura 3 Clicar em um bot o Anchor ncora para especificar os lados da tela que o Fireworks aumentar ou diminuir e clicar em OK S Por padr o a ncora central selecionada indicando que as altera es no tamanho 0 da tela s o feitas em todos os lados m P lt D gt O D o Para alterar a cor da tela no menu Modify 1 Selecionar Modify Modificar gt Canvas Tela gt Canvas Color Cor da tela
289. dade avan ada e otimizar imagens em um ambiente profissional No Fireworks pode se criar e editar gr ficos vetoriais e de bitmap em um nico aplicativo poss vel editar tudo a qualquer momento Tamb m poss vel automatizar o fluxo de trabalho para atender s demandas de atualiza es e altera es demoradas O Fireworks integra se a outros produtos da Macromedia como o Dreamweaver o Flash o FreeHand e o Director bem como aos seus aplicativos gr ficos e editores de HTML preferidos para oferecer uma solu o para a Web realmente integrada poss vel exportar facilmente gr ficos do Fireworks com c digo HT ML e JavaScript personalizados para o editor de HTML de sua prefer ncia Este cap tulo abrange os seguintes t picos Rgauistos do sistema sas iniiio ia ap E E dj E 7 InStilacaa do FireWotKS ass sappad ae sd dd passat a sa ds dad dd a da 8 Novidades do Firewolks O quais bia ia a a dos e DS fdc o a E a 9 Suademidialhsimicional aspas dad nado de a DE E dd dE dd 12 Requisitos do sistema Antes de instalar o Fireworks preciso verificar se o computador atende aos requisitos do sistema Para mais informa es consultar o site da Macromedia na Web em www macromedia com go sysregs Instala o do Fireworks Esta se o explica como instalar o Fireworks necess rio ler as notas da vers o no site da Macromedia na Web em www macromedia com go fireworks documentation para obter as instru es e as
290. dade de compress o desejada para o gr fico E poss vel otimizar tipos de arquivo de 8 bits atrav s do ajuste de suas paletas de cores Menos cores na paleta representam menos cores na imagem resultando em um tamanho de arquivo menor O inconveniente da redu o de cores que ela tamb m reduz a qualidade da imagem medida que experimenta configura es de otimiza o diferentes o usu rio pode usar os bot es 2 Up e 4 Up para testar e comparar a apar ncia e o tamanho de arquivo estimado de um gr fico Para mais informa es sobre o uso dos bot es de visualiza o de documento consultar Visualiza o e compara o de configura es de otimiza o na p gina 387 S Usando a caixa de di logo Save As Salvar como do Fireworks 8 poss vel salvar 0 todos os tipos de arquivos mencionados acima exceto PICT que s suportado pela u vers o do Fireworks para Macintosh nos formatos originais O que n o ocorria nas vers es anteriores do Fireworks Para mais informa es consultar Salva de Eta documentos em outros formatos na p gina 31 o Escolha de uma paleta de cores GIFs e outros formatos de imagem de 8 bits 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 por m algumas paletas de cores cont m cores que n o est o no gr fico As seguintes paleta
291. dade e aplica o de misturas O Property inspector Inspetor de propriedades e o painel Layers Camadas oferecem op es de ajuste de opacidade de objetos selecionados e aplica o de modos de mistura Uma configura o de opacidade de 100 torna um objeto totalmente opaco Uma configura o de O zero torna um objeto totalmente transparente Tamb m existe a op o de se especificar o modo de mistura e a opacidade antes de desenhar um objeto Para especificar o modo de mistura e a opacidade antes de se desenhar um objeto m Coma ferramenta desejada selecionada no painel Tools Ferramentas definir as op es de mistura e opacidade no Property inspector antes de desenhar o objeto As op es de mistura e opacidade n o est o dispon veis para todas as ferramentas go Ov vAadas Para definir um modo de mistura e o n vel de opacidade de objetos existentes 1 Com dois objetos sobrepostos selecionar o objeto do topo 2 No menu pop up Blend Mode Modo Misturar no Property inspector Inspetor de propriedades ou no painel Layers Camadas selecionar uma op o de mistura 3 Selecionar uma configura o no controle deslizante pop up Opacity Opacidade ou digitar um valor na caixa de texto Para definir um n vel de opacidade e um modo de mistura padr o para aplicar a objetos medida que forem desenhados 1 Escolher Select Selecionar gt Deselect Cancelar sele o para evitar a aplica o
292. daptativa Web As cores n o websafe que estejam pr ximas s cores websafe ser o convertidas em cores websafe mais pr ximas Para for ar uma cor para a websafe mais pr xima equivalente 1 Na tabela de cores do painel Optimize selecionar uma cor 2 Clicar no bot o Snap to Web Safe Alinhar pela cor websafe Se o usu rio salvar um PNG do Fireworks a altera o de cores para websafe no painel Optimize afetar somente a vers o exportada da imagem e n o a imagem real Salva de uma paleta poss vel salvar paletas personalizadas como arquivos externos de paleta poss vel usar paletas salvas com outros documentos do Fireworks ou em outros aplicativos que suportem arquivos externos de paleta como o Adobe Photoshop Macromedia FreeHand e Flash 5 Os arquivos de paleta t m a extens o act Para salvar uma paleta de cores personalizada 1 No menu Options Op es do painel Optimize Otimizar selecionar Save Palette Salvar paleta 2 Digitar um nome para a paleta e selecionar uma pasta de destino 3 Clicar em Save E poss vel carregar o arquivo salvo da paleta no painel Swatches Exemplos de cores ou no P g q P P P painel Optimize para us lo ao exportar outros documentos 398 Cap tulo 14 Otimiza o e exporta o Ajuste de compress o poss vel comprimir arquivos GIF para torn los ainda menores do que o normal alterando sua configura o de perda Configura es maiores de perda produze
293. de 24 bits Por isso n o poss vel otimizar um JPEG editando sua paleta de cores A tabela de cores fica vazia quando o usu rio seleciona uma imagem JPEG medida que experimenta configura es de otimiza o diferentes o usu rio pode usar os bot es 2 Up e 4 Up para testar e comparar a apar ncia e o tamanho de arquivo estimado de um JPEG Para mais informa es sobre o uso dos bot es de visualiza o de documento consultar Visualiza o e compara o de configura es de otimiza o na p gina 387 No Fireworks 8 poss vel salvar JPEGs diretamente na caixa de di logo Save As Salvar como O que n o ocorria nas vers es anteriores do Fireworks Para mais informa es consultar Salva de documentos em outros formatos na p gina 31 Ov vANaIsgo Ajuste da qualidade do JPEG JPEG um formato com muita perda o que significa que alguns dados da imagem s o descartados quando comprimidos com a redu o da qualidade do arquivo final Entretanto geralmente poss vel descartar dados da imagem com pouca ou nenhuma diferen a percept vel de qualidade Imagem original configura o de qualidade em 50 configura o de qualidade em 20 402 Cap tulo 14 Otimiza o e exporta o Para controlar a perda de qualidade na compress o de um arquivo JPEG m No menu pop up Quality Qualidade no painel Optimize ajustar a qualidade com o controle deslizante Quality A configura
294. de cruz usado por padr o Quando esta op o e Precise Cursors s o desativadas os ponteiros de cone de ferramenta s o exibidos Display Striped Border Exibir borda listrada coloca a borda listrada familiar em volta de toda a tela quando o usu rio est trabalhando com objetos bitmap modo bitmap Show Pen Preview Mostrar visualiza o da caneta proporciona uma visualiza o do pr ximo segmento do tra ado que ser criado se o usu rio clicar naquele momento com a ferramenta Pen Caneta Show Solid Points Mostrar pontos s lidos mostra os pontos selecionados como vazados e pontos n o selecionados como s lidos Turn off Hide Edges Desativar Hide Edges Ocultar bordas desativa automaticamente Ocultar bordas quando a sele o alterada Pick Distance Dist ncia de sele o permite especificar o grau de proximidade que um ponteiro deve estar do objeto para que o usu rio possa selecion lo Pick Distance pode ficar entre 1 e 10 pixels Snap Distance Dist ncia de alinhamento permite especificar o grau de proximidade que o objeto que est sendo movido deve estar para que possa ser alinhado grade ou linha guia Snap Distance funciona quando Snap to Grid Alinhar grade ou Snap to Guides Alinhar s guias estiver ativado Snap Distance pode ter um valor entre 1 e 10 pixels Configura o de prefer ncias 521 Prefer ncias de inicializa o e edi o Com a configura o das prefer ncias
295. de inicializa o e edi o poss vel controlar o modo como os aplicativos externos como o Macromedia Flash e o Macromedia Director iniciam e editam gr ficos no Fireworks Na maioria das vezes o Fireworks tenta ele mesmo localizar o PNG de um gr fico Quando n o consegue o Fireworks usa as prefer ncias de iniciar e editar que o usu rio definiu para determinar como tentar localizar o arquivo PNG de origem 9 O Macromedia Flash uma exce o Ao iniciar e editar gr ficos no Flash o Fireworks 0 sempre usa as prefer ncias definidas na se o Launch and Edit da caixa de di logos uu Preferences Prefer ncias lt gt QO gt o When Editing from External Application Quando editar a partir de um aplicativo externo determina se o arquivo PNG original do Fireworks deve ser aberto quando o Fireworks usado para editar imagens em outros aplicativos When Optimizing from External Application Quando otimizar a partir de um aplicativo externo determina se o arquivo PNG original do Fireworks deve ser aberto quando um gr fico otimizado a Essa configura o n o se aplica ao Director que sempre abre automaticamente e otimiza um gr fico sem pedir um PNG de origem mesmo que essa prefer ncia seja E definida de outra forma no Fireworks lt D gt O D o Para mais informa es sobre o trabalho com gr ficos do Fireworks no Flash consultar Trabalho com o
296. de outra mesa digitalizadora compat vel go OY VA XAS Para puxar um tra ado selecionado 1 Selecionar a ferramenta Freeform Forma livre no painel Tools Ferramentas 2 Mover o ponteiro diretamente sobre o tra ado selecionado N O ponteiro alterado para o ponteiro de puxar gt 3 Arrastar o tra ado Para empurrar um tra ado selecionado 1 Selecionar a ferramenta Freeform Forma livre no painel Tools Ferramentas N O ponteiro alterado para o ponteiro de empurrar ou puxar z Apontar ligeiramente para fora do tra ado Arrastar em dire o ao tra ado para empurr lo Empurrar ou puxar o tra ado selecionado para mudar sua forma Edi o de tra ados 153 Para alterar o tamanho do ponteiro de empurrar seguir um destes procedimentos m Como bot o do mouse pressionado pressionar a tecla de seta direita ou 2 para aumentar a largura do ponteiro m Como bot o do mouse pressionado pressionar a tecla Seta esquerda ou 1 para diminuir a largura do ponteiro m Para definir o tamanho do ponteiro e o comprimento do segmento do tra ado afetado cancelar a sele o de todos os objetos do documento e em seguida digitar um valor de 1 a 500 na caixa de texto Size Tamanho do Property inspector Inspetor de propriedades O valor indica o tamanho do ponteiro em pixels Distor o de tra ados poss vel usar a ferramenta Reshape Area Mudar forma da rea para puxar a rea de todos os
297. de terceiros Copyright O 2005 Macromedia Inc Todos os direitos reservados Este manual n o pode ser copiado fotocopiado reproduzido traduzido ou convertido em qualquer formato eletr nico ou de leitura por m quina no todo ou em parte sem a pr via autoriza o por escrito da Macromedia Inc Entretanto o propriet rio ou o usu rio autorizado de uma c pia v lida do software com o qual este manual foi fornecido poder imprimir uma c pia deste documento a partir da vers o eletr nica com o nico prop sito de aprender a usar o software desde que nenhuma parte deste manual seja impressa reproduzida distribu da revendida ou transmitida com qualquer outro objetivo inclusive sem limita es com objetivos comerciais como a venda de c pias deste documento ou a presta o de servi os de suporte pagos Agradecimentos Gerenciamento do projeto Charles Nadeau Debi Robson Reda o Rosanne Conroy Edi o Melba Lancaster Shawn Jackson Lisa Stanziano Gerenciamento da produ o Patrice O Neill Design e produ o de m dia Adam Barnett Aaron Begley John Francis Paul Rangel Arena Reed Mario Reynoso Gerenciamento do projeto de localiza o Luciano Arruda Agradecimentos especiais a Matt Hoffberg Maureen Keating David Spells Marisa Bozza Souvik Bose Alan Musselman Sheila McGinn Andrew Wilson Rosana Francescato Masayo Noda Kashka Pregowska Czerw Kristin Conradi Bonnie Loo e a todas as equipes de engenharia e co
298. de transfer ncia na parte inferior do painel History Hist rico Criar um novo documento em um aplicativo de edi o de texto Colar as etapas no novo documento de texto Modificar as etapas da maneira desejada Salvar e fechar o script No q AU Copiar o script para a pasta Commands no disco r gido go A localiza o exata dessa pasta varia de acordo com o sistema e depende de o comando estar dispon vel apenas para seu perfil de usu rio ou para todos os usu rios As pastas de comandos est o localizadas na pasta Configuration Configura o na pasta de aplicativo do Fireworks e tamb m na pasta de configura o do Fireworks espec fica do usu rio Para mais informa es consultar Trabalho com arquivos de configura o na p gina 526 OY VA XAS Extens o dos recursos do Fireworks 517 Os comandos salvos diretamente na pasta Commands bem como aqueles salvos no painel History aparecem no menu Commands assim que s o salvos portanto n o necess rio reiniciar o Fireworks Entretanto os comandos salvos na pasta Command Panels estar o dispon veis no menu Window somente ap s a reinicializa o do Fireworks Filmes SWF do Flash usados como pain is do Fireworks Alguns pain is do Fireworks como Align Alinhar s o na verdade filmes SWF do Flash Se conhecer JavaScript ou ActionScript o usu rio poder criar seu pr prio painel do Fireworks projetando o ou codificando o no F
299. dem conter uma rea transparente e v rios quadros para anima o Imagens com reas de cor s lida podem se compactar mais ao serem exportadas como GIFs Um GIF geralmente ideal para desenhos logotipos imagens com reas transparentes e anima es JPEG desenvolvido pelo Joint Photographic Experts Group especificamente para imagens fotogr ficas ou com cores de alta densidade O formato JPEG suporta milh es de cores 24 bits Esse formato o melhor para fotografias digitalizadas imagens que usam texturas imagens com transi o de cores em d grad e qualquer imagem que exija mais de 256 cores PNG ou Portable Network Graphic um formato gr fico vers til para a Web Por m nem todos os navegadores da Web podem visualizar gr ficos PNG O formato PNG pode suportar cores de at 32 bits conter transpar ncia ou um canal alfa e ser progressivo PNG o formato de arquivo nativo do Fireworks Por m arquivos PNG Fireworks cont m informa es espec ficas do aplicativo que n o s o armazenadas em um arquivo PNG exportado ou em arquivos criados em outros aplicativos WBMP ou Wireless Bitmap um formato gr fico criado para dispositivos de computa o m veis como telefones celulares e PDAs Personal Digital Assistant assistente pessoal digital Esse formato usado especificamente em p ginas WAP Wireless Application Protocol protocolo de aplica es sem fio O WBMP um formato de 1 bit portanto s duas core
300. des para alterar a fonte o tamanho e os atributos de estilo do texto em um bloco de texto Para alterar a fonte o tamanho e o estilo do texto selecionado usando o Property inspector Inspetor de propriedades 1 Para alterar a fonte selecionar outra fonte no menu pop up Font Fonte S As fontes usadas por ltimo aparecem na parte superior do menu pop up Font q m pe lt gt QO D o Arial e vm BIU 2 Paraalterar o tamanho da fonte arrastar o controle deslizante pop up Font Size Tamanho da fonte ou digitar um valor na caixa de texto O tamanho da fonte medido em pontos 3 Para aplicar um estilo negrito it lico ou sublinhado clicar no bot o de estilo correspondente Inser o de caracteres especiais E poss vel inserir caracteres especiais em um texto diretamente no Fireworks em vez de copi los e col los de outra origem Para inserir caracteres especiais 1 Depois de criar um bloco de texto clicar no local dentro desse bloco onde ser inserido um caractere especial 2 Selecionar Window Janela gt Special Characters Caracteres especiais 3 No painel Special Characters selecionar o caractere a ser inserido Edi o de texto 169 Aplica o de cor do texto A cor do texto controlada pela caixa Fill Color Cor de preenchimento Por padr o o texto preto e sem tra o poss vel alterar a cor de todo o texto em um bloco de texto selecionado ou
301. dificada ou carregada de uma paleta externa arquivo ACT ou um arquivo GIE O ajuste da paleta de cores durante a otimiza o afeta as cores da imagem poss vel otimizar e personalizar paletas de cores com o uso da tabela de cores no painel Optimize Para selecionar uma paleta de cores m No menu pop up Indexed Palette Paleta indexada do painel Optimize Otimizar selecionar uma op o Para importar uma paleta personalizada 1 Seguir um destes procedimentos No menu Options Op es do painel Optimize Otimizar selecionar Load Palette Carregar paleta No menu pop up Indexed Palette Paleta indexada do painel Optimize selecionar Custom Personalizar 2 Navegar at um arquivo de paleta ACT ou GIF e clicar em Open Abrir 392 Cap tulo 14 Otimiza o e exporta o As cores dos arquivos ACT ou GIF s o adicionadas tabela de cores no painel Optimize OY VA YASgO Os usu rios do Windows devem selecionar GIF Files Arquivos GIF no menu pop up Files of Type Arquivos do tipo para ver os arquivos com a extens o gif na caixa de di logo Open Configura o da intensidade da cor Intensidade de cor o n mero de cores no gr fico poss vel tornar os arquivos menores com a redu o do n mero de cores usadas A redu o da intensidade da cor remove algumas cores da imagem a partir daquelas menos usadas Os pixels que cont m as cores descartadas s o convertidos nas co
302. dividuais tamb m ajuda a organiz las Tamb m poss vel alterar a cor da guia a Ao visualizar o documento as fatias n o selecionadas s o vis veis como uma w sobreposi o branca m 7 lt D gt Q D O Cria o e edi o de fatias 299 Para mudar a cor de um objeto de fatia selecionado m No Property inspector Inspetor de propriedades selecionar uma nova cor na caixa de cores Para mudar a cor das guias de fatia 1 Selecionar View Exibir gt Guides Guias gt Edit Guides Editar guias 2 Selecionar uma nova cor na se o Slice Color Cor da fatia da caixa de di logo Guides Guias e clicar em OK Edi o de fatias No Fireworks poss vel trabalhar com um layout de fatia como se fosse uma tabela em um aplicativo de processamento de texto Quando uma guia de fatia arrastada para redimensionar uma fatia o Fireworks automaticamente redimensiona tamb m todas as fatias retangulares adjacentes Al m disso poss vel usar o Property inspector Inspetor de propriedades para redimensionar e transformar fatias da mesma forma que objetos vetoriais e de bitmap 300 Cap tulo 11 Fatias rollovers e pontos ativos Movimenta o de guias de fatia para editar fatias As guias de fatia definem o per metro e a posi o das fatias As guias de fatia que se estendem al m dos objetos de fatia definem como o restante do documento ser fatiado ao ser exportado poss vel alterar o
303. do Macromedia FreeHand Para mais informa es consultar Trabalho com o Macromedia FreeHand MX na p gina 466 Recursos n o suportados Como o Fireworks e outros editores de gr ficos vetoriais nem sempre compartilham os mesmos recursos a apar ncia dos objetos ser diferente em cada aplicativo A maioria dos editores de gr ficos vetoriais inclusive o Macromedia FreeHand n o suporta os seguintes recursos do Fireworks m Live Filters Filtros ao vivo m Modos de mistura m Texturas preenchimentos padr o preenchimentos Pontilhamento Web e preenchimentos d grad m Objetos de fatia e mapas de imagem m V rias op es de formata o de texto m Guias grades e cor da tela m Imagens bitmap m Alguns tra os Trabalho com o Macromedia Director MX poss vel combinar os recursos do Fireworks e do Macromedia Director MX O Fireworks permite exportar gr ficos e conte do interativo para o Director O processo de exporta o preserva os comportamentos e as fatias do gr fico poss vel exportar com seguran a imagens fatiadas com rollovers e at imagens com camadas Assim o Director permite aproveitar as ferramentas de projeto gr fico e otimiza o do Fireworks sem comprometer a qualidade go O estilo HTML do Director n o suporta o c digo de menus pop up OY VA XAS 474 Cap tulo 15 Uso do Fireworks com outros aplicativos Coloca o de arquivos do Fireworks no Director O Dire
304. do painel Assets para a tela Para criar uma Auto Shape usando o painel Assets 1 Selecionar Window Janela gt Auto Shapes Formas autom ticas para exibir a guia Shapes Formas caso ela n o esteja vis vel 2 Arrastar a visualiza o de uma Auto Shape do painel Assets para a tela 3 Tamb m poss vel editar a Auto Shape arrastando os pontos de controle Adi o de novas Auto Shapes ao Fireworks poss vel adicionar novas Auto Shapes Formas autom ticas ao Fireworks usando o site do Fireworks Exchange na Web Algumas Auto Shapes novas s o exibidas na guia Shapes Formas do painel Assets Propriedades e outras s o exibidas no menu Tools Ferramentas agrupadas com as outras Auto Shapes Tamb m poss vel adicionar novas Auto Shapes ao Fireworks criando o c digo JavaScript para elas Para mais informa es consultar Extending Fireworks Extens o dos recursos do Fireworks 140 Cap tulo 5 Trabalho com objetos vetoriais Para adicionar novas Auto Shapes ao Fireworks 1 Selecionar Window Janela gt Auto Shapes Formas autom ticas para exibir o painel Shapes Formas caso ele n o esteja vis vel 2 No menu Options Op es do painel Shapes selecionar Get More Auto Shapes Obter mais formas autom ticas O Fireworks se conecta Web e navega para o site do Fireworks Exchange 3 Seguir as instru es na tela para selecionar novas Auto Shapes e adicion las ao Fireworks Desenho de tra
305. dos como Color Cubes Cubos de cor Continuous Tone Tom cont nuo ou Grayscale Tons de cinza ou pode criar grupos de exemplos de cores personalizados que incluam suas cores favoritas ou as cores aprovadas pelo cliente No Color Mixer Misturador de cores ele pode selecionar um modelo de cor como Hexadecimal RGB ou Grayscale e em seguida escolher as cores de tra os e preenchimentos diretamente na barra de cores ou por meio da inser o dos valores espec ficos das cores O espa o de trabalho do Fireworks cont m caixas de cores que mostram as escolhas de cores atuais para op es e caracter sticas de objetos Quando o usu rio clica em uma caixa de cor exibida uma janela pop up de cores na qual poss vel selecionar uma cor para a caixa Para aplicar uma cor caixa de cor ele pode afastar o ponteiro da janela pop up de cores aberta e clicar em qualquer cor na tela A se o Colors Cores do painel Tools Ferramentas cont m controles de cor de preenchimento e tra o al m de outras op es de cor A se o Bitmap cont m as ferramentas Paint Bucket Lata de tinta Gradient Fill Preenchimento d grad e Eyedropper Conta gotas que s o teis para aplicar cor a sele es de bitmaps reas com cor semelhante e objetos vetoriais Para informa es sobre essas ferramentas de bitmap consultar Cap tulo 4 Trabalho com bitmaps na p gina 91 Para mais informa es sobre corre o de cor utilizando Live F
306. dura atual m Copiar o conte do da camada compartilhada para todas as molduras Exibi o de objetos em uma moldura espec fica poss vel exibir com facilidade objetos em uma moldura espec fica usando se o menu pop up Frame Moldura no painel Layers Camadas Trabalho com molduras 369 Para exibir objetos em uma moldura espec fica m Na parte inferior do painel Layers selecionar a moldura desejada no menu pop up Frame E 100 v Normal Es E web Layer Er SENIE m animation Symbol Frame 2 N Frame 3 Frame 4 Rectangle Frame 5 Todos os objetos da moldura selecionada s o listados no painel Layers e exibidos na tela Uso de onion skinning O recurso onion skinning permite exibir o conte do de molduras anteriores e posteriores moldura selecionada atualmente poss vel animar objetos com facilidade sem precisar se mover para a frente e para tr s atrav s delas O termo onion skinning prov m de uma t cnica de anima o tradicional que utiliza papel vegetal fino para exibir sequ ncias animadas Quando o recurso onion skinning ativado os objetos das molduras anterior e posterior atual s o atenuados para que possam se distinguir dos objetos da moldura atual Por padr o o recurso Multi Frame Editing Edi o de v rias molduras ativado Isso significa que poss vel selecionar e editar objetos atenuados em outras molduras sem sai
307. e recriado com o uso de uma tabela HTML Cada elemento fatiado no documento do Fireworks reside em uma c lula da tabela Depois de exportada uma fatia do Fireworks migra para uma c lula de tabela HTML poss vel especificar como uma tabela do Fireworks recriada em um navegador Dentre outras op es poss vel selecionar o uso de espa adores ou tabelas aninhadas ao exportar para HTML m Espa adores s o imagens que ajudam a alinhar corretamente as c lulas da tabela ao ser exibida em um navegador m Uma tabela aninhada uma tabela dentro de outra As tabelas aninhadas n o usam espa adores Eles podem ser carregados com maior lentid o nos navegadores mas como n o h espa adores mais f cil editar seu HTML Para mais informa es sobre HTML consultar Exporta o de HTML na p gina 415 Para definir como exportar tabelas HTML no Fireworks 1 Selecionar File Arquivo gt HT ML Setup Configura o do HTML ou na caixa de di logo Export Exportar clicar no bot o Options Op es 2 Clicar na guia Table Tabela 3 Selecionar uma op o de espa amento no menu pop up Space With Espa ar Nested Tables No Spacers Tabelas aninhadas Sem espa adores cria um ninho de tabelas sem espa adores Single Table No Spacers Tabela simples Sem espa adores cria uma tabela simples sem espa adores Essa op o pode fazer com que as tabelas sejam exibidas incorretamente em certos casos
308. e Live Filters 2 Editar as configura es do filtro na janela pop up m Clicar na caixa de cores para abrir a janela pop up de cores e definir a cor do brilho m Arrastar o controle deslizante Width Largura para definir a largura do brilho m Arrastar o controle deslizante Opacity Opacidade para definir a porcentagem de transpar ncia do brilho m Arrastar o controle deslizante Softness Suavidade para definir a precis o do brilho m Arrastar o controle deslizante Offset Deslocamento para especificar a dist ncia entre o brilho e o objeto 3 Quando terminar clicar fora da janela ou pressionar Enter para fech la Aplica o de filtros e plug ins do Photoshop como Live Filters poss vel aplicar todos os filtros integrados e plug ins do menu pop up Add Filters Adicionar filtros como Live Filters Filtros ao vivo usando o Property inspector Inspetor de propriedades A aplica o desses filtros como Live Filters garante que o usu rio possa edit los ou remov los de um objeto a qualquer momento a Os plug ins do Photoshop 6 ou posterior s o incompat veis com o Fireworks 8 dp n O menu que em algumas vers es anteriores do Fireworks era chamado Xtras S chamado de menu Filters Filtros no Fireworks 8 As extens es Xtra do Fireworks 9 agora s o conhecidas como filtros o Plug ins do menu Filters Na instala o de um plug in do Photoshop no Fireworks ele adicionado ao menu Fi
309. e acordo com o texto digitado nelas Consultar Nomea o de um objeto de texto na p gina 165 Este novo painel permite inserir caracteres especiais diretamente em blocos de texto poss vel editar pontos do tra ado quando existe um texto anexado Consultar Edi o de tra ados e textos anexados a tra ados na p gina 182 Os diversos aperfei oamentos de tarefas comuns permitem poupar tempo e esfor os Melhorias de fluxo de trabalho As fontes recentes e a otimiza o lembram as ltimas configura es usadas Op o de salvar v rias sele es As ltimas fontes usadas agora aparecem na parte superior dos menus de fontes A otimiza o agora assume como padr o as ltimas configura es usadas Consultar Salva e reutiliza o de uma configura o de otimiza o na p gina 407 poss vel salvar restaurar nomear e excluir v rias sele es de molduras com os arquivos PNG Consultar Salva de sele es de molduras na p gina 74 Novidades do Fireworks 8 11 Melhorias de fluxo de trabalho Sele o de objetos que Com atecla Shift pressionada poss vel clicar para selecionar compartilham uma borda no objetos que compartilham uma borda ou um limite no painel de painel Layers Camadas camadas Prefer ncias para salvar As prefer ncias do Fireworks 8 s o salvas automaticamente automaticamente com mais frequ ncia Agrupamento de Os deslocamentos consecutivos s
310. e anima o diferentes para cada uma Para mais informa es sobre configura es de anima o consultar Cap tulo 13 Cria o de anima o na p gina 359 5 Selecionar todas as fatias a serem animadas e escolher Animated GIF GIF animado como o formato de arquivo no painel Optimize Otimizar Para mais informa es sobre otimiza o consultar Otimiza o de arquivos GIF PNG TIFE BMP e PICT na p gina 391 6 Clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh na tabela desejada e selecionar Export Selected Slice Exportar fatia selecionada no menu contextual para exportar cada fatia separadamente Na caixa de di logo Export Exportar digitar um nome para cada arquivo selecionar o destino e clicar em Export Exporta o do Fireworks 413 Exporta o de uma moldura ou camada O Fireworks pode exportar cada camada ou moldura em um documento como um arquivo de imagem separado com o uso das configura es de otimiza o especificadas no painel Optimize Otimizar O nome da camada ou moldura determina o nome de cada arquivo exportado Este m todo de exporta o usado algumas vezes para exportar anima es Para exportar molduras ou camadas como v rios arquivos 1 Selecionar File Arquivo gt Export Exportar 2 Digitar um nome de arquivo e selecionar uma pasta de destino 3 No menu pop up Export selecionar uma das seguintes op es Frames to
311. e de poder editar objetos em uma camada para que n o afetem o resto da anima o Para mais informa es consultar Trabalho com uma camada na p gina 236 368 Cap tulo 13 Cria o de anima o Se o usu rio desejar que os objetos apare am em toda a anima o ser poss vel coloc las em uma camada e em seguida usar o painel Layers Camadas para compartilh la entre as molduras Quando uma camada for compartilhada entre as molduras todos os objetos naquela camada ser o vis veis em cada moldura poss vel editar objetos em camadas compartilhadas em qualquer moldura estas edi es refletem se em todas as outras molduras Normal EB B weblaye RETA square Animation Symbol x Rectangle Frame 1 Em a Neste exemplo a camada quadrada vermelha compartilhada pelas molduras Para compartilhar uma camada entre molduras 1 Clicar duas vezes na camada 2 Selecionar Share Across Frames Compartilhar entre molduras go O conte do de uma camada compartilhada inteira aparece em cada moldura OY VA XAS Para desativar o compartilhamento de uma camada atrav s de molduras 1 Clicar duas vezes na camada compartilhada 2 Cancelar a sele o de Share Across Frames Compartilhar entre molduras 3 Selecionar uma das seguintes op es de c pia de objetos para molduras m Deixar o conte do da camada compartilhada somente na mol
312. e exporta o atuais Tamanho do arquivo e tempo de download estimados Image Preview Options Fie Animation Ea Preview V Saved settings A rmp neurose zimi Configura es de exporta o Qualty 32 salvas na exibi o ativa Smoothing No Smoothing X T Progressive browser display I Sharpen color edges Visualiza o das configura es de exporta o escolhidas R 047 G 027 B D26 2f1b1a qg PAA A seia 2 Export OK Cancel IY Remove unused colors Conjunto de op es salvo para a exporta o selecionada poss vel dividir as exibi es para comparar as v rias configura es e encontrar o menor tamanho de arquivo que mantenha um n vel de qualidade aceit vel Tamb m poss vel limitar o tamanho usando o Optimize to Size Wizard Assistente de Otimizar para o tamanho Ao exportar GIFs animados ou rollovers JavaScript o tamanho estimado do arquivo representa o tamanho total de todas as molduras S Para aumentar a velocidade de redesenho de Image Preview cancelar a sele o de q Preview Visualizar Para interromper o redesenho da rea de visualiza o ao alterar as m 2 7 configura es pressionar Esc lt gt Q D o Para exportar usando Image Preview 1 Selecionar File Arquivo gt Image Preview Visualiza o de imagem para abrir a Image Preview 3
313. e irrevers vel necess rio selecion los no menu Filters Filtros No entanto a Macromedia recomenda o uso de filtros como Live Filters sempre que poss vel O usu rio pode aplicar filtros do menu Filters mas n o Live Filters a sele es de pixels No entanto ele pode definir uma rea de um bitmap criar um bitmap separado e em seguida aplicar um Live Filter a ele Quando um filtro aplicado a um objeto vetorial selecionado usando o menu Filters o Fireworks converte a sele o em um bitmap Para aplicar um Live Filter a uma rea definida por uma moldura de caixa de sele o de bitmap 1 Selecionar uma ferramenta de sele o de bitmap e desenhar uma moldura de caixa de sele o 2 Selecionar Edit Editar gt Cut Recortar Selecionar Edit gt Paste Colar O Fireworks cola a sele o exatamente onde os pixels se encontravam por m a sele o passa a ser um objeto bitmap parte 4 Clicar na miniatura do novo objeto bitmap no painel Layers Camadas para selecionar o objeto bitmap 5 Aplicar um Live Filter Filtro ao vivo do Property inspector Inspetor de propriedades O Fireworks s aplica o Live Filter ao novo objeto bitmap simulando a aplica o de um filtro a uma sele o de pixels S Embora os Live Filters sejam mais flex veis um grande n mero deles em um 0 documento pode resultar em uma queda no desempenho do Fireworks Para mais Eu informa es consultar Controle do redes
314. e permitem executar qualquer um destes procedimentos m Alinhar objetos ao longo do eixo horizontal ou vertical m Alinhar objetos selecionados verticalmente ao longo da borda direita do centro ou da borda esquerda ou horizontalmente ao longo da borda superior do centro ou da borda inferior As bordas s o determinadas pelas caixas delimitadoras inclu das em cada objeto selecionado go OY VA HAS m Distribuir objetos selecionados de forma que seus centros ou bordas fiquem eq idistantes poss vel aplicar um ou mais comandos Align a objetos selecionados Para alinhar objetos selecionados seguir um destes procedimentos m Selecionar Modify Modificar gt Align Alinhar gt Left Esquerda para alinhar os objetos de acordo com o objeto selecionado mais esquerda m Selecionar Modify gt Align gt Center Vertical Centralizado vertical para alinhar o centro dos objetos ao longo de um eixo vertical m Selecionar Modify gt Align gt Right Direita para alinhar os objetos de acordo com o objeto selecionado mais direita m Selecionar Modify gt Align gt Top Topo para alinhar os objetos de acordo com o objeto selecionado mais acima m Selecionar Modify gt Align gt Center Horizontal Centralizado horizontal para alinhar o centro dos objetos ao longo de um eixo horizontal m Selecionar Modify gt Align gt Bottom Base para alinhar os objetos de acordo com o objeto selecionado mais a
315. e podem ser aplicadas a objetos vetoriais imagens bitmap e textos Os Live Filters incluem chanfros e relevo sombras s lidas outras sombras e brilhos corre o de cor e emba amento e agu amento poss vel aplicar Live Filters a objetos selecionados diretamente no Property inspector Inspetor de propriedades O Fireworks atualiza automaticamente os Live Filters quando o usu rio edita qualquer objeto em que tenham sido aplicados Depois de aplicar um Live Filter o usu rio pode alterar suas op es a qualquer momento ou reorganizar a ordem dos filtros para testar um filtro combinado No Property inspector poss vel ativar desativar ou excluir os Live Filters Quando um filtro removido o objeto ou a imagem volta a ter a apar ncia anterior Alguns filtros agora inclu dos nos Live Filters do Fireworks como Auto Levels N veis autom ticos Gaussian Blur Desfoque Gaussiano e Unsharp Mask Desfocar m scara s estavam dispon veis como plug ins ou filtros irrevers veis Al m desses filtros o usu rio pode adicionar plug ins de outros fornecedores para usar como Live Filters no Fireworks Se preferir ele pode usar esses filtros no modo tradicional por meio do menu Filters Filtros Para mais informa es consultar Ajuste da cor e do tom de um bitmap na p gina 106 Este cap tulo cont m os seguintes t picos Aplica o de Live PING essenaa sda SA daR r rhe EE DE dd A E EREI 224 Edi o de Live Fiers ss
316. e propriedades selecionar a forma de borracha redonda ou quadrada Desenho pintura e edi o de objetos bitmap 97 Arrastar o controle deslizante Edge Borda para definir a suavidade da borda da borracha Arrastar o controle deslizante Size Tamanho para definir o tamanho da borracha Arrastar o controle deslizante Eraser Opacity Opacidade da borracha para definir o grau de opacidade Arrastar a ferramenta Eraser sobre os pixels a serem apagados Enevoamento de sele es de pixels O enevoamento desfoca as bordas de uma sele o de pixels e ajuda a misturar a rea selecionada com os pixels que a envolvem O recurso de enevoar til quando uma sele o copiada e colada em outro fundo Para enevoar as bordas de uma sele o de pixels ao fazer essa sele o 1 2 4 Selecionar uma ferramenta de sele o de bitmap no painel Tools Ferramentas Selecionar Feather Enevoar no menu pop up Edge Borda do Property inspector Inspetor de propriedades Arrastar o controle deslizante para definir o n mero de pixels a serem emba ados ao longo da borda da sele o Fazer uma sele o Para enevoar as bordas de uma sele o de pixels a partir da barra de menus 1 2 Escolher Select Selecionar gt Feather Enevoar Digitar um valor na caixa de di logo Feather Selection Enevoar sele o para definir o raio de enevoamento e clicar em OK O valor do raio determina o n
317. e s mbolos com nome e design semelhantes e com cores coordenadas para uso em conjunto Other Outro abre uma caixa de di logo Open Abrir a partir da qual poss vel navegar para arquivos PNG de bibliotecas de s mbolos que foram exportados anteriormente Para mais informa es consultar o pr ximo procedimento Al m disso existe a op o de importar s mbolos de arquivos PNG de bibliotecas que foram exportados anteriormente e est o localizados no disco r gido em um CD ou em uma rede Para mais informa es sobre a exporta o de s mbolos consultar Exporta o de s mbolos na p gina 285 Para importar s mbolos de outro arquivo para o documento atual 1 Seguir um destes procedimentos m Selecionar Import Symbols Importar s mbolos no menu Options Op es do painel Library Biblioteca m Selecionar Edit Editar gt Libraries Bibliotecas gt Other Outra 2 Navegar at a pasta que cont m o arquivo selecionar o arquivo e clicar em Open Abrir 3 Selecionar os s mbolos que deseja importar e clicar em Import Importar 284 Cap tulo 10 Uso de estilos s mbolos e URLs Os s mbolos importados s o exibidos no painel Library Y Assets Styles URL Library Shapes Graphic Es button 1 Graphic E logo 1 Graphic E logo 2 Graphic Um outro m todo de importar e exportar s mbolos individuais de e para os pain is Library de v rios documentos arrastar e soltar ou copiar e colar o
318. e seletiva se desejado Para desfazer uma sele o selecionar Modify gt Selective JPEG gt Remove JPEG Mask Remover m scara JPEG Ov vANaIsgo Emba amento ou agu amento de um detalhe poss vel definir a Smoothing Suaviza o no painel Optimize Otimizar para ajudar a diminuir o tamanho de arquivos JPEG A suaviza o emba a bordas acentuadas que n o s o bem comprimidas em JPEGs Os n meros maiores produzem mais emba amento no JPEG exportado ou salvo criando normalmente arquivos menores Uma configura o de suaviza o de aproximadamente 3 reduz o tamanho da imagem mantendo por m uma qualidade razo vel 404 Cap tulo 14 Otimiza o e exporta o Para ajudar a preservar as bordas finas entre duas cores m No menu Options Op es do painel Optimize Otimizar selecionar Sharpen JPEG Edges Agu ar bordas JPEG Usar Sharpen JPEG Edges ao exportar ou salvar arquivos JPEG com texto ou detalhes finos para manter a nitidez dessas reas A sele o de Sharpen JPEG Edges Agu ar bordas JPEG aumenta o tamanho do arquivo Uso de JPEGs progressivos JPEGs progressivos como GIFs e PNGs entrela ados s o exibidos inicialmente em uma resolu o baixa e em seguida melhoram em qualidade medida que se efetua seu download Para exportar ou salvar um JPEG progressivo m No menu Options Op es do painel Optimize Otimizar selecionar Progressive JPEG JPEG progressi
319. e trabalho e selecionar um layout de espa o de trabalho no submenu Sobre o bot o Quick Export O bot o Quick Export Exporta o r pida permite exportar arquivos do Fireworks para v rios aplicativos da Macromedia inclusive o Dreamweaver o Flash o Director e o FreeHand Al m disso poss vel exportar arquivos para o Photoshop o FrontPage o Adobe GoLive e o Illustrator ou visualizar os arquivos no navegador de sua prefer ncia Para mais informa es consultar Uso do bot o Quick Export na p gina 429 amp Dreamweaver 1 Macromedia Flash B FreeHand Director O Preview in Browser b www Other b Copy HTML Code Update HTML 42 Cap tulo 2 Conceitos b sicos do Fireworks Abertura e movimenta o de barras de ferramentas somente Windows O Fireworks for Windows inclui duas barras de ferramentas com os comandos comuns do Fireworks Para mostrar ou ocultar uma barra de ferramentas m Selecionar Window Janela gt Toolbars Barras de ferramentas e selecionar uma barra de ferramentas Para desencaixar uma barra de ferramentas m Arrastar a barra de ferramentas para longe de seu local de encaixe Se uma barra de ferramentas estiver desencaixada clique no bot o de fechamento no canto superior direito da barra de t tulo para fech la Ov vANIsgo Para encaixar uma barra de ferramentas m Arrastar a barra de ferramentas para uma rea de encaixe na p
320. e um filtro a partir do menu Filters uma opera o destrutiva ou seja q ela n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for uma uu op o Para manter a capacidade de ajustar desativar ou remover esse filtro gt aplique o como um Live Filter conforme descrito na primeira op o com marcador S desta etapa Para mais informa es consultar Cap tulo 8 Uso de Live Filters na O p gina 223 Channel RGB Si Input Levels 0 255 2212 M Preview TT EEE Dutput Levels 0 255 A Caixa de di logo Levels O Para exibir as altera es no espa o de trabalho selecionar Preview Visualizar na 2 caixa de di logo medida que s o feitas altera es a imagem atualizada automaticamente No menu pop up Channel Canal selecionar a aplica o de altera es a canais de cores individuais vermelho azul ou verde ou a todos os canais de cores RGB Arrastar os controles deslizantes Input Levels N veis de entrada abaixo do histograma para ajustar os realces meios tons e sombras O controle deslizante da direita ajusta os realces usando valores de 255 a 0 O controle deslizante do centro ajusta os meios tons usando valores de 10 a 0 O controle deslizante da esquerda ajusta as sombras usando valores de O a 255 Ajuste da cor e do tom de um bitmap 109 A medida que o usu rio move os controles deslizantes os valores
321. e uma barra de navega o e opcionalmente especifica os estados Preload images Pr carregar imagens e Include Over While Down Incluir Sobre durante o estado Abaixo Nav Bar Down Abaixo na barra de navega o especifica um estado Down Abaixo para a fatia selecionada no momento quando ela faz parte de uma barra de navega o e opcionalmente especifica um estado Preload images Pr carregar imagens Nav Bar Restore Restaurar barra de navega o restaura todas as outras fatias na barra de navega o para o estado Up Acima Set Pop up Menu Definir o menu pop up acrescenta um menu pop up a uma fatia ou ponto ativo Ao ser aplicado um comportamento de menu pop up poss vel usar o Pop up Menu Editor Editor de menu pop up Para mais informa es consultar Cria o de menus pop up na p gina 344 Definir texto da barra de status permite definir o texto para exibi o na barra de status na base da maioria das janelas de navegadores Adi o de comportamentos Com o uso do painel Behaviors Comportamentos poss vel acrescentar um comportamento a uma fatia Tamb m poss vel acrescentar mais de um comportamento Para acrescentar um comportamento a uma fatia selecionada com o painel Behaviors 1 Clicar no bot o Add Behavior Adicionar comportamento o bot o com o sinal de mais no painel Behaviors Comportamentos Bot o Add Behavior Bot o Remove Behavior Behaviors Actions
322. e usam a codifica o UTF 8 e aqueles que s o criados em XHTML Os arquivos XHTML geralmente t m a extens o xhtm ou xhtml Para mais informa es sobre esses tipos de arquivo consultar Exporta o de arquivos com e sem codifica o UTF 8 na p gina 426 e Exporta o de XHTML na p gina 425 OY VAYASgO Para abrir todas as tabelas de um arquivo HTML 1 Selecionar File Arquivo gt Reconstitute Table Reconstituir tabela 2 Selecionar o arquivo HTML que cont m as tabelas a serem abertas e clicar em Open Abrir Cada uma das tabelas aberta em sua pr pria janela de documento Para abrir somente a primeira tabela de um arquivo HTML 1 Selecionar File Arquivo gt Open Abrir 2 Selecionar o arquivo HTML que cont m a tabela a ser aberta e clicar em Open A primeira tabela no arquivo HTML aberta em uma nova janela de documento Para importar a primeira tabela de um arquivo HTML para um documento aberto do Fireworks 1 Selecionar File Arquivo gt Import Importar 2 Selecionar o arquivo HTML do qual pretende importar e clicar em Open Abrir 3 Clicar para colocar o ponto de inser o no local em que a tabela importada dever aparecer Inser o de um objeto em um documento do Fireworks poss vel importar arrastar ou copiar e colar objetos vetoriais imagens bitmap ou textos criados em outros aplicativos para um documento do Fireworks Tamb m poss vel importar i
323. ea 414 UTF 8 426 XHTML 425 exportar gr ficos 17 Extension Manager 511 Eyedropper Conta gotas ferramenta 96 196 F faces de tipos Consultar fontes faixa tonal 107 ajustar com Curves Curvas 111 ajustar com Levels N veis 107 fatiar defini o 294 para interatividade 294 fatias 17 alterar cor 299 atualizar 412 criar 295 536 ndice remissivo editar fatias de tabelas do Fireworks no Macromedia Dreamweaver 449 exportar 410 411 mostrar ou ocultar sobreposi o de fatia 389 nomear automaticamente 316 pol gono 297 redimensionar 302 sobrepor 302 texto 296 usar espa ador 319 usar tabelas aninhadas 319 Feather Enevoar comando 98 ferramentas alterar cor do tra o 206 alterar op es 34 Blur Emba ar 99 Brush Pincel 95 Burn Escurecer 99 Colors Cores se o no painel Tools Ferramentas 192 Distort Distorcer 85 Dodge Clarear 99 Eraser Borracha 97 Eyedropper Conta gotas 96 Lasso La o 64 Magic Wand Varinha m gica 64 Marquee Moldura 64 menus pop up de grupos de ferramentas 35 Oval Marquee Moldura oval 64 Pencil L pis 95 Pointer Ponteiro 60 64 Polygon Lasso La o pol gono 64 Red eye Removal Remo o de olhos vermelhos 99 102 Replace Color Substituir cor 99 103 104 Rubber Stamp Carimbo 99 Scale Dimensionar 83 Sharpen Agu ar 99 Skew Inclinar 84 Smudge Mancha 99 Subselection Selecionar secund rio 151 260 Text Texto 164 Transform Transforma
324. eae sd ins siga Sade DI Emap 20 Salva de um arquivo no FireworkS sscricseprars rd ni kke cce 30 Ambiente de trabalho do Fireworks ccciiccciicsccce rice 33 15 Sobre o trabalho no Fireworks O Fireworks um aplicativo vers til para criar editar e otimizar gr ficos da Web poss vel criar e editar imagens vetoriais e de bitmap projetar efeitos na Web como rollovers e menus pop up cortar e otimizar gr ficos para reduzir o tamanho dos arquivos e poupar tempo automatizando tarefas repetitivas Depois de concluir um documento o usu rio pode export lo ou salv lo como um arquivo no formato JPEG GIF ou em outro formato junto com os arquivos HTML que cont m as tabelas HTML e o c digo JavaScript para usar na Web Ele tamb m pode exportar um tipo de arquivo espec fico para outro aplicativo ou salv lo em outro aplicativo como o Photoshop ou o Macromedia Flash se quiser continuar a trabalhar nesse aplicativo Objetos vetoriais e de bitmap No painel Fireworks Tools Ferramentas do Fireworks existem se es distintas que cont m ferramentas para desenhar e editar vetores e bitmaps Para mais informa es sobre esses dois formatos b sicos consultar Sobre gr ficos vetoriais e de bitmap na p gina 17 No Fireworks a ferramenta selecionada determina se o objeto criado um vetor ou um bitmap Por exemplo a sele o da ferramenta Pen Caneta na se o Vector Vetor do painel Tools Ferramentas p
325. eciona uma fatia aparece um c rculo com um ret culo no centro da fatia Isso chamado de al a de comportamento poss vel criar efeitos de rollover e troca de imagem com facilidade arrastando se a al a de comportamento de uma fatia de acionamento e soltando a em uma fatia alvo O acionador e o alvo podem ser a pr pria fatia Slice name GIF Os pontos ativos tamb m t m al as de comportamento para a incorpora o de efeitos de rollover Para mais informa es consultar Cria o de pontos ativos na p gina 322 Sobre rollovers Todos os rollovers funcionam da mesma forma Uma imagem aciona a exibi o de outra quando o ponteiro rola sobre a primeira O acionador sempre um objeto da Web uma fatia um ponto ativo ou um bot o 304 Cap tulo 11 Fatias rollovers e pontos ativos O rollover mais simples troca uma imagem na Frame 1 Moldura 1 por uma imagem diretamente abaixo dela na Frame 2 Moldura 2 Tamb m poss vel construir rollovers mais complexos Rollovers de troca de imagem podem alternar uma imagem em qualquer moldura rollovers desmembrados s o trocados em uma imagem de uma fatia que n o seja a fatia acionadora Slice GIF No Fireworks ao selecionar um objeto acionador da Web criado com o uso de uma al a de comportamento ou no painel Behaviors Comportamentos exibem se todas as suas rela es de comportamento Por padr o uma intera o de rollover represe
326. ecionar Window Janela gt Workspace Layouts Layouts do espa o de trabalho gt 800 x 600 m Selecionar Window gt Workspace Layouts gt 1024 x 768 m Selecionar Window gt Workspace Layouts gt 1280 x 1024 Para abrir um painel m Selecionar o nome do painel no menu Window Janela Uma marca de sele o ao lado do nome de um painel no menu Window indica que o painel est aberto v la Para fechar um painel seguir um destes procedimentos m Selecionar o nome do painel no menu Window Janela m Clicar no bot o Close Fechar na barra de t tulo do painel quando o painel estiver desencaixado Para ocultar todos os pain is e o Property inspector m Selecionar Window Janela gt Hide Panels Ocultar pain is Para exibir pain is ocultos selecionar Window gt Hide Panels novamente S Os pain is ocultados quando Hide Panels selecionado continuam ocultos quando 0 a sele o desse comando cancelada m P lt D gt O gt o 40 Cap tulo 2 Conceitos b sicos do Fireworks Para mostrar ou ocultar pain is encaixados na janela do aplicativo somente Windows seguir um destes procedimentos m Arrastar a barra vertical para a esquerda da rea do painel encaixado para redimensionar a rea do painel m Clicar na seta pequena que separa a rea do painel encaixado do restante da janela do aplicativo Sort none z O colors j ja aa Clicar pa
327. edades Ov vAaNaIsgo Para trocar cores de tra o e preenchimento m Clicar no bot o Swap Colors Trocar cores no painel Tools Ferramentas ou no Color Mixer Misturador de cores Organiza o de grupos de exemplos e modelos de cor O painel Swatches Exemplos de cores e o Color Mixer Misturador de cores se combinam para formar o grupo de pain is Colors Cores No painel Swatches o usu rio pode exibir alterar criar e editar grupos de exemplos bem como selecionar cores de tra o e de preenchimento Ele pode usar o Color Mixer para selecionar um modelo de cor misturar cores de tra o e preenchimento arrastando os controles deslizantes de valores de cores ou digitando valores de cores e selecionar cores de tra o e de preenchimento diretamente na barra de cores Aplica o de cores atrav s do painel Swatches O painel Swatches Exemplos de cores exibe todas as cores do grupo de exemplos atual E poss vel usar o painel Swatches para aplicar cores de tra o e de preenchimento a textos ou objetos vetoriais selecionados Organiza o de grupos de exemplos e modelos de cor 193 Para aplicar uma cor ao tra o ou preenchimento de um objeto selecionado atrav s do painel Swatches Exemplos de cores 1 Clicar no cone ao lado da caixa Stroke Color Cor do tra o ou Fill Color Cor de preenchimento no painel Tools Ferramentas ou no Property inspector Inspetor de propriedades para ativ lo 2 Se o
328. edia Fireworks 8 contida na pasta Application Data Dados do aplicativo no Windows ou Application Support Suporte ao aplicativo no Macintosh espec fica do usu rio Para informa es sobre a localiza o dessa pasta consultar Trabalho com arquivos de configura o na p gina 526 Para criar uma nova biblioteca de URLs 1 Selecionar New URL Library Nova biblioteca de URL no menu Options Op es do painel URL 2 Digitar o nome da biblioteca na caixa de texto e clicar em OK O nome da nova biblioteca aparece no menu pop up Library do painel URL Para adicionar um novo URL a uma biblioteca de URLs 1 Selecionar uma biblioteca no menu pop up Library Biblioteca 2 Digitar um URL na caixa de texto Link 3 Clicar no bot o de mais O bot o de mais adiciona o URL atual biblioteca Mais tarde para organizar ainda mais os URLs bastar adicionar apenas aqueles que est o em uso no documento 288 Cap tulo 10 Uso de estilos s mbolos e URLs Para adicionar um URL biblioteca e simultaneamente atribu lo a um objeto da Web 1 Selecionar o objeto 2 Para inserir o URL seguir um destes procedimentos m Selecionar Add URL Adicionar URL no menu Options Op es do painel URL inserir um URL absoluto ou relativo e clicar em OK a Digitar um URL na caixa de texto Link Clicar no bot o de mais O URL aparece no painel de visualiza o de URL Consultar Atribui o de URLs na p
329. edimentos m Selecionar a ferramenta Zoom e clicar para especificar um novo ponto central dentro da janela do documento Cada clique amplia a imagem at a pr xima amplia o predefinida 44 Cap tulo 2 Conceitos b sicos do Fireworks m Selecionar uma configura o de zoom no menu pop up Set Magnification Definir amplia o na parte inferior da janela do documento m Selecionar Zoom In Aumentar ou uma amplia o predefinida no menu View Exibir Para reduzir de acordo com incrementos predefinidos seguir um destes procedimentos m Selecionar a ferramenta Zoom pressionar o bot o Alt Windows ou o bot o Option Macintosh e clicar dentro da janela do documento Cada clique reduz a exibi o at a pr xima porcentagem predefinida m Selecionar uma configura o de zoom no menu pop up Set Magnification Definir amplia o na parte inferior da janela do documento m Selecionar Zoom Out Reduzir ou uma amplia o predefinida no menu View Exibir Para aumentar uma rea espec fica sem ser restringido pelos incrementos de zoom predefinidos 1 Selecionar a ferramenta Zoom 2 Arrastar sobre a parte da imagem a ser ampliada O tamanho da caixa de sele o de zoom determina a porcentagem de amplia o precisa que exibida na caixa de texto Set Magnification Definir amplia o a N o poss vel digitar uma porcentagem de amplia o na caixa de texto Set q Magnification m pe lt gt
330. eis Para alterar o modo de exibi o seguir um destes procedimentos m Para alterar para o modo Full Screen with Menus Tela inteira com menus clicar no bot o Full Screen with Menus Mode Modo de tela inteira com menus no painel Tools Ferramentas m Para alterar para o modo Full Screen Tela inteira clicar no bot o Full Screen Mode Modo de tela inteira no painel Tools m Para retornar ao modo Standard Screen Tela padr o clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh na janela do documento e em seguida selecionar Exit Full Screen Mode Sair do modo de tela inteira ou clicar no bot o Standard Screen Mode Modo de tela padr o no painel Tools Exibi o de diversas visualiza es de um documento poss vel usar v rias exibi es para ver um documento em amplia es diferentes simultaneamente As altera es feitas em uma exibi o s o refletidas automaticamente em todas as outras exibi es do mesmo documento Em geral o usu rio deseja certificar se de que seu documento n o seja maximizado no espa o de trabalho antes de criar v rias exibi es Assim ele pode ver diversas exibi es do documento ao mesmo tempo Para abrir outra exibi o do documento em uma configura o de zoom diferente 1 Selecionar Window Janela gt Duplicate Window Duplicar Janela 2 Selecionar uma configura o de zoom para a nova janela 46 Cap tulo 2 Conceito
331. ejado do novo arquivo HTML N o ser necess rio copiar as tags lt HTML gt e lt BODY gt pois as mesmas j devem estar inclu das no documento HTML de destino Ao selecionar Include HTML Comments Incluir coment rios HTML na caixa de di logo HTML Setup Configura o do HTML do Fireworks seguir as instru es dos coment rios para copiar e colar o c digo no local apropriado 5 Se o documento do Fireworks contiver elementos interativos ser necess rio copiar tamb m o c digo JavaScript 422 Cap tulo 14 Otimiza o e exporta o O c digo JavaScript fica entre tags lt SCRIPT gt e localizado na se o lt HEAD gt do documento Copiar e colar toda a se o lt SCRIPT gt a menos que o documento de destino j tenha uma se o lt SCRIPT gt Nesse caso ser necess rio copiar e colar somente o conte do da se o lt SCRIPT gt na se o lt SCRIPT gt j existente tomando cuidado para n o substituir o conte do desta Certificar se tamb m de n o duplicar fun es JavaScript na se o lt SCRIPT gt depois de colar o c digo Atualiza o de HTML exportado O comando Update HTML Atualizar HTML permite efetuar altera es em um documento HTML do Fireworks exportado anteriormente Esse recurso til quando se deseja atualizar somente uma parte de um documento go OY VA XAS Update HTML Atualizar HTML funciona de forma diferente com documentos HTML do Macromedia Dreamweaver
332. el um ret ngulo ou uma linha de visualiza o de posicionamento mostra o local em que ele deve ser posicionado entre os grupos Para recolher ou expandir um painel ou um grupo de pain is seguir um destes procedimentos m Clicar no t tulo do painel ou do grupo de pain is A barra de t tulo permanece vis vel quando o painel ou o grupo de pain is recolhido OY VAYASgO m Clicar na seta de expans o no canto superior esquerdo do painel ou do grupo de pain is Para desencaixar um painel de um grupo de pain is m Selecionar Group With Agrupar a gt New Panel Group Novo grupo de pain is no menu Options Op es na barra de t tulo do grupo de pain is O nome do comando Group With alterado de acordo com o nome do painel ativo O painel aparece em um novo grupo de pain is pr prio Ambiente de trabalho do Fireworks 39 Para encaixar um painel em um grupo de pain is m Selecionar o nome de um grupo de pain is no submenu Group With Agrupar a do menu Options Op es do grupo de pain is O nome do comando Group With alterado de acordo com o nome do painel ativo Para renomear um grupo de pain is 1 Clicar no cone no canto superior do grupo de pain is e selecionar Rename Panel Group Renomear grupo de pain is no menu Options Op es 2 Digitar o novo nome Para retornar um painel posi o padr o para a resolu o da tela seguir um destes procedimentos m Sel
333. el col lo no Dreamweaver ou em outro editor de HTML 6 Para Slices Fatias selecionar None Nenhuma apenas se o documento n o contiver fatias 7 Se necess rio selecionar Put Images in Subfolder Colocar imagens na subpasta e procurar a pasta adequada Se o usu rio selecionar Copy to Clipboard Copiar para a rea de transfer ncia esta etapa n o ser necess ria e assim a op o estar desativada Ov vAaNaIsgo 8 Clicar em Save Salvar para fechar a caixa de di logo Export Exportar Quando s o exportados arquivos o Fireworks pode utilizar coment rios em HTML para rotular claramente o in cio e o fim do c digo para mapas de imagens e outros recursos da Web criados no Fireworks Por padr o os coment rios em HTML n o s o inclu dos no c digo Para inclu los selecionar Include HTML Comments Incluir coment rios HTML na guia General Geral da caixa de di logo HTML Setup Configura o do HTML B o gt Para mais informa es sobre o posicionamento do conte do exportado do Fireworks no Dreamweaver consultar Trabalho com o Macromedia Dreamweaver na p gina 436 Trabalho com pontos ativos e mapas de imagem 325 Cria o de rollovers com pontos ativos Com o uso do m todo de cria o de interatividade rollover arrastar e soltar poss vel anexar com facilidade um efeito de rollover desmembrado a um ponto ativo caso a rea de destino seja definida por uma
334. ela consultar Modifica o da apar ncia de uma m scara u na p gina 262 lt D gt QO D o Mascaramento de imagens 255 Para usar os comandos Reveal Selection e Hide Selection para criar uma m scara 1 Selecionar a ferramenta Magic Wand Varinha m gica ou uma ferramenta de moldura ou la o no painel Tools Ferramentas 2 Selecionar pixels em um bitmap Imagem original pixels selecionados com a Magic Wand 3 Para criar a m scara seguir um dos seguintes procedimentos Selecionar Modify Modificar gt Mask M scara gt Reveal Selection Revelar sele o para mostrar a rea definida pela sele o de pixels m Selecionar Modify gt Mask gt Hide Selection Ocultar sele o para ocultar a rea definida pela sele o de pixels Os resultados de Reveal Selection e Hide Selection 256 Cap tulo 9 Camadas mascaramento e mistura Usa se a sele o de pixels para aplicar uma m scara de bitmap Com as ferramentas de bitmap do painel Tools Ferramentas poss vel fazer outras edi es na m scara para revelar ou ocultar os pixels restantes do objeto com m scara Para mais informa es sobre a modifica o da apar ncia de uma m scara de bitmap desenhando nela consultar Modifica o da apar ncia de uma m scara na p gina 262 Sobre importa o e exporta o de m scaras de camada do Photoshop O Photoshop permite mascarar imagens com m scaras de camad
335. ele atualizado automaticamente em todas as molduras Isso ser til para exibir objetos como elementos de fundo em todas as molduras de uma anima o 242 Cap tulo 9 Camadas mascaramento e mistura Para compartilhar uma camada selecionada entre molduras seguir um dos seguintes procedimentos m Selecionar Share This Layer Compartilhar esta camada no menu Options Op es do painel Layers Camadas m No painel Layers clicar duas vezes no nome da camada e selecionar Share Across Frames Compartilhar entre molduras Uso da Web Layer A Web Layer camada da Web uma camada especial que aparece como a camada superior em cada documento Essa camada cont m objetos da Web como fatias e pontos ativos que s o usados para atribuir interatividade a documentos exportados do Fireworks Para mais informa es sobre objetos da Web consultar Cap tulo 11 Fatias rollovers e pontos ativos na p gina 293 N o poss vel cancelar o compartilhamento excluir duplicar mover ou renomear a Web Layer camada da Web Tamb m n o poss vel mesclar objetos que nela residam Ela sempre compartilhada entre todas as molduras e os objetos da Web ficam vis veis em todas as molduras Para renomear uma fatia ou um ponto ativo na Web Layer camada da Web 1 No painel Layers clicar duas vezes na fatia ou no ponto ativo 2 Digitar um novo nome e clicar fora da janela ou pressionar a tecla Enter Quando uma fatia
336. ele es de bitmaps 0 E necess rio usar a ferramenta Subselection Selecionar secund rio ou Rubber Stamp u Carimbo para duplicar partes de uma imagem bitmap Para mais informa es sobre o uso da ferramenta Subselection consultar os procedimentos a seguir Para mais a informa es sobre o uso da ferramenta Rubber Stamp consultar Retoque de um O bitmap na p gina 99 Para duplicar um objeto selecionado pelo processo de arrastar m Arrastar com a tecla Alt Windows ou Option Macintosh o objeto usando a ferramenta Pointer Ponteiro Edi o de objetos selecionados 79 Para duplicar uma sele o de pixels seguir um destes procedimentos m Arrastar a sele o de pixel usando a ferramenta Subselection m Arrastar com a tecla Alt Windows ou Option Macintosh o objeto usando a ferramenta Pointer Ponteiro Para clonar uma sele o m Selecionar Edit Editar gt Clone Clonar O clone da sele o fica empilhado exatamente em frente ao original e passa a ser o objeto selecionado Para afastar um clone selecionado do original com precis o pixel por pixel usar as teclas de seta ou teclas de seta Shift Essa uma forma conveniente para manter uma dist ncia espec fica entre os clones ou o alinhamento vertical ou horizontal dos clones go Ov vAadas Para excluir objetos selecionados seguir um destes procedimentos m Pressionar a tecla Delete ou Backspace m Selecionar Edit
337. elecionados Para mais informa es sobre a cria o a aplica o e a edi o de preenchimentos d grad consultar Trabalho com preenchimentos na p gina 210 Amostragem de cor para usar como cor do tra o ou preenchimento A ferramenta Eyedropper Conta gotas pode criar uma amostra de cor de uma imagem para designar uma nova cor de tra o ou preenchimento H v rias op es sua escolha criar uma amostra da cor de um nico pixel de uma m dia de valores da cor dentro de uma rea de 3 por 3 pixels ou de uma m dia de valores da cor dentro de uma rea de 5 por 5 pixels Para criar uma amostra de uma cor de tra o ou preenchimento 1 Seo atributo correto ainda n o estiver ativo seguir um destes procedimentos m Clicar no cone Stroke Tra o ao lado da caixa Stroke Color Cor do tra o no painel Tools Ferramentas para torn lo o atributo ativo 96 Cap tulo 4 Trabalho com bitmaps 2 a a Clicar no cone Fill Preenchimento ao lado da caixa Fill Color Cor de preenchimento no painel Tools para torn lo o atributo ativo N o clicar na caixa de cor propriamente dita Caso contr rio o ponteiro conta gotas que aparecer n o ser a ferramenta Eyedropper Conta gotas Para informa es sobre o ponteiro conta gotas da caixa de cor consultar Amostragem de uma cor em uma janela pop up de cores na p gina 204 OY VAYASgO Abrir um documento do Fireworks ou qualquer arquiv
338. elhor equil brio entre qualidade e tamanho Uso do Export Wizard Se a otimiza o e exporta o de gr ficos da Web for uma novidade o usu rio poder usar o Export Wizard Assistente de exporta o Com o uso do Export Wizard poss vel exportar gr ficos facilmente sem a necessidade de compreender os detalhes de otimiza o e exporta o O Export Wizard orienta o usu rio passo a passo atrav s dos processos de otimiza o e exporta o Respondendo s perguntas sobre o destino do arquivo e uso pretendido o Export Wizard sugere o tipo de arquivo e as configura es de otimiza o Se for prefer vel otimizar o tamanho do arquivo alvo ao m ximo o Export Wizard otimizar o arquivo exportado para que se ajuste ao limite de tamanho definido 378 Cap tulo 14 Otimiza o e exporta o Quando estiver mais familiarizado com a otimiza o e exporta o o usu rio poder usar o painel Optimize e os bot es de visualiza o na janela do documento para otimizar os gr ficos Eles s o mais convenientes do que o Export Wizard e oferecem maior controle sobre a otimiza o para os usu rios habituados ao processo de otimiza o Depois de otimizar os gr ficos dessa maneira ser necess rio executar uma etapa adicional para export los ou em alguns casos salv los Para mais informa es sobre exporta o consultar Otimiza o no espa o de trabalho na p gina 384 ou Exporta o do Fireworks na p
339. em de pontos Uma das maneiras de desenhar e editar objetos vetoriais no Fireworks plotar pontos como se estivesse desenhando uma figura conectada por pontos Quando o usu rio clica em cada ponto com a ferramenta Pen Caneta o Fireworks desenha automaticamente o tra ado do objeto vetorial a partir do ltimo ponto clicado Al m de conectar os pontos s com segmentos retos a ferramenta Pen pode desenhar segmentos curvos suaves derivados matematicamente conhecidos como curvas B zier O tipo de cada ponto de canto ou de curva determina se as curvas adjacentes s o linhas retas ou curvas poss vel modificar segmentos de tra ado reto e curvo arrastando os pontos Al m disso pode se modificar segmentos de tra ado curvo arrastando as al as de ponto poss vel inclusive converter segmentos de tra ado reto em curvo e vice versa pela convers o dos pontos Desenho de um segmento de tra ado reto Para desenhar segmentos de linha reta com a ferramenta Pen Caneta basta clicar para colocar os pontos Cada clique com a ferramenta Pen plota um ponto de canto Para desenhar um tra ado com segmentos de linha reta 8 1 Selecionar a ferramenta Pen Caneta no painel Tools Ferramentas 2 Caso seja prefer vel selecionar Edit Editar gt Preferences Prefer ncias ativar uma das op es a seguir na guia Editing Edi o da caixa de di logo Preferences e clicar em OK Show Pen Preview Mostrar visualiz
340. em imagens e anima es poss vel abrir a caixa de di logo Export Preview Visualizar exporta o do Fireworks no Property inspector do Dreamweaver e digitar as configura es atualizadas Em ambos os casos as atualiza es s o feitas nos arquivos colocados no Dreamweaver e nos arquivos de origem do Fireworks caso estejam abertos Para simplificar ainda mais o fluxo de trabalho do design para a Web poss vel criar marcadores de lugares de imagens no Dreamweaver para futuras imagens do Fireworks Posteriormente poss vel selecionar esses marcadores e iniciar o Fireworks para criar os gr ficos desejados nas dimens es especificadas pelas imagens que marcam lugar no Dreamweaver No Fireworks as dimens es da imagem podem ser alteradas se desej vel 436 Cap tulo 15 Uso do Fireworks com outros aplicativos Coloca o de imagens do Fireworks em arquivos do Dreamweaver H v rias formas de colocar gr ficos do Fireworks em um documento do Dreamweaver poss vel colocar um gr fico pronto do Fireworks usando o painel Files Arquivos ou o menu Insert Inserir do Dreamweaver ou criar um novo documento do Fireworks a partir do marcador de lugar da imagem no Dreamweaver poss vel inserir formatos de arquivos de gr ficos suportados pelo Fireworks e pelo Dreamweaver diretamente em um documento do Dreamweaver usando o painel Files ou o menu Insert desse aplicativo Primeiro necess rio exportar as imagens do Fireworks
341. em uma caixa de cor para abrir a janela pop up de cores e exibir o valor hexadecimal na parte superior da janela m Colocar o ponteiro sobre uma caixa de cor e ler a dica de ferramenta somente Windows S Por padr o os valores RGB da cor aparecem no painel Info Informa es e no 0 Color Mixer Misturador de cores e o valor hexadecimal aparece na janela pop up m gt 7 de cores assim como na dica de ferramenta da caixa de cor no Windows No x entanto poss vel alterar o modelo de cor exibido no Color Mixer ou no painel Info a 2 qualquer momento o Para exibir informa es de cor de outro modelo de cor m Selecionar outro modelo de cor no menu Options Op es do painel Info ou do Color Mixer Organiza o de grupos de exemplos e modelos de cor 201 Pontilhamento com cores websafe s vezes pode ser necess rio usar uma cor que n o uma cor websafe Por exemplo o logotipo da sua empresa pode utilizar uma cor que n o websafe Para criar a apar ncia de uma cor websafe que n o trocada nem pontilhada quando exportada com uma paleta websafe usar um preenchimento Pontilhamento Web O pontilhamento Web pode aumentar o tamanho do arquivo go Ov vAadas Source Color E ER Fill Options Duas cores websafe criam um preenchimento Pontilhamento Web Para usar o preenchimento Pontilhamento Web 1 Selecionar um objeto que contenha uma c
342. enho do documento na p gina 47 lt D gt Q D o 106 Cap tulo 4 Trabalho com bitmaps Ajuste da faixa tonal Os recursos Levels N veis e Curves Curvas s o teis para ajustar a faixa tonal de um bitmap Levels N veis corrige bitmaps que cont m uma alta concentra o de pixels nos realces meios tons ou sombras O recurso Auto Levels N veis autom ticos permite que o Fireworks ajuste a faixa tonal automaticamente Para um controle mais preciso sobre a faixa tonal de um bitmap usar o recurso Curves que permite ajustar qualquer cor ao longo da faixa tonal sem afetar outras cores Uso do recurso Levels Um bitmap com uma faixa tonal completa deve ter um n mero par de pixels em todas as reas O recurso Levels N veis corrige bitmaps com alta concentra o de pixels em realces meios tons ou sombras Highlights Realces corrige o excesso de pixels claros que deixam a imagem como se estivesse desbotada Midtones Meios tons corrige o excesso de pixels de meio tom que deixam a imagem suave Shadows Sombras corrige o excesso de pixels escuros que ocultam muitos detalhes O recurso Levels define os pixels mais escuros como preto e os mais claros como branco e em seguida redistribui proporcionalmente os tons m dios Isso produz uma imagem com os detalhes mais agu ados em todos os seus pixels Original com pixels concentrados nos realces ap s o ajuste com o recurso Levels
343. ento As fatias poligonais s o inseridas automaticamente quando um objeto selecionado um tra ado poligonal Consultar Cria o de fatias n o retangulares na p gina 297 Reconhecimento de valores O Fireworks reconhece os valores das cores ActionScript de cores ActionScript quando copiadas do Flash e coladas nos campos de valores de cores do Fireworks Uso do comando Save as poss vel escolher entre formatos de sa da de um nico Salvar como para salvar arquivo como gif jpg ou tiff na caixa de di logo Save As bitmaps em tipos diferentes Consultar Salva de documentos em outros formatos de arquivos na p gina 31 L gica evolu da para abrir A l gica usada para determinar as pastas padr o nas caixas de salvar e exportar di logo Open Abrir Save Salvar Save As Salvar como Save a Copy Salvar uma c pia e Export Exportar foram aprimoradas reduzindo a navega o necess ria Grades menos intrusivas Como no Flash as grades agora usam uma linha pontilhada e uma cor padr o mais clara O Fireworks usado para ferramentas visuais permite criar anima es e gr ficos da Web como rollovers e pop ups de qualidade profissional sem precisar programar Para manter um controle preciso sobre as imagens existem v rias novas op es criativas Cria o sem complexidade 25 novos modos de mistura 25 novas op es para alterar a apar ncia de cores e objetos Sombra em perspectiva Adi o de uma
344. ento autom tico s o criados por padr o quando o usu rio clica na tela com a ferramenta Text Texto e come a a digitar Blocos de texto de largura fixa permitem controlar a largura de texto com quebra de linha Esses s o criados por padr o quando o usu rio arrasta o mouse para desenhar um bloco de texto com a ferramenta Text Texto 166 Cap tulo 6 Utiliza o de texto Quando o ponteiro do texto estiver ativo em um bloco de texto um c rculo ou quadrado vazado aparece no canto superior direito do bloco de texto O c rculo indica um bloco de texto de dimensionamento autom tico o quadrado indica um bloco de texto com largura fixa Clicar duas vezes no canto para alterar de um tipo de bloco de texto para outro Indicador de largura fixa Indicador de dimensionamento Um bloco de texto de largura fixa e um bloco de texto de dimensionamento autom tico Para alterar um bloco de texto para largura fixa ou dimensionamento autom tico 1 Clicar duas vezes dentro do bloco de texto 2 Clicar duas vezes no c rculo ou quadrado no canto superior direito do bloco de texto O bloco de texto alterado para o outro tipo Para alterar um bloco de texto selecionado para largura fixa redimensionando o m Arrastar uma al a de redimensionamento O bloco de texto alterado automaticamente de dimensionamento autom tico para largura fixa Edi o de texto Em um bloco de texto poss vel variar todos os aspectos do texto inclu
345. er 206 localizar e substituir 497 redefinir para cor padr o 193 reorientar 209 salvar configura es 210 texturas 206 trocar cores de tra o e de preenchimento 193 transformar numericamente 85 objetos 81 pelo processo de arrastar 81 preenchimentos com padr o 217 preenchimentos d grad 217 texto 184 transpar ncia 271 399 adicionar ou remover cores 401 anima o 374 converter imagens em transpar ncia d grad 123 em arquivos PNG 464 ilus o 203 selecionar uma cor 400 401 Consultar tamb m opacidade Turn off Hide Edges Desativar Hide Edges Ocultar bordas prefer ncia 521 Tween Instances Interpolar ocorr ncias comando 371 U Union Uni o comando 157 Unsharp Mask Desfocar m scara filtro 124 Up Acima estado de bot o 330 Update HTML Atualizar HTML comando 423 444 URL painel 38 287 URLs atribuir a bot es ou ocorr ncias 340 atribuir a um objeto da Web 289 localizar e substituir 498 selecionar op es de alvo 315 URLs absolutos digitar 290 URLs relativos digitar 290 V verifica o ortogr fica 187 visualizar com Export Preview Visualizar exporta o 379 configura es de otimiza o 386 388 documentos em um navegador 430 pixels contendo cor espec fica 396 tra os 207 visualizar documentos em plataformas diferentes 47 W Web Layer Camada da Web 243 X XHTML 425 Z zoom 43 em uma rea espec fica 45 usar incrementos predefinidos 44 Zoom Blur Emba ame
346. ermelho Green Verde e Blue Azul onde cada componente tem um valor de O a 255 0 0 0 preto e 255 255 255 branco Hexadecimal Valores RGB de Red Vermelho Green Verde e Blue Azul onde cada componente tem um valor hexadecimal de OO a FF 00 00 00 preto e FF FF FF branco HSB Valores de Hue Matiz Saturation Satura o e Brightness Brilho onde Hue tem um valor de O a 360 graus e Saturation e Brightness t m valores que variam de O a 1009 CMY Valores de Ciano Magenta e Yellow Amarelo onde cada componente tem um valor de O a 255 0 0 0 branco e 255 255 255 preto Grayscale Porcentagem de preto O valor do componente Preto K simples varia de O Tons de cinza a 100 onde O branco e 100 preto e os valores intermedi rios correspondem a tons de cinza poss vel selecionar modelos de cor alternativos no menu Options Op es do Color Mixer Misturador de cores Os valores dos componentes da cor atual se alteram para cada novo modelo de cor Para exibir o Color Mixer Misturador de cores m Selecionar Window Janela gt Color Mixer Misturador de cores Para aplicar uma cor da barra de cores a um objeto vetorial selecionado 1 Clicar no cone ao lado da caixa Stroke Color Cor do tra o ou Fill Color Cor de preenchimento no Color Mixer Misturador de cores 2 Mover o ponteiro sobre a barra de cores O ponteiro se transforma no ponteiro conta gotas 3 Clicar para seleci
347. ermite come ar a desenhar tra ados vetoriais plotando pontos a sele o da ferramenta Brush Pincel permite arrastar e pintar um objeto de bitmap e a sele o da ferramenta Text Texto permite come ar a digitar Depois de desenhar objetos vetoriais objetos de bitmap ou textos poss vel usar um conjunto de ferramentas efeitos comandos e t cnicas para aperfei oar e concluir gr ficos As ferramentas do Fireworks no Button Editor Editor de bot o permitem criar bot es de navega o interativos O usu rio tamb m pode usar as ferramentas do Fireworks para editar gr ficos importados Ele pode importar e editar arquivos em JPEG GIF PNG PSD e em muitos outros formatos de arquivo Depois de importar a imagem de um gr fico ele pode ajustar sua cor e seu tom bem como cort la retoc la e mascar la 16 Cap tulo 2 Conceitos b sicos do Fireworks Gr ficos interativos As fatias e os pontos ativos s o objetos da Web que especificam reas interativas em um gr fico da Web As fatias cortam uma imagem em se es diferentes s quais poss vel aplicar comportamentos de rollover anima o e links de URLs Uniform Resource Locator localizadores uniformes de recursos Al m disso poss vel exportar as se es usando configura es diferentes Em uma p gina da Web cada fatia aparece em uma c lula de tabela Os pontos ativos permitem atribuir links de URLs e comportamentos a um gr fico no todo ou em parte
348. ernar de qualquer exibi o otimizada para a original a partir das exibi es 2 Up ou 4 Up 1 Selecionar uma exibi o otimizada 2 No menu pop up Preview Visualizar na parte inferior da janela de visualiza o selecionar Original No Preview Original Sem visualiza o Para alternar da exibi o original para a otimizada a partir das exibi es 2 Up ou 4 Up 1 Selecionar a exibi o que cont m o original 2 No menu pop up Preview Visualizar selecionar Image Preview Visualiza o de exporta o Para ocultar ou mostrar uma sobreposi o de fatia m Selecionar View Exibir gt Slice Overlay Sobreposi o de fatia Este comando til tanto em Preview quanto nas visualiza es 2 Up ou 4 Up go OY VA XAS Escolha de um tipo de arquivo O usu rio deve basear a sele o do formato de arquivo no design e uso do gr fico A apar ncia de um gr fico pode variar de um formato para outro especialmente ao usar tipos de compress o diferentes Al m disso somente certos tipos de arquivos gr ficos s o aceitos pela maior parte dos navegadores da Web E tamb m outros tipos de arquivo s o ideais para impress o ou uso em aplicativos de multim dia Otimiza o no espa o de trabalho 389 Os seguintes tipos de arquivo est o dispon veis GIF ou Graphics Interchange Format um formato gr fico popular para a Web GIFs cont m um m ximo de 256 cores Al m disso os GIFs po
349. ertido em tra ados mant m todos os seus atributos visuais mas s poss vel edit lo como tra ados poss vel editar o texto convertido como um grupo ou editar os caracteres convertidos de modo individual PRIP Para editar tra ados de caracteres de texto convertido individualmente seguir um destes procedimentos m Selecionar o texto convertido com a ferramenta Subselection Selecionar secund rio m Selecionar o texto convertido e escolher Modify Modificar gt Ungroup Desagrupar Para editar os tra ados de caracteres de texto convertido individualmente usar as ferramentas de edi o vetorial Para mais informa es sobre como editar tra ados consultar Edi o de tra ados na p gina 152 E poss vel criar um tra ado composto a partir de um objeto de texto criado por meio da convers o de texto em tra ados 184 Cap tulo 6 Utiliza o de texto Para criar um tra ado composto a partir de um grupo de tra ados criado por meio da convers o de texto em tra ados 1 Selecionar o grupo de tra ados 2 Selecionar Modify Modificar gt Ungroup Desagrupar 3 Selecionar Modify gt Combine Paths Combinar tra ados gt Join Unir Importa o de texto poss vel copiar texto de um documento de origem e col lo no documento atual do Fireworks ou ent o arrast lo do documento de origem para o documento atual Tamb m poss vel abrir ou importar um arquivo de texto inteiro no Fireworks
350. escolher uma paleta de cores 391 transpar ncia 464 formato de arquivo TIFF escolher 390 formatos de arquivo BMP 390 ndice remissivo 537 GIF 390 JPEG 390 PNG 390 TIFF 390 Frames Molduras painel 38 365 FrontPage 429 Full Screen with Menus Tela inteira com menus modo 46 G Gaussian Blur Desfoque Gaussiano filtro 120 GIF salvar 32 girar objetos 83 reposicionar eixo de rota o 84 restringir 84 GoLive 429 491 grade alinhar objetos a 55 alterar a cor padr o 55 alterar tamanho das c lula 55 exibir ocultar 55 gr fico setorial 132 gr ficos de bitmap 18 gr ficos em celulares 23 gr ficos em celulares Consultar arquivos WBMP gr ficos orientados a objeto 18 gr ficos vetoriais 18 gr ficos WAP 23 Consultar arquivos WBMP grupo de discuss o Fireworks 13 grupo de exemplos escolher personalizados 194 grupo de not cias Fireworks 13 guias 54 alinhar objetos a 54 bloquear 55 guias de documentos 43 guias de fatia alterar cor 299 exibir 299 remover 302 H Hide All Ocultar tudo comando 254 Hide Panels Ocultar pain is comando 40 Hide Selection Ocultar sele o comando 255 Histograma 108 History Hist rico painel 38 56 alterar o n mero de etapas em 513 editar a es com 517 limpar todas as etapas de 514 reproduzir etapas 514 HomeSite colocar HTML do Fireworks em 480 colocar imagens do Fireworks em 479 HTML 416 atualizar HTML do Fireworks colocado no Macromedia Dreamweaver 444
351. esma capacidade de edi o quando reaberta no Fireworks como outro gr fico do Photoshop As op es de exporta o referentes capacidade de edi o apar ncia e tamanho do arquivo permitem determinar o melhor procedimento de exporta o poss vel para um gr fico espec fico Os usu rios do Photoshop podem trabalhar com gr ficos no Fireworks e continuar a edi o no Photoshop Para exportar um arquivo no formato do Photoshop 1 Selecionar File Arquivo gt Export Exportar ou clicar no bot o Quick Export Exporta o r pida e escolher Other Outro gt Export to Photoshop Exportar para o Photoshop 2 Na caixa de di logo Export Exportar atribuir um nome ao arquivo e escolher Photoshop PSD no menu Save s 3 Para especificar configura es agrupadas de exporta o escolher uma op o no menu Settings Configura es Essas configura es fornecem combina es predefinidas de op es individuais de exporta o para objetos efeitos e textos no arquivo do Fireworks As op es individuais de exporta o s o descritas em detalhes em Personaliza o de arquivos para exportar para o Photoshop na p gina 490 Maintain Editability over Appearance Manter a capacidade de edi o sobre a apar ncia converte objetos em camadas mant m os efeitos edit veis e converte o texto em camadas de texto edit veis do Photoshop Selecionar esta op o para editar bastante a imagem no Photoshop sem preservar a apar n
352. especificar uma pasta de destino para as imagens exportadas Esta dever ser o mesmo local em que o arquivo HTML residir 5 Se o c digo HTML for colado no Macromedia Dreamweaver n o importar a q localiza o das imagens exportadas porque elas residir o no mesmo site do a Dreamweaver bem como o arquivo HTML no qual o c digo ser colado lt D gt O D o Selecionar HTML and Images HTML e imagens no menu pop up Export No menu pop up HTML selecionar Copy to Clipboard Copiar para a rea de transfer ncia Seo documento contiver fatias selecionar Export Slices Exportar fatias no menu pop up Slices Fatias Clicar no bot o Options Op es selecionar o editor de HTML desejado na caixa de di logo HTML Setup Configura o do HTML e clicar em OK Clicar em Export na caixa de di logo Export Para colar um HTML copiado do Fireworks em um documento HTML 1 No editor de HTML abrir um documento HTML existente ou criar um novo documento Salvar o documento no mesmo local das imagens exportadas S Ao usar o Macromedia Dreamweaver n o necess rio salvar o arquivo HTML no 0 mesmo local das imagens exportadas Ao exportar imagens do Fireworks para um mi gt 7 site do Dreamweaver e salvar o arquivo HTML em algum local dentro daquele site o E Dreamweaver resolve automaticamente os caminhos at as imagens associadas O D o Exporta o do
353. essa tarefa Selecionar configura es para cada op o conforme necess rio Para remover uma tarefa do lote selecion la na lista Include in Batch e clicar em Remove Remover Clicar em Next Pr ximo Selecionar op es para salvar arquivos processados Same Location as Original File Mesmo local do arquivo original salva o arquivo no mesmo local que o arquivo de origem e substitui o arquivo de origem caso os nomes dos arquivos sejam iguais e estejam no mesmo formato Custom Location Personalizar local permite selecionar um local para salvar os arquivos processados Selecionar Backups a fim de escolher op es de backup para os arquivos originais sempre mais seguro fazer backup dos arquivos Para mais informa es consultar Especifica o do local de sa da do processo em lote na p gina 509 Clicar em Save Script Salvar script a fim de salvar as configura es do processo em lote para uso futuro Para mais informa es consultar Salva de um processo em lote como script na p gina 510 Clicar em Batch Lote para executar o processo em lote No final do processo em lote caso n o tenha sido poss vel processar algum dos arquivos adicionado ao lote exibida uma notifica o de alerta sobre o problema Al m disso um arquivo de log denominado FireworksBatchLog txt criado durante o processo em lote Ele lista todos os arquivos processados os arquivos espec ficos que n o foi poss
354. esso em lote na p gina 499 Processo em lote 507 Execu o de um comando com um processo em lote A op o Commands Comandos da caixa de di logo Batch Process Processo em lote permite executar comandos JavaScript em arquivos Para definir op es de comando para arquivos processados em lote 1 Clicar no sinal de mais Windows ou no tri ngulo Macintosh ao lado da op o Commands na lista Batch Options Op es de lote para exibir os comandos dispon veis 2 Selecionar um comando e clicar em Add Adicionar para adicion lo lista Include in Batch Incluir em lote Esses comandos n o podem ser editados Ov vAaNaIsgo 3 Clicar em Next Pr ximo para continuar o processo em lote Para informa es sobre a conclus o do processo em lote consultar Processo em lote na p gina 499 Para mais informa es sobre a cria o de comandos consultar Scripts com o painel History na p gina 512 z Alguns comandos n o funcionam durante um processo em lote Escolher comandos 0 que funcionem no documento sem a necessidade de selecionar qualquer objeto m Pu lt D gt O D 6 508 Cap tulo 16 Automatiza o de tarefas repetitivas Especifica o do local de sa da do processo em lote Depois de escolher todas as op es de lote na caixa de di logo Batch Process necess rio selecionar as op es para salvar os arquivos poss
355. esso em lote 501 4 Clicar em Next Pr ximo e seguir um destes procedimentos ou ambos m Para adicionar uma tarefa ao lote selecion la na lista Batch Options Op es de lote e clicar em Add Adicionar Cada tarefa s pode ser adicionada uma vez Para mais informa es sobre a op o Scale consultar Dimensionamento de gr ficos com um processo em lote na p gina 505 Para mais informa es sobre a op o Rename consultar Altera o de um nome de arquivo com um processo em lote na p gina 507 Para mais informa es sobre adi o de comandos consultar Execu o de um comando com um processo em lote na p gina 508 Batch Process Batch options Include in batch sede Scale Find and a E Commands Add lt Remove Rename C Replace Replace blanks with add Prefix add Suffix 502 Cap tulo 16 Automatiza o de tarefas repetitivas 10 11 m Para reorganizar a lista selecionar a tarefa na lista Include in Batch Incluir em lote e clicar nos bot es de seta para cima e de seta para baixo Es A ordem em que as tarefas aparecem na lista Include in Batch a ordem em que elas ser o executadas durante o processo em lote com exce o de Export Exportar e Rename Renomear que sempre s o as ltimas a serem executadas Ov vAaHaIsgo Selecionar uma tarefa na lista Include in Batch para exibir op es extras para
356. etapas otimizar e exportar ou em alguns casos simplesmente salvar A otimiza o de gr ficos assegura o balan o correto entre cor compress o e qualidade Depois de finalizar as configura es de otimiza o de um gr fico ele est pronto para exporta o N o ser necess rio usar o Export Wizard Assistente de exporta o e a Image Preview Visualiza o de imagem no Fireworks caso o usu rio esteja familiarizado com a otimiza o e a exporta o de gr ficos O Fireworks tem recursos de otimiza o e exporta o no espa o de trabalho que proporcionam maior controle sobre a forma de exporta o de arquivos m O painel Optimize Otimizar cont m os controles principais para a otimiza o Para formatos de arquivo de 8 bits tamb m existe uma tabela de cores que exibe as cores na paleta de cores de exporta o atual S Quando uma fatia selecionada o painel Optimize exibe as configura es de 0 otimiza o da fatia Da mesma forma quando todo o documento selecionado o a painel Optimize exibe as configura es de otimiza o de todo o documento Em S outras palavras a sele o ativa determina o que exibido no painel Optimize gt o m Quando uma fatia selecionada o Property inspector Inspetor de propriedades apresenta o menu pop up Slice Export Settings Configura es de exporta o da fatia no qual poss vel escolher configura es de otimiza o predefinidas ou
357. eworks poss vel colocar rapidamente gr ficos FreeHand no Fireworks copiando e colando ou arrastando esses gr ficos para o documento Para copiar e colar um gr fico selecionado do FreeHand no Fireworks 1 No FreeHand selecionar Edit Editar gt Copy Copiar 2 Criar um novo documento no Fireworks ou abrir um existente 3 Selecionar Edit gt Paste Colar 468 Cap tulo 15 Uso do Fireworks com outros aplicativos Para arrastar um gr fico do FreeHand para o Fireworks m Arrastar o gr fico do FreeHand para um documento aberto no Fireworks No Windows caso os aplicativos FreeHand e Fireworks estejam maximizados arrastar o gr fico do FreeHand para o bot o do Fireworks na barra de tarefas Mant lo nesse local por alguns segundos at que a janela de documento do Fireworks seja exibida Arrastar o cursor para a tela e solt lo v la Coloca o de gr ficos do Fireworks no FreeHand Existem v rias formas de colocar gr ficos do Fireworks no FreeHand Para colocar rapidamente gr ficos do Fireworks no FreeHand basta importar ou copiar e colar esses gr ficos Tamb m poss vel exportar gr ficos do Fireworks em um formato compat vel com o Freehand e em seguida import los para o FreeHand Importa o de gr ficos do Fireworks para o FreeHand O FreeHand pode importar gr ficos vetoriais criados no Fireworks Dependendo das op es selecionadas durante a importa o ou a abertura
358. exemplo do painel Swatches Exemplos de cores 1 Manter pressionada a tecla Control Windows ou Command Macintosh e colocar o ponteiro sobre um exemplo O ponteiro se transforma no ponteiro tesoura 2 Clicar no exemplo para exclu lo do painel Swatches Exemplos de cores Para salvar uma sele o de cores de exemplo 1 Adicionar as cores de exemplo ao painel Swatches Exemplos de cores 2 Selecionar Save Swatches Salvar exemplos no menu Options Op es do painel Swatches Exemplos de cores A caixa de di logo Export Swatches Exportar exemplos exibida 3 Selecionar um nome de arquivo e um diret rio e clicar em Save Salvar Limpeza e classifica o de exemplos O menu Options Op es do painel Swatches Exemplos de cores oferece a op o de limpar e classificar exemplos Para limpar ou classificar exemplos m Selecionar um dos seguintes itens no menu Options Op es do painel Swatches Exemplos de cores Clear Swatches Limpar exemplos limpa todo o painel Swatches Sort By Color Classificar por cor classifica os exemplos por valor de cor Organiza o de grupos de exemplos e modelos de cor 197 Cria o de uma cor no Color Mixer Misturador de cores O Color Mixer Misturador de cores permite criar cores arrastando se os controles deslizantes ou digitando se valores para cada componente de um modelo de cor como RGB Hexadecimal ou CMY A cor criada aplicada caixa Stroke Color C
359. fa M scaras vetoriais e de bitmap podem ser aplicadas com o uso da apar ncia dos tons de cinza Por padr o as m scaras de bitmap s o aplicadas com o uso da apar ncia dos tons de cinza Quando a m scara for aplicada com o uso da apar ncia dos tons de cinza a luminosidade de seus pixels determinar quanto do objeto com m scara ser exibido Pixels claros exibem o objeto com m scara Pixels mais escuros na m scara separam a imagem e mostram o fundo A aplica o de m scaras com o uso da apar ncia dos tons de cinza criar efeitos interessantes se o objeto de m scara contiver um preenchimento gradiente ou com padr o Uma m scara vetorial com preenchimento com padr o aplicada com o uso da apar ncia dos tons de cinza Al m disso h a op o de se converter m scaras vetoriais em m scaras de bitmap No entanto m scaras de bitmap n o podem ser convertidas em m scaras vetoriais Para mais informa es sobre m scaras vetoriais e de bitmap consultar Sobre m scaras na p gina 244 Mascaramento de imagens 265 Para aplicar uma m scara vetorial com o uso de seu contorno de tra ado m No Property inspector Inspetor de propriedades selecionar Path Outline Contorno do tra ado quando uma m scara vetorial estiver selecionada Para mostrar o preenchimento e o tra o da m scara vetorial m No Property inspector Inspetor de propriedades selecionar Show Fill and Stroke Mostrar preenchimento e tra o
360. fatia Os efeitos de rollover aplicam se a pontos ativos de maneira semelhante a fatias Para mais informa es consultar Adi o de interatividade simples a fatias na p gina 304 9 Um ponto ativo pode acionar apenas um rollover desmembrado Ele n o pode ser o alvo 0 de um rollover que venha de outro ponto ativo ou fatia m I lt D gt QO gt o Ap s a cria o de um rollover desmembrado com um ponto ativo a linha conectora azul permanece vis vel apenas enquanto o ponto ativo estiver selecionado 326 Cap tulo 11 Fatias rollovers e pontos ativos Uso de pontos ativos sobre fatias poss vel colocar um ponto ativo no topo de uma fatia para iniciar uma a o ou comportamento Isso poder ser importante se o usu rio tiver um gr fico grande e desejar que somente uma pequena parte atue como o acionador para uma a o Por exemplo pode ser que haja um gr fico grande contendo um texto e se deseje que somente o texto acione uma a o ou comportamento tal como um efeito de rollover Ser poss vel colocar uma fatia no topo do gr fico e em seguida um ponto ativo no topo do texto Quando o ponteiro do mouse passa apenas sobre o texto isso aciona o efeito de rollover mas todo o gr fico abaixo da fatia trocado quando ocorre o efeito de rollover recomend vel evitar a cria o de pontos ativos que se sobreponham a mais de uma fatia pois isto poder resultar em comporta
361. fatiamento permite otimizar cada fatia individual com o uso do formato de arquivo e as configura es de compress o mais apropriados Para mais informa es consultar Cap tulo 14 Otimiza o e exporta o na p gina 377 Interatividade poss vel usar as fatias para criar reas que reagem em resposta a eventos do mouse Para mais informa es a adi o de interatividade a fatias consultar Transforma o de fatias em objetos interativos na p gina 303 Atualiza o de partes de uma p gina da Web O fatiamento permite atualizar com facilidade partes de uma p gina da Web que s o modificadas com fregi ncia Por exemplo uma p gina da Web corporativa pode ter uma se o dedicada ao funcion rio do m s que modificada mensalmente O fatiamento permite mudar rapidamente o nome e a foto do funcion rio sem a necessidade de substituir a p gina inteira 294 Cap tulo 11 Fatias rollovers e pontos ativos Cria o de objetos de fatia Para criar um objeto de fatia desenhe o com a ferramenta Slice Fatia ou insira uma fatia baseada em um objeto selecionado As linhas que se estendem do objeto de fatia s o guias de fatia que determinam os limites dos arquivos da imagem separada nos quais se divide o documento na exporta o Por padr o essas guias s o vermelhas E TA TA TA h Para inserir uma fatia retangular com base em um objeto selecionado 1 Selecionar Edit Editar gt Inser
362. fer ncia f cil e para poder acompanh las Desta forma o usu rio sempre saber qual moldura cont m uma parte da anima o A movimenta o de uma moldura renomeada n o afeta o nome ele permanece o mesmo Para alterar o nome de uma moldura 1 No painel Frames clicar duas vezes no nome da moldura 2 Na caixa de texto pop up digitar um novo nome e pressionar Enter Adi o movimenta o c pia e exclus o de molduras poss vel adicionar copiar excluir e alterar a ordem de molduras no painel Frames Molduras Para adicionar uma nova moldura m Na base do painel Frames clicar no bot o New Duplicate Frame Moldura nova duplicada Para adicionar molduras a um local espec fico na sequ ncia 1 No menu Options Op es do painel Frames selecionar Add Frames Adicionar molduras 2 Digitar o n mero de molduras a adicionar 3 Selecionar a posi o em que as molduras ser o inseridas antes da moldura atual depois dela ou no in cio ou no fim Em seguida clicar em OK Para fazer uma c pia de uma moldura m Arrastar uma moldura existente at o bot o New Duplicate Frame Moldura nova duplicada na base do painel Frames Trabalho com molduras 367 Para copiar uma moldura selecionada e coloc la em uma sequ ncia 1 No menu Options Op es do painel Frames selecionar Duplicate Frame Duplicar moldura 2 Digitar o n mero de duplicatas a serem criadas para a moldura selecionada e es
363. fini o 1 Selecionar Save Settings Salvar configura es no menu Options Op es do painel Optimize Digitar um nome para a predefini o de otimiza o e clicar em OK As configura es de otimiza o salvas aparecem na base do menu pop up Settings Configura es do painel Optimize no Property inspector Inspetor de propriedades Elas ficam dispon veis em todos os documentos subseqientes O arquivo de predefini o salvo na pasta Export Settings Configura es de exporta o na pasta de configura es do Fireworks espec fica do usu rio Para informa es sobre o local dessa pasta consultar Sobre os arquivos de configura o do usu rio na p gina 527 Para compartilhar as configura es de otimiza o salvas com outro usu rio do Fireworks Copiar o arquivo de predefini o de otimiza o salvo da pasta Export Settings do Fireworks para a mesma pasta no outro computador z A localiza o da pasta Export Settings varia em fun o do sistema operacional Para v mais informa es consultar o procedimento anterior P lt D gt O D o Para excluir uma otimiza o predefinida personalizada 1 No menu pop up Saved Settings Configura es salvas do painel Optimize Otimizar selecionar a configura o de otimiza o a ser exclu da Selecionar Delete Settings Excluir configura es no menu Options Op es do painel Optimize N o poss vel exclu
364. forma es sobre a abertura de um menu pop up existente no Pop up Menu Editor consultar Edi o de menus pop up na p gina 357 2 Executar um dos seguintes procedimentos para definir a posi o do menu m Clicar em um bot o Position para posicionar o menu pop up em rela o fatia que o aciona a Digitar as coordenadas X e Y As coordenadas 0 0 alinham o canto superior esquerdo do menu pop up ao canto superior esquerdo da fatia que o aciona Cria o de menus pop up 355 3 Seguir um destes procedimentos m Se houver submenus posicion los como descrito no pr ximo procedimento m Clicar em Back Voltar para modificar as propriedades em outras guias m Clicar em Done Conclu do para fechar o Pop up Menu Editor Para definir a posi o de um submenu pop up com o uso do Pop up Menu Editor 1 Como menu pop up desejado aberto no Pop up Menu Editor Editor de menu pop up clicar na guia Position Posi o Para mais informa es sobre a abertura de um menu pop up existente no Pop up Menu Editor consultar Edi o de menus pop up na p gina 357 2 Executar um dos seguintes procedimentos para definir a posi o do submenu m Clicar em um bot o Submenu Position Posi o do submenu para posicionar o submenu em rela o ao item de menu pop up que o aciona a Digitar as coordenadas X e Y As coordenadas 0 0 alinham o canto superior esquerdo do submenu pop up ao canto superior direito do menu ou item de menu q
365. fy Modificar para criar novas formas por meio 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 informa es sobre a organiza o da ordem de empilhamento de objetos selecionados consultar Empilhamento de objetos na p gina 88 S O uso de uma opera o de tra ado remove todas as informa es de press o e q velocidade dos tra ados afetados m pe lt gt QO gt o Combina o de objetos de tra ado Um usu rio pode combinar objetos de tra ado em um nico objeto de tra ado Ele pode conectar os pontos finais de dois tra ados abertos para criar um nico tra ado fechado ou pode unir v rios tra ados para criar um tra ado composto Para criar um tra ado cont nuo a partir de dois tra ados abertos 1 Selecionar a ferramenta Subselection Selecionar secund rio no painel Tools Ferramentas 2 Selecionar dois pontos finais nos tra ados abertos 3 Selecionar Modify Modificar gt Combine Paths Combinar tra ados gt Join Unir Para criar um tra ado composto 1 Selecionar dois ou mais tra ados abertos ou fechados 2 Selecionar Modify Modificar gt Combine Paths Combinar tra ados gt Join Unir Para separar um tra ado composto 1 Selecionar o tra ado composto 2 Selecionar Modify Modificar
366. fy Modificar permitem a cria o de m scaras Usando um objeto vetorial ou bitmap poss vel delinear parte da imagem que est embaixo Por exemplo para delinear parte de uma fotografia de modo que ela pare a ter uma moldura el ptica ao seu redor cole uma forma el ptica como uma m scara em cima da fotografia Todas as reas fora da elipse desaparecer o como se tivessem sido cortadas mostrando apenas a parte da figura dentro da elipse T cnicas de mistura proporcionam um outro n vel de controle de criatividade poss vel criar efeitos exclusivos misturando cores em objetos sobrepostos O Fireworks oferece v rios modos de mistura para ajud lo a obter exatamente a apar ncia desejada Este cap tulo cont m os seguintes t picos Trabalho com uma camada pssesnsdensistospisa Ep bee a dE MAS 236 Mascaramento de imagens a sspssame sd m dia E Grana SEDE rik A Ud E EANA 244 Mistura e transpar ncia aasbass Li deesas kett Lidas Did dA DESDE SEA 268 235 Trabalho com uma camada Cada objeto de um documento reside em uma camada O usu rio pode criar as camadas antes de desenhar ou adicion las conforme a necessidade A tela est abaixo de todas as camadas e n o uma camada em si Para mais informa es sobre o trabalho com telas consultar Altera o da tela na p gina 48 id O painel Layers Camadas exibe a ordem de empilhamento de camadas e objetos Essa a ordem em que eles aparecem no docu
367. gina 314 e Configura o de URL para um s mbolo de bot o ou ocorr ncia na p gina 339 Para adicionar os URLs usados a uma biblioteca de URLs 1 Selecionar uma biblioteca no menu pop up Library Biblioteca 2 Selecionar Add Used URLs to Library Adicionar URLs usados biblioteca no menu Options Op es do painel URL Para excluir um URL selecionado do painel de visualiza o de URL m Clicar no bot o Delete URL from Library Excluir URL da biblioteca na base do painel URL Para excluir todos os URLs n o usados da biblioteca 1 Selecionar Clear Unused URLs Apagar URLs n o usados no menu Options Op es do painel URL 2 Clicarem OK Edi o de um URL simples editar URLs atrav s do painel URL poss vel editar apenas uma ocorr ncia de um URL ou fazer com que as altera es se espalhem em todo o documento Para editar um URL 1 Selecionar o URL que deseja editar no painel de visualiza o de URL 2 Selecionar Edit URL Editar URL no menu Options Op es do painel URL 3 Editar o URL Selecionar Change All Occurrences in Document Alterar todas as ocorr ncias no documento para atualizar este v nculo por todo o documento Trabalho com URLs 289 Sobre URLs absolutos e relativos No painel URL poss vel digitar um URL absoluto ou relativo m Se estiver vinculando a uma p gina da Web que esteja fora do seu site na Web usar um URL absoluto m Se estiver vinculando a uma p g
368. go copiar e colar Exporta o do Fireworks 427 Selecionar Lowercase File Name Nome de arquivo em min sculas para que os nomes do arquivo HTML e dos arquivos de imagem associados sejam exportados em letras min sculas 9 Essa op o n o colocar a extens o do arquivo HTML em min sculas caso uma 0 extens o em mai sculas tenha sido selecionada no menu pop up m x 7 Extension Extens o lt D gt QO D o m Selecionar Use CSS for Popup Menus Usar CSS para menus pop up para usar CSS em vez de JavaScript como o c digo dos menus pop up Assim mais f cil compreender e manter o c digo Al m disso poss vel indexar os menus bem como atualizar os links no c digo usando o Dreamweaver Selecionar Write CSS to an External File Gravar CSS em um arquivo externo para gravar o c digo CSS em um arquivo css externo exportado para o mesmo local do arquivo HTML O nome do arquivo css o mesmo do arquivo HTML exceto pela extens o Com a sele o dessa op o tamb m exportado um arquivo denominado mm css menu js para o mesmo local do arquivo HTML A op o Write CSS to an External File s estar dispon vel se a op o Use CSS for Popup Menus estiver selecionada Ov vAaNaIsgo Selecionar um aplicativo associado no menu pop up File Creator Criador de arquivos no Macintosh Ao clicar duas vezes no arquivo HTML exportado no disco r gido o aplicativo
369. guns elementos interativos como bot es e rollovers poder o n o funcionar corretamente ao serem importados para o editor de HTML OY VAYASgO Clicar em OK para retornar caixa de di logo Export Selecionar Export HTML file Exportar arquivo HTML no menu pop up HTML A sele o de Export HTML File Exportar arquivo HTML gera um arquivo HTML e os arquivos de imagem associados no local especificado No menu pop up Slices Fatias selecionar Export Slices Exportar fatias caso o documento contenha fatias Para armazenar as imagens em uma pasta separada selecionar Put Images in Subfolder Colocar imagens na subpasta poss vel selecionar uma pasta espec fica ou usar a pasta padr o do Fireworks chamada images imagens Clicar em Export Ap s a exporta o os arquivos exportados pelo Fireworks aparecer o no disco r gido As imagens e um arquivo HTML s o gerados no local especificado na caixa de di logo Export C pia de um HTML para a rea de transfer ncia Uma maneira r pida de exportar un HTML gerado pelo Fireworks copiando o para a rea de transfer ncia poss vel copiar c digo HTML no Fireworks de duas formas Usando o comando Copy HTML Code Copiar c digo HTML ou selecionando Copy to Clipboard Copiar para a rea de transfer ncia como op o na caixa de di logo Export Exportar Assim copia se o HTML do Fireworks para a rea de transfer ncia e geram se os arquiv
370. ia Quando usado com outros aplicativos da Macromedia o Fireworks oferece recursos eficientes de integra o m poss vel abrir o Fireworks para editar gr ficos selecionados em v rios aplicativos da Macromedia como o Dreamweaver o Flash o HomeSite o FreeHand e o Director m Os comportamentos do Fireworks s o preservados quando exportados para o Dreamweaver e o Director o que permite exportar elementos interativos como bot es e rollovers a O Dreamweaver e o Fireworks compartilham uma integra o estreita conhecida como Roundtrip HTML O Roundtrip HTML permite fazer altera es em um aplicativo e refleti las perfeitamente em outro m O Dreamweaver e o Fireworks compartilham um recurso de gerenciamento de arquivos que permite verificar a entrega ou a retirada de arquivos de um site do Dreamweaver para a Web m O Flash e o Fireworks tamb m compartilham uma integra o estreita poss vel importar arquivos de origem PNG do Fireworks diretamente para o Flash sem exportar outros formatos gr ficos O Flash oferece uma s rie de op es que permitem controlar a forma como as camadas e os objetos do Fireworks s o importados O Fireworks tamb m simplifica o trabalho com aplicativos de outras empresas como o Adobe Photoshop e o Adobe GoLive Por exemplo poss vel importar e exportar facilmente gr ficos do Photoshop como arquivos totalmente edit veis ou criar e editar HTML usando o Fireworks e o GoLive 435 Este cap
371. iais baseados em tra ado m Quando criada uma nova amostra de um objeto bitmap s o adicionados pixels imagem para aument la ou s o removidos pixels da imagem para reduzi la m Quando criada uma nova amostra de um objeto vetorial ocorre pouca perda de qualidade pois o tra ado redesenhado matematicamente em um tamanho maior ou menor Como os atributos de objetos vetoriais no Fireworks s o vistos como pixels alguns tra ados ou preenchimentos podem parecer um pouco diferentes depois da cria o da nova amostra pois preciso redesenhar os pixels que comp em a amostra ou o preenchimento As guias os objetos de ponto ativo e os objetos de fatia s o redimensionados quando o tamanho da imagem do documento alterado OY VAYASgO O redimensionamento de objetos bitmap sempre apresenta um problema peculiar adicionar ou remover pixels para redimensionar a imagem ou alterar o n mero de pixels por polegada ou cent metro E poss vel alterar o tamanho de uma imagem bitmap ajustando a resolu o ou criando uma nova amostra da imagem Quando ajusta a resolu o o usu rio altera o tamanho dos pixels da imagem para que um n mero maior ou menor de pixels fique contido em um espa o espec fico O ajuste da resolu o sem criar uma nova amostra n o resulta em perda de dados A cria o de uma amostra maior ou a adi o de pixels para aumentar a imagem pode resultar em perda de qualidade porque
372. iar um atalho personalizado ou secund rio para um comando do menu uma ferramenta ou uma a o variada 1 Selecionar Edit Editar gt Keyboard Shortcuts Atalhos do teclado para abrir a caixa de di logo Keyboard Shortcuts 2 Clicar no bot o Duplicate Set Duplicar conjunto 3 Digitar um nome para o conjunto personalizado na caixa de di logo Duplicate Set e clicar em OK O nome do novo menu personalizado aparece na caixa de texto Current Set Conjunto atual 524 Cap tulo 17 Prefer ncias e atalhos de teclado 4 Selecionar a categoria de atalho apropriada na lista Commands Comandos Menu Commands Comandos de menu cria um atalho personalizado para qualquer comando com acesso pela barra de menus a Tools Ferramentas cria um atalho personalizado para qualquer ferramenta no painel Tools a Miscellaneous Diversos cria um atalho personalizado para uma s rie de a es predefinidas Depois de selecionados todos os atalhos poss veis em determinada categoria aparecem na lista de rolagem Commands Comandos 5 Selecionar o comando cujo atalho deve ser modificado na lista Commands Se existir um atalho esse ser exibido na lista Shortcuts Atalhos 6 Clicar na caixa de texto Press Key Pressionar tecla e pressionar as teclas desejadas para o novo atalho no teclado Se a combina o de teclas j estiver sendo usada por outro atalho uma mensagem de aviso ser exibida abaixo da caixa de texto Press Key
373. ias no arquivo PNG e export las como diversos arquivos com formatos diferentes e configura es de otimiza o variadas Para salvar um novo documento do Fireworks 1 Selecionar File Arquivo gt Save As Salvar como A caixa de di logo Save As Salvar como aberta 2 Navegar at o local desejado e digitar o nome do arquivo N o necess rio digitar uma extens o o Fireworks faz isso automaticamente 3 Clicar em Save Para salvar um documento existente m Selecionar File Arquivo gt Save Salvar Salva de documentos em outros formatos Quando um arquivo em um formato diferente de PNG aberto atrav s da sele o da op o File Arquivo gt Open Abrir poss vel utilizar todos os recursos do Fireworks para editar a imagem Em seguida poss vel selecionar Save As Salvar como para salvar o trabalho como um novo arquivo PNG do Fireworks ou para salv lo em um formato diferente Para salvar a maioria dos tipos de arquivos no formato original basta selecionar Save Salvar Se um arquivo PNG for salvo como um arquivo de bitmap como GIF ou JPEG os objetos gr ficos manipulados no PNG n o estar o mais dispon veis no arquivo de bitmap ver Sobre gr ficos vetoriais e de bitmap na p gina 17 Para revisar a imagem necess rio editar o arquivo PNG de origem e export lo novamente Ov vAaNaIsgo poss vel salvar arquivos diretamente nos seguintes formatos Fireworks PNG
374. ibir o menu pop up Edge Borda a Clicar no menu pop up Edge Borda no Property inspector Inspetor de propriedades m Clicar na caixa Fill Color Cor de preenchimento no painel Tools clicar em Fill Options Op es de preenchimento e no menu pop up Edge Borda 2 Selecionar uma op o de borda Hard Edge Borda acentuada Anti Alias Suaviza o de serrilhado ou Feather Enevoar 3 No caso de borda enevoada selecionar tamb m o n mero de pixels a serem enevoados em cada lado da borda O padr o 10 poss vel selecionar de O a 100 Quanto mais alto for o n vel maior ser o enevoamento Sobre a salva de um preenchimento d grad personalizado Para salvar as configura es de d grad atuais como um d grad personalizado para usar em v rios documentos necess rio criar um estilo Para mais informa es consultar Cria o e exclus o de estilos na p gina 275 218 Cap tulo 7 Aplica o de cor tra os e preenchimentos Remo o de um preenchimento simples remover atributos de preenchimento de objetos selecionados Para remover o preenchimento de um objeto selecionado seguir um destes procedimentos m Selecionar None Nenhum no menu pop up Fill Options Op es de preenchimento do Property inspector Inspetor de propriedades ou da janela pop up Fill Options m Clicar em qualquer caixa Fill Color e clicar no bot o Transparent Transparente Essa op o remove somente preen
375. icas de s mbolo de bot o e uma ocorr ncia anterior da anima o perder suas caracter sticas de s mbolo de anima o 282 Cap tulo 10 Uso de estilos s mbolos e URLs Edi o de uma propriedade da ocorr ncia Estas propriedades da ocorr ncia podem ser modificadas no Property inspector sem afetar o s mbolo ou outras ocorr ncias a Modo de mesclagem m Opacidade m Filtros m Largura e altura m coordenadas x e y As ocorr ncias de bot o possuem propriedades adicionais que podem ser editadas sem afetar o s mbolo Para mais informa es sobre edi o de ocorr ncias de bot o consultar Edi o de s mbolos de bot o na p gina 336 OY VA YASgO Para editar propriedades da ocorr ncia sem afetar o s mbolo ou quebrar o v nculo com ele 1 Selecionar a ocorr ncia 2 Modificar propriedades da ocorr ncia no Property inspector Inspetor de propriedades Importa o e exporta o de um s mbolo O painel Library armazena os s mbolos de gr fico bot o e anima o criados no documento atual Ele tamb m armazena os s mbolos importados para o documento atual O painel Library espec fico do documento atual mas poss vel usar os s mbolos de uma biblioteca em mais de um documento do Fireworks Para isso basta importar e exportar recortar e colar ou arrastar e soltar H possibilidade de importar s mbolos de outras bibliotecas inclusive das bibliotecas que cont m s mbol
376. ida Da mesma maneira que a ferramenta Paint Bucket ela conserva as propriedades do ltimo elemento utilizado Para usar a ferramenta Gradient 1 Clicar na ferramenta Paint Bucket Lata de tinta no painel Tools Ferramentas e escolher a ferramenta Gradient D grad no menu pop up Selecionar um dos atributos a seguir no Property inspector Inspetor de propriedades Fill Options Op es de preenchimento um menu pop up no qual poss vel selecionar um tipo de d grad Fill Color Cor do preenchimento uma caixa que quando clicada exibe a janela pop up Edit Gradient Editar d grad na qual poss vel definir v rias op es de cor e transpar ncia 216 Cap tulo 7 Aplica o de cor tra os e preenchimentos Edge Borda determina se o d grad tem uma borda de preenchimento acentuada sem serrilhado ou enevoada Quando uma borda enevoada selecionada poss vel especificar a quantidade de enevoamento Texture Textura oferece v rias op es de sele o incluindo Grain Gr o Metal Hatch Linha diagonal Mesh Malha ou Sandpaper Lixa 3 Clicar e arrastar o ponteiro para estabelecer o ponto de partida do d grad assim como a dire o e o comprimento da rea d grad Transforma o e distor o de preenchimentos poss vel 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
377. ilhados entre o Fireworks e o Dreamweaver O Property inspector Inspetor de propriedades do Dreamweaver ajuda a identificar as imagens as fatias de tabelas e as tabelas geradas no Fireworks e presentes em um documento Embora o Fireworks suporte a maioria dos tipos de edi es no Dreamweaver altera es radicais na estrutura de uma tabela efetuadas no Dreamweaver podem produzir diferen as irreconcili veis entre os dois aplicativos Quando o usu rio executa altera es radicais no layout de uma tabela no Dreamweaver e em seguida tenta iniciar e editar a tabela no Fireworks aparece uma mensagem avisando que as altera es efetuadas no Fireworks substituir o as edi es feitas anteriormente na tabela no Dreamweaver Para efetuar altera es significativas no layout de uma tabela o usu rio deve usar o recurso de inicializa o e edi o do Dreamweaver para editar a tabela no Fireworks Edi o de imagens do Fireworks poss vel iniciar o Fireworks para editar imagens individuais colocadas em um documento do Dreamweaver a Antes de editar gr ficos do Fireworks no Dreamweaver necess rio executar algumas q tarefas preliminares Para mais informa es consultar Configura o de op es de u inicializa o e edi o na p gina 453 lt D gt Q D 6 Para abrir e editar uma imagem do Fireworks colocada no Dreamweaver 1 No Dreamweaver escolher Window Janela gt Properties Propriedade
378. ilo para reutilizar em v rios documentos Para criar tra os personalizados 1 Seguir um destes procedimentos m Clicar na caixa Stroke Color Cor do tra o no painel Tools Ferramentas e clicar em Stroke Options Op es de tra o Selecionar Stroke Options no menu pop up Stroke Options do Property inspector Inspetor de propriedades A janela pop up Stroke Options exibida 2 Editar os atributos de tra o de pincel desejados 3 Salvar os atributos de tra o personalizados como um estilo Para mais informa es consultar Cria o e exclus o de estilos na p gina 275 Trabalho com preenchimentos O Property inspector Inspetor de propriedades o menu pop up Fill Options Op es de preenchimento a janela pop up Fill Options e a janela pop up Gradient D grad assim como um conjunto de padr es e texturas de bitmap possibilitam a cria o de uma ampla variedade de preenchimentos para texto e objetos vetoriais Com a ferramenta Gradient D grad ou Paint Bucket Lata de tinta tamb m poss vel preencher sele es de pixels com base nas configura es de preenchimento atuais 210 Cap tulo 7 Aplica o de cor tra os e preenchimentos Defini o de atributos de preenchimento das ferramentas de desenho O usu rio pode definir os atributos de preenchimento das ferramentas de desenho Rectangle Ret ngulo Rounded Rectangle Ret ngulo arredondado Ellipse Elipse e Polygon Pol gono que ser
379. ilos personalizados que possam 0 ter sido salvos m P lt D gt Q gt o Para alterar o tamanho dos cones de visualiza o de estilo m Selecionar Large Icons cones grandes no menu Options Op es do painel Styles Estilos para alternar entre os tamanhos pequeno e grande de visualiza o Aplica o de um atributo sem criar um estilo poss vel copiar atributos de um objeto e aplic los a outros objetos sem criar um novo estilo no painel Styles Esse m todo pode ser usado para aplicar rapidamente atributos a um objeto quando n o houver inten o de reutiliz los em outros objetos poss vel copiar e aplicar atributos de preenchimentos tra os filtros e texto Para copiar atributos de um objeto e aplic los a outros objetos 1 Selecionar o objeto cujos atributos deseja copiar 2 Selecionar Edit Editar gt Copy Copiar 3 Cancelar a sele o do objeto original e selecionar o objeto ou objetos aos quais deseja aplicar os novos atributos 4 Selecionar Edit gt Paste Attributes Colar atributos Os objetos selecionados assumem os mesmos atributos do objeto original 278 Cap tulo 10 Uso de estilos s mbolos e URLs Uso de s mbolos O Fireworks possui tr s tipos de s mbolos gr fico anima o e bot o Cada um apresenta caracter sticas exclusivas para seu uso espec fico Ocorr ncias s o representa es de um s mbolo do Fireworks Quando o objeto de s m
380. ilters Filtros ao vivo e filtros consultar Ajuste da cor e do tom de um bitmap na p gina 106 Oy vAdaIsgo 191 Este cap tulo cont m os seguintes t picos Uso da se o Colors do painel To0lS s ssscrisrrereiisisesresdse reri unaii 192 Organiza o de grupos de exemplos e modelos decor cccccc 193 Uso de caixas de cor e janelas pop up de cores ccicciiici iii 203 Trabalho COM MA OS ss saasg Ads da sad AN E DESSA di A gd E a 205 Trabalho Com presnchimentos esssssssassassissde aimed a RETA GATE da 210 Aplica o de um preenchimento d grad ou com padr o cccc 212 Adi o de textura a tra os e preenchimentos cccccicciciccic 219 Uso da se o Colors do painel Tools A se o Colors Cores do painel Tools Ferramentas cont m controles que ativam as caixas Stroke Color Cor do tra o e Fill Color Cor de preenchimento as quais por sua vez determinam se as escolhas de cores afetam os tra os ou preenchimentos de objetos selecionados Al m disso a se o Colors Cores possui controles que rapidamente redefinem as cores segundo os valores padr o definem as configura es de cor de preenchimento e tra o como None Nenhum e trocam as cores de tra os e preenchimentos Para ativar a caixa Stroke Color ou Fill Color m No painel Tools Ferramentas clicar no cone ao lado da caixa Stroke Color Cor do tra o ou Fill Color Cor de preenchimento A
381. iltro aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op o com marcador desta etapa Para mais informa es consultar Cap tulo 8 Uso de Live Filters na p gina 223 Ov vAaNaIsgo Emba amento e agu amento de bitmaps O Fireworks disp e de um conjunto de op es de emba amento e agu amento que podem ser aplicadas como Live Filters Filtros ao vivo ou como filtros permanentes e irrevers veis Emba amento de uma imagem O emba amento suaviza a apar ncia de uma imagem bitmap O Fireworks possui seis op es de emba amento Blur Emba ar suaviza o foco de pixels selecionados Blur More Emba amento maior emba a aproximadamente tr s vezes mais que Blur Gaussian Blur Desfoque Gaussiano aplica uma m dia ponderada de emba amento a cada pixel para produzir um efeito nebuloso Motion Blur Emba amento de movimento cria o efeito de uma imagem em movimento Radial Blur Emba amento radial cria o efeito de uma imagem em rota o Zoom Blur Emba amento de zoom cria o efeito de uma imagem que se aproxima ou se afasta do observador o A aplica o de filtros a partir do menu Filters destrutiva ou seja n o poder ser 0 desfeita exceto quando Edit Editar gt Undo Desfazer for uma op o Para manter a n capacidade de ajustar desativar ou remover um filtro aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op
382. imagens Clicar em Export 424 Cap tulo 14 Otimiza o e exporta o Exporta o de XHTML Em um futuro breve espera se que o XHTML substitua o HTML como o padr o para a exibi o de conte do para a Web O XHTML n o s compat vel com vers es anteriores o que significa que a maioria dos navegadores da Web atuais pode exibi lo mas tamb m pode ser lido por qualquer dispositivo que exiba conte do XML como PDAs telefones celulares e outros dispositivos port teis O XHTML uma combina o do HTML o padr o atual de formata o e exibi o de p ginas da Web com o XML eXtensible Markup Language linguagem de marca o extens vel O XHT ML cont m os elementos do HT ML e ao mesmo tempo obedece s regras de sintaxe mais restritas do XML Para oferecer suporte a esse novo padr o o Fireworks permite a exporta o de XHTML S O Fireworks tamb m pode importar XHTML Para mais informa es consultar Cria o v de um arquivo PNG do Fireworks a partir de um arquivo HTML na p gina 23 P lt D gt Q D o Para mais informa es sobre XHT ML visitar a especifica o de XHT ML do World Wide Web Consortium W3C em www w3 org Para exportar XHTML no Fireworks 1 Selecionar File Arquivo gt HT ML Setup Configura o do HTML escolher um estilo de XHTML no menu pop up HTML Style Estilo do HTML da guia General Geral e clicar em OK 2 Exportar o documento
383. ina da Web dentro do seu site tanto faz 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 br support o URL absoluto da p gina do Suporte do Macromedia Fireworks na Web Os URLs absolutos permanecem precisos independentemente da localiza o do documento de origem mas eles n o vincular o corretamente se o documento de destino for movido URLs relativos s o relativos pasta que cont m o documento de origem Estes s o exemplos de sintaxe de navega o de URLs relativos m file htm vincula a um arquivo localizado na mesma pasta do documento de origem m filehtm vincula a um arquivo localizado na pasta dois n veis acima da pasta que cont m o documento de origem Cada representa um n vel m himidocs file htm vincula a um arquivo localizado na pasta htmldocs que est dentro da pasta que cont m o documento de origem Em geral os URLs relativos s o os mais simples de usar em v nculos com arquivos que estar o sempre na mesma pasta do documento atual 290 Cap tulo 10 Uso de estilos s mbolos e URLs Exporta o e importa o de um URL Se o painel URL contiver URLs que deseje usar novamente em outros documentos do Fireworks o usu rio poder export los para uso posterior Ele poder ent o import los facilmente para qualquer outro documento do Firewo
384. informa es mais recentes Para instalar o Fireworks 1 Inserir o CD do Fireworks na unidade de CD ROM do computador 2 Seguir um destes procedimentos No Windows o programa de instala o do Fireworks iniciado automaticamente No Macintosh clicar duas vezes no cone Fireworks Installer Programa de instala o do Fireworks 3 Seguir as instru es na tela O programa de instala o solicita as informa es necess rias 4 Caso seja solicitado reiniciar o computador Registro do Fireworks aconselh vel registrar sua c pia do Macromedia Fireworks eletronicamente ou por correio poss vel fazer o registro eletr nico durante o processo de ativa o do produto na primeira inicializa o do Fireworks Com o registro o usu rio adicionado lista de prioridades para receber os ltimos avisos sobre upgrades e novos produtos da Macromedia Ser o enviados avisos por e mail sobre atualiza es de produtos e sobre novo conte do exibido nos sites www macromedia com e www euro macromedia com na Web Para registrar sua c pia do Fireworks siga um destes procedimentos m Selecionar Help Ajuda gt Online Registration Registro on line e preencher o formul rio eletr nico m Selecionar Help gt Print Registration Imprimir registro imprimir o formul rio e enviar ao endere o exibido no pr prio formul rio Exibi o dos arquivos instalados com o Fireworks Em algum momento talvez seja necess
385. intosh e Windows Para mais informa es sobre cores websafe consultar Otimiza o de arquivos GIF PNG TIFF BMP e PICT na p gina 391 Para pesquisar todas as cores n o websafe e substitu las por cores websafe Selecionar Find Non Web216 Localizar n o Web216 no menu pop up Find Localizar E do painel Find S Find Non Web216 n o localiza nem substitui pixels dentro de objetos de imagem 92 m Pi lt D gt Q D o 498 Cap tulo 16 Automatiza o de tarefas repetitivas Processo em lote O processo em lote uma maneira conveniente de converter automaticamente um grupo de arquivos gr ficos Estas s o as op es de processo em lote Converter uma sele o de arquivos em outro 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 Renomear grupos de arquivos por meio de qualquer combina o das seguintes opera es adi o de um prefixo acr scimo de um sufixo substitui o de uma subsegii ncia e substitui o de espa os em branco Executar comandos em uma sele o de arquivos Para processar arquivos em lote 1 Selecionar File Arquivo gt Batch Process Processo em lote e selecionar os arquivos a serem processados O usu rio pode selecionar arquivos de pastas diferentes e incluir todos os do
386. ionada durante o dimensionamento m Para dimensionar o objeto na horizontal ou vertical arrastar uma al a lateral a Para dimensionar o objeto a partir do centro arrastar qualquer al a mantendo a tecla Alt pressionada Tamb m poss vel redimensionar objetos selecionados digitando as dimens es no Property Inspector Inspetor de propriedades Para mais informa es consultar Transforma o num rica de objetos na p gina 85 Ov vAaNaIsgo Rota o de objetos Na rota o de um objeto ele gira em torno de seu ponto central Para girar um objeto selecionar um ngulo predefinido ou posicionar o ponteiro fora das al as de transforma o do objeto a fim de exibir o ponteiro de rota o antes de arrastar S Tamb m poss vel girar o documento na tela Para mais informa es consultar q Rota o da tela na p gina 51 m P lt D gt Q D o Para girar um objeto selecionado 90 ou 180 m Selecionar Modify Modificar gt Transform Transformar e escolher um comando Rotate Girar no submenu Transforma o e distor o de objetos selecionados e sele es 83 Para girar um objeto selecionado arrastando 1 Selecionar uma ferramenta de transforma o 2 Mover o ponteiro para fora do objeto at o ponteiro de rota o aparecer 3 Arrastar o ponteiro para girar o objeto Para restringir a rota o a incrementos de
387. ior esquerdo da janela do documento Na exibi o 2 Up ou 4 Up clicar em uma exibi o que n o seja a original 2 No menu pop up Transparency Transpar ncia na parte inferior do painel Optimize Otimizar selecionar Index Transparency Transpar ncia do ndice A cor da tela torna se transparente na visualiza o 3 Para selecionar uma cor diferente clicar no bot o Select Transparency Color O ponteiro se torna um conta gotas 4 Para selecionar a cor a fim de torn la transparente seguir um destes procedimentos Na tabela de cores do painel Optimize clicar em um exemplo de cor a Clicar em uma cor no documento 400 Cap tulo 14 Otimiza o e exporta o Para adicionar ou remover cores transparentes 1 Clicar no bot o Preview 2 Up ou 4 Up no canto superior esquerdo da janela do documento Na exibi o 2 Up ou 4 Up clicar em uma exibi o que n o seja a original S poss vel adicionar ou remover cores transparentes na exibi o Original mas os 0 resultados s poder o ser vistos na visualiza o m pi lt gt QO D o No painel Optimize clicar no bot o Add Color to Transparency Adicionar cor transpar ncia ou Remove Color from Transparency Remover cor da transpar ncia Para selecionar uma cor a ser adicionada ou removida da transpar ncia seguir um destes procedimentos Na tabela de cores do painel Optimize clicar em um exemplo de cor a C
388. ioria das fontes inclui informa es que automaticamente reduzem a quantidade de espa o entre certos pares de letras como TA ou Va O kerning autom tico do Fireworks utiliza informa es de kerning de uma fonte ao exibir texto mas poss vel desativ lo em tamanhos de ponto menores ou quando o texto n o tiver suaviza o de serrilhado O kerning medido como uma porcentagem Para definir o kerning usar o Property inspector Inspetor de propriedades ou o teclado Para desabilitar o kerning autom tico m No Property inspector desmarcar Auto Kern Kern autom tico Se o Property inspector estiver minimizado clicar na seta de expans o no canto inferior direito para ver todas as propriedades 172 Cap tulo 6 Utiliza o de texto Para definir o kerning 1 Seguir um destes procedimentos para selecionar o texto para fazer kerning Clicar entre dois caracteres com a ferramenta Text Texto Usar a ferramenta Text para real ar os caracteres que deseja alterar Usar a ferramenta Pointer Ponteiro para selecionar um bloco de texto inteiro Clicar com Shift para selecionar v rios blocos de texto 2 Seguir um destes procedimentos No Property inspector Inspetor de propriedades arrastar o controle deslizante pop up Kerning ou digitar uma porcentagem na caixa de texto Porcentagem de kerning ay fe lt 3 Controle deslizante pop up de kerning Em Dm 100 Zero representa kerning normal Va
389. ir para padr es 278 estilos de texto efeitos 180 it lico 169 negrito 169 preenchimentos 180 sublinhado 169 tra os 180 estrelas 130 133 eventos de mouse 312 excluir camadas 238 estilos 276 exemplos 197 Live Filters Filtros ao vivo 231 m scaras 267 molduras 368 objetos selecionados 80 pontos 150 pontos em curvas 113 executar anima es 372 comandos salvos 514 macros 514 exemplos escolher personalizados 194 exibir barras de ferramentas 43 pain is 40 r guas 53 exibir bordas 63 Expand Expandir comando 73 Expand Stroke Expandir tra o comando 161 expandir tra os 160 161 Export Area rea de exporta o ferramenta 414 Export Preview Visualizar exporta o 380 rea de enquadramento 381 comparar configura es de otimiza o 381 otimizar 379 visualizar 379 visualizar otimiza o 380 zoom 381 exportar 408 anima es 373 412 arquivos do Fireworks para o Dreamweaver 481 camadas como v rios arquivos 414 camadas CSS 424 configura es de processo em lote 504 estilos 277 fatias 314 411 GIFs animados 375 HTML 415 imagens 409 local padr o para 409 molduras como v rios arquivos 414 para arquivos WBMP 390 para Macromedia Flash 462 para o Illustrator 469 para o Macromedia Director 475 para o Macromedia Dreamweaver 444 para o Macromedia Flash 458 para o Macromedia FreeHand 469 para o Photoshop 489 personalizar arquivos para o Photoshop 490 pontos ativos 323 resultados 417 s mbolos 286 uma r
390. ir uma configura o predefinida do Fireworks Exporta o do Fireworks A exporta o a partir do Fireworks um processo com duas etapas Primeiro necess rio otimizar o gr fico ou documento para a exporta o Ap s o gr fico ou documento ter sido otimizado poss vel export lo ou salv lo dependendo do tipo de arquivo original Para mais informa es sobre otimiza o consultar Sobre otimiza o na p gina 378 Para mais informa es sobre salva consultar Salva de documentos em outros formatos na p gina 31 408 Cap tulo 14 Otimiza o e exporta o poss vel exportar gr ficos do Fireworks de v rias formas O usu rio pode exportar ou em alguns casos salvar um documento como uma imagem nica em GIF JPEG ou outro formato de arquivo gr fico Ou pode exportar todo o documento como um arquivo HTML e arquivos de imagens associados Ou pode optar por exportar somente as fatias selecionadas Tamb m poss vel exportar somente uma rea espec fica de um documento Al m disso poss vel exportar molduras e camadas do Fireworks como arquivos de imagem separados O local padr o para onde o Fireworks exporta os arquivos determinado da seguinte forma nesta ordem 1 A prefer ncia de exporta o atual do documento definida se o documento j foi exportado e em seguida salvo como PNG 2 O local de exporta o salvamento atual definido sempre que se navega a partir do local
391. ireworks uma maneira de economizar tempo e manter a consist ncia Uma forma de compartilhar estilos export los para usar em outros computadores Para exportar estilos 1 Selecionar um estilo no painel Styles Manter pressionada a tecla Shift e clicar para selecionar v rios estilos manter pressionada a tecla Control Windows ou Command Macintosh e clicar para selecionar diversos estilos n o cont guos Selecionar Export Styles Exportar estilos no menu Options Op es do painel Styles Digitar um nome e um local para o documento que conter os estilos salvos Clicar em Save Para importar estilos 1 Selecionar Import Styles Importar estilos no menu Options Op es do painel Styles Estilos Selecionar um documento de estilos a ser importado Todos os estilos do documento de estilos s o importados e inseridos diretamente ap s o estilo selecionado no painel Styles Uso de estilos 277 Uso de um padr o de estilo A redefini o do painel Styles para o seu estado padr o exclui todos os estilos personalizados do painel Styles e recupera quaisquer estilos padr o exclu dos Uma outra possibilidade oferecida alterar o tamanho dos cones exibidos no painel Styles Para redefinir o painel Styles para os estilos padr o m Selecionar Reset Styles Redefinir estilos no menu Options Op es do painel Styles Estilos S Redefinir estilos para o padr o remove quaisquer est
392. ite A apar ncia da barra de navega o a mesma de uma p gina da Web para outra mas em alguns casos os links podem ser espec ficos para a fun o de cada p gina No Fireworks o usu rio elabora uma barra de navega o atrav s da cria o de um s mbolo de bot o no Button Editor Editor de bot o e da coloca o das ocorr ncias daquele s mbolo no espa o de trabalho Para criar uma barra de navega o b sica 1 Criar um s mbolo de bot o Para mais informa es consultar Cria o de s mbolos de bot es na p gina 330 2 Arrastar copiar uma ocorr ncia do s mbolo do painel Library Biblioteca para o espa o de trabalho 3 Executar um dos seguintes procedimentos para fazer uma c pia da ocorr ncia de bot o m Escolher a ocorr ncia de bot o e selecionar Edit Editar gt Clone Clonar a Pressionar Alt e arrastar Windows ou pressionar Option e arrastar Macintosh a ocorr ncia de bot o 4 Pressionar Shift e arrastar o bot o para alinh lo horizontalmente ou verticalmente Para obter um controle mais preciso usar as teclas de seta para mover a ocorr ncia 5 Repetir as etapas 3 e 4 para criar ocorr ncias de bot o adicionais Cria o de barras de navega o 343 6 Selecionar cada ocorr ncia e atribuir mesma um texto URL e outras propriedades exclusivas com o uso do Property inspector Inspetor de propriedades Cria o de menus pop up Os menus pop up s o exibidos em um
393. itor de bot o O Button Editor abre o indicador de estado Up 2 Importar ou criar o gr fico do estado Up m Arrastar e soltar ou importar o gr fico que aparecer como o estado de bot o Up no espa o de trabalho do Button Editor a Usar as ferramentas de desenho para criar um gr fico ou a ferramenta Text Texto para criar um bot o a partir de um texto m Clicar em Import a Button Importar um bot o e selecionar um bot o predefinido edit vel na biblioteca Button Import Importa o de bot o Caso selecione essa op o o usu rio n o precisar se preocupar com a cria o dos estados restantes do bot o Cada um dos estados de bot o ser preenchido automaticamente com os gr ficos e textos apropriados 3 Se desejar selecionar a ferramenta Text Texto e criar o texto para o bot o Cria o de s mbolos de bot es 331 Para criar um estado Over 1 Como Button Editor Editor de bot o aberto clicar na guia Over Sobre 2 Executar um dos seguintes procedimentos para criar o estado de bot o Over m Clicar em Copy Up Graphic Copiar gr fico Acima para colar uma c pia do bot o de estado Up na janela Over e em seguida edit lo para alterar sua apar ncia ou texto m Arrastar e soltar importar ou desenhar um gr fico Cria o de um bot o com tr s ou quatro estados Ao criar um bot o pode ser til adicionar um estado Down Abaixo e um estado Over While Down Sobre durante o estado Abaixo al m do
394. ivos de configura o icccciiciicics cs 526 Sobre a reinstala o do FireworkS auaaaa nuaa n aranan r annern annn 529 Exibi o do conte do do pacote somente Macintosh aaaaaaanaaaa 529 Configura o de prefer ncias O Fireworks tem configura es de prefer ncia que controlam a apar ncia geral da interface do usu rio al m de op es relacionadas a recursos espec ficos como cores padr o op es de ferramentas locais das pastas e convers es de arquivo Para definir prefer ncias 1 Selecionar Edit Editar gt Preferences Prefer ncias Windows ou Fireworks gt Preferences Macintosh 2 Selecionar o grupo de prefer ncias que deseja modificar General Geral Editing Edi o Launch and Edit Iniciar e editar Folders Pastas ou Import Importar 3 Fazer as altera es e clicar em OK 519 Prefer ncias gerais As op es a seguir est o na guia General preferences Prefer ncias gerais Undo Steps Etapas de desfazer define as etapas de desfazer refazer em um n mero entre O e 1009 Essa configura o se aplica ao comando Edit Editar gt Undo Desfazer e ao painel History Hist rico A execu o de v rias opera es de desfazer pode aumentar a quantidade de mem ria de que o Fireworks necessita necess rio reiniciar o Fireworks para a altera o dessa configura o entrar em vigor Color Defaults Padr es de Cores define os padr es para tra os de
395. ixel 67 4 Clicar na rea de cor a ser selecionada Uma moldura aparece em torno da faixa de pixels selecionada Pixels selecionados com um n vel de toler ncia mais baixo acima depois uma toler ncia mais alta abaixo Para selecionar cores semelhantes no documento 1 Selecionar uma rea de cor com uma ferramenta Marquee Moldura ou Lasso La o ou com a ferramenta Magic Wand Varinha m gica 2 Escolher Select Selecionar gt Select Similar Selecionar similar Uma ou mais molduras mostram todas as reas que cont m a faixa de pixels selecionada de acordo com a configura o atual da op o Tolerance Toler ncia no Property Inspector Inspetor de propriedades da ferramenta Magic Wand z Para ajustar a toler ncia do comando Select Similar necess rio selecionar a 0 ferramenta Magic Wand e antes de usar o comando alterar a configura o de au Tolerance no Property Inspector O usu rio tamb m pode marcar a caixa Live e marquee Moldura ao vivo para alterar a configura o de Tolerance enquanto usa a 2 ferramenta Magic Wand o 68 Cap tulo 3 Sele o e transforma o de um objeto Remo o de uma sele o de moldura poss vel remover uma moldura sem afetar o documento Para remover uma moldura seguir um destes procedimentos m Desenhar outra moldura m Clicar fora da sele o atual com uma ferramenta Marquee Moldura ou Lasso La o m Pressionar a tecla
396. ixo 311 Nav Bar Over Sobre na barra de navega o 311 Nav Bar Restore Restaurar barra de navega o comportamento 311 Set Nav Bar Image Definir imagem da barra de navega o 310 Set Pop up Menu Definir o menu pop up 311 Set Text of Status Bar Definir texto da barra de status 311 Simple Rollover Rollover simples 310 Swap Image Trocar imagem 310 comportamentos de arrastar e soltar defini o 305 excluir 308 309 linha azul 305 composi o 268 compress o ajustar 399 e otimiza o 384 emba ar bordas 404 escolher um tipo de arquivo 389 seletivo 403 compress o seletiva de JPEG 403 cor de sobreposi o 404 Enable Selective Quality Ativar qualidade seletiva 404 preservar qualidade do bot o 404 preservar qualidade do texto 404 configura es de otimiza o alterar em um processo em lote 504 comparar duas ou quatro configura es 388 compartilhar com outro usu rio 408 ndice remissivo 533 excluir configura es predefinidas 408 JPEG 402 predefinir 316 385 reutilizar 386 407 salvar 386 407 configurar Fireworks 520 conjuntos de atalho 526 conjuntos de atalhos Consultar tamb m atalhos de teclado conjuntos de atalhos personalizados Consultar atalhos de teclado Connector Line Linha conectora ferramenta 132 Constrain Proportions Limitar propor es op o 22 conte do do pacote exibir 529 contornos 205 Consultar tamb m tra os Contract Contrair comando 73 contraste 114 converter tra
397. jects Objetos selecionar uma das seguintes op es Convert to Photoshop Layers Converter em camadas do Photoshop converte objetos individuais do Fireworks em camadas do Photoshop e m scaras do Fireworks em m scaras de camadas do Photoshop Flatten Each Fireworks Layer Nivelar cada camada do Fireworks nivela todos os objetos em cada camada individual do Fireworks e cada camada do Fireworks se torna uma camada no Photoshop Quando essa op o selecionada a capacidade de edi o de objetos do Fireworks no Photoshop perdida Tamb m s o perdidos recursos como os modos de mistura que s o associados aos objetos do Fireworks 490 Cap tulo 15 Uso do Fireworks com outros aplicativos 3 No menu pop up Effects Efeitos selecionar uma das seguintes op es Maintain Editability Manter capacidade de edi o converte os Live Filters Filtros ao vivo do Fireworks em equivalentes no Photoshop Se os efeitos n o existirem no Photoshop eles ser o descartados Render Effects Processar efeitos nivela efeitos nos respectivos objetos Quando essa op o selecionada a apar ncia dos efeitos preservada mas a capacidade de edit los no Photoshop perdida No menu pop up Text Texto selecionar uma das seguintes op es Maintain Editability Manter capacidade de edi o converte o texto em uma camada edit vel do Photoshop A formata o do texto n o suportada pelo Photoshop perdida Render Text Proces
398. jeto e uma c pia do s mbolo adicionada biblioteca Edi o de s mbolos de anima o poss vel manipular as propriedades de s mbolos de anima o para dar vida a um site da Web poss vel alterar uma s rie de propriedades em um s mbolo da velocidade de anima o opacidade e rota o Ao manipular essas propriedades poss vel fazer com que um s mbolo pare a rodar aumentar a velocidade escurecer e clarear ou qualquer combina o dos efeitos acima Uma propriedade importante para qualquer s mbolo de anima o o seu n mero de molduras Essa propriedade determina quantas etapas s o necess rias para que o s mbolo complete sua anima o Ao definir o n mero de molduras para um s mbolo o Fireworks adiciona automaticamente o n mero necess rio de molduras ao documento para completar a a o Se o s mbolo exigir mais molduras do que as existentes atualmente na anima o o Fireworks adicionar mais molduras Altera o de uma propriedade de anima o poss vel alterar as propriedades da anima o com o uso da caixa de di logo Animate Animar ou do Property inspector Inspetor de propriedades Animation Frames 1 v Opacity 100 mto 100 v Normal v mo p P j Scaling 100 v Rotation 0 So Effects w 257 x 366 H 140 Y 380 A Propriedades de s mbolo de anima o no Property inspector 362 Cap tulo 13 Cria o de anima o E poss vel editar q
399. la horizontal no Property inspector Inspetor de propriedades A escala horizontal medida em valores percentuais 100 o padr o Op o Horizontal Scale Escala horizontal no Property inspector Inspetor de propriedades Se o Property inspector Inspetor de propriedades estiver minimizado clicar na seta de expans o no canto inferior direito para ver todas as propriedades 178 Cap tulo 6 Utiliza o de texto Para expandir ou contrair caracteres selecionados m No Property inspector arrastar o controle deslizante pop up Horizontal Scale Escala horizontal ou digitar um valor na caixa de texto Arrastar o controle deslizante para valores superiores a 100 para expandir a largura ou altura dos caracteres e arrast lo para valores inferiores para contrair a largura ou altura dos caracteres Configura o do deslocamento da linha de base O deslocamento da linha de base determina o grau de proximidade que o texto ficar acima ou abaixo da sua linha de base natural O texto ficar sobre a linha de base se essa n o for deslocada poss vel usar o deslocamento da linha de base para criar caracteres subscritos e sobrescritos Non St quod contemnas hoc studendi genus Os controles de deslocamento da linha de base est o no Property inspector Inspetor de propriedades O deslocamento da linha de base medido em pixels Op o Baseline Shift Deslocamento da linha de base no Property inspector Para definir
400. lareamento do in cio ao fim A faixa de valores vai de O a 100 e o padr o 100 A cria o de um clareamento escurecimento exige duas ocorr ncias do mesmo s mbolo uma para executar o clareamento e outra para executar o escurecimento Rotation Rota o a quantidade em graus que o s mbolo gira do in cio ao fim A escala de valores varia de 0 a 360 poss vel inserir valores maiores para mais de uma rota o O padr o 0 CW and CCW SH e SAH indica a dire o na qual o objeto gira CW SH indica rota o em sentido hor rio e CCW SAH indica rota o em sentido anti hor rio Para alterar as propriedades de um s mbolo de anima o 1 Selecionar um s mbolo de anima o 2 Selecionar Modify Modificar gt Animation Anima o gt Settings Configura es para abrir a caixa de di logo Animate Animar ou Window Janela gt Properties Propriedades para abrir o Property inspector se ainda n o estiver aberto 3 Alterar as propriedades desejadas 4 Sea caixa de di logo Animate estiver sendo usada clicar em OK para aceitar as propriedades alteradas Trabalho com s mbolos de anima o 363 Remo o de uma anima o poss vel remover anima es atrav s da exclus o do s mbolo de anima o da biblioteca ou da remo o da anima o do s mbolo Para remover um s mbolo da biblioteca 1 No painel Library Biblioteca selecionar o s mbolo de anima o que se deseja remo
401. las a espera do menu e o recuo do texto Position Posi o cont m op es que determinam o posicionamento do menu e dos submenus m configura o do menu posiciona o menu pop up em rela o fatia As posi es predefinidas incluem no fundo no canto inferior direito no topo e no canto superior direito de uma fatia 344 Cap tulo 12 Cria o de bot es e menus pop up m configura o do submenu posiciona o submenu pop up direita ou canto inferior direito do menu principal ou abaixo dele Pop up Menu Editor Content appearance Advanced Position Text Link North America United States http Hwww macromedia com Canada http Hwww macromedia com ENS LatinfSouth America http Hwww macromedia com E Europe http Hwww macromedia com Africa http Hwww macromedia com Middle East http Hwww macromedia com AsialPacific http www macromedia com Do Dependendo do design do menu pop up talvez n o seja necess rio usar todas as guias ou op es do Pop up Menu Editor poss vel editar configura es em qualquer guia e a qualquer momento mas ser necess rio adicionar pelo menos um item de menu guia Content Conte do para criar um menu que possa ser visualizado em um navegador Cria o de um menu pop up b sico A guia Content Conte do do Pop up Menu Editor Editor de menu pop up o local onde se determinam a estrutura e o conte do b sicos do menu pop up
402. lash e exportando o como filme SWF Se for solto na pasta Command Panels do seu disco r gido o filme aparecer como um painel no menu Window do Fireworks A localiza o exata dessa pasta varia de acordo com o sistema e depende de o painel estar dispon vel apenas para seu perfil de usu rio ou para todos os usu rios As pastas Command Panels est o localizadas na pasta Configuration na pasta de aplicativo do Fireworks e tamb m na pasta de configura o do Fireworks espec fica do usu rio Para mais informa es consultar Trabalho com arquivos de configura o na p gina 526 Ov vAaNaIsgo Para mais informa es sobre o uso de SWFs do Flash como pain is do Fireworks consultar Extending Fireworks Extens o dos recursos do Fireworks 518 Cap tulo 16 Automatiza o de tarefas repetitivas CAP TULO 17 Prefer ncias e atalhos de teclado As configura es de prefer ncias do Macromedia Fireworks 8 permitem controlar a apar ncia geral da interface do usu rio assim como a edi o e os aspectos de pastas Al m disso o Fireworks permite personalizar os atalhos de teclado Isto o usu rio pode personalizar os atalhos e padroniz los para usar em seus programas de software preferidos Este cap tulo abrange os seguintes t picos Configura o de prefer ncias ciciiciicics iss 519 Altera o de conjuntos de atalhos de teclado cccciciccciccc 524 Trabalho com arqu
403. lder Marcador de lugar de imagem m Clicar no menu pop up Images Image na categoria Common Comum da barra Insert Inserir e selecionar Image Placeholder A caixa de di logo Image Placeholder aparece Image Placeholder Name OK width 32 Height 32 Lx cence Color Ed Alternate Text 3 Digitar o nome as dimens es a cor e o texto alternativo para o marcador de lugar de imagem e em seguida clicar em OK Um marcador de lugar de imagem inserido no documento do Dreamweaver imagel 159 x 31 J 438 Cap tulo 15 Uso do Fireworks com outros aplicativos 4 Seguir um destes procedimentos m Selecionar o marcador de lugar de imagem e clicar em Create Criar no Property inspector Inspetor de propriedades m Pressionar a tecla Control Windows ou Command Macintosh e clicar duas vezes no marcador de lugar de imagem m Clicar com o bot o direito Windows ou pressionar a tecla Control e clicar Macintosh e escolher Create Image in Fireworks Criar imagem no Fireworks O Fireworks aberto com uma tela vazia exatamente do mesmo tamanho da imagem que marca o lugar janela do documento indica que o usu rio est editando uma imagem do Dreamweaver D image1 100 DER p Original Preview 2 Uup H3 4 Up Editing from Dreamweaver 159x31 100 5 Criar uma imagem no Fireworks e clicar em Done Conclu do quando terminar 6 Especificar um nome e um local
404. le para ajustar o n mero de voltas da espiral e para torn la aberta ou fechada Para ajustar o n mero de voltas de uma espiral selecionada m Arrastar o ponto de controle das espirais Para abrir ou fechar uma espiral selecionada m Clicar no ponto de controle de abrir fechar espiral Ajuste de Auto Shapes de estrela Inicialmente as estrelas t m cinco pontos de controle H pontos de controle para adicionar ou remover pontos para ajustar os ngulos internos e externos dos pontos e para ajustar o arredondamento dos pontos mais elevados e mais baixos Desenho de objetos vetoriais 139 Para alterar o n mero de lados de uma estrela selecionada m Arrastar o ponto de controle de pontos Para ajustar os pontos mais baixos de uma estrela selecionada m Arrastar o ponto de controle de ponto mais baixo Para ajustar os pontos de uma estrela selecionada m Arrastar o ponto de controle de ponto mais elevado Para ajustar o arredondamento dos pontos mais elevados ou mais baixos de uma estrela selecionada m Arrastar o ponto de controle de arredondamento Uso do painel Assets para adicionar Auto Shapes a um desenho O painel Assets cont m uma guia Shapes Formas onde podem ser encontradas formas autom ticas adicionais Essas Auto Shapes em geral s o mais complexas que as do painel Tools Ferramentas Para colocar as Auto Shapes no desenho em vez de desenh las diretamente na tela necess rio arrast las
405. lho 1 Selecionar a ocorr ncia de bot o no espa o de trabalho 2 No Property inspector executar um dos seguintes procedimentos No menu pop up Target Destino selecionar um destino predefinido None Nenhum ou self carrega a p gina da Web na mesma moldura ou janela que o link blank carrega a p gina da Web em uma nova janela do navegador sem t tulo parent carrega a p gina da Web no conjunto principal de molduras ou na janela da moldura que cont m o link top carrega a p gina da Web na janela inteira do navegador removendo todas as molduras a Na caixa de texto Target Destino digitar um destino Configura o de texto alternativo alt para um s mbolo ou ocorr ncia de bot o O texto alternativo alt aparece em um marcador de lugar de imagem ou pr ximo a ele enquanto esta descarregada da Web ou no lugar dela caso ocorra uma falha no download Ele tamb m substitui os gr ficos caso o usu rio tenha configurado o navegador para n o exibir imagens O texto alternativo pode ser uma propriedade de bot o no n vel do s mbolo ou da ocorr ncia poss vel definir um texto alternativo para um s mbolo ou ocorr ncia de bot o no Property Inspector Inspetor de propriedades Os aplicativos que auxiliam os portadores de defici ncia visual l em o texto alternativo dos gr ficos de p ginas da Web em um navegador No texto alternativo usar uma descri o concisa e representativa dos elementos gr ficos
406. lica o de cor tra os e preenchimentos na p gina 191 Para mais informa es sobre como usar estilos consultar Uso de estilos na p gina 274 Para mais informa es sobre Live Filters Filtros ao vivo consultar Aplica o de Live Filters na p gina 224 A ferramenta Text Texto n o mant m as configura es de tra o ou Live Filters quando um novo bloco de texto criado Entretanto poss vel salvar os atributos de tra o preenchimento e Live Filters aplicados ao texto para reutilizar como um estilo no painel Styles Estilos Salvar atributos de texto como estilo n o salva o texto propriamente dito apenas os atributos Para salvar atributos de texto como estilo 1 Criar um objeto de texto e aplicar os atributos desejados Selecionar o objeto de texto Selecionar New Style Novo estilo no painel Styles Estilos do menu Options Op es Selecionar as propriedades para o novo estilo e atribuir um nome a ele Clicar em OK qr won 180 Cap tulo 6 Utiliza o de texto Anexa o de um texto a um tra ado Para liberar o texto das restri es de blocos de texto retangulares poss vel desenhar um tra ado e anexar texto a ele O texto flui ao longo da forma do tra ado e ainda pode ser editado Um tra ado ao qual anexado um texto perde temporariamente seus atributos de tra o preenchimento e filtro Qualquer atributo de tra o preenchimento e filtro aplicado subsegiientemente apli
407. licar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh em um item selecionado na janela do documento 52 Cap tulo 2 Conceitos b sicos do Fireworks Uso de r guas guias e a grade poss vel usar r guas e guias para dispor objetos com a maior precis o poss vel e para ajudar a desenhar O usu rio pode colocar guias no documento e alinhar objetos a essas guias ou ativar a grade do Fireworks e alinhar objetos a ela 2 Original B Preview T 2 up Ela vp JPEG Document D 4 b 630x468 100 Uso de r guas As r guas ajudam a medir organizar e planejar o layout do trabalho Como as imagens do Fireworks s o criadas para a Web onde os gr ficos s o medidos em pixels as r guas do Fireworks sempre medem em pixels independentemente da unidade de medida usada na cria o do documento Para exibir e ocultar r guas m Selecionar View Exibir gt Rulers R guas As r guas vertical e horizontal aparecem ao longo das margens da janela do documento Ambiente de trabalho do Fireworks 53 Uso de guias As guias s o linhas arrastadas das r guas para a tela do documento Elas servem para auxiliar o desenho ajudando a colocar e alinhar objetos poss vel usar guias para marcar partes importantes do documento como as margens o ponto central do documento e as reas em que o trabalho deve ser preciso Para ajudar a organizar objetos o Fireworks permite
408. licar em uma cor na visualiza o Para tornar o fundo de uma imagem transparente 1 Clicar no bot o Preview 2 Up ou 4 Up no canto superior esquerdo da janela do documento Na exibi o 2 Up ou 4 Up clicar em uma exibi o que n o seja a original Escolher o formato de arquivo GIF no painel Optimize Otimizar e selecionar Index Transparency Transpar ncia do ndice no menu pop up Transparency A cor da tela torna se transparente na visualiza o e o gr fico est pronto para ser exportado Entrela amento download gradual Quando exibidas em um navegador da Web as imagens entrela adas aparecem gradualmente medida que se descarregam Primeiro s o exibidas com baixa resolu o passando para a resolu o total ao se concluir o download go OY VA XAS Esta op o est dispon vel somente para formatos de arquivo GIF e PNG poss vel obter resultados semelhantes com um JPEG transformando o em progressivo Para mais informa es consultar Otimiza o de um JPEG na p gina 402 Otimiza o no espa o de trabalho 401 Para entrela ar um GIF ou PNG que n o seja do Fireworks m No menu Options Op es do painel Optimize Otimizar selecionar Interlaced Entrela ado Otimiza o de um JPEG Com o uso do painel Optimize Otimizar poss vel otimizar JPEGs definindo op es de compress o e suaviza o O formato JPEG sempre salvo e exportado com cores
409. licar na seta de expans o no canto inferior direito para ver todas as propriedades Para definir o espa o que precede os par grafos selecionados m No Property inspector arrastar o controle deslizante pop up Space Preceding Paragraph Espa o para o par grafo anterior Para definir o espa o depois dos par grafos selecionados m No Property inspector arrastar o controle deslizante pop up Space After Paragraph Espa o depois do par grafo ou digitar um valor na caixa de texto Suaviza o de bordas de texto Para suavizar uma borda de texto necess rio suavizar o serrilhado dela Isso faz com que as bordas do texto misturem se com o fundo de modo que o texto fique mais limpo e leg vel quando ampliado A A Texto original ap s suaviza o Para definir a suaviza o de serrilhado usar o Property inspector Inspetor de propriedades Se o Property inspector estiver minimizado clicar na seta de expans o no canto inferior direito para ver todas as propriedades A suaviza o de serrilhado se aplica a todos os caracteres em um dado bloco de texto No Anti Alias Sem suaviza o de serrilhado desativa a suaviza o de texto Crisp Anti Alias Ondular suaviza o de serrilhado cria uma transi o n tida entre as bordas do texto e do fundo Edi o de texto 177 Strong Anti Alias Forte suaviza o de serrilhado cria uma transi o muito brusca entre as bordas do texto e o fundo preservando as formas dos c
410. loca o de gr ficos do Fireworks no Flash Existem v rias formas de colocar gr ficos do Fireworks no Flash A importa o ou a c pia e a colagem de um arquivo PNG do Fireworks permite o m ximo de controle sobre a forma como as anima es e os gr ficos s o importados para o Flash Embora o controle seja maior ao importar ou copiar e colar arquivos PNG do Fireworks poss vel importar arquivos JPEG GIF PNG e SWF que tenham sido exportados do Fireworks 458 Cap tulo 15 Uso do Fireworks com outros aplicativos Importa o de arquivos PNG do Fireworks para o Flash poss vel importar arquivos PNG de origem do Fireworks diretamente para o Flash sem export los para outro formato gr fico Tamb m poss vel importar todos os vetores bitmaps anima es e gr ficos de bot es com v rios estados do Fireworks para o Flash S Os comportamentos de bot es e outros tipos de interatividade do Fireworks n o s o 0 importados para o Flash porque os comportamentos do Fireworks s o ativados por ai JavaScript externo ao formato do arquivo O Flash usa c digo ActionScript interno lt D gt Q D o Ao importar um arquivo PNG do Fireworks para o Flash o usu rio pode escolher entre v rias op es de importa o Ele pode importar as camadas e os objetos como um s mbolo de biblioteca ou importar todo o conte do para uma nica camada nova Com objetos vetoriais e de texto ele pode manter toda a
411. logo Windows System Sistema Windows ou Macintosh System Sistema Macintosh Para selecionar uma cor do selecionador de cores do sistema 1 Clicar em qualquer caixa de cor 2 Selecionar Windows OS ou Mac OS no menu Options Op es de qualquer janela pop up de cores A janela pop up exibe os exemplos de cores do sistema 3 Selecionar uma cor no selecionador de cores do sistema A cor se torna a nova cor de tra o ou preenchimento Para informa es sobre a adi o de uma cor do selecionador de cores ao painel Swatches Exemplos de cores consultar Personaliza o do painel Swatches na p gina 196 200 Cap tulo 7 Aplica o de cor tra os e preenchimentos Exibi o de um valor da cor Al m do Color Mixer Misturador de cores e da janela pop up de cores tamb m poss vel identificar valores da cor atrav s do painel Info Informa es Para exibir o valor da cor de qualquer parte do documento usando o painel Info Informa es 1 Clicar na ferramenta Eyedropper Conta gotas no painel Tools Ferramentas 2 Selecionar Window Janela gt Info Informa es para exibir o painel Info 3 Mover o ponteiro sobre o objeto que cont m a cor que deseja exibir somente Windows Para exibir o valor da cor de preenchimento ou tra o ativa seguir um destes procedimentos m Selecionar Window Janela gt Color Mixer Misturador de cores para RGB ou outros valores do sistema de cores m Clicar
412. lora o esmaecida branca transparente poss vel ativar ou desativar a sobreposi o de fatias A Untitled 1 png 66 Slice J Original B Preview T 2 Up EH 4 Up Original Untitled t png 22 60K 3 sec 56kbps JPEG Slice 4 gt i TR 289x450 66 Na otimiza o de uma fatia selecionada as fatias que n o s o otimizadas ficam esmaecidas Para visualizar um gr fico com base nas configura es de otimiza o atuais m Clicar no bot o Preview Visualizar no canto superior esquerdo da janela do documento No painel Tools Ferramentas clicar em Hide Slices Ocultar fatias para ocultar fatias e guias de fatia durante a visualiza o Ov vAdNaIsgo Para comparar exibi es com configura es de otimiza o diferentes 1 Clicar no bot o 2 Up ou 4 Up no canto superior esquerdo da janela do documento 2 Clicar em uma das visualiza es de tela dividida para selecion la 388 Cap tulo 14 Otimiza o e exporta o 3 No painel Optimize digitar as configura es 4 Selecionar as outras visualiza es e especificar configura es de otimiza o diferentes para cada visualiza o para compar las Quando a exibi o 2 Up ou 4 Up selecionada a primeira divis o de exibi o apresenta o documento PNG original do Fireworks para permitir a compara o com as vers es otimizadas poss vel alternar essa exibi o para exibir outra vers o otimizada Para alt
413. lores positivos distanciam as letras Valores negativos aproximam as letras Manter pressionada a tecla Control Windows ou Command Macintosh enquanto pressiona as teclas seta esquerda ou seta direita no teclado A tecla de seta esquerda distancia as letras em 1 e a tecla de seta direita aproxima as letras em 1 v la Manter pressionada as teclas Shift e Control Windows ou Shift e Command Macintosh enquanto pressiona as teclas seta esquerda ou seta direita para ajustar o kerning em incrementos de 10 Configura o do entrelinhamento O entrelinhamento determina a dist ncia entre linhas adjacentes em um par grafo O entrelinhamento pode ser medido em pixels ou como uma porcentagem da dist ncia em pontos que separa as linhas de uma linha de base outra poss vel usar o Property inspector Inspetor de propriedades ou o teclado para definir o entrelinhamento Op es de entrelinhamento no Property inspector Inspetor de propriedades Edi o de texto 173 Para definir o entrelinhamento do texto selecionado no Property inspector 1 No Property inspector arrastar o controle deslizante pop up Leading Entrelinhamento ou digitar um valor na caixa de texto O padr o 100 2 Para alterar o tipo de unidade do entrelinhamento selecionar ou px pixels no menu pop up Leading Units Unidades de entrelinhamento Para definir o entrelinhamento do texto selecion
414. lters Filtros e ao Property inspector Inspetor de propriedades O usu rio s deve usar o menu Filters para aplicar filtros e plug ins do Photoshop se tiver certeza de que n o editar ou remover o filtro Somente poss vel remover um filtro se o comando Undo Desfazer estiver dispon vel Instala o de plug ins do Photoshop poss vel usar o Property inspector Inspetor de propriedades para aplicar alguns plug ins do Photoshop como Live Filters Filtros ao vivo Nem todos os plug ins do Photoshop podem ser usados como Live Filters Al m disso tamb m poss vel importar plug ins do Photoshop apontando para uma pasta de plug ins usando a caixa de di logo Preferences Prefer ncias Para mais informa es consultar Prefer ncias de pastas na p gina 523 Aplica o de Live Filters 229 Quando o usu rio compartilhar um arquivo do Fireworks ao qual foi aplicado um plug in do Photoshop como Live Filter o outro usu rio que abri lo s poder exibir o filtro em um computador em que o plug in esteja instalado No entanto os filtros internos do Fireworks s o salvos com o arquivo do Fireworks Para instalar plug ins do Photoshop 1 No Property inspector Inspetor de propriedades clicar no bot o Add Filters Adicionar filtros e selecionar Options Op es gt Locate Plugins Localizar plug ins 2 Navegar at a pasta em que os plug ins do Photoshop est o instalados e clicar em OK 3 Reiniciar o Fire
415. lts Definir padr es antes de fechar a caixa de di logo HTML Setup As configura es em General Geral e Table Tabela s o prefer ncias globais e afetam todos os novos documentos Para definir como o Fireworks exporta HTML Selecionar File Arquivo gt HTML Setup Configura o do HTML ou clicar no bot o Options na caixa de di logo Export Exportar 1 Na guia General Geral selecionar uma das seguintes op es Selecionar uma op o em HTML Style Estilo HTML para definir o estilo do HTML exportado O HTML gen rico funciona com qualquer editor de HTML No entanto se o documento contiver comportamentos ou outro conte do interativo selecionar um editor espec fico caso o mesmo apare a na lista Elementos interativos s o exportados de maneira diferente no Fireworks dependendo do estilo de HT ML selecionado Para exportar um documento com o uso do padr o XHTML selecionar o estilo XHTML apropriado no menu pop up Para mais informa es sobre XHTML consultar Exporta o de XHT ML na p gina 425 Selecionar uma extens o de arquivo no menu pop up Extension Extens o ou digitar uma nova Para incluir coment rios sobre onde copiar e colar o HTML selecionar Include HTML Comments Incluir coment rios HTML Esta op o recomend vel caso o documento contenha elementos interativos como bot es comportamentos ou imagens de rollover Os coment rios do HTML ajudam a determinar quais partes do c di
416. luir comandos que aparecem no menu Commands Comandos poss vel renomear ou excluir quaisquer comandos criados com a op o Manage Saved Commands Gerenciar comandos salvos no Fireworks necess rio usar o Extension Manager para outros comandos e extens es instalados com o Fireworks ou transferidos por download e instalados no site do Macromedia Exchange na Web Para renomear um comando personalizado criado pelo usu rio 1 Selecionar Commands Comandos gt Manage Saved Commands Gerenciar comandos salvos 2 Selecionar o comando 3 Clicar em Rename Renomear digitar um novo nome e clicar em OK Para excluir um comando criado seguir um destes procedimentos m No Fireworks selecionar Commands Comandos gt Manage Saved Commands Gerenciar comandos salvos Em seguida selecionar o comando e clicar em Excluir m No seu disco r gido excluir o arquivo JSF para o comando da pasta Commands da pasta de configura o do Fireworks espec fica do usu rio Para informa es sobre a localiza o dessa pasta consultar Sobre os arquivos de configura o do usu rio na p gina 527 Para renomear ou excluir um comando inclu do no Fireworks ou transferido por download a partir do Macromedia Exchange m Selecionar Command Comando gt Manage Extensions Gerenciar extens es m Selecionar Help Ajuda gt Manage Extensions O Extension Manager exibido Para informa es sobre o gerenciamento de extens es cons
417. m arquivos menores mas com uma qualidade de imagem inferior Uma configura o de perda entre 5 e 15 geralmente produz os melhores resultados GIF original valor de perda de 30 valor de perda de 100 Para alterar a compress o de um GIF m No painel Optimize Otimizar digitar uma configura o para Loss Perda Transforma o em reas transparentes poss vel definir reas transparentes tanto em GIFs como em PNGs de 8 bits de maneira que em um navegador da Web o fundo da p gina da Web fique vis vel atrav s dessas reas No Fireworks um quadriculado cinza e branco na visualiza o de um documento indica as reas transparentes Visualiza o de imagem otimizada no Fireworks imagem exportada com transpar ncia e colocada em uma p gina da Web com um fundo colorido Os PNGs de 32 bits j cont m transpar ncia embora n o seja exibida uma op o de transpar ncia para esses PNGs no painel Optimize Otimizar Ov vAaNaIsgo Otimiza o no espa o de trabalho 399 O usu rio deve usar o recurso transpar ncia do ndice ao exportar imagens GIF que contenham reas transparentes Com a transpar ncia do ndice poss vel definir cores espec ficas que ser o transparentes na exporta o A transpar ncia do ndice ativa ou desativa pixels com valores de cor espec ficos Como o formato GIF suporta a transpar ncia do ndice esta a forma mais comum de transpa
418. m documento do Dreamweaver Esse comando permite atualizar os arquivos do Dreamweaver mesmo quando esse aplicativo n o est em execu o S Antes de atualizar o HTML escolher Dreamweaver como o tipo de HTML na caixa de 0 di logo HTML Setup Configura o do HTML Para mais informa es consultar a S Ajuda do Fireworks lt D gt QO D o Para atualizar o HTML do Fireworks colocado no Dreamweaver 1 Fazer as altera es no documento PNG desejado no Fireworks 2 Selecionar File Arquivo gt Update HTML Atualizar HTML ou clicar no bot o Quick Export Exporta o r pida e escolher Update HT ML no menu pop up do Dreamweaver 3 Navegar at o arquivo do Dreamweaver que cont m o HTML a ser atualizado e clicar em Open Abrir 4 Navegar at a pasta na qual os arquivos de imagem atualizados dever o ser colocados e clicar em Open O Fireworks atualiza o c digo HTML e JavaScript no documento do Dreamweaver O Fireworks tamb m exporta imagens atualizadas associadas ao HTML e coloca essas imagens na pasta de destino especificada Quando o Fireworks n o consegue localizar o c digo HTML correspondente para atualiz lo ele oferece a op o de inserir um novo c digo HTML no documento do Dreamweaver O Fireworks coloca a se o JavaScript do novo c digo no in cio do documento e coloca a tabela HTML e o v nculo com a imagem no final Exporta o de arquivos do Fireworks para bibliotecas do
419. m est tica 163 Este cap tulo cont m os seguintes t picos Digitag s de texto siste neiidds oro pai E De bra dg ENS a A 164 Edi o de EMO cuspistgaa lana sd dress LE US EU LDA DUAL E PURE 167 Aplica o de tra os preenchimentos e filtros ao texto cccccc 180 Anexa o de um texto a um tra ado aus anda eee Anna a dc a A aaa 181 Transionmacao de telO es papi Eis dessa A DLL ESE RNO Ean A 184 Convers o de texto em tra a ad s ciseusasseasanendarries sda asda nana A a 184 Importa o de dO e essi srs nepret kina EEn SAAE DE ES Sa ad 185 vVenfica o da ortografia ss sass sa quais is iii Su a DS A Cb 187 Uiiliza s do Text Ed capa pd dei pabrs AU Sd E dE dr 6 rd 189 Digita o de texto Com a ferramenta Text Texto e as op es do Property inspector Inspetor de propriedades poss vel digitar formatar e editar texto em seus gr ficos Ferramenta Text Texto Se o Property inspector estiver minimizado clicar na seta de expans o no canto inferior direito para ver todas as propriedades do texto Ov vANIsgo Properties Es A eee A dados a vje a E BIU Bjwojgnm 8 O avo T i a w BEZEA Elo Elo v Smooth Anti Alias v 8 100 v 0 7 Auto kern A O Property inspector Inspetor de propriedades quando a ferramenta Text Texto estiver selecionada 164 Cap tulo 6 Utiliza o de texto Nomea o de um objeto de texto
420. m gr fico Ao inserir ou criar um gr fico para o estado Down a op o Include Nav Bar Down State Incluir estado Abaixo na barra de navega o selecionada automaticamente Este estado do bot o para bot es que fazem parte de barras de navega o Ov vANaIsgo 332 Cap tulo 12 Cria o de bot es e menus pop up Para criar um estado Over While Down 1 Com um bot o de tr s estados aberto no Button Editor Editor de bot o clicar na guia Over While Down Sobre durante o estado Abaixo 2 Executar um dos seguintes procedimentos para criar o estado de bot o Over While Down a Clicar em Copy Down Graphic Copiar gr fico Abaixo para colar uma c pia do gr fico do estado Down na janela Over While Down e em seguida edit lo para alterar sua apar ncia Arrastar e soltar importar ou desenhar um gr fico Ao inserir ou criar um gr fico para o estado Over While Down a op o Include Nav Bar Over While Down State Incluir estado Abaixo na barra de navega o selecionada automaticamente Este estado do bot o para bot es que fazem parte de barras de navega o Ov vAaHaIsgo Uso de filtros de chanfro para desenhar estados de bot es Ao produzir gr ficos para os estados de um bot o o usu rio pode aplicar Live Filters Filtros ao vivo predefinidos para criar apar ncias comuns para cada estado Por exemplo se ele estiver criando um bot o de quatro estados poder
421. m local para exportar o arquivo de imagem Para gr ficos da Web o melhor local uma pasta dentro do site local da Web 4 Digitar um nome de arquivo N o necess rio digitar uma extens o de arquivo o Fireworks faz isso automaticamente na exporta o usando o tipo de arquivo especificado nas configura es de otimiza o Para mais informa es sobre otimiza o consultar Sobre otimiza o na p gina 378 5 Selecionar Images Only Somente imagens no menu pop up Export Exportar 6 Clicar em Export Exporta o de um documento fatiado Por padr o ao exportar um documento fatiado do Fireworks s o exportados um arquivo HTML e as imagens associadas O arquivo HTML exportado pode ser exibido em um navegador da Web ou importado para outros aplicativos para edi o posterior poss vel obter um HTML do Fireworks em outros aplicativos com o uso de v rias t cnicas Para mais informa es sobre HTML e outras maneiras de exportar HTML do Fireworks consultar Exporta o de HTML na p gina 415 Ov vAaHaIsgo Antes de exportar necess rio selecionar o estilo de HTML apropriado na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar Configura o de op es de exporta o de HTML na p gina 427 Para exportar um documento fatiado do Fireworks 1 Selecionar File Arquivo gt Export Exportar Navegar at a pasta desejada no disco r gid
422. m os comandos Clone Clonar e Duplicate Duplicar ou remover totalmente os objetos do espa o de trabalho Para mover uma sele o seguir um destes procedimentos m Arrastar a sele o com as ferramentas Pointer Ponteiro Subselection Selecionar secund rio ou Select Behind Selecionar atr s m Pressionar qualquer tecla de seta para mover a sele o em incrementos de 1 pixel m Manter a tecla Shift pressionada enquanto pressiona qualquer tecla de seta para mover a sele o a incrementos de 10 pixels m No Property Inspector Inspetor de propriedades digitar as coordenadas X e Y para a localiza o do canto superior esquerdo da sele o m Digitar as coordenadas X e Y no painel Info Informa es Se as caixas X e Y n o estiverem vis veis arrastar a borda inferior do painel Para mover ou copiar objetos selecionados atrav s de colagem 1 Selecionar um ou v rios objetos 2 Selecionar Edit Editar gt Cut Recortar ou Edit gt Copy Copiar 3 Selecionar Edit gt Paste Colar Para duplicar um ou mais objetos selecionados m Selecionar Edit Editar gt Duplicate Duplicar Durante a repeti o do comando aparecem duplicatas do objeto selecionado organizadas em cascata a partir do original dispostas 10 pixels abaixo e 10 pixels direita da duplicata anterior O objeto duplicado mais recente passa a ser o objeto selecionado a N o poss vel usar os comandos Duplicate ou Clone Clonar com s
423. m para quaisquer ferramentas de bitmap que possam ser usadas para edit la Objetos originais e uma m scara de bitmap aplicada com o uso da apar ncia dos tons de cinza As m scaras de bitmap podem ser aplicadas de duas formas m Como uso de um objeto existente para mascarar outros objetos Essa t cnica semelhante aplica o de uma m scara vetorial m Coma cria o de um objeto denominado m scara vazia Inicialmente as m scaras vazias s o totalmente transparentes ou totalmente opacas Uma m scara transparente ou branca mostra o objeto com m scara em sua totalidade e uma m scara opaca ou preta oculta inteiramente o objeto As ferramentas de bitmap podem ser usadas para desenhar no objeto de m scara ou para modific lo mostrando ou ocultando os objetos com m scara que est o embaixo 246 Cap tulo 9 Camadas mascaramento e mistura Quando o usu rio cria uma m scara de bitmap o Property inspector Inspetor de propriedades exibe informa es sobre a maneira como ela aplicada Se ele selecionar uma ferramenta de bitmap quando uma m scara de bitmap estiver selecionada o Property inspector exibir as propriedades e as op es da m scara para a ferramenta selecionada simplificando o processo de edi o da m scara y Pro Z RB o sorone v Blio Edge 100 v Preserve transparency Texture Grain o iv Mask 2 Alpha channel O Grayscale A Propriedades da m scara de bitmap no
424. m ponto ativo tracejando um ou mais objetos selecionados 1 Selecionar Edit Editar gt Insert Inserir gt Hotspot Ponto ativo Se mais de um objeto for selecionado aparecer uma mensagem solicitando se o usu rio deseja criar um ponto ativo retangular simples cobrindo todos os objetos ou v rios pontos ativos um para cada objeto 2 Clicar em Single nico ou Multiple V rios A Web Layer Camada da Web exibe o novo ponto ativo ou pontos ativos Edi o de pontos ativos Pontos ativos s o objetos da Web e como muitos outros objetos podem ser editados com o uso das ferramentas Pointer Ponteiro Subselection Selecionar secund rio e Transform Transformar Para mais informa es sobre o uso dessas ferramentas para editar um objeto da Web consultar Uso de ferramentas para editar objetos de fatia na p gina 302 poss vel alterar numericamente a posi o e o tamanho de um ponto ativo com o uso do Property inspector Inspetor de propriedades ou do painel Info Informa es Para mais informa es sobre a altera o num rica das dimens es de um objeto consultar Transforma o num rica de objetos na p gina 85 Para mais informa es sobre a altera o num rica da posi o de um objeto consultar Edi o de objetos selecionados na p gina 79 Tamb m poss vel alterar a forma de um ponto ativo com o uso do Property inspector Para converter um ponto ativo selecionado em um ponto ati
425. m um filme Por exemplo em uma anima o com tr s gansos voando no c u cada ganso um membro do elenco Um s mbolo de anima o pode ser qualquer objeto criado ou importado e poss vel ter v rios s mbolos em um arquivo Cada s mbolo tem suas pr prias propriedades e apresenta uma anima o independentemente Desta forma poss vel criar s mbolos que se movem atrav s da tela enquanto outros se apagam ou encolhem N o necess rio usar s mbolos para cada aspecto da anima o Entretanto o uso de s mbolos e ocorr ncias para gr ficos que aparecem em v rias molduras mant m o tamanho do arquivo de anima o menor al m das outras vantagens discutidas neste cap tulo poss vel alterar as propriedades do s mbolo de anima o a qualquer momento com o uso da caixa de di logo Animate Animar ou do Property inspector Inspetor de propriedades Tamb m poss vel editar a imagem do s mbolo no Symbol Editor Editor de s mbolo O Symbol Editor permite editar o s mbolo sem afetar o resto do documento Tamb m poss vel alterar o movimento do s mbolo alterando seu caminho de movimento Como os s mbolos de anima o s o colocados automaticamente na biblioteca poss vel reutiliz los para criar outras anima es Cria o de s mbolos de anima o Depois de criar um s mbolo de anima o poss vel definir as propriedades que determinam o n mero de molduras na anima o e o tipo de a o
426. ma linha separada do painel History come ando com a mais recente Por padr o o painel lembra de 20 etapas Entretanto poss vel alterar esse valor a qualquer momento 512 Cap tulo 16 Automatiza o de tarefas repetitivas Cria o de um comando O Fireworks oferece a op o de salvar grupos de etapas no painel History Hist rico como um comando que possa ser reutilizado Al m disso ele executa os comandos salvos em qualquer um de seus respectivos documentos Esses comandos n o s o espec ficos do documento Os comandos salvos s o armazenados como arquivos JSF na pasta Commands Comandos na pasta de configura o do Fireworks espec fica do usu rio Para informa es sobre o local dessa pasta consultar Sobre os arquivos de configura o do usu rio na p gina 527 Para salvar etapas como um comando 1 Selecionar as etapas a serem salvas como um comando m Clicar em uma etapa manter pressionada a tecla Shift e clicar em outra etapa para selecionar uma faixa de etapas a serem salvas como um comando a Manter pressionada a tecla Control Windows ou Command Macintosh e clicar para selecionar etapas n o cont guas Clicar no bot o Save Steps as Command Salvar como comando na parte inferior do painel History Hist rico Digitar um nome para o comando e clicar em OK O comando aparece no menu Commands Comandos Para desfazer ou refazer etapas usando o painel History Arrasta
427. ma m scara 1 Manter pressionada a tecla Shift e clicar em dois ou mais objetos sobrepostos o poss vel selecionar objetos de camadas diferentes 2 Selecionar Modify Modificar gt Mask M scara gt Group as Mask Agrupar como m scara Edi o de uma m scara As m scaras podem ser modificadas de v rias maneiras Ao modificar a posi o forma e cor de uma m scara poss vel alterar a visibilidade dos objetos com m scara Tamb m existe a op o de se alterar o tipo de m scara e a forma como ela ser aplicada Al m disso poss vel substituir desativar ou excluir m scaras Os resultados da edi o de uma m scara ficam vis veis imediatamente mesmo que o pr prio objeto de m scara n o esteja vis vel na tela A miniatura de m scara no painel Layers exibe as edi es feitas na m scara 258 Cap tulo 9 Camadas mascaramento e mistura Os objetos com m scara tamb m podem ser modificados poss vel reorganizar objetos com m scara sem mover a m scara Uma outra op o oferecida de adicionar outros objetos com m scara a um grupo de m scaras existente Sele o de m scara e objeto com m scara com o uso de miniaturas de m scara Com as miniaturas do painel Layers f cil identificar e selecionar m scaras e objetos com m scara As miniaturas permitem selecionar e editar com facilidade apenas a m scara ou os objetos com m scara sem afetar os outros objetos Quando a
428. magens de uma c mera digital ou de um scanner Como arrastar uma imagem para o Fireworks E poss vel arrastar objetos vetoriais imagens bitmap ou textos de qualquer aplicativo que suporte o recurso de arrastar para o Fireworks m FreeHand 7 ou posterior m Flash 3 ou posterior 24 Cap tulo 2 Conceitos b sicos do Fireworks m Photoshop 4 ou posterior m Illustrator 7 ou posterior m Microsoft Office 97 ou posterior m Microsoft Internet Explorer 3 ou posterior m Netscape Navigator 3 ou posterior m CorelDRAW 7 ou posterior Para arrastar uma imagem ou um texto para o Fireworks m No outro aplicativo arrastar o objeto ou o texto para o Fireworks Como colar no Fireworks Colar um objeto copiado de outro aplicativo no Fireworks posiciona o objeto no centro do documento ativo poss vel copiar e colar um objeto ou um texto da rea de transfer ncia em qualquer um destes formatos m FreeHand 7 ou posterior m Illustrator m PNG m PICT Macintosh m DIB Windows m BMP Windows m Texto ASCII m EPS m WBMP m TXT m RTF Para colar no Fireworks 1 No outro aplicativo copiar o objeto ou o texto a ser colado 2 No Fireworks colar o objeto ou o texto no documento Posicionamento de objetos colados O posicionamento de um objeto colado no Fireworks depende do que foi selecionado m Se pelo menos um objeto em uma nica camada estiver selecionado o objeto colado ser posicionado na frente ou empilh
429. mands Comandos gt Creative Criativo gt Add Shadow Adicionar sombra adicionada uma sombra ao objeto selecionado 3 Para alterar a sombra seguir um destes procedimentos m Arrastar o ponto de controle Direction Dire o para restringir seu movimento a um ngulo de 45 graus m Clicar no ponto de controle Direction para redefinir a sombra seu tamanho ser id ntico ao da forma original Desenho de objetos vetoriais 133 m Pressionar as teclas Control e Command e clicar no ponto de controle Direction para redefinir apenas o eixo x m Clicar duas vezes no ponto de controle Perspective Perspectiva para redefinir apenas a largura da sombra Para mais informa es sobre a altera o de propriedades de uma Auto Shape Forma autom tica consultar Altera o das propriedades de Auto Shapes Altera o das propriedades de Auto Shapes O painel Auto Shape Properties Propriedades de formas autom ticas fornece controle num rico preciso sobre as Auto Shapes Depois de inserir uma Auto Shape poss vel usar esse painel para alterar as propriedades dessa forma As propriedades espec ficas que um usu rio pode alterar variam de acordo com a Auto Shape selecionada Por exemplo se ele tiver inserido a forma Arrow Seta poder alterar sua largura altura espessura e outras caracter sticas Se tiver inserido a forma Star Estrela poder alterar seu n mero de pontos raio e outras caracter sticas O us
430. manter a capacidade de ajustar desativar ou remover esse filtro aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op o D com marcador desta etapa Para mais informa es consultar Cap tulo 8 Uso de O Live Filters na p gina 223 Uso do recurso Sharpen para agu ar uma imagem O recurso Sharpen Agu ar corrige imagens emba adas O Fireworks possui tr s op es de agu amento Sharpen Agu ar ajusta o foco de uma imagem emba ada aumentando o contraste dos pixels adjacentes Sharpen More Agu amento maior aumenta o contraste dos pixels adjacentes aproximadamente tr s vezes mais do que Sharpen Agu ar Unsharp Mask Desfocar m scara agu a uma imagem ajustando o contraste das bordas dos pixels Essa op o oferece o maior controle portanto normalmente a melhor op o para agu ar uma imagem Original ap s o agu amento Emba amento e agu amento de bitmaps 123 Para agu ar uma imagem usando uma op o de agu amento 1 Selecionar a imagem 2 Seguir um destes procedimentos para selecionar uma op o de agu amento No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Sharpen Agu ar gt Sharpen ou Sharpen More Agu amento maior no menu pop up Filters Filtros Selecionar Filters gt Sharpen gt Sharpen ou Sharpen More Ov vANaIsgo A aplica o
431. mas fontes ausentes a caixa de di logo Missing Fonts Fontes ausentes conter as fontes selecionadas 186 Cap tulo 6 Utiliza o de texto Verifica o da ortografia Para verificar a ortografia de blocos de texto espec ficos ou de todo o texto em um documento usar o comando Check Spelling Verificar a ortografia no menu Text Texto Para verificar a ortografia do texto 1 Selecionar um ou mais blocos de texto Se nenhum bloco de texto estiver selecionado o Fireworks verificar a corre o ortogr fica no documento inteiro Selecionar Text Texto gt Check Spelling Verificar a ortografia Caso o usu rio n o tenha verificado a ortografia no Fireworks antes aparecer uma caixa de di logo solicitando a sele o de um dicion rio necess rio clicar em OK para fechar a caixa de di logo Em seguida selecionar um idioma na lista Dictionary Dicion rio e clicar em OK Se o usu rio n o selecionar um idioma o Fireworks solicitar a sele o de um dicion rio sempre que a ortografia de um documento for verificada A op o Macromedia tlx est sempre selecionada no topo da lista de dicion rios Para mais informa es sobre esta op o consultar Personaliza o da verifica o ortogr fica na p gina 188 OY VA YASgO A caixa de di logo Check Spelling Verificar a ortografia aberta Para cada palavra encontrada selecionar a op o apropriada Add to Personal
432. mb m poss vel editar Auto Shapes Formas autom ticas usando seus m todos de edi o predefinidos A op o Commands Comandos do menu Modify Modificar lhe oferece mais op es para editar objetos inclusive combinando objetos para criar um nico objeto criando um objeto a partir do ponto de interse o de v rios objetos e expandindo o tra o de um objeto Al m disso o usu rio pode importar gr ficos e manipul los usando esses comandos Este cap tulo cont m os seguintes t picos Desenho de objetos vetoriais ss sas a mae md i nenna aiaa nea RAE e i 128 Edksgdetacad S cosparssaadebrr a de eea rd da DAS La dd eia 152 127 Desenho de objetos vetoriais O Fireworks possui v rias ferramentas para desenhar objetos vetoriais Com elas poss vel desenhar formas b sicas tra ados livres e formas complexas plotando pontos um a um Tamb m poss vel desenhar Auto Shapes Formas autom ticas que s o grupos de objetos vetoriais com controles especiais para ajustar seus atributos Desenho de linhas b sicas ret ngulos e elipses poss vel usar a ferramenta Line Linha Rectangle Ret ngulo ou Ellipse Elipse para desenhar formas b sicas rapidamente A ferramenta Rectangle 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 Subselection Selecionar secund rio Para desenhar um ret ngulo
433. mente ocultam alguns arquivos e pastas por padr o 0 Verificar se as op es de Folder View Modo de exibi o de pasta est o configuradas u para exibir todos os arquivos e pastas Em alguns sistemas talvez seja necess rio clicar em Show Files Mostrar arquivos quando o usu rio localizar a pasta para ver o QO D go conte do Para mais informa es sobre a exibi o de todos os arquivos e pastas O consultar a Ajuda do Windows Sobre os arquivos de configura o do usu rio Os arquivos de configura o do usu rio do Fireworks s o armazenados na pasta Macromedia Fireworks 8 dentro da pasta Application Data Windows ou Application Support Macintosh espec fica do usu rio O local dessa pasta depende do sistema operacional usado e do tipo do sistema que pode ser multiusu rio ou de um nico usu rio Para informa es sobre a localiza o dessa pasta consultar a documenta o do sistema operacional 9 Os nomes de algumas pastas de sistema podem variar nos sistemas traduzidos e 0 personalizados m P lt D gt QO D o Sobre os arquivos de configura o principal que afetam todos os usu rios Os arquivos de configura o principal que afetam todos os usu rios ficam na pasta de aplicativo do Fireworks isto no local do disco r gido em que o usu rio instalou o Fireworks 9 Diversos arquivos de configura o ficam armazenados nas subpastas dentro da pasta
434. mento O Fireworks empilha as camadas com base na ordem em que foram criadas inserindo a ltima camada criada no topo da pilha A ordem de33 empilhamento determina a forma como os objetos de uma camada se sobrep em aos objetos de outra A ordem das camadas e dos objetos pode ser reorganizada em camadas O painel Layers exibe o estado atual de todas as camadas da moldura atual de um documento Para exibir outras molduras poss vel usar o painel Frames Molduras ou selecionar uma op o no menu pop up Frame na parte inferior do painel Layers Para mais informa es consultar Trabalho com molduras na p gina 365 O nome da camada ativa real ado no painel Layers poss vel expandir uma camada para exibir uma lista de todos os seus objetos Os objetos s o exibidos como miniaturas O painel Layers tamb m mostra m scaras Selecionar a miniatura da m scara permite edit la O painel Layers tamb m oferece a possibilidade de criar novas m scaras de bitmap Para mais informa es sobre m scaras consultar Mascaramento de imagens na p gina 244 236 Cap tulo 9 Camadas mascaramento e mistura Os controles do modo de mistura e opacidade se encontram na parte superior do painel Layers Para mais informa es consultar Ajuste da opacidade e aplica o de misturas na p gina 271 Expand Collapse Layer Expandir recolher camada Show Hide Layer Mostrar ocultar camada Lock Unlock Layer Bloquear desbloquear c
435. mento atual ou para aplicar a objetos selecionados O painel Swatches Exemplos de cores gerencia a paleta de cores do documento atual O painel Info fornece informa es sobre as dimens es do objeto selecionado e as coordenadas exatas do ponteiro quando movido pela tela 38 Cap tulo 2 Conceitos b sicos do Fireworks O painel Behaviors gerencia comportamentos que determinam o que os pontos ativos e as fatias fazem em resposta ao movimento do mouse O painel Find permite pesquisar e substituir elementos como texto URLs fontes e cores em um ou v rios documentos O painel Align cont m controles para alinhar e distribuir objetos na tela Organiza o de pain is e grupos de pain is Por padr o os pain is do Fireworks s o encaixados em grupos na rea de encaixe no lado direito da rea de trabalho poss vel desencaixar grupos de pain is adicionar pain is a um grupo desencaixar pain is individuais reorganizar a ordem dos grupos de pain is encaixados al m de recolher e fechar grupos de pain is Tamb m poss vel abrir e fechar pain is individuais Para desencaixar ou mover um grupo de pain is m Arrastar o grampo do painel no canto superior esquerdo para longe da rea de encaixe do painel no lado direito da tela Para encaixar um grupo de pain is m Arrastar o grampo do painel na dire o da rea de encaixe medida que um painel ou um grupo de pain is arrastado pela rea de encaixe de pain
436. mento imprevis vel Para criar um acionador para um efeito de rollover com o uso de um ponto ativo no topo de uma fatia 1 Inserir uma fatia sobre a imagem que se deseja trocar 2 Criar uma nova moldura no painel Frames Molduras e inserir uma imagem que ser usada como a imagem de troca Certificar se de coloc la debaixo da fatia inserida na etapa 1 3 Arrastar e soltar uma linha de comportamento do ponto ativo at a fatia que cont m a imagem que se deseja trocar A caixa de di logo Swap Image Trocar imagem se abre 4 Selecionar a moldura que suporta a imagem de rollover na lista Swap Image From Trocar imagem de e clicar em OK Trabalho com pontos ativos e mapas de imagem 327 328 Cap tulo 11 Fatias rollovers e pontos ativos CAP TULO 12 Cria o de bot es e menus Pop up No Macromedia Fireworks 8 poss vel criar uma s rie de bot es em JavaScript e menus pop up em CSS ou JavaScript mesmo sem conhecer esses c digos O Fireworks Button Editor Editor de bot o do Fireworks orienta o usu rio durante o processo de cria o de bot es automatizando v rias tarefas O resultado um s mbolo de bot o apropriado Depois de criar um s mbolo de bot o poss vel produzir facilmente ocorr ncias do s mbolo para elaborar uma barra de navega o O Fireworks tamb m tem um Pop up Menu Editor Editor de menu pop up que permite criar com rapidez e facilidade menus pop up verticais ou
437. menu pop up Insert New Auto Shape Inserir nova forma autom tica na parte inferior do painel A nova forma aparece no canto superior esquerdo do documento Ajuste de Auto Shapes de seta As setas t m cinco pontos de controle H pontos de controle para ajustar a abertura da ponta da seta o comprimento da cauda o comprimento da extremidade da ponta e a largura da cauda Para ajustar a abertura de uma ponta de seta m Arrastar o ponto de controle de abertura de uma seta selecionada Para aumentar ou diminuir a agudeza da ponta de uma seta m Arrastar o ponto de controle da ponta de uma seta selecionada Para alongar ou diminuir a cauda de uma seta m Arrastar o ponto de controle do comprimento da cauda de uma seta selecionada Para ajustar a largura da cauda de uma seta m Arrastar o ponto de controle da largura da cauda de uma seta selecionada Ajuste de Auto Shapes de seta dobrada As setas dobradas t m cinco pontos de controle H pontos de controle para ajustar a abertura da ponta da seta o comprimento da extremidade da ponta o comprimento da cauda a largura da cauda e o arredondamento da dobra da seta Para ajustar a abertura da ponta de uma seta dobrada m Arrastar o ponto de controle da ponta de uma seta dobrada selecionada Para aumentar ou diminuir a agudeza da ponta de uma seta dobrada m Arrastar o ponto de controle da ponta de uma seta dobrada selecionada Para alongar ou diminuir a cauda de uma set
438. mero de pixels que s o enevoados de cada lado da borda da sele o 98 Cap tulo 4 Trabalho com bitmaps Retoque de um bitmap O Fireworks cont m diversas ferramentas que ajudam a retocar imagens H v rias op es sua escolha alterar o tamanho de uma imagem reduzir ou agu ar seu foco ou copiar e carimbar uma parte dela em outra rea 8 A ferramenta Rubber Stamp Carimbo permite copiar ou clonar uma rea de uma imagem em outra A ferramenta Blur Emba ar reduz o foco das reas selecionadas em uma imagem A ferramenta Smudge Mancha absorve uma cor e a distribui na dire o em que arrastada em uma imagem e e A ferramenta Sharpen Agu ar aumenta o contraste das reas de uma imagem A ferramenta Dodge Clarear clareia partes de uma imagem a E EE A ferramenta Burn Escurecer escurece partes de uma imagem A ferramenta Red eye Removal Remo o de olhos vermelhos reduz o efeito de olhos vermelhos em fotografias A A ferramenta Replace Color Substituir cor substitui uma cor por outra diferente A Clonagem de pixels A ferramenta Rubber Stamp Carimbo clona a rea de uma imagem bitmap de modo que seja poss vel carimb la em outra parte da imagem Clonar pixels til para corrigir fotos arranhadas ou remover poeira de uma imagem poss vel copiar uma rea de pixels de uma foto e substituir o ponto arranhado ou empoeirado por uma rea clonada Para cl
439. miniatura da m scara for selecionada o cone da m scara aparecer ao lado dela no painel Layers e suas propriedades ser o exibidas no Property inspector Inspetor de propriedades onde poder o ser alteradas se desejado Normal Ds E web Layer a 8 PBilyet a e Rectangle E Frame 1 Em a Y Properties PN Vector Mask Mask 3 Path outline CI show fill and stroke H 100 v k d O Grayscale appearance SED O w 99 xjo Ms iv 2 e ulnone Hilso Y o Edge Anti Aias vo Edge o A Para selecionar uma m scara m Clicar na miniatura da m scara no painel Layers Quando uma miniatura de m scara est selecionada o painel Layers exibe um realce amarelo ao seu redor Para selecionar objetos com m scara m No painel Layers clicar na miniatura do objeto com m scara Quando a miniatura de um objeto com m scara est selecionada o painel Layers exibe um realce azul ao seu redor Mascaramento de imagens 259 Sele o de m scara e objeto com m scara com o uso da ferramenta Subselection Com a ferramenta Subselection Selecionar secund rio poss vel selecionar m scaras individuais e objetos com m scara na tela sem selecionar os outros componentes da m scara Quando uma m scara ou um objeto com m scara for selecionado com a ferramenta Subselection Selecionar secund rio o Property inspector Inspetor de propriedades mostrar as propriedades do objeto
440. mite controlar o tamanho geral de objetos com tra os e criar efeitos como tra os nas bordas de bot es chanfrados Tra o centralizado tra o interno e tra o externo O menu pop up Stroke Tra o da janela Stroke Options Op es de tra o oferece a op o de reorientar os tra os de pincel Para mover um tra o de pincel dentro ou fora do tra ado selecionado 1 Clicar na caixa Stroke Color Cor do tra o no painel Tools Ferramentas ou no Property inspector Inspetor de propriedades para abrir a janela pop up da caixa de cor 2 Selecionar uma op o no menu pop up Location of Stroke Relative to Path Localiza o do tra o em rela o ao tra ado Inside Dentro Centered Centralizado ou Outside Fora 3 Como alternativa selecionar a op o Fill over Stroke Preencher sobre tra o Trabalho com tra os 209 Normalmente o tra o sobrep e o preenchimento A sele o de Fill over Stroke Preencher sobre tra o desenha o preenchimento sobre o tra o Se o usu rio selecionar essa op o para um objeto com um preenchimento opaco qualquer parte do tra o inclu da no tra ado ser obscurecida Um preenchimento com um grau de transpar ncia pode ser tingido ou misturado com tra os do pincel dentro do tra ado Cria o de estilos de tra o poss vel 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 est
441. mo arquivos PNG JPEG e GIF aparecem como op es nos menus pop up do Property inspector Para mais informa es sobre texturas e padr es consultar Adi o de textura a um preenchimento na p gina 220 Prefer ncias de importa o do Photoshop As prefer ncias da guia Import Importar permitem gerenciar a convers o de arquivos do Photoshop m poss vel converter camadas em objetos ou novas molduras poss vel selecionar entre editar o texto importado ou manter sua apar ncia m poss vel importar um arquivo do Photoshop como objeto de bitmap plano Para mais informa es sobre as prefer ncias de importa o consultar Trabalho com o Adobe Photoshop na p gina 483 Restaura o de prefer ncias poss vel restaurar as configura es originais de prefer ncias excluindo o arquivo de prefer ncias Na primeira vez em que o Fireworks for iniciado depois que o arquivo de prefer ncias for exclu do ser criado um novo arquivo restaurando a configura o original Para restaurar as prefer ncias padr o 1 Sair do Fireworks 2 Localizar o arquivo Fireworks 8 Preferences no disco r gido e exclu lo O local exato desse arquivo varia conforme o sistema Para mais informa es consultar Localiza o dos arquivos de prefer ncias do Fireworks na p gina 528 3 Reiniciar o Fireworks Configura o de prefer ncias 523 Altera o de conjuntos de atalhos de teclado O Firework
442. modos individuais O desagrupamento dos objetos restaura o modo de mistura de cada objeto Os modos de mistura de camadas n o funcionam com documentos de s mbolos Ov vAaHaIsgo O modo de mistura cont m os seguintes elementos Blend color Cor de mistura a cor qual se aplica o modo de mistura Opacity Opacidade o grau de transpar ncia ao qual se aplica o modo de mistura Base color Cor base a cor dos pixels sob a cor de mistura Result color Cor resultante o resultado do efeito do modo de mistura sobre a cor base Eis alguns dos modos de mistura do Fireworks Normal Normal n o aplica nenhum modo de mistura Multiply Multiplicar multiplica a cor base pela cor de mistura resultando em cores mais escuras Screen Tela multiplica o inverso da cor de mistura pela cor base resultando em um efeito alvejante Darken Escurecimento seleciona a cor de mistura e a cor base mais escuras para usar como cor resultante Esse procedimento substitui apenas os pixels que s o mais claros do que a cor de mistura 268 Cap tulo 9 Camadas mascaramento e mistura Lighten Clareamento seleciona a cor de mistura e a cor base mais claras para usar como cor resultante Esse procedimento substitui apenas os pixels que s o mais escuros do que a cor de mistura Difference Diferen a subtrai a cor de mistura da cor base ou a cor base da cor de mistura A cor com menos brilho subtra da da cor
443. molduras quadradas ou circulares manter a tecla Shift pressionada e arrastar a ferramenta Marquee ou Oval Marquee Se a caixa Live marquee Moldura ao vivo estiver desmarcada enquanto o usu rio estiver fazendo uma s rie de sele es esse recurso s afetar a ltima sele o da s rie Para desenhar uma moldura a partir de um ponto central cancelar a sele o de outras molduras ativas e em seguida manter a tecla Alt Windows ou Option Macintosh pressionada ao desenhar Para selecionar uma rea de pixels de forma livre 1 2 3 Selecionar a ferramenta Lasso La o Selecionar uma op o em Edge Borda no Property Inspector Inspetor de propriedades Para mais informa es consultar Op es de ferramentas de sele o de bitmap na p gina 64 Arrastar o ponteiro em torno dos pixels que deseja selecionar Plotagem de um ponto para criar uma sele o de moldura A ferramenta Polygon Lasso La o pol gono permite selecionar pixels espec ficos em uma imagem bitmap clicando v rias vezes em torno do per metro da rea de pixels a ser selecionada Para selecionar uma rea de pixels poligonal 1 2 Selecionar a ferramenta Polygon Lasso La o pol gono Selecionar uma op o em Edge Borda no Property inspector Inspetor de propriedades Para mais informa es consultar Op es de ferramentas de sele o de bitmap na p gina 64 Clicar para plotar pontos em volta do per met
444. mota Undo Check Out s ativado no Fireworks se a op o Enable File Check In and Check Out Ativar entrega e retirada de arquivo estiver ativada no Dreamweaver para o site no qual o documento se encontra S Os comandos de File Management Gerenciamento de arquivo s estar o ativos no 0 Fireworks se o documento residir em uma pasta de site do Studio 8 com um servidor n remoto definido Os comandos de File Management do Fireworks s podem ser usados s com arquivos que residam em sites que utilizem os m todos de transporte Local Rede e 2 FTP Os arquivos em sites que usam FTP ou m todos de transfer ncia de terceiros O como o SourceSafe WebDAV e RDS n o podem ser transferidos do ou para o servidor remoto a partir do Fireworks Para mais informa es sobre o menu File Management consultar Cap tulo 15 Trabalho com o Macromedia Dreamweaver na p gina 436 Uso do bot o File Management 433 434 Cap tulo 14 Otimiza o e exporta o CAP TULO 15 Uso do Fireworks com outros aplicativos O Macromedia Fireworks 8 um componente essencial da caixa de ferramentas de qualquer designer esteja ele criando conte do multim dia ou para a Web O Fireworks funciona bem com outros aplicativos oferecendo v rios recursos de integra o que simplificam o processo de design E poss vel exportar gr ficos do Fireworks para v rios aplicativos inclusive para outros produtos da Macromed
445. mover 2 Clicar em OK para remover o comportamento de imagem de troca Transforma o de fatias em objetos interativos 309 Uso do painel Behaviors para adicionar interatividade a fatias Al m de rollovers poss vel acrescentar outros tipos de interatividade a fatias com o uso do painel Behaviors Comportamentos poss vel criar intera es personalizadas atrav s da edi o de comportamentos existentes S Embora seja poss vel criar rollovers simples desmembrados e complexos com o painel w Behaviors Comportamentos recomenda se o m todo de rollover arrastar e soltar n Para mais informa es consultar Adi o de interatividade simples a fatias E na p gina 304 QO gt o Os seguintes comportamentos est o dispon veis no Fireworks Simple Rollover Rollover simples adiciona um comportamento de rollover fatia selecionada usando a Frame 1 Moldura 1 como Up state estado Acima e a Frame 2 Moldura 2 como Over state estado Sobre Ap s a sele o desse comportamento necess rio criar uma imagem na segunda moldura na mesma fatia para criar o estado Sobre A op o Simple Rollover Rollover simples na verdade um grupo de comportamentos que cont m os comportamentos Swap Image Trocar imagem e Swap Image Restore Restaurar imagem trocada Swap Image Trocar imagem substitui a imagem na fatia especificada pelo conte do de outra moldura ou o conte do de um ar
446. mweaver 457 Undo Check Out Desfazer retirada desfaz a retirada do arquivo local e o devolve substituindo o arquivo local pela c pia remota Essa op o s estar ativa no Fireworks se a op o Enable File Check In and Check Out estiver ativa no Dreamweaver para o site no qual o documento reside Os comandos de File Management Gerenciamento de arquivo s estar o ativos no Fireworks se o documento residir em uma pasta de site do Dreamweaver com um servidor remoto definido O usu rio s poder usar os comandos de File Management do Fireworks com arquivos que residam em sites que utilizem os m todos de transporte Local Network Local rede e FTP Ele n o poder transferir arquivos entre os sites que utilizem FTP ou m todos de transfer ncia de terceiros como SourceSafe WebDAV e RDS e o servidor remoto no Fireworks go Ov vAadas Trabalho com o Macromedia Flash O Fireworks integra se bem ao Macromedia Flash O usu rio pode com facilidade importar copiar e colar ou exportar vetores bitmaps anima es e gr ficos de bot es com v rios estados do Fireworks para usar no Flash A funcionalidade de inicializa o e edi o tamb m torna f cil editar gr ficos do Fireworks no Flash 9 Os comportamentos de bot es e outros tipos de interatividade do Fireworks n o s o q importados para o Flash pe S O estilo HTML do Flash n o suporta o c digo de menus pop up O D o Co
447. na 377 32 Cap tulo 2 Conceitos b sicos do Fireworks Ambiente de trabalho do Fireworks Quando um documento aberto no Fireworks pela primeira vez o aplicativo ativa o ambiente de trabalho inclusive o painel Tools Ferramentas o Property inspector Inspetor de propriedades os menus e outros pain is O painel Tools Ferramentas no lado esquerdo da tela cont m categorias rotuladas inclusive grupos de bitmaps vetores e ferramentas da Web Por padr o o Property inspector aparece na parte inferior do documento e exibe inicialmente as propriedades do documento Em seguida ele alterado para exibir as propriedades de uma ferramenta ou de um objeto selecionado recentemente durante o trabalho no documento Inicialmente os pain is s o encaixados em grupos no lado direito da tela A janela do documento aparece no centro do aplicativo amp Macromedia Fireworks 8 Untitled 1 png 100 File Edt View Select Modify Text Commands Fiters Window Help Untitled 1 png w Layers 4 Original El Preview 2 Up EB4 Up El 100 Normal Bs weblayer Es 660x440 100 E P Frames dh Document Canvas canvas Size ImageSize __Fit Canvas Untitled 1 MH GIF Adaptive 256 x Uso da p gina inicial Quando o Fireworks iniciado sem um documento aberto a p gina inicial do aplicativo aparece no ambiente de trabalho A p gina inicial permite acesso r pido aos tutoriais do Fireworks
448. na fatia e selecionar Export Selected Slice Exportar fatia selecionada Selecionar um local no qual armazenar os arquivos exportados Normalmente o melhor local uma pasta dentro do site local da Web Digitar um nome de arquivo N o necess rio digitar uma extens o o Fireworks faz isso automaticamente Ao exportar v rias fatias o Fireworks usa o nome digitado como o nome raiz de todos os gr ficos exportados exceto daqueles cujos nomes tenham sido personalizados atrav s do painel Layers Camadas ou do Property inspector Inspetor de propriedades Selecionar Export Slices Exportar fatias no menu pop up Slices Fatias Para exportar somente as fatias selecionadas antes da exporta o selecionar Selected Slices Only Apenas fatias selecionadas e certificar se de que a op o Include Areas Without Slices Incluir reas sem fatias n o esteja selecionada Clicar em Export Exporta o do Fireworks 411 Cada fatia ser exportada com suas configura es de otimiza o tal como definidas no painel Optimize Otimizar Para mais informa es sobre otimiza o consultar Sobre otimiza o na p gina 378 Atualiza o de uma fatia Se j tiver exportado um documento fatiado e feito altera es no documento original no Fireworks ap s a exporta o o usu rio poder atualizar somente a imagem ou fatia alterada sem ter de exportar e fazer o upload de toda a imagem fatiada Recomenda se dar nomes
449. ndentes Ao exportar o Fireworks produz apenas mapas de imagens do lado do cliente go OY VA XAS Como uma alternativa exporta o poss vel copiar o mapa de imagem na rea de transfer ncia e col lo no Dreamweaver ou em outro editor de HTML Para exportar um mapa de imagem ou copi lo para a rea de transfer ncia 1 Otimizar o gr fico para prepar lo para a exporta o Para mais informa es consultar Sobre otimiza o na p gina 378 2 Selecionar File Arquivo gt Export Exportar 3 Sea imagem for exportada em vez de copi la para a rea de transfer ncia navegar at a pasta em que se deseja colocar o arquivo HTML e nome lo Se j houver uma estrutura de arquivos local constru da para o site da Web ser poss vel salvar o gr fico na pasta apropriada do site a partir daqui 4 No menu pop up Save as Type Salvar como tipo selecionar HTML and Images HTML e imagens 324 Cap tulo 11 Fatias rollovers e pontos ativos 5 Selecionar uma op o no menu pop up HTML Export HTML File Exportar arquivo HTML gera o arquivo HTML solicitado e os arquivos gr ficos correspondentes que posteriormente poder o ser importados no Dreamweaver ou em outro editor de HTML Copy to Clipboard Copiar para a rea de transfer ncia copia todo o HTML necess rio inclusive uma tabela se o documento estiver fatiado para a rea de transfer ncia para que mais tarde seja poss v
450. ndo a forma de um outro tra ado O tra ado da frente ou o mais superior define a forma da rea cortada O U Para cortar um tra ado selecionado 1 Selecionar o objeto de tra ado que define a rea a ser cortada 2 Selecionar Modify Modificar gt Arrange Organizar gt Bring to Front Trazer para frente 3 Manter a tecla Shift pressionada e adicionar sele o o objeto de tra ado a ser cortado 4 Selecionar Modify gt Combine Paths Combinar tra ados gt Crop Cortar Edi o de tra ados 159 O objeto de tra ado resultante ret m os atributos de tra o e preenchimento do objeto que est colocado mais atr s Simplifica o de um tra ado poss vel remover pontos de um tra ado e manter a mesma forma geral O comando Simplify Simplificar remove os pontos redundantes do tra ado de acordo com uma quantidade especificada Conv m usar o comando Simplify se houver uma linha reta com mais de dois pontos por exemplo S o necess rios apenas dois pontos para produzir uma linha reta Ou talvez o tra ado contenha pontos que est o exatamente um em cima do outro O comando Simplify remove os pontos desnecess rios para reproduzir o tra ado feito Para simplificar um tra ado selecionado 1 Selecionar Modify Modificar gt Alter Path Alterar tra ado gt Simplify Simplificar A caixa de di logo Simplify Simplificar exibida 2 Digitar uma quantidade de simplifica o e clicar em OK C
451. nfigura es o Ee Cada janela de visualiza o pode exibir uma visualiza o do gr fico com configura es de exporta o diferentes Quando o usu rio aplica zoom ou enquadra com v rias exibi es abertas todas as exibi es se ampliam reduzem e se enquadram simultaneamente Ov vAaNaIsgo 5 Clicar em Export Exportar ao concluir a altera o das configura es 6 Na caixa de di logo Export digitar um nome para o arquivo selecionar um destino definir outras op es desejadas e clicar em Save Salvar Para mais informa es sobre as op es da caixa de di logo Export consultar Exporta o do Fireworks na p gina 408 Uso do Export Wizard 381 Para definir as configura es de otimiza o usando Image Preview Clicar na guia Options Em sua maioria as op es dispon veis aqui s o semelhantes s do painel Optimize Otimizar Para mais informa es sobre essas op es consultar Uso das configura es de otimiza o na p gina 385 2 Clicar no bot o Optimize to Size Wizard Assistente de Otimizar para o tamanho para otimizar um gr fico com base em um tamanho de arquivo de destino Digitar um tamanho de arquivo em kilobytes e clicar em OK O Optimize to Size Wizard tenta ajustar o tamanho do arquivo solicitado usando os seguintes m todos Ajuste da qualidade do JPEG Modifica o da suaviza o do JPEG Altera o do n mero de cores em imagens
452. nha sido selecionado o Usando a tecnologia do Fireworks o Dreamweaver fornece os recursos b sicos de edi o de imagem que permitem modificar imagens sem usar um aplicativo externo de edi o de imagem poss vel cortar redimensionar criar uma nova amostra e executar outras a es sem sair do Dreamweaver Os recursos de edi o de imagem do Dreamweaver s s o aplicados aos formatos de arquivo de imagem JPEG e GIF N o poss vel editar outros formatos de arquivo de imagem bitmap usando esses recursos de edi o de imagem Para mais informa es sobre edi o de imagens no Dreamweaver consultar a Ajuda do aplicativo Ov vasasa Quando uma imagem aberta no painel Dreamweaver Site Site do Dreamweaver o editor padr o desse tipo de imagem definido em Dreamweaver Preferences Prefer ncias do Dreamweaver abre o arquivo Quando uma imagem aberta nesse local o Fireworks n o abre o arquivo PNG original Para usar os recursos de integra o do Fireworks necess rio abrir as imagens na janela do documento do Dreamweaver OY VAYASgO 448 Cap tulo 15 Uso do Fireworks com outros aplicativos Edi o de tabelas do Fireworks Quando o usu rio abre e edita uma fatia de uma imagem que faz parte de uma tabela do Fireworks o Dreamweaver abre automaticamente o arquivo PNG de origem da tabela inteira Antes de editar tabelas do Fireworks no Dreamweaver necess rio executar algumas t
453. nimados 22 375 gr ficos criados em outros aplicativos 21 v rias exibi es de documento 46 v rios arquivos como anima es 376 Add Filters Adicionar filtros menu pop up 224 Add Noise Adicionar ru do filtro 126 Add Preview Icons Adicionar cones de visualiza o prefer ncia 520 adicionar estilos 276 molduras 367 Adobe GoLive 429 agrupar objetos 87 agu ar 123 reas bitmap 99 imagens 100 Ajuda da Macromedia 12 Ajuda do Fireworks 12 ajustar faixa tonal usando o conta gotas 113 matiz ou satura o 116 al as de ponto 146 exibir 149 al as transformar 81 alfa converter imagens em 123 Align Alinhar painel 39 alinhar objetos 89 ambiente de trabalho 33 anima o 360 abrir 375 adicionar molduras 367 ativar e desativar molduras 366 ciclo 373 compartilhar camadas atrav s de molduras 368 configurar retardo de moldura 366 criar a partir de v rios arquivos 376 desativar compartilhamento de camadas 369 dimensionar 363 editar 453 editar v rias molduras 371 excluir molduras 368 executar 372 exibi o personalizada de molduras 371 exibir molduras atual e adjacente 371 exibir todas as molduras 371 exibir v rias molduras 370 exportar 375 gerenciar molduras 365 inserir molduras 367 molduras 363 mover objetos para outra moldura 368 movimento 363 nomear molduras 367 onion skinning 370 opacidade 363 otimizar 374 propriedades 362 remover 364 reordenar molduras 368 rota o 363 transpar
454. no Exporta o do Fireworks 417 Exporta o de HTML do Fireworks O Fireworks permite a exporta o de HTML nos formatos Generic Gen rico Dreamweaver FrontPage e Adobe GoLive O HTML gen rico funciona com a maioria dos editores de HTML A exporta o de HTML do Fireworks gera um arquivo HTML e arquivos de imagem associados em um local especificado O Fireworks tamb m exporta HTML ao exportar para camadas CSS e para o Macromedia Director Para mais informa es sobre camadas CSS consultar Exporta o de uma camada CSS na p gina 424 Para mais informa es sobre o Director consultar Trabalho com o Macromedia Director MX na p gina 474 Ov vANIsgo O m todo de exporta o de HTML do Fireworks para outros aplicativos ideal ao se trabalhar em um ambiente de equipe de trabalho A exporta o de um arquivo HTML segmenta o fluxo de trabalho permitindo que uma pessoa execute uma tarefa em um aplicativo e outra possa continuar posteriormente usando outro aplicativo poss vel configurar prefer ncias globais de exporta o de HTML com o uso da caixa de di logo HT ML Setup Configura o do HTML Para mais informa es consultar Configura o de op es de exporta o de HTML na p gina 427 O Macromedia Dreamweaver compartilha uma integra o estreita com o Fireworks O Fireworks cuida da exporta o de HTML para o Dreamweaver de maneira diferente da empregada em exporta
455. ns Clicar na caixa Stroke Color Cor do tra o no painel Tools Ferramentas ou no Property inspector e clicar no bot o Transparent Transparente 206 Cap tulo 7 Aplica o de cor tra os e preenchimentos Cria o de tra os personalizados poss vel usar a caixa de di logo Edit Stroke Editar tra o para alterar caracter sticas espec ficas do tra o Edit Stroke pn Options Shape Sensitivity Ink amount POMES Iv Spacing Flow rate 4 Build up Texture 0 v Edge texture 0 v Edge effect Tps Tip spacing Variation Dash f Ce les A caixa de di logo Edit Stroke tem tr s guias Options Op es Shape Forma e Sensitivity Sensibilidade A visualiza o do tra o na parte inferior de cada guia mostra o pincel atual com as configura es atuais As configura es atuais de sensibilidade press o e velocidade se refletem na visualiza o como um tra o que estreita ou desaparece ou muda da esquerda para a direita Para abrir a caixa de di logo Edit Stroke Editar tra o 1 Seguir um destes procedimentos para abrir a janela pop up Stroke Options Op es de tra o m Selecionar Stroke Options no menu pop up Stroke Options do Property inspector Inspetor de propriedades Trabalho com tra os 207 2 Selecionar Stroke Options na janela pop up da caixa Stroke Color Cor do tra o no painel Tools Ferramentas Clicar em Adv
456. nta Blur Emba ar ou Sharpen Agu ar 100 Cap tulo 4 Trabalho com bitmaps Definir as op es de pincel no Property inspector Inspetor de propriedades Size Tamanho define o tamanho da ponta do pincel Edge Borda especifica a suavidade da ponta do pincel Shape Forma define uma forma quadrada ou redonda para a ponta do pincel Intensity Intensidade define a quantidade de emba amento ou agu amento Arrastar a ferramenta sobre os pixels a serem agu ados ou emba ados Manter a tecla Alt Windows ou Option Macintosh pressionada para passar de um comportamento de ferramenta para outro v la Para manchar as cores de uma imagem 1 2 3 Selecionar a ferramenta Smudge Mancha Definir as op es da ferramenta no Property inspector Inspetor de propriedades Size Tamanho especifica o tamanho da ponta do pincel Shape Forma define uma forma quadrada ou redonda para a ponta do pincel Edge Borda especifica a suavidade da ponta do pincel Pressure Press o define a intensidade do tra o Smudge Color Cor da mancha permite manchar com uma cor especificada no in cio de cada tra o Se essa op o n o estiver selecionada a ferramenta usar a cor sob o ponteiro da ferramenta Use Entire Document Usar documento inteiro mancha usando os dados das cores de todos os objetos em todas as camadas Se essa op o n o estiver selecionada a ferramenta Smudge usar a cor apena
457. ntada por uma linha de comportamento azul Cria o de um rollover simples Um rollover simples troca a moldura diretamente abaixo da moldura superior e envolve apenas uma fatia Para anexar um rollover simples a uma fatia 1 Verificar se o objeto acionador n o est em uma camada compartilhada Para mais informa es consultar Compartilhamento de uma camada na p gina 242 2 Selecionar Edit Editar gt Insert Inserir gt Slice Fatia para criar uma fatia acima do objeto acionador 3 Criar uma nova moldura no painel Frames Molduras clicando no bot o New Duplicate Frame Moldura nova duplicada Transforma o de fatias em objetos interativos 305 4 Criar colar ou importar uma imagem a ser usada como imagem de troca na nova moldura Posicionar a imagem abaixo da fatia criada na etapa 2 Essa fatia ainda estar vis vel embora j tenha sido atingida a etapa 2 As fatias permanecem vis veis em todas as molduras 5 No painel Frames Molduras selecionar Frame 1 Moldura 1 para retornar moldura com a imagem original 6 Selecionar a fatia e colocar o ponteiro sobre a al a de comportamento O ponteiro passar a ter o formato de m o poss vel selecionar a fatia estando em qualquer moldura OY VA YASgO 7 Clicar na al a de comportamento e selecionar Simple Rollover Rollover simples no menu 8 Clicar na guia Preview Visualiza o para exibir e
458. ntado na vertical lagunculam Texto horizontal esticado para preencher um bloco Os controles de alinhamento aparecem no Property inspector Inspetor de propriedades quando o texto real ado ou um bloco de texto selecionado Op es de alinhamento de texto no Property inspector Inspetor de propriedades Para definir o alinhamento de texto 1 Selecionar o texto 2 Clicar em um bot o de alinhamento no Property inspector Inspetor de propriedades Recuo do texto poss vel recuar a primeira linha de um par grafo usando o Property inspector O recuo medido em pixels Op o de recuo de par grafo no Property inspector Inspetor de propriedades Se o Property inspector Inspetor de propriedades estiver minimizado clicar na seta de expans o no canto inferior direito para ver todas as propriedades Para recuar a primeira linha de par grafos selecionados m No Property inspector arrastar o controle deslizante pop up Paragraph Indent Recuo do par grafo ou digitar um valor na caixa de texto 176 Cap tulo 6 Utiliza o de texto Configura o do espa amento de par grafo poss vel especificar o espa amento desejado antes e depois dos par grafos usando o Property inspector O espa amento de par grafo medido em pixels Op es de espa amento de par grafo no Property inspector Inspetor de propriedades Se o Property inspector Inspetor de propriedades estiver minimizado c
459. ntes Para unir automaticamente dois tra ados abertos 1 Selecionar um tra ado aberto 2 Selecionar a ferramenta Subselection Selecionar secund rio e arrastar um ponto final do tra ado para dentro de alguns pixels do ponto 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 Desenho de objetos vetoriais 151 Edi o de tra ados O Fireworks lhe oferece diversos m todos para edi o de objetos vetoriais poss vel alterar a forma de um objeto movendo adicionando ou excluindo pontos Tamb m poss vel mover as al as de ponto para alterar a forma de segmentos de tra ado adjacentes Ferramentas de forma livre permitem a altera o na forma dos objetos por meio da edi o direta dos tra ados Al m disso poss vel usar opera es de tra ado para criar novas formas pela combina o ou altera o de tra ados existentes Edi o com ferramentas vetoriais Al m de arrastar pontos e al as de ponto o usu rio pode usar diversas ferramentas do Fireworks para editar objetos vetoriais diretamente Dobra e mudan a de forma de objetos vetoriais A ferramenta Freeform Forma livre permite que o usu rio dobre e mude a forma de objetos vetoriais diretamente em vez de manipular os pontos poss vel empurrar ou puxar qualquer parte de um tra ado independentemente de onde os pontos estiverem localizados O Fireworks adiciona move ou excl
460. nto adicional a ele Por exemplo o usu rio 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 Ao abrir um GIF animado no Fireworks cria se um novo arquivo e coloca se cada moldura do GIF 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 Depois que o arquivo for importado ser necess rio definir seu formato como Animated GIF GIF animado para exportar o movimento a partir do Fireworks Trabalho com anima es existentes 375 Para importar um GIF animado 1 Selecionar File Arquivo gt Import Importar 2 Localizar o arquivo e clicar em Open Abrir 3 Clicar em Yes Sim para adicionar mais molduras anima o Clicando se em Cancel Cancelar somente a primeira moldura do GIF animado ser exibida Embora todo o documento seja importado ser necess rio adicionar mais molduras para visualiz lo Para abrir um GIF animado m Selecionar File Arquivo gt Open Abrir e localizar o arquivo GIF Uso de v rios arquivos como uma anima o O Fireworks pode criar uma anima o com base em um grupo de arquivos de imagem Por exemplo poss vel criar um an ncio em faixa com base em diversos gr ficos existentes abrindo cada gr fico e colocando o em uma moldura separada no mesmo documento Para abrir v rios arq
461. nto de zoom filtro 121 Zoom ferramenta 44 ndice remissivo 547 548 ndice remissivo
462. ntrole de qualidade do Fireworks Primeira edi o Agosto de 2005 Macromedia Inc 601 Townsend St San Francisco CA 94103 ndice Cap tulo 1 Introdu o sssannan nn nnnnnnnn nannan 7 Requisitos do sistema ccicac asa terei e tarir reda Dirai das a dE 7 Instala o do Fireworks cicciciicsicccc ese 8 Novidades do Fireworks 8 ciciiicis isa 9 Guia de m dia instrucional ccccciccsicccici sir 12 Cap tulo 2 Conceitos b sicos do Fireworks 15 Sobre o trabalho no Fireworks cciciiiiiccc cicero 16 Sobre gr ficos vetoriais e de bitmap ccccccccc cc 17 Cria o de um novo documento cccccciciiccic sc 19 Abertura e importa o de um arquivo cccciciciiciic 20 Salva de um arquivo no Fireworks cciciciiciics tcc 30 Ambiente de trabalho do Fireworks cciciiiciiicii 33 Cap tulo 3 Sele o e transforma o de um objeto 59 Sele o de um objeto cccccciic insere 59 Sele o d e um pixel aee gs ergue elmo Sopa upeina Bra Eae Aga A 0 Das je 64 Edi o de objetos selecionados cccciciiicictictis 19 Transforma o e distor o de objetos selecionados e sele es 81 Organiza o de objetos cciiiicciciii iss 86 Cap tulo 4 Trabalho com bitmaps cccccccc 91 Trabalho com bitmaps cccccciiciicis se 92 Cria o de objetos bitmap cccicccicic so 92 Acesso a ferramen
463. o Selecionar HTML and Images HTML e imagens no menu pop up Export Pon Digitar um nome de arquivo na caixa File Name Nome do arquivo no Windows ou Save As Salvar como no Macintosh No menu pop up HTML selecionar Export HT ML File Exportar arquivo HTML Selecionar Export Slices Exportar fatias no menu pop up Slices Fatias Opcional Selecionar Put Images in Subfolder Colocar imagens na subpasta o No ga Clicar em Export 410 Cap tulo 14 Otimiza o e exporta o Os arquivos exportados do Fireworks aparecem no disco r gido As imagens e um arquivo HTML s o gerados no local especificado na caixa de di logo Export Para mais informa es sobre as op es dispon veis na caixa de di logo Export ao selecionar HTML e Images HTML e imagens como tipo de arquivo consultar Exporta o de HTML do Fireworks na p gina 418 Exporta o de fatias selecionadas poss vel exportar fatias selecionadas em um documento do Fireworks Pressionar a tecla Shift e clicar para selecionar v rias fatias go OY VA XAS Para mais informa es sobre fatiamento consultar Cria o e edi o de fatias na p gina 294 Para exportar fatias selecionadas 1 Seguir um destes procedimentos m Selecionar File Arquivo gt Export Exportar m Para exportar uma fatia individual clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh
464. o poss vel trazer imagens do Photoshop para o Fireworks a fim de edit las e otimiz las para a Web sem perder a capacidade de exportar as imagens de volta para o Photoshop Coloca o de gr ficos do Photoshop no Fireworks poss vel arrastar gr ficos individuais do Photoshop ou importar um arquivo inteiro do Photoshop para o Fireworks Trabalho com o Adobe Photoshop 483 Arraste de gr ficos individuais do Photoshop para o Fireworks Para colocar gr ficos do Photoshop no Fireworks basta arrast los para o documento Para arrastar um gr fico do Photoshop para o Fireworks Arrastar o gr fico do Photoshop para um documento aberto no Fireworks Cada gr fico arrastado torna se um novo objeto bitmap Um texto tamb m importado como um objeto bitmap e se torna imposs vel edit lo como texto Para mais informa es consultar Sobre a importa o de texto do Photoshop na p gina 485 Importa o de arquivos do Photoshop para o Fireworks Quando um arquivo do Photoshop importado para o Fireworks ou aberto nesse aplicativo ele importado como um arquivo PNG com as prefer ncias de importa o especificadas Al m de preservar as camadas e o texto como especificado nas op es de importa o o Fireworks preserva e converte os seguintes recursos do Photoshop As m scaras de camadas s o convertidas em m scaras de objetos do Fireworks Os efeitos de camadas s o convertidos em Live Filters Filtro
465. o Fireworks no menu contextual O Dreamweaver inicia o Fireworks se ele ainda n o estiver aberto O arquivo PNG de origem da tabela inteira aparece na janela do documento Para mais informa es sobre arquivos PNG de origem do Fireworks consultar a Ajuda do Fireworks No Fireworks fazer as edi es desejadas O Dreamweaver reconhece e preserva todas as edi es aplicadas tabela no Fireworks 4 Quando terminar de editar a tabela clicar em Done Conclu do na janela do documento Trabalho com o Macromedia Dreamweaver 449 Os arquivos HTML e de fatias de imagem da tabela s o exportados usando as configura es atuais de otimiza o a tabela colocada no Dreamweaver atualizada e o arquivo PNG de origem salvo Sobre comportamentos do Dreamweaver Se um nico gr fico do Fireworks sem fatias for inserido em um documento do Dreamweaver e um comportamento do Dreamweaver for aplicado ser exibida uma fatia sobre esse gr fico quando ele for aberto e editado no Fireworks No in cio a fatia n o ser vis vel pois as fatias s o desativadas automaticamente quando um nico gr fico sem fatias ao qual s o aplicados comportamentos do Dreamweaver aberto e editado Para exibir a fatia ativar sua visibilidade na Web Layer Camada da Web no painel Layers Camadas Quando uma fatia com um comportamento do Dreamweaver for exibida no Fireworks a caixa de texto Link V nculo do Property inspector Inspetor de p
466. o Marquee Moldura ou Magic Wand Varinha m gica Para mais informa es consultar Sele o de um pixel na p gina 64 Seguir um destes procedimentos Selecionar Edit Editar gt Cut Recortar e em seguida Edit gt Paste Colar Selecionar Edit gt Copy Copiar e em seguida Edit gt Paste Selecionar Edit gt Insert Inserir gt Bitmap via Copy Bitmap atrav s de c pia para copiar a sele o atual em um novo bitmap Selecionar Edit gt Insert gt Bitmap via Cut Bitmap atrav s de recorte para recortar a sele o atual e coloc la em um novo bitmap A sele o aparece no painel Layers Camadas como um objeto da camada atual Uma outra alternativa clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh em uma sele o de moldura de pixels e escolher uma op o de recorte ou c pia no menu contextual Para mais informa es sobre as op es Bitmap via Cut e Bitmap via Copy consultar Inser o de um novo bitmap por meio de recorte ou c pia na p gina 78 Ov vAaHaIsgo Para converter objetos vetoriais selecionados em uma imagem bitmap seguir um destes procedimentos Selecionar Modify Modificar gt Flatten Selection Nivelar sele o Selecionar Flatten Selection no menu Options Op es do painel Layers Camadas A convers o de vetor em bitmap irrevers vel exceto quando Edit Editar gt Undo Desfazer
467. o e selecionar Other Outro gt Find Edges Localizar bordas no menu pop up Filters Filtros m Selecionar Filters gt Other gt Find Edges z A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou seja q n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for a uma op o Para manter a capacidade de ajustar desativar ou remover esse filtro 5 aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op o 2 com marcador desta etapa Para mais informa es consultar Cap tulo 8 Uso de O Live Filters na p gina 223 122 Cap tulo 4 Trabalho com bitmaps Convers o de uma imagem em uma transpar ncia poss vel usar o filtro Convert to Alpha Converter em alfa para converter um objeto ou um texto em uma transpar ncia com base na transpar ncia da imagem Para aplicar o filtro Convert to Alpha a uma rea selecionada seguir um destes procedimentos m No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Other Outro gt Convert to Alpha Converter em alfa no menu pop up Filters Filtros m Selecionar Filters gt Other gt Convert to Alpha z A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou seja Q n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for u uma op o Para
468. o ele pode atualizar o c digo exportado para o Dreamweaver usando o comando Update HT ML Atualizar HTML no Fireworks Por fim ele pode exportar o HTML como um item de biblioteca do Dreamweaver Para mais informa es sobre exporta o de HTML consultar a Ajuda do Fireworks go OY VA XAS Antes de exportar copiar ou atualizar o HTML do Fireworks para us lo no Dreamweaver escolher o Dreamweaver como o tipo de HTML na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar a Ajuda do Fireworks 440 Cap tulo 15 Uso do Fireworks com outros aplicativos Exporta o de HTML do Fireworks para o Dreamweaver A exporta o de arquivos do Fireworks para o Dreamweaver um processo em duas etapas A exporta o de arquivos do Fireworks para a pasta de site do Dreamweaver direta Essa exporta o gera um arquivo HTML e os arquivos de imagem associados no local especificado Em seguida o c digo HTML colocado no Dreamweaver atrav s do recurso Insert Fireworks HTML Inserir HMTL do Fireworks OY VAYASgO Antes de exportar escolher Dreamweaver como o tipo de HTML na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar a Ajuda do Fireworks Para exportar HTML do Fireworks Exportar o documento para o formato HTML Para mais informa es consultar a Ajuda do Fireworks Para inserir HTML do Firewo
469. o por exemplo para simular uma fotografia antiga ou simular est tica em uma tela de televis o Fotografia original ap s adicionar ru do Adi o de ru do a uma imagem 125 Para adicionar ru do a uma imagem 1 Selecionar a imagem 2 Seguir um destes procedimentos para abrir a caixa de di logo Add Noise Adicionar ru do No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Noise Ru do gt Add Noise Adicionar ru do no menu pop up Filters Filtros Selecionar Filters gt Noise gt Add Noise A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou seja n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for uma op o Para manter a capacidade de ajustar desativar ou remover esse filtro aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op o com marcador desta etapa Para mais informa es consultar Cap tulo 8 Uso de Live Filters na p gina 223 Ov vAaNaIsgo 3 Arrastar o controle deslizante Amount Quantidade para definir a quantidade de ru do Os valores variam de 1 a 400 Um aumento na quantidade resulta em uma imagem com mais pixels inseridos aleatoriamente 4 Marcar a caixa de sele o Color Cor para aplicar ru do colorido Deixar a caixa de sele o desmarcada para aplicar apenas ru do monocrom tico 5
470. o se o seu site na Web contiver v rios bot es de navega o para retornar p gina principal adicione o URL de sua p gina principal ao painel URL A seguir atribua esse URL a cada bot o de navega o selecionando o na biblioteca de URLs poss vel usar o recurso Find and Replace Localizar e substituir para alterar um URL em v rios documentos consultar Localiza o e substitui o na p gina 494 As bibliotecas de URLs est o dispon veis para todos os documentos do Fireworks e s o salvas entre as sess es v Assets Styles URL Library Shapes URLs htm xi Q http www macromedia com Painel URL Trabalho com URLs 287 Atribui o de um URL a um objeto da Web Para atribuir um URL a um objeto da Web 1 Digitar o URL na caixa de texto Link 2 Clicar no bot o de mais para adicionar o URL 3 Selecionar um objeto da Web 4 Selecionar o URL do painel de visualiza o do URL Cria o de uma biblioteca de URLs poss vel agrupar os URLs em bibliotecas Isso mant m os URLs relacionados no mesmo local facilitando o acesso a eles O usu rio pode salvar URLs na biblioteca de URLs padr o no arquivo URLs htm ou nas novas bibliotecas de URL que forem criadas Tamb m poss vel importar URLs de um documento HT ML existente e mais tarde criar uma biblioteca com eles As novas bibliotecas e os URLs htm criados s o armazenados na pasta URL Libraries Bibliotecas de URLs na pasta Macrom
471. o Fireworks e em seguida colar aquele c digo diretamente em documento HTML existente m Exportar um arquivo HTML abri lo em um editor de HTML copiar manualmente se es do c digo do arquivo e col las em outro documento HTML m Usar o comando Update HTML Atualizar HTML para efetuar altera es em um arquivo HTML criado anteriormente O Macromedia Dreamweaver compartilha uma integra o estreita com o Fireworks O Fireworks cuida da exporta o de HTML para o Dreamweaver de maneira diferente da empregada em exporta es para outros editores de HTML No caso de uma exporta o de HTML do Fireworks para o Dreamweaver consultar Trabalho com o Macromedia Dreamweaver na p gina 436 OY VA YASgO Por padr o o Fireworks especifica a codifica o UTF 8 para a exporta o de HTML o que garante a exibi o correta dos caracteres do arquivo HTML em todos os idiomas Tamb m poss vel exportar HTML como camadas CSS Cascading Style Sheet e XHTML Para definir a forma de exporta o de HTML pelo Fireworks poss vel usar a caixa de di logo HTML Setup Configura o do HTML Essas configura es podem ser espec ficas do documento ou ser usadas como configura es padr o para todas as exporta es de HTML do Fireworks Sobre HTML O c digo HTML gerado automaticamente pelo Fireworks ao exportar copiar ou atualizar HTML N o necess rio entend lo para utiliz lo Depois de gerado n
472. o Select Images Folder Selecionar pasta de imagens selecionar uma pasta e clicar em Open Exporta o de uma camada CSS O recurso CSS Cascading Style Sheets folhas de estilo em cascata proporciona maior controle sobre a forma de exibi o de p ginas da Web As camadas CSS permitem criar folhas de estilo ou modelos que definem a apar ncia de elementos diferentes como cabe alhos e v nculos Com o CSS poss vel controlar simultaneamente o estilo e layout de v rias p ginas da Web As camadas CSS podem sobrepor se e ser empilhadas uma em cima da outra No Fireworks a sa da HTML normal n o empilha Para exportar um gr fico em camadas CSS 1 2 3 4 Selecionar File Arquivo gt Export Exportar Na caixa de di logo Export digitar um nome de arquivo e selecionar uma pasta de destino Selecionar CSS Layers Camadas CSS no menu pop up Export No menu pop up Source Origem selecionar uma das seguintes op es Fireworks Layers Camadas do Fireworks exporta todas as camadas como camadas CSS Fireworks Frames quadros do Fireworks exporta todas as molduras como camadas CSS Fireworks Slices Fatias do Fireworks exporta as fatias no documento como camadas CSS Selecionar Trim Images Aparar imagens para recortar automaticamente as imagens e camadas exportadas para que se ajustem aos objetos Selecionar Put Images in Subfolder Colocar imagens na subpasta para escolher uma pasta para as
473. o Shapes para que alterem a orienta o Para mais informa es consultar Transforma o e distor o de objetos selecionados e sele es na p gina 81 Embora cada ferramenta Auto Shape do painel Tools Ferramentas use o mesmo m todo de desenho f cil os atributos edit veis de cada Auto Shape s o diferentes Arrow Seta desenha grupos de objetos que s o exibidos como setas simples de qualquer propor o Com o uso de pontos de controle poss vel ajustar a abertura da ponta da seta o comprimento e a largura da cauda e o comprimento da extremidade Beveled Rectangle Ret ngulo chanfrado desenha grupos de objetos que s o exibidos como ret ngulos com cantos chanfrados Usando pontos de controle poss vel editar a quantidade de chanfro para todos os cantos juntos ou alterar o chanfro de cantos individuais Chamfer Rectangle Ret ngulo chanfrado arredondado desenha grupos de objetos que s o exibidos como ret ngulos chanfrados e com cantos arredondados dentro do ret ngulo poss vel editar o raio do chanfro de todos os cantos juntos ou alter lo para cantos individuais Connector Line Linha conectora desenha grupos de objetos que s o exibidos como linhas conectoras de tr s segmentos como aquelas usadas para conectar os elementos de um fluxograma ou organograma Usando pontos de controle poss vel editar os pontos finais da primeira e terceira se es da linha conectora assim como a localiza o da seg
474. o com marcador em cada um dos E procedimentos a seguir Para mais informa es consultar Cap tulo 8 Uso de Live O Filters na p gina 223 Emba amento e agu amento de bitmaps 119 Para emba ar uma imagem 1 2 Selecionar a imagem Seguir um destes procedimentos No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Blur Emba ar gt Blur ou Blur More Emba amento maior no menu pop up Filters Filtros m Selecionar Filters gt Blur gt Blur ou Blur More Para emba ar uma imagem usando o Gaussian Blur 1 2 4 Selecionar a imagem Seguir um destes procedimentos para abrir a caixa de di logo Gaussian Blur Desfoque Gaussiano No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Blur Emba ar gt Gaussian Blur no menu pop up Filters Filtros a Selecionar Filters gt Blur gt Gaussian Blur Arrastar o controle deslizante Blur Radius Raio de desfoque para definir a intensidade do efeito de emba amento Os valores variam de 0 1 a 250 Um aumento no raio resulta em um efeito de emba amento mais intenso Clicar em OK Para emba ar uma imagem usando o Motion Blur 1 2 Selecionar a imagem Seguir um destes procedimentos para abrir a caixa de di logo Motion Blur Emba amento de movimento No Propert
475. o de imagem da Web gif jpg ou png 454 Cap tulo 15 Uso do Fireworks com outros aplicativos 3 Nalista Editors Editores se o Fireworks aparecer na lista selecion lo Se o Fireworks n o aparecer na lista clicar no bot o de adi o localizar o aplicativo Fireworks no disco r gido e clicar em Open Abrir Preferences Category General Accessibility Code Coloring Code Format Code Hints Code Rewriting Fonts Highlighting Invisible Elements Layers Layout View New Document Panels Preview in Browser Quick Tag Editor Site Status Bar Validator File Types Editors Css que Reload Modified Files Save on Launch ES Extensions png gif jpg ipe jpeg Ha way aiff aif aifc mp3 mnan mnan Open in Code View js asa css cs config inc txt as asc asr External Code Editor Prompt Prompt Browse x a CE Editors Fireworks Primary 4 Clicar em Make Primary Tornar o principal 5 Repetir as etapas de 2 a 4 para definir o Fireworks como o principal editor de outros tipos de arquivos de imagem da Web Sobre notas de projeto e arquivos de origem Sempre que um arquivo do Fireworks exportado de um arquivo PNG de origem salvo para um site do Dreamweaver o Fireworks grava uma nota de projeto com informa es sobre o arquivo Por exemplo quando uma tabela do Fireworks exportada esse aplicativo grava uma nota de
476. o de um arquivo PNG do Fireworks a partir de um arquivo HTML na p gina 23 m Inser o de um objeto em um documento do Fireworks na p gina 24 Abertura de documentos fechados recentemente O menu File Arquivo lista at 10 documentos fechados recentemente no submenu Open Recent Abrir recente A Start Page P gina inicial tamb m lista os documentos fechados recentemente Para abrir um arquivo fechado recentemente 1 Selecionar File Arquivo gt Open Recent Abrir recente 2 Selecionar um arquivo no submenu Para abrir um arquivo fechado recentemente quando nenhum arquivo estiver aberto 1 Clicar no nome do arquivo na p gina inicial Abertura de gr ficos criados em outros aplicativos Com o Fireworks poss vel abrir arquivos criados em outros aplicativos ou formatos incluindo arquivos do Photoshop Macromedia FreeHand Illustrator e CorelDRAW descompactado e arquivos nos formatos WBMP EPS JPEG GIF e GIF animado Quando um arquivo em um formato diferente de PNG aberto usando os comandos File Arquivo gt Open Abrir criado um novo documento PNG do Fireworks com base no arquivo aberto poss vel usar todos os recursos do Fireworks para editar a imagem Em seguida poss vel selecionar Save As Salvar como para salvar o trabalho como um novo arquivo PNG do Fireworks ou em outro formato No caso de alguns tipos de imagens poss vel selecionar Save Salvar para salvar o documento no fo
477. o de um ret ngulo Ov vANaIsgo O dimensionamento de um objeto vetorial n o altera a largura do tra o Desenho de objetos vetoriais 129 Desenho de ret ngulos arredondados b sicos poss vel desenhar ret ngulos com cantos arredondados por meio da ferramenta Rounded Rectangle Ret ngulo arredondado ou da op o Roundness Arredondamento no Property inspector Inspetor de propriedades para ajustar o arredondamento dos cantos de um ret ngulo selecionado A ferramenta Rounded Rectangle desenha ret ngulos como objetos agrupados Para mover pontos de ret ngulo arredondado de forma independente necess rio desagrupar o ret ngulo ou usar a ferramenta Subselection Selecionar secund rio Para desenhar um ret ngulo com cantos arredondados 1 No menu pop up da ferramenta Rectangle Ret ngulo selecionar a ferramenta Rounded Rectangle Ret ngulo arredondado 2 Arrastar o mouse na tela para desenhar o ret ngulo Para ajustar o arredondamento dos cantos ao desenhar pressionar repetidamente uma das teclas de seta ou as teclas de n mero 1 ou 2 v la Para arredondar os cantos de um ret ngulo selecionado m No Property inspector Inspetor de propriedades inserir um valor entre O e 100 na caixa Roundness Arredondamento e pressionar a tecla Enter ou arrastar o controle deslizante pop up a Se o Property inspector Inspetor de propriedades estiver a meia altura clica
478. o deslocamento da linha de base m No Property inspector Inspetor de propriedades arrastar o controle deslizante pop up Baseline Shift Deslocamento da linha de base ou digitar um valor na caixa de texto para especificar a altura inferior ou superior respectivamente em que o Fireworks dever colocar o texto subscrito ou sobrescrito Digitar valores positivos para criar caracteres sobrescritos Digitar valores negativos para criar caracteres subscritos Edi o de texto 179 Aplica o de tra os preenchimentos e filtros ao texto Um usu rio pode aplicar tra os preenchimentos e filtros ao texto de um bloco de texto selecionado como a qualquer outro objeto Ele tamb m pode aplicar qualquer estilo do painel Styles Estilos ao texto mesmo que n o seja um estilo de texto Al m disso ele pode criar um novo estilo salvando os atributos do texto O texto criado poder ser editado no Fireworks Os tra os os preenchimentos os filtros e os estilos s o atualizados automaticamente durante a edi o do texto P F Texto com tra o preenchimento filtro e estilo aplicados poss vel aplicar cor de texto s lida ao texto real ado em um bloco de texto Contudo os atributos de tra o e os atributos de preenchimento n o s lido como preenchimentos em d grad s o aplicados a todo o texto do bloco selecionado e n o apenas ao texto real ado Para mais informa es sobre tra os e preenchimentos consultar Cap tulo 7 Ap
479. o h necessidade de alter lo para faz lo funcionar desde que os arquivos n o sejam renomeados ou movidos HTML ou HyperText Markup Language o padr o atual para a exibi o de p ginas da Web na Internet Um arquivo HTML um arquivo texto que cont m estes elementos m Texto que aparece na p gina da Web m Tags de HTML que definem a formata o e estrutura daquele texto e de todo o documento bem como v nculos para imagens e outros documentos HTML p ginas da Web As tags de HTML aparecem entre sinais de maior menor e t m a seguinte apar ncia A tag de abertura indica ao navegador a formata o do texto que aparece em seguida ou a inclus o de um gr fico A tag de fechamento lt TAG gt quando presente indica o final dessa formata o 416 Cap tulo 14 Otimiza o e exporta o Inclus o de coment rios em HTML O HTML do Fireworks bem comentado indicando o relacionamento das partes do c digo Os coment rios do HTML do Fireworks come am com lt e terminam com gt Tudo o que estiver entre esses dois marcadores n o ser interpretado como c digo de HTML ou JavaScript Ao desejar incluir coment rios em um HT ML necess rio indicar ao Fireworks a ativa o dessa op o Para incluir coment rios em um HTML exportado m Antes da exporta o selecionar a op o Include HTML Comments Incluir coment rios HTML na guia General Geral da caixa de di logo HTML Setup Configura o do
480. o modo bitmap e o modo vetorial mas ainda assim poss vel trabalhar com bitmaps objetos vetoriais e texto Alternar para o modo apropriado t o simples quanto selecionar uma ferramenta vetorial ou de bitmap no painel Tools S Vers es anteriores do Fireworks exibem uma borda listrada ao redor da tela para indicar 0 que o Fireworks est no modo bitmap Para ver a conhecida borda listrada ao trabalhar uu com bitmaps poss vel selecionar Bitmap Options Op es de bitmap gt Display Striped Border Exibir borda listrada na categoria Edit Editar da caixa de di logo z Preferences Prefer ncias o Cria o de objetos bitmap H v rias maneiras de criar gr ficos de bitmap usar as ferramentas de desenho e pintura de bitmap do Fireworks recortar ou copiar e colar sele es de pixels ou converter uma imagem vetorial em um objeto bitmap Uma outra forma de criar um objeto bitmap inserir uma imagem bitmap vazia no documento e depois desenh la pint la ou preench la Ao ser criado o novo objeto bitmap adicionado camada atual O painel Layers Camadas com as camadas expandidas mostra uma miniatura e o nome de cada objeto bitmap abaixo da camada na qual ele reside Embora alguns aplicativos de bitmap considerem cada objeto bitmap como uma camada o Fireworks organiza os objetos bitmap e vetoriais e o texto como objetos separados que residem em camadas Para mais informa es consultar
481. o o objeto criado mais recentemente inserido no topo da pilha A ordem de empilhamento dos objetos determina a maneira como eles aparecem quando sobrepostos As camadas tamb m afetam a ordem de empilhamento Por exemplo vamos supor que um documento tenha duas camadas denominadas Camada 1 e Camada 2 Se a Camada 1 estiver listada abaixo da Camada 2 no painel Layers Camadas tudo na Camada 2 aparecer frente de tudo na Camada 1 A ordem das camadas pode ser alterada arrastando a camada no painel Layers para uma nova posi o Para mais informa es consultar Organiza o de camadas na p gina 239 Para alterar a ordem de empilhamento de um objeto ou grupo selecionado em uma camada m Selecionar Modify Modificar gt Arrange Organizar gt Bring to Front Trazer para frente ou Send to Back Enviar para tr s para mover o objeto ou o grupo para o in cio ou para o final da ordem de empilhamento m Selecionar Modify gt Arrange gt Bring Forward Avan ar ou Send Backward Recuar para mover o objeto ou o grupo uma posi o acima ou abaixo na ordem de empilhamento 88 Cap tulo 3 Sele o e transforma o de um objeto Quando mais de um objeto ou grupo selecionado os objetos se movem na frente ou atr s de todos os objetos n o selecionados enquanto a ordem relativa entre eles mantida Alinhamento de objetos Os comandos Align Alinhar do menu Modify Modificar oferecem v rias op es de organiza o qu
482. o painel History 56 Cap tulo 2 Conceitos b sicos do Fireworks Para salvar a es para reutilizar 1 Real ar as a es a serem salvas no painel History Hist rico 2 Clicar no bot o Save Salvar na parte inferior do painel 3 Digitar o nome de um comando e clicar em OK Para usar o comando personalizado salvo m Selecionar o nome do comando no menu Commands Comandos Ambiente de trabalho do Fireworks 57 58 Cap tulo 2 Conceitos b sicos do Fireworks CAP TULO 3 Sele o e transforma o de um objeto Quando trabalha no Macromedia Fireworks 8 o usu rio manipula objetos vetoriais e de bitmap blocos de texto fatias e pontos ativos al m de reas de pixels Com a utiliza o das ferramentas de sele o e transforma o ele pode mover copiar excluir girar dimensionar ou inclinar objetos Em documentos com v rios objetos ele pode organizar os objetos empilhando os agrupando os e alinhando os Este cap tulo cont m os seguintes t picos paleco BUM OBS e serotipi deont aidi mee DE ap AEA REA a a ei 59 SECA dg uUmMDKE e ai raara nie dd A EN 64 Edi o de objetos selecionados az ircrrsisrsrs reidi dd drra Pera AEAEE EN EEI 79 Transforma o e distor o de objetos selecionados e sele es 81 Organiza o de objetos cs sspossitesdssaa tab da Lad DESA Ca dE DADA SAS E 86 Sele o de um objeto Antes de executar algum procedimento em qualquer objeto da tela ne
483. o para permitir a edi o f cil posteriormente Para criar um gr fico da Web no Fireworks primeiro necess rio configurar um novo documento ou abrir um documento existente Posteriormente poss vel ajustar as op es de configura o no Property inspector Inspetor de propriedades Para criar um novo documento 1 Selecionar File Arquivo gt New Novo A caixa de di logo New Document Novo documento aberta New Document Canvas Size 976 6K width 500 Pixels Height 500 Pixels Inch Canvas Color white O Transparent O Custom E 2 Digitar as medidas de largura e altura da tela em pixels polegadas ou cent metros 3 Digitar uma resolu o em pixels por polegada ou pixels por cent metro Cria o de um novo documento 19 4 Selecionar branco transparente ou uma cor personalizada para a tela A janela pop up da caixa de cor Custom Personalizar permite selecionar uma cor de tela personalizada Ov vANaIsgo 5 Clicar em OK para criar o novo documento Para criar um novo documento do mesmo tamanho de um objeto na rea de transfer ncia 1 Copiar um objeto para a rea de transfer ncia a partir de qualquer uma das seguintes origens Outro documento do Fireworks Um navegador da Web Qualquer um dos aplicativos listados em Como colar no Fireworks na p gina 25 Selecionar File Arquivo gt New Novo A caixa de di logo New Do
484. o ponteiro pela coluna Lock Bloquear Para bloquear ou desbloquear todas as camadas m No menu Options Op es do painel Layers Camadas selecionar Lock All Bloquear todas ou Unlock All Desbloquear todas Para ativar ou desativar o recurso Single Layer Editing m No menu Options Op es do painel Layers Camadas selecionar Single Layer Editing Edi o de camada nica Uma marca de sele o indica que a Single Layer Editing Edi o de camada nica est ativa Para mostrar ou ocultar uma camada ou objetos em uma camada m Clicar no quadrado da coluna do meio esquerda de um nome de camada ou objeto O cone do olho indica que a camada est vis vel Para mostrar ou ocultar v rios objetos ou camadas m No painel Layers arrastar o ponteiro pela coluna do olho Para mostrar ou ocultar todos os objetos e camadas m No menu Options Op es do painel Layers Camadas selecionar Show All Mostrar tudo ou Hide All Ocultar tudo Mesclagem de um objeto no painel Layers O trabalho com objetos bitmap poder fazer com que o painel Layers Camadas fique desorganizado em pouco tempo O Fireworks oferece a op o de mesclar objetos no painel Layers caso o ltimo objeto selecionado esteja imediatamente acima de um objeto bitmap Os objetos e bitmaps a serem mesclados n o necessitam ser adjacentes no painel Layers nem residir na mesma camada Trabalho com uma camada 241 Mesclar para baixo faz c
485. o que o Fireworks possa abrir Para mais informa es consultar Cap tulo 11 Fatias rollovers e pontos ativos na p gina 293 Selecionar a ferramenta Eyedropper na se o Colors Cores do painel Tools Definir a configura o Color Averaging Sample M dia de cores de amostragem no Property inspector Inspetor de propriedades 1 pixel cria uma cor de tra o ou preenchimento a partir de um nico pixel 3x3 pixels cria uma cor de tra o ou preenchimento a partir da m dia dos valores das cores contidas em uma rea de 3 x 3 pixels 5x5 pixels cria uma cor de tra o ou preenchimento a partir da m dia dos valores das cores contidas em uma rea de 5 x 5 pixels Clicar a ferramenta Eyedropper em qualquer parte do documento O exemplo de cor aparece em todas as caixas Stroke Color Cor do tra o ou Fill Color Cor de preenchimento do Fireworks Remo o de objetos bitmap Uma das utilidades da ferramenta Eraser Borracha remover pixels Por padr o o ponteiro da ferramenta Eraser representa o tamanho da borracha atual mas poss vel alterar o tamanho e a apar ncia do ponteiro na caixa de di logo Preferences Prefer ncias Para mais informa es consultar Edi o de prefer ncias na p gina 521 Eraser Borracha ferramenta Para apagar pixels em um objeto bitmap selecionado ou em uma sele o de pixels 1 2 Selecionar a ferramenta Eraser Borracha No Property inspector Inspetor d
486. o rollover desmembrado 308 Cap tulo 11 Fatias rollovers e pontos ativos Aplica o de v rios rollovers a uma fatia poss vel arrastar mais de uma al a de comportamento de uma nica fatia para criar diversos comportamentos de troca Por exemplo poss vel acionar um rollover e um rollover desmembrado na mesma fatia Acionamento de um comportamento de rollover e um de rollover desmembrado a partir de uma fatia Tamb m poss vel adicionar v rios comportamentos com o uso do painel Behaviors Comportamentos Para mais informa es consultar Uso do painel Behaviors para adicionar interatividade a fatias na p gina 310 OY VA YASgO Para aplicar mais de um rollover fatia selecionada 1 Arrastar uma al a de comportamento na fatia selecionada at a borda da mesma fatia ou sobre outra fatia Arrastar a al a at a borda superior esquerda da mesma fatia cria uma imagem de troca e arrastar a al a at outra fatia cria um rollover desmembrado 2 Selecionar a moldura da imagem de troca e clicar em OK Para criar mais rollovers repetir as etapas 1 e 2 tantas vezes quanto desejado Remo o de um rollover arrastar e soltar poss vel remover com facilidade um rollover arrastar e soltar de uma fatia um ponto ativo ou um bot o Para remover um rollover arrastar e soltar de um objeto da Web ou bot o selecionado 1 Clicar na linha de comportamento azul que se deseja re
487. ocos de texto de dimensionamento autom tico e largura fixa na p gina 166 4 Digitar o texto Para inserir uma quebra de par grafo pressionar Enter 5 Se desejar real ar o texto no bloco de texto ap s digit lo e reformat lo 6 Ao concluir a digita o do texto seguir um destes procedimentos m Clicar fora do bloco de texto m Selecionar outra ferramenta no painel Tools Ferramentas m Pressionar Esc Movimenta o de um bloco de texto poss vel selecionar um bloco de texto e mov lo para qualquer ponto do documento como qualquer outro objeto Durante a cria o de um texto poss vel mover blocos de texto ao arrast los Para mover um bloco de texto m Arrast lo at o novo local Para mover um bloco de texto enquanto arrasta para cri lo 1 Manter pressionado o bot o do mouse pressionar e manter pressionada a barra de espa o e arrastar o bloco de texto para outro local na tela 2 Soltar a barra de espa o para continuar a desenhar o bloco de texto Uso de blocos de texto de dimensionamento autom tico e largura fixa O Fireworks trabalha com blocos de texto de dimensionamento autom tico e blocos de texto de largura fixa Um bloco de texto de dimensionamento autom tico expande se horizontalmente medida que o usu rio digita Se ele remover parte do texto o bloco de texto de dimensionamento autom tico ser reduzido para conter somente o texto restante Os blocos de texto de dimensionam
488. ocumento do HomeSite Coloca o de HTML do Fireworks no HomeSite Existem algumas maneiras de colocar HTML do Fireworks no HomeSite poss vel exportar o HTML do Fireworks ou copiar o HTML para a rea de transfer ncia Tamb m poss vel abrir um arquivo HTML exportado do Fireworks no HomeSite e copiar e colar as se es selecionadas do c digo Al m disso poss vel atualizar facilmente o c digo exportado para o HomeSite usando o comando Update HTML Atualizar HTML no Fireworks Antes de exportar copiar ou atualizar o HTML do Fireworks para us lo no HomeSite definir o tipo de HTML como Generic Gen rico na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar a Ajuda do Fireworks Ov vAaHaIsgo 480 Cap tulo 15 Uso do Fireworks com outros aplicativos Exporta o de HTML do Fireworks para o HomeSite A exporta o de HTML do Fireworks gera um arquivo HTML e os arquivos de imagem associados no local especificado Em seguida poss vel abrir o arquivo HTML no HomeSite para edit lo Antes de exportar definir o tipo de HTML como Generic Gen rico na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar a Ajuda do Fireworks Ov vAaHaIsgo Para exportar HTML do Fireworks para o HomeSite m Exportar o documento para HTML no Fireworks e abrir o arquivo exportado no HomeSite selecionando File Arquivo
489. ocumentos do HomeSite tamb m f cil Mais importante ainda a integra o eficiente entre esses dois aplicativos que permite iniciar o Fireworks no HomesSite para editar gr ficos da Web Coloca o de imagens do Fireworks no HomeSite poss vel inserir imagens GIF ou JPEG geradas no Fireworks em um documento do HomeSite Primeiro necess rio exportar as imagens do Fireworks Para mais informa es sobre exporta o de imagens JPEG e GIF consultar a Ajuda do Fireworks Trabalho com o Macromedia HomeSite 479 Para inserir uma imagem do Fireworks em um documento do HomeSite 1 No HomeSite salvar o documento O HomesSite cria tra ados relativos para imagens mas apenas quando o documento est salvo OY VA YASgO 2 Na janela Resources Recursos localizar e selecionar a imagem do Fireworks exportada 3 Seguir um destes procedimentos para inserir a imagem do Fireworks no documento do HomeSite m Arrastar o arquivo da janela Resources para o local desejado no c digo HTML na guia Edit Editar da janela do documento a Na guia Edit da janela do documento colocar o ponto de inser o no local em que a imagem do Fireworks dever ser inserida e em seguida clicar com o bot o direito no arquivo na janela Resources e escolher Insert as Link Inserir como v nculo criado um v nculo com a imagem do Fireworks no c digo HTML Clicar na guia Browse Procurar para visualizar a imagem no d
490. om a maior simplifica o aumenta tamb m o grau em que o Fireworks pode alterar o tra ado para reduzir o n mero de pontos no tra ado Expans o de um tra o poss vel converter o tra o de um tra ado selecionado em tra ado fechado O tra ado resultante cria a ilus o de um tra ado sem preenchimento e de um tra o com os mesmos atributos do preenchimento do objeto original A expans o do tra o de um tra ado que faz interse o com ele pr prio pode produzir resultados interessantes Se o tra ado original tiver um preenchimento as partes de interse o do tra ado n o ter o preenchimento depois da expans o do tra o Ov vVAHISsgOo 160 Cap tulo 5 Trabalho com objetos vetoriais Para expandir o tra o de um objeto selecionado 1 Selecionar Modify Modificar gt Alter Path Alterar tra ado gt Expand Stroke Expandir tra o para abrir a caixa de di logo Expand Stroke Definir a largura do tra ado fechado resultante Especificar um tipo de canto meia esquadria redondo ou chanfrado Se selecionar meia esquadria ser necess rio definir 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 Selecionar uma op o de extremidade da linha bot o quadrada ou redonda Em seguida clicar em OK Um tra
491. om que todos os objetos bitmap e vetoriais selecionados sejam nivelados no objeto bitmap que est logo abaixo do ltimo objeto selecionado O resultado um nico objeto bitmap Depois de mesclados os objetos bitmap e vetoriais n o podem ser editados separadamente e perde se a capacidade de edi o de objetos vetoriais Para mesclar objetos 1 No painel Layers selecionar os objetos que se deseja mesclar com um objeto bitmap Manter pressionada a tecla Shift e clicar para selecionar mais de um objeto poss vel mesclar o conte do de uma camada selecionada em um objeto bitmap que seja o primeiro da camada imediatamente abaixo da camada selecionada v la 2 Seguir um destes procedimentos m Selecionar Merge Down Mesclar para baixo no menu Options Op es do painel Layers Camadas Selecionar Modify Modificar gt Merge Down Selecionar Merge Down no menu contextual que aparece quando o usu rio clica com o bot o direito do mouse Windows ou quando pressiona a tecla Control Macintosh e clica nos objetos selecionados na tela Os objetos selecionados s o mesclados com o objeto bitmap O resultado um nico objeto bitmap Merge Down Mesclar para baixo n o afeta fatias pontos ativos nem bot es go Ov vAHaSs Compartilhamento de uma camada poss vel compartilhar uma camada entre todas as molduras de um documento Com isto ao atualizar um objeto em uma camada
492. on Inverter dire o Para mover o ponto inicial do texto anexado a um tra ado 1 Selecionar o objeto de texto em um tra ado 2 No Property inspector Inspetor de propriedades digitar um valor na caixa de texto Text Offset Deslocamento do texto Em seguida pressionar Enter Se o Property inspector estiver minimizado clicar na seta de expans o no canto inferior direito para ver todas as propriedades Ov vAHaIsgo Anexa o de um texto a um tra ado 183 Transforma o de texto Um usu rio pode transformar blocos de texto da mesma forma que outros objetos Ele pode dimensionar girar inclinar e virar o texto para criar efeitos de texto sem igual Pode ainda editar o texto transformado embora transforma es maiores possam dificultar a leitura Quando uma transforma o de bloco de texto faz o texto ser dimensionado ou redimensionado o tamanho da fonte resultante aparece no Property inspector Inspetor de propriedades quando o texto selecionado Convers o de texto em tra ados poss vel converter um texto em tra ados e depois editar as formas das letras como se fossem objetos vetoriais Todas as ferramentas de edi o vetorial ficam dispon veis ap s a convers o de um texto em tra ados No entanto n o poss vel editar esse objeto como um texto Para converter o texto selecionado em tra ados m Selecionar Text Texto gt Convert to Paths Converter em tra ados O texto conv
493. onar partes de uma imagem bitmap 1 Selecionar a ferramenta Rubber Stamp Carimbo 2 Clicar em uma rea para design la como a origem ou a rea a ser clonada O ponteiro de amostragem se transforma em um ponteiro em forma de cruz O Para designar uma outra rea de pixels para clonar manter pressionada a tecla Alt w E j asa 0 Windows ou Option Macintosh e clicar em outra rea de pixels a fim de design u la como origem lt D gt Q gt o 3 Ir para outra parte da imagem e arrastar o ponteiro Retoque de um bitmap 99 Aparecem dois ponteiros O primeiro a origem da clonagem tem forma de cruz Para mais informa es consultar Edi o de prefer ncias na p gina 521 Dependendo das prefer ncias de pincel selecionadas o segundo ponteiro ser um carimbo uma cruz ou um c rculo azul medida que ele arrastado os pixels sob o primeiro ponteiro s o copiados e aplicados rea sob o segundo Para definir as op es da ferramenta Rubber Stamp 1 Selecionar a ferramenta Rubber Stamp Carimbo 2 Selecionar uma das seguintes op es no Property inspector Inspetor de propriedades Size Tamanho determina o tamanho do carimbo Edge Borda determina a suavidade do tra o 100 acentuado 0 suave Source Aligned Origem alinhada afeta a opera o de amostragem Quando essa op o est selecionada o ponteiro de amostragem move se nas dire es ve
494. onar uma cor A cor aplicada ao objeto selecionado e se torna a cor ativa de tra o ou preenchimento Para selecionar uma cor no Color Mixer Misturador de cores 1 Cancelar a sele o de todos os objetos antes de misturar uma cor para evitar a edi o indesejada de um objeto durante a mistura de cores Organiza o de grupos de exemplos e modelos de cor 199 2 Clicar na caixa Stroke Color Cor do tra o ou Fill Color Cor de preenchimento para torn la o destino da nova cor 3 Selecionar um modelo de cor no menu Options Op es do Color Mixer Misturador de cores 4 Seguir um destes procedimentos para especificar valores de componentes de cor a Digitar valores nas caixas de texto de componentes de cor a Usar os controles deslizantes pop up m Selecionar uma cor na barra de cores A adi o da cor ao painel Swatches Exemplos de cores possibilita a sua reutiliza o Para mais informa es consultar Personaliza o do painel Swatches na p gina 196 Para alternar a barra de cores entre os modelos de cor m Manter pressionada a tecla Shift e clicar na barra de cores na parte inferior do Color Mixer Misturador de cores go As op es do Color Mixer n o se alteram Ov vAadas Cria o de cores com os selecionadores de cores do sistema Em vez de usar o Color Mixer Misturador de cores e o painel Swatches Exemplos de cores para criar cores poss vel utilizar a caixa de di
495. opriedades Para especificar um alvo para uma fatia ou ponto ativo selecionado no Property inspector m Digitar o nome da moldura HTML na caixa de texto Target Destino ou selecionar um alvo reservado no menu pop up Target 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 que cont m o link 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 e por isso normalmente n o necess rio especific lo top carrega o documento vinculado na janela inteira do navegador removendo assim todas as molduras Prepara o de fatias para exporta o 315 Configura es de exporta o No Property inspector Inspetor de propriedades poss vel otimizar uma fatia com a sele o de uma op o no menu pop up Export Settings Configura es de exporta o Tamb m poss vel selecionar dentre configura es de exporta o comuns para definir rapidamente um formato de arquivo e aplicar v rias configura es com formatos espec ficos Para mais informa es sobre o uso e a personaliza o dessas configura es consultar Uso das configura es de otimiza o na p gina 385 Nomea o de fatias O fatiamento desmembra
496. or de propriedades Essas configura es se aplicam apenas a blocos de texto inteiros 174 Cap tulo 6 Utiliza o de texto Para definir a orienta o de um bloco de texto selecionado 1 Clicar no bot o Text Orientation Orienta o do texto no Property inspector 2 Selecionar uma op o de orienta o no menu pop up Horizontal Left to Right Horizontal da esquerda para a direita a configura o padr o do texto no Fireworks para a maior parte dos idiomas Ela orienta o texto na horizontal e exibe os caracteres da esquerda para a direita Horizontal Right to Left Horizontal da direita para a esquerda orienta o texto na horizontal e exibe os caracteres da direita para a esquerda til para exibir texto em idiomas em que o texto flui da direita para a esquerda como hebraico ou rabe Vertical Left to Right Vertical da esquerda para a direita orienta o texto verticalmente Se aplicar esta defini o s linhas de texto separadas por quebras de linha condicional ou incondicional cada linha de texto ser exibida como uma coluna As colunas fluem da esquerda para a direita Vertical Right to Left Vertical da direita para a esquerda orienta o texto verticalmente V rias linhas de texto separadas por quebras de linha s o exibidas como colunas que fluem da direita para a esquerda Esta op o til para exibir texto em idiomas em que o texto flui da direita para a esquerda em colunas como o japon s z Os car
497. or do tra o ou Fill Color Cor de preenchimento ativa O Color Mixer Misturador de cores tamb m possui uma barra de cores que exibe a faixa de cores do modelo de cor atual Para aplicar uma cor o usu rio pode clicar em qualquer ponto na barra de cores Pode tamb m clicar no bot o selecionador de cores do sistema para selecionar uma cor do sistema Windows ou Macintosh Ainda que CMY seja uma op o de modelo de cor gr ficos exportados diretamente do Fireworks n o s o ideais para impress o Para readaptar os gr ficos exportados do Fireworks para impress o uma possibilidade import los para o FreeHand MX que executar automaticamente a convers o das imagens RGB em CMYK ao gerar separa es de cores digitais Para mais informa es consultar a documenta o do FreeHand v la Mistura de cores no Color Mixer E poss vel usar o Color Mixer Misturador de cores para exibir os valores das cores ativas e editar valores de cores para criar novas cores Mixer Swatches 2 R FF G FF em B FF mar 198 Cap tulo 7 Aplica o de cor tra os e preenchimentos Por padr o o Color Mixer Misturador de cores identifica as cores RGB como hexadecimais exibindo os valores dos componentes vermelho R verde G e azul B da cor Os valores RGB hexadecimais s o calculados com base em uma faixa de 00 a FE Modelo de Modo de express o de cor cor RGB Valores de Red V
498. or n o websafe 2 Selecionar Web Dither Pontilhamento Web no menu pop up Fill Options Op es de preenchimento do Property inspector Inspetor de propriedades 3 Clicar na caixa Fill Color Cor de preenchimento no Property inspector A janela pop up de cores aberta exibindo op es de preenchimentos Pontilhamento Web A cor n o websafe do objeto aparece na caixa Source Color Cor da origem na janela Fill Options As duas cores de pontilhamento websafe aparecem nas caixas de cores direita O pontilhamento Web aparece no objeto e se torna a cor de preenchimento ativa a Definir a borda de um preenchimento Pontilhamento Web como Anti Alias 0 Suaviza o de serrilhado ou Feather Enevoar resulta em cores que n o uu s o websafe lt D gt QO D o 4 Clicar fora da janela pop up para fech la 202 Cap tulo 7 Aplica o de cor tra os e preenchimentos Para criar a ilus o de um verdadeiro preenchimento transparente em um navegador da Web 1 2 Selecionar o objeto ao qual deseja aplicar um preenchimento transparente Selecionar Web Dither Pontilhamento Web no menu pop up Fill Options Op es de preenchimento do Property inspector Inspetor de propriedades Clicar na caixa Fill Color Cor de preenchimento no Property inspector A janela pop up de cores aberta exibindo op es de preenchimentos Pontilhamento Web Clicar na op o Transparent Transparente As cai
499. orks como um arquivo SWF 1 Selecionar File Arquivo gt Export Exportar ou clicar no bot o Quick Export Exporta o r pida e escolher Export SWF Exportar SWF no menu pop up do Macromedia Flash 2 Na caixa de di logo Export digitar um nome de arquivo e escolher uma pasta de destino 3 Selecionar Macromedia Flash SWF SWF do Macromedia Flash no menu pop up Save As Salvar como 4 Clicar no bot o Options Options A caixa de di logo Flash SWF Export Options Op es de exporta o de SWF do Flash aparece Macromedia Flash SWF Export Options E3 Objects 2 Maintain Paths O Maintain Appearance Text 2 Maintain Editability D Convert to Paths JPEG Quality 100 v Frames 2 All O From i o i Frame Rate 15 per second For best editability in Flash choose Maintain Paths and Maintain Editability To prefer appearance over editability and file size choose Maintain Appearance and Convert to Paths Trabalho com o Macromedia Flash 463 5 Na se o Objects Objetos escolher uma das seguintes op es Maintain Paths Manter tra ados permite manter a capacidade de edi o de tra ados Os efeitos e a formata o s o perdidos Maintain Appearance Manter apar ncia converte objetos vetoriais em objetos bitmap conforme a necessidade e preserva a apar ncia dos tra os e preenchimentos aplicados A capacidade de edi o perdida 6 Na se o Text Texto escolher uma das
500. orma es sobre op es de ferramentas espec ficas consultar as se es que apresentam as v rias ferramentas no manual Usando o Fireworks ou na Ajuda do Fireworks Y Properties Path V None S S E 1 M 1PixelHard E 100 v Normal x Edge Edge 0 Iv Effects w 1 X 11 Texture Grain l o v H 1 Y 811 T EM Sele o de uma ferramenta de um grupo de ferramentas Um tri ngulo pequeno no canto inferior direito de uma ferramenta no painel Tools Ferramentas indica que ela faz parte de um grupo de ferramentas Por exemplo a ferramenta Rectangle Ret ngulo faz parte do grupo de ferramentas b sicas de forma que tamb m inclui as ferramentas b sicas Rounded Rectangle Ret ngulo arredondado Ellipse Elipse e Polygon Pol gono bem como todas as ferramentas Auto Shape Forma autom tica que aparecem abaixo da linha divis ria 4h kg A v amp Pen tool P X A S Vector Path tool P M a Redraw Path tool P Web 1 Para selecionar uma ferramenta alternativa de um grupo de ferramentas 1 Clicar no cone da ferramenta e manter o bot o do mouse pressionado exibido um menu pop up com os cones das ferramentas os nomes das ferramentas e as teclas de atalho H uma marca de sele o esquerda do nome da ferramenta selecionada no momento 2 Arrastar o ponteiro para real ar a ferramenta desejada e liberar o bot o do mouse A ferramenta apare
501. orta objetos em camadas ocultas Caso contr rio as camadas invis veis s o ignoradas Include Background Layers Incluir camadas de fundo importa objetos da camada de fundo do documento Caso contr rio a camada de fundo ignorada Trabalho com o Macromedia FreeHand MX 467 Render as Images Processar como imagens rasteriza grupos complexos misturas ou preenchimentos lado a lado e coloca cada um como um nico objeto bitmap em um documento do Fireworks Digitar um n mero na caixa de texto para determinar quantos objetos um grupo uma mistura ou um preenchimento lado a lado pode conter antes que ele seja rasterizado durante a importa o Para importar gr ficos vetoriais de um arquivo FreeHand 1 No Fireworks escolher File Arquivo gt Import Importar para navegar at o arquivo FreeHand desejado e clicar em Open Abrir A caixa de di logo Vector File Options Op es de arquivo vetorial aparece Vector File Options Scale 100 4 width 516 Pixels Height 157 Pixels Resolution 72 Pixelstinch Anti Alias V Paths Text Smooth File Conversion Open a page Page 1 Remember layers o Include Invisible Layers o Include Background Layers Render as images 4 Groups over 30 objects Blends over i 4 Tiled fills over 3 steps 0 30 objects 2 Selecionar as op es desejadas 3 Clicar em OK C pia e colagem ou arraste de gr ficos FreeHand para o Fir
502. os ao vivo para ajuste de cores e tons al m de uma ampla gama de m todos para retocar imagens bitmap inclusive cortar enevoar e duplicar ou clonar imagens Al m disso o Fireworks possui um conjunto de ferramentas de retoque Blur Emba ar Sharpen Agu ar Dodge Clarear Burn Escurecer e Smudge Mancha Para obter mais informa es sobre m todos de sele o e transforma o de imagens e reas de pixels consultar Cap tulo 3 Sele o e transforma o de um objeto na p gina 59 Este cap tulo cont m os seguintes t picos Trabalho ComibimapS ss suga uia sus ps da apos bands ada paul 92 Cria o de objetos DIIMAD ssuspsisssadigados ad SUBS ARS SA ONDAS HEAD 92 Acesso a ferramentas comuns de edi o de fotos em um nico local 94 Desenho pintura e edi o de objetos bitmap cccccciiciciitic 95 Retaqgue de una DIMA s cssadeseas due SL SA DD E E a dd 99 Ajuste dacore do tom de um bitmap cs pasa pira dai dr AU ag e e a 106 Emba amento e agu amento de bitmaps cciciiciicicscs ra 119 Adi o de ru do a uma imagem cccccciccic snes 125 91 Trabalho com bitmaps A se o Bitmap do painel Tools Ferramentas cont m ferramentas de sele o e edi o de bitmaps Para editar os pixels de um bitmap no documento poss vel selecionar uma ferramenta na se o Bitmap Ao contr rio de vers es anteriores do Fireworks n o preciso alternar deliberadamente entre
503. os de imagem associados no local especificado Posteriormente ser poss vel colar esse HTML em um documento no editor de HTML preferido Exporta o do Fireworks 419 Embora a c pia para a rea de transfer ncia seja uma maneira r pida de colocar HTML do Fireworks em outros aplicativos n o a maneira ideal para todas as situa es A c pia de HTML para a rea de transfer ncia apresenta as seguintes desvantagens m N o h a op o de salvar imagens em uma subpasta Elas devem residir na mesma pasta do arquivo HTML em que se cola o HTML copiado Uma exce o o HTML copiado para o Macromedia Dreamweaver m Todos os v nculos ou caminhos usados nos menus pop up do Fireworks ser o mapeados para o disco r gido O HTML copiado para o Dreamweaver uma exce o m Se for utilizado um editor de HTML que n o seja o Dreamweaver ou o Microsoft FrontPage o c digo JavaScript associado a bot es comportamentos e imagens de rollover ser copiado mas talvez n o funcione corretamente Se esses itens representarem um problema ser prefer vel usar a op o Export HTML Exportar arquivo HTML em vez de copiar o HTML para a rea de transfer ncia 9 Antes de copiar o c digo HTML certificar se de selecionar o estilo de HTML 0 apropriado e a op o Include HTML Comments Incluir coment rios HTML na guia au General Geral da caixa de di logo HTML Setup Configura o do HTML Para mais S informa es consult
504. os de um objeto selecionado secundariamente s o modificados somente esse objeto alterado n o o grupo inteiro Mover um objeto selecionado como secund rio para outra camada remove o objeto do grupo Sele o secund ria de um objeto em um grupo Organiza o de objetos 87 Para selecionar um objeto que faz parte de um grupo m Selecionar a ferramenta Subselection Selecionar secund rio e clicar no objeto ou arrastar uma rea de sele o ao seu redor Para adicionar objetos ou cancelar a sele o deles em uma sele o manter a tecla Shift pressionada enquanto clica ou arrasta Para selecionar o grupo que cont m um objeto selecionado secund rio seguir um destes procedimentos m Clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh em qualquer lugar do grupo e em seguida escolher Select Selecionar gt Superselect Selecionar principal no menu contextual m Escolher Select gt Superselect Para selecionar todos os objetos dentro de um grupo selecionado seguir um destes procedimentos m Clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh em qualquer lugar do grupo e em seguida escolher Select Selecionar gt Subselect Selecionar secund rio no menu contextual m Escolher Select gt Subselect Empilhamento de objetos Dentro de uma camada o Fireworks empilha objetos com base na ordem em que foram criados send
505. os preparados no Macromedia Fireworks e daquelas que cont m s mbolos exportados anteriormente pelo pr prio usu rio ou por outras pessoas Se por outro lado o usu rio tiver criado s mbolos que gostaria de reutilizar ou compartilhar ele poder exportar suas pr prias bibliotecas de s mbolos Quando o usu rio exporta uma biblioteca de s mbolos ela exportada como um arquivo PNG Uso de s mbolos 283 Importa o de s mbolos O Fireworks possui bibliotecas de s mbolos no submenu Edit gt Libraries Bibliotecas a partir das quais poss vel importar s mbolos preparados de bot o gr fico e anima o assim como barras de navega o e temas com v rios s mbolos O uso desses s mbolos agiliza o processo de cria o de sofisticadas p ginas da Web que cont m elementos de navega o avan ados sem a necessidade de criar s mbolos originais Para importar um ou mais s mbolos preparados de uma biblioteca de s mbolos do Fireworks 1 Abrir um documento do Fireworks 2 Selecionar Edit Editar gt Libraries Bibliotecas e escolher uma biblioteca Animations Anima es abre um conjunto de s mbolos com anima o Bullets Marcadores abre um conjunto de s mbolos gr ficos semelhantes a v rios marcadores de lista Buttons Bot es abre um conjunto de s mbolos de bot o do Fireworks com 2 3 e 4 estados Themes Temas abre uma lista de s mbolos de anima o gr fico e bot o cada tema consiste em um trio d
506. os selecionados e em seguida clicar em OK Para modificar a ponta do pincel 1 Na guia Shape Forma da caixa de di logo Edit Stroke Editar tra o selecionar Square Quadrado para uma ponta quadrada ou para uma ponta redonda cancelar a sele o de Square Digitar valores para o tamanho da ponta do pincel a suavidade da borda o aspecto da ponta e o ngulo da ponta Clicar em Apply Aplicar e em seguida em OK 208 Cap tulo 7 Aplica o de cor tra os e preenchimentos O Fireworks possui configura es de tra o para fazer o ajuste fino dos atributos de tra o controlados por velocidade e press o quando for utilizada uma caneta ou uma mesa digitalizadora Wacom sens vel press o poss vel selecionar o atributo de tra o a ser controlado com a caneta Para definir a sensibilidade do tra o 1 Naguia Sensitivity Sensibilidade da caixa de di logo Edit Stroke Editar tra o selecionar uma propriedade de tra o como Size Tamanho Ink Amount Quantidade de tinta ou Saturation Satura o no menu pop up Stroke Property Propriedade do tra o 2 Nas op es Affected By Afetado por selecionar at que ponto os dados da sensibilidade afetam a propriedade do tra o atual 3 Clicar em OK Posicionamento de tra os em tra ados Por padr o o tra o de pincel de um objeto centralizado no tra ado poss vel posicionar o tra o de pincel inteiramente dentro ou fora do tra ado Isso per
507. os ser o movidos em conjunto Ov vAaNaIsgo 4 Clicar entre as miniaturas de m scara no painel Layers Esse procedimento volta a vincular os objetos com m scara m scara Para mover uma m scara de forma independente com o uso de sua al a de movimenta o 1 Selecionar a m scara na tela com a ferramenta Pointer Ponteiro 2 Selecionar a ferramenta Subselection Selecionar secund rio e arrastar a al a de movimenta o da m scara para uma nova posi o Mascaramento de imagens 261 Para mover objetos com m scara de forma independente da m scara com o uso da al a de movimenta o 1 Selecionar a m scara na tela com a ferramenta Pointer Ponteiro 2 Arrastar a al a de movimenta o para a nova posi o Os objetos s o movidos sem afetar a posi o da m scara LJ L S Se houver mais de um objeto com m scara todos ser o movidos em conjunto dp m I lt D gt Q D o Para mover objetos com m scara independentemente uns dos outros m Clicar no objeto com a ferramenta Subselect Selecionar secund rio para selecion lo e em seguida arrast lo Essa a nica forma de selecionar e mover um nico objeto com m scara sem mover outros objetos com m scara Modifica o da apar ncia de uma m scara A modifica o da forma e cor de uma m scara altera a visibilidade dos objetos com m scara A forma de uma m scara de bitmap pode ser alterad
508. ou desbloquear todas as guias m Selecionar View Exibir gt Guides Guias gt Lock Guides Bloquear guias Para remover uma guia m Arrastar a guia para fora da tela Uso da grade A grade do Fireworks exibe um sistema de linhas horizontais e verticais na tela A grade til para posicionar objetos com precis o Al m disso poss vel exibir editar redimensionar e alterar a cor da grade a A grade n o reside em uma camada nem exportada com um documento Ela apenas uma ferramenta de design m pi lt gt QO gt o Para exibir e ocultar a grade m Selecionar View Exibir gt Grid Grade gt Show Grid Mostrar grade Para alinhar objetos grade m Selecionar View Exibir gt Grid Grade gt Snap to Grid Alinhar grade Para alterar a cor da grade 1 Selecionar View Exibir gt Grid Grade gt Edit Grid Editar grade 2 Selecionar a nova cor da grade na janela pop up da caixa de cor e clicar em OK Para alterar o tamanho das c lulas da grade 1 Selecionar View Exibir gt Grid Grade gt Edit Grid Editar grade 2 Digitar os valores adequados nas caixas de texto de espa amento horizontal e vertical e clicar em OK Ambiente de trabalho do Fireworks 55 Uso do painel History para desfazer e repetir v rias a es Com o painel History Hist rico poss vel exibir modificar e repetir as a es executadas para criar o documento O p
509. ovidade o usu rio poder usar o Export Wizard Assistente de exporta o O assistente orienta atrav s do processo de exporta o e sugere configura es Ele tamb m exibe a Image Preview Visualiza o de imagem onde poss vel otimizar um documento como parte do processo de exporta o Se estiver familiarizado com as tarefas de otimiza o e exporta o de gr ficos o usu rio poder usar as outras ferramentas dispon veis no Fireworks para executar essas tarefas Para otimizar poss vel usar o painel Optimize Otimizar e os bot es de visualiza o na janela do documento Elas oferecem maior controle sobre o processo de otimiza o Para exportar poss vel usar a caixa de di logo Export Exportar ou o bot o Quick Export Exporta o r pida Em alguns casos o usu rio pode simplesmente salvar o gr fico sem exportar Para mais informa es consultar Salva de documentos em outros formatos na p gina 31 O bot o Quick Export torna mais f cil a exporta o de gr ficos para uso em outros aplicativos atrav s da configura o autom tica das op es apropriadas na caixa de di logo Export Se o Fireworks for usado com outros aplicativos o bot o Quick Export poder simplificar o fluxo de trabalho de cria o 377 Este cap tulo abrange os seguintes t picos Sobre QUMIZA O ss csat re etapa ds LT E DES a ir DE Et ES SD E 378 Usado Export Wizard ecrsrrispet cabrien obk TE EERE EREDA ARAR EARS
510. p up Para mais informa es sobre a remo o permanente de Live Filters consultar Remo o de Live Filters na p gina 231 Aplica o de bordas chanfradas A aplica o de uma borda chanfrada a um objeto cria uma apar ncia de alto relevo poss vel criar um chanfro interno ou um chanfro externo Um ret ngulo com Inner Bevel Chanfro interno e Outer Bevel Chanfro externo Para aplicar uma borda chanfrada a um objeto selecionado 1 Clicar no bot o Add Live Filters Adicionar filtros ao vivo no Property inspector Inspetor de propriedades e selecionar uma op o de chanfro no menu pop up a Bevel and Emboss Chanfro e relevo gt Inner Bevel Chanfro interno a Bevel and Emboss gt Outer Bevel Chanfro externo 2 Editar as configura es do filtro na janela pop up 3 Clicar fora da janela ou pressionar Enter para fech la 226 Cap tulo 8 Uso de Live Filters Aplica o de relevo poss vel usar o Live Filter Filtro ao vivo Emboss Relevo para que uma imagem um objeto ou um texto pare a estar em alto ou baixo relevo na tela Um objeto com Inset Emboss Interiorizar relevo e Raised Emboss Relevo elevado Para aplicar um filtro Emboss 1 Clicar no bot o Add Live Filters Adicionar filtros ao vivo no Property inspector Inspetor de propriedades e selecionar uma op o de relevo no menu pop up Bevel and Emboss Chanfro e relevo gt Inset Emboss Interiorizar relevo a Bevel
511. parente Com isso quando o gr fico exportado ou em alguns casos salvo e colocado em uma p gina da Web com uma cor de fundo diferente os pixels do per metro do objeto com suaviza o de serrilhado podem sobressair no fundo da p gina da Web Esses pixels formam a aur ola que pode ser observada especialmente em um fundo escuro O usu rio pode impedir com facilidade a forma o de aur olas em arquivos PNG nativos do Fireworks e em arquivos importados do Photoshop No entanto para outros tipos de arquivo como o GIF ser necess rio remover a aur ola manualmente Para impedir a forma o de aur olas em arquivos PNG nativos do Fireworks e em arquivos importados do Photoshop seguir um destes procedimentos m Definir a Canvas Color Cor da tela no Property inspector Inspetor de propriedades ou a Matte Color Cor mate no painel Optimize Otimizar para a cor do fundo da p gina da Web de destino m Escolher o objeto a ser exportado e selecionar Hard Acentuado no menu pop up Edge Borda do Property inspector Para remover manualmente uma aur ola de um GIF ou outro arquivo gr fico 1 Como arquivo aberto no Fireworks clicar no bot o Preview Visualizar 2 Up 2 para cima ou 4 Up 4 para cima no canto superior esquerdo da janela do documento Na exibi o 2 Up ou 4 Up clicar em uma exibi o que n o seja a original 406 Cap tulo 14 Otimiza o e exporta o 2 Nomenu pop up Transparency Transpar nci
512. parte inferior do painel History As etapas marcadas com um X n o podem ser repetidas e n o ser o reproduzidas Linhas separadoras indicam que foi selecionado um objeto diferente 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 Selecionar uma faixa de etapas 514 Cap tulo 16 Automatiza o de tarefas repetitivas 2 Clicar no bot o Copy Steps to Clipboard Copiar etapas na rea de transfer ncia na parte inferior do painel History 3 Selecionar um ou mais objetos em qualquer documento do Fireworks 4 Selecionar Edit Editar gt Paste Colar Para repetir a ltima etapa m Selecionar Edit gt Repeat Command Script Repetir script de comando Sobre a cria o de scripts com JavaScript Para reduzir o t dio de algumas tarefas repetitivas o usu rio pode escrever seu pr prio c digo em JavaScript em um editor de texto e execut lo no Fireworks Ele pode controlar quase todos os comandos ou configura es do Fireworks com JavaScript O Macromedia Dreamweaver tamb m usa JavaScript poss vel escrever scripts que controlem o Fireworks de dentro do Dreamweaver Para obter documenta o sobre a API de JavaScript consultar Extending Fireworks Extens o dos recursos do Fireworks Sobre a cria o de scripts com arquivos SWF do Flash Com o Flash poss vel criar filmes
513. pincel preenchimentos e caminhos de realce As op es Stroke and Fill Tra o e Preenchimento n o alteram automaticamente as cores exibidas nas caixas de cores do painel Tools Ferramentas elas permitem alterar as cores padr o especificadas pelo bot o Set Default Stroke Fill Colors Definir tra o padr o cores de preenchimento no painel Tools Interpolation Interpola o define um dos quatro diferentes m todos de dimensionamento usados pelo Fireworks para interpolar pixels quando as imagens s o dimensionados m A interpola o bic bica proporciona na maioria das vezes a melhor e mais precisa qualidade no resultado e o m todo de dimensionamento padr o m A interpola o Bilinear proporciona resultados mais precisos do que a interpola o Soft Suave mas n o tanto quanto a Bicubic Bic bica m A interpola o Soft usada no Fireworks 1 oferece um desfoque suave e elimina os detalhes precisos Este m todo til quando outros produzem artefatos indesejados m A interpola o Nearest Neighbor Vizinho mais pr ximo resulta em bordas dentadas e contrastes agu ados sem desfoque O efeito semelhante ao de aumentar ou reduzir uma imagem usando a ferramenta Zoom Show Tab Icons Mostrar cones de guias desmarcada por padr o Essa op o permite exibir ou ocultar os cones gr ficos em guias de pain is que estavam vis veis em vers es anteriores do Fireworks Ela tamb m afeta a exibi o de Mini Launche
514. poligonal que permite o desenho de fatias com qualquer forma poligonal Tamb m poss vel inserir uma fatia sobre o tra ado vetorial para criar formas de fatia irregulares Para desenhar um objeto de fatia poligonal 1 Selecionar a ferramenta Polygon Slice Fatia poligonal 2 Clicar para posicionar os pontos vetoriais do pol gono A ferramenta Polygon Slice Fatia poligonal desenha apenas segmentos de linhas retas 3 Ao desenhar um objeto de fatia poligonal em torno de objetos com bordas suaves certificar se de incluir todo o objeto para evitar a cria o de bordas acentuadas indesejadas no gr fico da fatia Cria o e edi o de fatias 297 4 Para interromper o uso da ferramenta Polygon Slice Fatia poligonal selecionar outra ferramenta no painel Tools Ferramentas N o necess rio clicar no primeiro ponto novamente para fechar o pol gono E Evitar o uso de fatias poligonais em excesso uma vez que elas exigem muito mais 0 c digo JavaScript do que fatias retangulares semelhantes O uso excessivo de fatias g poligonais pode aumentar o tempo de processamento do navegador da Web lt D gt O D o Para criar uma fatia retangular ou poligonal a partir de um objeto vetorial ou tra ado 1 Selecionar um tra ado vetorial 2 Selecionar Edit Editar gt Insert Inserir gt Insert Rectangular Slice Inserir fatia retangular ou Insert Polygon Slice Inserir fatia poligonal
515. preenchimento com padr o Estes s o os formatos de arquivo que podem ser usados como padr o PNG GIF JPEG BMP TIFF e PICT somente Macintosh Quando um preenchimento com 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 ficar opaca Quando um novo padr o adicionado seu nome aparece no menu pop up Pattern Name Nome do padr o da janela pop up Fill Options Op es de preenchimento Aplica o de um preenchimento d grad ou com padr o 213 Para criar um novo padr o a partir de um arquivo externo 1 Com as propriedades do objeto vetorial exibidas no Property inspector Inspetor de propriedades selecionar Pattern Padr o no menu pop up Fill Options 2 Clicar na caixa Fill Color Cor de preenchimento e selecionar Other Outro no menu pop up Pattern Name Nome do padr o 3 Navegar at o arquivo de bitmap que deseja usar como o novo padr o e clicar em Open Abrir O novo padr o adicionado lista Pattern Name Nome do padr o em ordem alfab tica Aplica o de um preenchimento d grad As categorias de preenchimento al m de None Nenhum Solid S lido Pattern Padr o e Web Dither Pontilhamento Web s o preenchimentos d grad Esses preenchimentos misturam cores para criar v rios efeitos E Dx e E Objetos com v rios preenchimentos d grad Para aplicar um preenchimento d grad
516. ptimize Otimizar Caso contr rio n o ser poss vel ver a nenhum movimento ao visualizar o documento no navegador Isso ser necess rio mesmo se o usu rio planejar importar uma anima o no Flash como um arquivo Ea SWF ou PNG Fireworks o Exporta o de uma anima o Depois de configurar os s mbolos e molduras que comp em uma anima o poss vel exportar o arquivo como uma anima o Antes de exportar os arquivos necess rio definir algumas configura es para fazer com que a anima o seja carregada e reproduzida mais facilmente poss vel definir configura es de reprodu o como ciclo e transpar ncia e usar a otimiza o para tornar o arquivo exportado menor e mais f cil de ser transferido S Se o usu rio planejar a importa o de uma anima o no Macromedia Flash para edi o 0 posterior n o ser necess rio export la O Flash pode importar diretamente arquivos E de origem PNG do Fireworks Para mais informa es consultar Trabalho com o lt Macromedia Flash na p gina 458 D gt QO gt o Defini o da repeti o de uma anima o A configura o de Loop Ciclo no painel Frames Molduras determina o n mero de repeti es da anima o Esse recurso executa v rios ciclos com as molduras possibilitando a minimiza o do n mero de molduras necess rias para construir a anima o Para definir a repeti o da anima o
517. quivo de textura para usar uma textura externa 3 Digitar uma porcentagem de 0 a 100 para controlar a profundidade da textura Aumentar a porcentagem aumenta a intensidade da textura 220 Cap tulo 7 Aplica o de cor tra os e preenchimentos 4 Selecionar Transparent Transparente para introduzir um n vel de transpar ncia no preenchimento A porcentagem de textura tamb m controla o grau de transpar ncia Adi o de uma textura personalizada Existe a op o de usar arquivos de bitmap do Fireworks e de outros aplicativos como texturas poss vel aplicar texturas a partir de arquivos nos seguintes formatos PNG GIF JPEG BMP TIFF e PICT somente Macintosh Quando uma nova textura adicionada seu nome aparece no menu pop up Texture Name Nome da textura Para criar uma nova textura a partir de um arquivo externo 1 Com as propriedades do objeto vetorial exibidas no Property inspector Inspetor de propriedades selecionar Other Outra em qualquer um dos menus pop up Texture Name Nome da textura 2 Navegar at o arquivo de bitmap que deseja usar como a nova textura e clicar em Open Abrir A nova textura adicionada lista Texture Name em ordem alfab tica Adi o de textura a tra os e preenchimentos 221 222 Cap tulo 7 Aplica o de cor tra os e preenchimentos CAP TULO 8 Uso de Live Filters Os Live Filters Filtros ao vivo do Macromedia Fireworks 8 s o melhorias qu
518. quivo externo Swap Image Restore Restaurar imagem de troca restaura o objeto alvo apar ncia padr o na Frame 1 Moldura 1 Set Nav Bar Image Definir imagem da barra de navega o define uma fatia para fazer parte de uma barra de navega o do Fireworks Cada fatia que fa a parte da barra de navega o deve ter este comportamento A op o Set Nav Bar Image Definir imagem da barra de navega o na verdade um grupo de comportamentos que cont m os comportamentos Nav Bar Over Sobre na barra de navega o Nav Bar Down Abaixo na barra de navega o e Nav Bar Restore Restaurar barra de navega o Esse comportamento definido automaticamente por padr o ao se usar o Button Editor Editor de bot o para criar um bot o que inclua um estado Include Over While Down Incluir Sobre durante o estado Abaixo ou Show Down Image Upon Load Mostrar imagem abaixo durante carregamento Ao se criar um bot o com dois estados um comportamento de rollover simples atribu do sua fatia Ao se criar um bot o com tr s ou quatro estados um comportamento Set Nav Bar Image Definir imagem da barra de navega o atribu do sua fatia Para mais informa es sobre bot es consultar Cria o de s mbolos de bot es na p gina 330 310 Cap tulo 11 Fatias rollovers e pontos ativos Nav Bar Over Sobre na barra de navega o especifica o estado Over Sobre para a fatia selecionada no momento quando ela faz parte d
519. r 81 Zoom 44 ferramentas de transforma o Distort Distorcer 85 Scale Dimensionar 83 Skew Inclinar 84 File Management Gerenciamento de arquivo bot o 432 457 File Management Gerenciamento de arquivo menu 457 Fill Color Cor de preenchimento caixa 96 Fill Color Cor de preenchimento Live Filter Filtro ao vivo 272 filmes SWF 518 filmes SWF do Flash 518 filtros Add Noise Adicionar ru do 126 Blur Emba ar 119 Blur More Emba amento maior 119 Brightness Contrast Brilho Contraste 114 Find Edges Localizar bordas 122 Gaussian Blur Desfoque Gaussiano 120 Hue Saturation Matiz Satura o 116 Invert Inverter 118 Motion Blur Emba amento de movimento 120 plug ins do Photoshop 229 Radial Blur Emba amento radial 121 Sharpen Agu ar 123 Sharpen More Agu amento maior 123 Unsharp Mask Desfocar m scara 124 Zoom Blur Emba amento de zoom 121 Find Localizar painel 39 Find and Replace Localizar e substituir painel 494 497 Find Edges Localizar bordas filtro 122 Fit to Canvas Ajustar tela 51 Flatten Selection Nivelar sele o comando 93 fluxo de trabalho no Fireworks 16 fontes estilos 169 localizar e substituir 497 tamanhos do tipo 169 tratar ausentes 186 formas 18 formato de arquivo ACT exemplos 194 formato de arquivo BMP 390 formato de arquivo GIF escolher 390 escolher uma paleta de cores 391 exemplos 194 formato de arquivo PICT 390 formato de arquivo PNG escolher 390
520. r Cor de preenchimento no painel Tools Ferramentas Ov vAHaIsgo 224 Cap tulo 8 Uso de Live Filters O usu rio pode personalizar cada Live Filter para obter a apar ncia desejada Quando ele seleciona filtros para a corre o de cores s o abertas caixas de di logo com controles para ajustar as caracter sticas das cores como os n veis autom ticos o brilho e o contraste o matiz e a satura o a invers o as curvas e o preenchimento colorido Quando ele seleciona o filtro Bevel Chanfro Blur Emba ar Emboss Relevo Glow Brilho Shadow Sombra ou Sharpen Agu ar uma caixa de di logo ou uma janela pop up aberta e nela poss vel ajustar as configura es do filtro Quando ele seleciona um filtro para emba ar ou agu ar esse filtro aplicado diretamente ao objeto Testar as configura es at obter a apar ncia desejada Para alterar as configura es do filtro posteriormente consultar Edi o de Live Filters na p gina 230 Largura de chanfro Contraste Suavidade ngulo de chanfro Raised Chanfro de bot o predefinido Janela pop up Inner Bevel Chanfro interno Para aplicar um Live Filter a objetos selecionados 1 Clicar no bot o Add Live Filters Adicionar filtros ao vivo no Property inspector Inspetor de propriedades e selecionar um filtro no menu pop up Add Filters Adicionar filtros O filtro adicionado lista Filters para o objeto selecionado
521. r Mini iniciador na parte inferior da janela do documento Saving files Salvar arquivos Add Preview Icons Adicionar cones de visualiza o somente Macintosh permite exibir ou ocultar miniaturas de arquivos PNG do Fireworks no seu disco r gido Se a sele o desta op o for cancelada o cone tradicional do Fireworks usado para arquivos PNG do Fireworks ser exibido Esta op o entra em vigor depois que o arquivo salvo 520 Cap tulo 17 Prefer ncias e atalhos de teclado Edi o de prefer ncias As prefer ncias de edi o controlam a apar ncia do ponteiro e as dicas visuais para trabalhar com objetos bitmap Precise Cursors Cursores precisos substitui os ponteiros de cone de ferramenta pelo ponteiro em forma de cruz Delete Objects While Cropping Excluir objetos ao cortar exclui permanentemente pixels ou objetos fora da caixa delimitadora de uma sele o quando o usu rio seleciona Edit Editar gt Crop Document Cortar documento ou Modify Modificar gt Canvas Tela gt Canvas Size Tamanho da tela Brush Size Painting Cursors Cursores para pintar do tamanho do pincel define o tamanho e a forma dos ponteiros da ferramenta Brush Pincel Eraser Borracha Blur Emba ar Sharpen Agu ar Dodge Clarear Burn Escurecer e Smudge Mancha para mostrar com precis o aquilo que o usu rio est prestes a desenhar ou apagar Para alguns pinc is grandes com v rias pontas o ponteiro em forma
522. r ncia de todas as ocorr ncias do bot o em uma barra de navega o Para mais informa es sobre s mbolos consultar Uso de s mbolos na p gina 279 m poss vel editar o texto URL e alvo para uma ocorr ncia de bot o sem afetar outras ocorr ncias do mesmo bot o e sem quebrar a rela o s mbolo ocorr ncia m A ocorr ncia do bot o encapsulada Quando a ocorr ncia do bot o no documento arrastada o Fireworks move todos os componentes e estados a ela associados eliminando assim a necessidade de editar v rias molduras m Editar um bot o f cil Basta clicar duas vezes na ocorr ncia na tela para poder alter la no Button Editor ou no Property inspector Inspetor de propriedades m Como qualquer s mbolo os bot es t m um ponto de registro O ponto de registro um ponto central que ajuda no alinhamento do texto e dos diferentes estados do bot o enquanto no Button Editor Sobre os estados do bot o Um bot o pode ter at quatro estados Cada estado representa a apar ncia do bot o em resposta a um evento do mouse O estado Up Acima o padr o ou a apar ncia do bot o em repouso O estado Over Sobre representa a apar ncia do bot o quando o ponteiro passa sobre ele Esse estado alerta os usu rios de que o clique no mouse provavelmente resultar em uma a o O estado Down Abaixo representa o bot o ap s o usu rio clicar nele comum utilizar se uma imagem c ncava do bot o para indi
523. r ncia usada na Web 9 Por padr o as imagens GIF s o exportadas sem transpar ncia no Fireworks Mesmo que a tela por tr s de uma imagem ou um objeto seja transparente na exibi o Original au no Fireworks isso n o significa que o fundo dessa imagem ser transparente quando x ela for exportada como GIF para uso na Web Ser necess rio selecionar Index p Transparency Transpar ncia do ndice antes da exporta o o Tamb m poss vel usar a transpar ncia alfa embora n o seja usada com frequ ncia em gr ficos da Web porque somente o formato PNG a suporta e a maioria dos navegadores da Web n o suporta esse formato A transpar ncia alfa usada com fregii ncia em gr ficos exportados que cont m transpar ncia d grad e pixels semi opacos A transpar ncia alfa tamb m til para exportar arquivos para o Macromedia Flash ou Director pois ambos oferecem suporte a esse tipo de transpar ncia a A configura o de cores para transpar ncias afeta somente a vers o exportada da imagem n o a imagem real poss vel ver qual a apar ncia da imagem exportada em m i L A x p MOA 7 uma visualiza o Para informa es sobre bot es de visualiza o de documento consultar Visualiza o e compara o de configura es de otimiza o na p gina 387 Q D o Para selecionar uma cor para transpar ncia 1 Clicar no bot o Preview 2 Up ou 4 Up no canto super
524. r da moldura atual poss vel usar a ferramenta Select Behind Selecionar atr s para selecionar objetos em molduras de maneira sequencial 370 Cap tulo 13 Cria o de anima o Para ajustar o n mero de molduras vis veis antes e depois da moldura atual 1 No painel Frames clicar no bot o Onion Skinning Op es de transpar ncia 2 Selecionar uma op o de exibi o No Onion Skinning Sem onion skin desativa o recurso onion skinning e exibe somente o conte do da moldura atual Show Next Frame Mostrar pr xima moldura exibe o conte do da moldura atual e da pr xima moldura Before and After Antes e depois exibe o conte do da moldura atual e das adjacentes Show All Frames Mostrar todas as molduras exibe o conte do de todas as molduras Custom Personalizar define um n mero personalizado de molduras e controla a opacidade do onion skinning Multi Frame Editing Edi o de v rias molduras permite selecionar e editar todos os objetos vis veis Cancelar a sele o dessa op o para selecionar e editar objetos somente na moldura atual Interpola o Tweening Interpola o um termo tradicional em anima o que descreve o processo no qual um animador chefe desenha somente as molduras principais molduras que cont m as altera es principais enquanto os assistentes desenham as molduras intermedi rias No Fireworks a interpola o mistura duas ou mais ocorr ncias do mesmo s mbolo criando ocorr
525. r de propriedades selecionar HTML no menu pop up Type Tipo 3 Clicar em Edit Editar 4 Digitar o texto na janela Edit HTML Slice Editar fatia HTML e format lo caso desejado com a adi o de tags de formata o de texto HTML Como alternativa poss vel adicionar tags de formata o de texto HTML ao HTML depois que ele for exportado por meio de um editor de texto ou editor de HTML como o Macromedia Dreamweaver Ov vANaIsgo 5 Clicar em OK para aplicar as altera es e fechar a janela Edit HTML Slice Editar fatia HTML 296 Cap tulo 11 Fatias rollovers e pontos ativos O texto e as tags de HTML inclu dos aparecem no arquivo PNG do Fireworks no corpo da fatia como c digo HTML puro z A apar ncia das fatias de texto HTML pode variar quando visualizadas em 0 navegadores e sistemas operacionais diferentes porque o tamanho e tipo das 4 fontes podem ser configurados no navegador lt gt Q D 6 Cria o de fatias n o retangulares Fatias retangulares podem ser insuficientes ao se tentar incorporar interatividade a uma imagem n o retangular Se o usu rio desejar acrescentar um efeito de rollover a uma fatia por exemplo e os objetos de fatia se sobrepuserem ou tiverem formas irregulares uma fatia retangular poder trocar imagens de fundo indesejadas com a imagem de troca O Fireworks resolve este problema com o uso da ferramenta Polygon Slice Fatia
526. r fornece prefer ncias de inicializa o autom tica de aplicativos espec ficos para editar determinados tipos de arquivos Para usar os recursos de inicializa o e edi o do Fireworks necess rio defini lo como o principal editor de arquivos GIF JPEG e PNG no Dreamweaver Embora seja poss vel usar vers es anteriores do Fireworks como editores de imagem externos essas vers es oferecem recursos limitados de inicializa o e edi o Quando o trabalho executado com o Roundtrip HTML o Fireworks MX e o Fireworks 4 n o suportam totalmente as edi es efetuadas em propriedades de c lulas de tabelas do Dreamweaver nem comportamentos aplicados no Dreamweaver O Fireworks 3 n o suporta completamente a abertura e a edi o de tabelas e fatias de tabelas enquanto o Fireworks 2 n o suporta a abertura e a edi o de arquivos PNG de origem de imagens sa Como o Fireworks o editor externo de imagem padr o no Dreamweaver a configura o dessa prefer ncia s ser necess ria se ocorrer algum problema de Mi Esso rena 7 inicializa o do Fireworks 8 no Dreamweaver lt D gt QO gt o Para definir o Fireworks como o principal editor externo de imagem no Dreamweaver 1 No Dreamweaver escolher Edit Editar gt Preferences Prefer ncias e em seguida selecionar File Types Editors Tipos de arquivos editores 2 Na lista Extensions Extens es selecionar uma extens o de arquiv
527. r imagens do Fireworks colocadas no HomeSite 1 No HomeSite salvar o documento 2 Seguir um destes procedimentos m Clicar com o bot o direito no arquivo da imagem em uma das guias Files Arquivos na janela Resources Recursos m Clicar com o bot o direito na imagem na guia Thumbnails Miniaturas da janela Results Resultados a Clicar com o bot o direito do mouse na tag img associada no c digo HTML na guia Edit Editar da janela do documento 3 Selecionar Edit in Macromedia Fireworks Editar no Macromedia Fireworks no menu pop up O Homesite inicia o Fireworks se ele ainda n o estiver aberto 4 Quando solicitado especificar se necess rio localizar um arquivo de origem do Fireworks para a imagem colocada Para mais informa es sobre arquivos PNG de origem do Fireworks consultar a Ajuda do Fireworks 5 Editar a imagem no Fireworks A janela do documento indica que o usu rio est editando uma imagem do Fireworks em outro aplicativo 6 Quando terminar a edi o clicar em Done Conclu do na janela do documento A imagem atualizada exportada de volta para o HomeSite e o arquivo PNG de origem salvo caso um arquivo de origem tenha sido selecionado Trabalho com o Adobe Photoshop O Fireworks oferece excelente suporte importa o de arquivos nativos do Photoshop PSD com op es de manuten o de v rios aspectos dos arquivos importados inclusive camadas m scaras e texto edit vel Como resultad
528. r indica o tamanho do ponteiro em pixels Para definir a intensidade do c rculo interno do ponteiro de mudan a de forma da rea m Digitar um valor de 1 a 100 na caixa de texto Strength For a do Property inspector Inspetor de propriedades O valor indica a porcentagem de intensidade potencial do ponteiro Quanto maior a porcentagem maior ser a intensidade Redesenho de tra ados poss vel usar a ferramenta Redraw Path Redesenhar tra ado para redesenhar ou estender um segmento de um tra ado selecionado mantendo suas caracter sticas de tra o preenchimento e efeitos Para redesenhar ou estender o segmento de um tra ado selecionado 1 No menu pop up Pen Caneta selecionar a ferramenta Redraw Path Redesenhar tra ado 2 Caso seja prefer vel alterar o n vel de precis o da ferramenta Redraw Path selecionando um n mero no menu pop up da caixa Precision Precis o do Property inspector Inspetor de propriedades Quanto maior o n mero selecionado maior o n mero de pontos exibidos no tra ado 3 Mover o ponteiro diretamente sobre o tra ado O ponteiro transformado no ponteiro de redesenho de tra ado 4 Edi o de tra ados 155 4 Arrastar o mouse para redesenhar ou estender um segmento de tra ado A parte do tra ado a ser redesenhada est real ada em vermelho 5 Soltar o bot o do mouse Altera o da apar ncia de um tra ado por press o e velocidade variada poss vel alter
529. r na seta expansora no canto direito inferior para expandi lo com a altura total m pe lt D gt O D 6 Desenho de estrelas e pol gonos b sicos Com a ferramenta Polygon Pol gono poss vel desenhar qualquer pol gono equil tero ou estrela desde um tri ngulo at um pol gono ou uma estrela com 360 lados Para desenhar um pol gono 1 Na se o Vector Vetor do painel Tools Ferramentas selecionar a ferramenta Polygon Pol gono que uma das ferramentas b sicas de desenho de forma 2 No Property inspector Inspetor de propriedades seguir um destes procedimentos para especificar o n mero de lados do pol gono Usar o controle deslizante pop up Sides Lados para selecionar de 3 a 25 lados a Digitar um n mero de 3 a 360 na caixa de texto Sides Lados 130 Cap tulo 5 Trabalho com objetos vetoriais 3 Arrastar o mouse para desenhar o pol gono Para limitar a orienta o do pol gono a incrementos de 45 graus manter pressionada a tecla Shift ao desenhar A ferramenta Polygon Pol gono sempre desenha a partir de um ponto central Para desenhar uma estrela 1 Selecionar a ferramenta Polygon Pol gono 2 No Property inspector Inspetor de propriedades selecionar Star Estrela no menu pop up Shape Forma 3 Na caixa de texto Sides Lados digitar o n mero de pontos para a estrela 4 Na caixa de texto Angle Angulo selecionar Automatic Autom tico
530. r o Undo Marker Marcador do Desfazer para cima no painel at atingir a ltima etapa que deseja desfazer ou refazer Clicar na trilha do Undo Marker esquerda do painel History Ov vANaIsgo Etapas desfeitas permanecem no painel History real adas em cinza Para alterar o n mero de etapas no painel History 1 Selecionar Edit Editar gt Preferences Prefer ncias Windows ou Fireworks gt Preferences Macintosh Extens o dos recursos do Fireworks 513 2 Alterar Undo Steps Etapas de desfazer para o n mero de etapas que deseja que o painel History registre Etapas adicionais requerem mais mem ria do computador OY VAYASgO Para limpar todas as etapas do painel History m Selecionar Clear History Limpar hist rico no menu Options Op es do painel History para liberar espa o na mem ria e em disco Limpar a es do painel History remove a possibilidade de desfazer edi es go OY VA XAS Execu o de um comando E poss vel executar comandos gravados ou uma sele o de a es no painel History a qualquer momento Para reproduzir um comando salvo 1 Se necess rio selecionar um ou mais objetos 2 Selecionar o comando no menu Commands Comandos Para reproduzir uma sele o de etapas 1 Selecionar um ou mais objetos 2 Selecionar as etapas no painel History Hist rico 3 Clicar no bot o Replay Reproduzir na
531. r o documento m Agrupar objetos individuais para trat los como se fossem um ou proteger o relacionamento de cada objeto com os outros integrantes do grupo 86 Cap tulo 3 Sele o e transforma o de um objeto m Posicionar objetos atr s ou na frente de outros objetos A maneira como os objetos s o organizados denominada ordem de empilhamento m Alinhar objetos selecionados em uma rea da tela ou em um eixo vertical ou horizontal Agrupamento de objetos E poss vel agrupar objetos individuais selecionados e em seguida manipul los como se fossem um nico objeto Por exemplo depois de desenhar as p talas de uma flor como objetos individuais poss vel agrup las para selecionar e mover a flor inteira como um nico objeto O usu rio pode editar grupos sem agrup los Pode tamb m selecionar um objeto individual de um grupo para editar sem agrupar os objetos Al m disso ele pode desagrupar os objetos a qualquer momento Para agrupar dois ou mais objetos selecionados m Selecionar Modify Modificar gt Group Agrupar Para desagrupar objetos selecionados m Selecionar Modify Modificar gt Ungroup Desagrupar Sele o de objetos dentro de grupos Para trabalhar com objetos individuais de um grupo poss vel desagrup los ou usar a ferramenta Subselection Selecionar secund rio para selecionar objetos individuais enquanto mant m o grupo intacto Ferramenta Subselection Quando os atribut
532. r para a Web usar arquivos JPEG Para mais informa es consultar Otimiza o de um JPEG na p gina 402 Otimiza o no espa o de trabalho 393 Remo o de cores n o utilizadas A remo o de cores n o utilizadas de uma imagem antes da exporta o ou salvamento diminui o tamanho do arquivo S Esta op o est dispon vel somente para os formatos de arquivo gr fico GIF e outros de 0 8 bits m Pu lt D gt QO D o Para remover cores n o usadas m No menu Options Op es do painel Optimize Otimizar selecionar Remove Unused Colors Remover cores n o usadas Para incluir todas as cores da paleta inclusive as que n o est o na imagem exportada ou salva m Cancelar a sele o de Remove Unused Colors Remover cores n o usadas Pontilhamento para aproximar cores perdidas O pontilhamento aproxima cores que n o est o na paleta atual atrav s da altern ncia de pixels coloridos de maneira semelhante A uma certa dist ncia as cores se misturam para criar a apar ncia da cor ausente O pontilhamento especialmente til quando s o exportadas imagens com misturas ou d grad s complexos ou imagens fotogr ficas para um formato de arquivo gr fico de 8 bits como o GIF O pontilhamento pode aumentar sensivelmente o tamanho do arquivo S A op o de pontilhamento est dispon vel somente para os formatos de arquivo gr fico 0 GIF outros de 8 bits e WBMP m
533. r uma otimiza o predefinida m No Property inspector Inspetor de propriedades ou no painel Optimize Otimizar selecionar uma predefini o no menu pop up Settings Configura es GIF Web 216 for a todas as cores para cores websafe A paleta de cores cont m at 216 cores consultar Otimiza o de arquivos GIF PNG TIFF BMP e PICT na p gina 391 GIF WebSnap 256 converte cores n o websafe nas cores websafe mais parecidas A paleta de cores cont m at 256 cores GIF WebSnap 128 converte cores n o websafe nas cores websafe mais parecidas A paleta de cores cont m at 128 cores GIF Adaptive 256 GIF adaptativa 256 uma paleta de cores que cont m somente as cores reais usadas no gr fico A paleta de cores cont m at 256 cores JPEG Better Quality JPEG Melhor qualidade define a qualidade para 80 e a suaviza o para 0 resultando em um gr fico de alta qualidade por m maior Otimiza o no espa o de trabalho 385 JPEG Smaller File JPEG Arquivo menor define a qualidade para 60 e a suaviza o para 2 resultando em um gr fico com menos da metade do tamanho de um JPEG de melhor qualidade mas com qualidade reduzida Animated GIF Websnap 128 GIF animado Websnap 128 define o formato do arquivo para GIF animado e converte cores n o websafe nas cores websafe mais parecidas A paleta de cores cont m at 128 cores Para mais informa es sobre tipos de arquivo consultar Escolha de um tipo de arq
534. ra o do Fireworks espec fica do usu rio Para mais informa es sobre a localiza o dessa pasta consultar Sobre os arquivos de configura o do usu rio na p gina 527 m No Macintosh as prefer ncias est o na pasta Library Preferences na pasta de usu rio Para mais informa es sobre a localiza o da sua pasta de usu rio do Macintosh consultar a Ajuda da Apple z No Macintosh a maioria dos arquivos de configura o do Fireworks espec ficos do 0 usu rio est armazenada em uma pasta diferente em sua pasta Application Support u espec fica do usu rio O arquivo Fireworks 8 Preferences uma exce o lt D gt QO gt o 528 Cap tulo 17 Prefer ncias e atalhos de teclado Sobre a reinstala o do Fireworks Quando o usu rio desinstala ou reinstala o Fireworks seus arquivos de configura o espec ficos do usu rio n o s o alterados na maioria dos sistemas Para reinstalar o Fireworks usando as configura es padr o o usu rio dever excluir manualmente os arquivos de configura o espec ficos do usu rio antes de reinstalar o aplicativo S Os arquivos de configura o espec ficos do usu rio est o armazenados na pasta 0 Application Data Windows ou Application Support Macintosh espec ficas do usu rio n Para informa es sobre a localiza o dessa pasta consultar Sobre os arquivos de configura o do usu rio na p gina 527 QO D o
535. ra no menu pop up e navegar at um arquivo de textura para usar uma textura externa poss vel aplicar texturas a partir de arquivos nos seguintes formatos PNG GIF JPEG BMP TIFF e PICT somente Macintosh Ov vANaIsgo 3 Digitar 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 poss vel adicionar uma textura a qualquer preenchimento O Fireworks oferece v rias texturas sua escolha como Chiffon Oilslick Mancha de leo e Sandpaper Lixa Mas tamb m permite o uso de arquivos de bitmap como texturas Isso permite criar praticamente qualquer tipo de textura personalizada Para adicionar textura ao preenchimento de um objeto selecionado 1 Seguir um destes procedimentos para abrir o menu pop up Fill Texture Textura do preenchimento m Clicar no menu pop up Fill Texture no Property inspector Inspetor de propriedades No painel Tools Ferramentas clicar na caixa Fill Color Cor de preenchimento em Fill Options Op es de preenchimento e em seguida clicar no menu pop up Texture Textura 2 Seguir um destes procedimentos m Selecionar uma textura no menu pop up Selecionar Other Outra no menu pop up e navegar at um ar
536. ra selecionar a moldura desejada na lista do lado esquerdo da caixa de di logo ou utilizar os controles de moldura na rea inferior direita da caixa de di logo m Para reproduzir a anima o clicar no controle Play Stop Reproduzir Parar na rea inferior direita da caixa de di logo 3 Fazer as edi es na anima o m Para especificar o m todo de elimina o de moldura selecionar a moldura desejada na lista e escolher uma op o no menu pop up indicado pelo cone de lixeira m Para definir o retardo de moldura selecionar a moldura desejada na lista e digitar o tempo de retardo em cent simos de segundo no campo Frame Delay Retardo de moldura Image Preview Options File Animation m Para configurar a anima o de modo a reproduzi la repetidamente clicar no bot o Looping Ciclos e selecionar o n mero desejado de repeti es no menu pop up Uso do Export Wizard 383 Selecionar a op o Auto Crop Cortar autom tico para cortar cada moldura como uma rea retangular de forma que a sa da s inclua a rea da imagem que diferir entre as molduras A sele o dessa op o reduz o tamanho do arquivo Selecionar a op o Auto Difference Diferen a autom tica para que a sa da s inclua os pixels alterados de uma moldura para a outra A sele o dessa op o reduz o tamanho do arquivo Otimiza o no espa o de trabalho A exporta o de gr ficos para uso na Web um processo em duas
537. ra mostrar ou ocultar a rea do painel encaixado Uso do menu Options de um painel ou de um grupo de pain is Cada painel ou grupo de pain is tem um menu Options Op es que lista v rias op es espec ficas do painel ou do grupo de pain is ativo Um menu Options tamb m exibido no Property inspector Inspetor de propriedades exceto no Windows quando o Property inspector est desencaixado Add Frames Duplicate Frame Delete Frame Distribute to Frames v Auto Crop v Auto Difference Properties Help Group Frames with Rename Panel Group Close Panel Group Ambiente de trabalho do Fireworks 41 Para selecionar uma op o no menu Options de um painel ou de um grupo de pain is 1 Clicar no menu Options Op es no canto superior direito do painel ou do grupo de pain is para abrir o menu 2 Selecionar um item do menu Salva de layouts de pain is poss vel salvar o layout de pain is usando o menu Commands Comandos Na pr xima abertura do Fireworks os pain is s o organizados na mesma posi o no espa o de trabalho Para salvar um layout de espa o de trabalho 1 Selecionar Window Janela gt Workspace Layouts Layouts de espa o de trabalho gt Save Current Salvar atual 2 Nomear o layout do espa o de trabalho e clicar em OK Para abrir um layout de espa o de trabalho salvo m Selecionar Window Janela gt Workspace Layouts Layouts de espa o d
538. ra palavra Match Case Coincidir mai sc min sc faz distin o entre letras mai sculas e min sculas durante a pesquisa Regular Expressions Express es regulares coincide partes de palavras ou n meros condicionalmente durante uma pesquisa Localiza o e substitui o de fontes Tamb m h maneiras de localizar e substituir rapidamente fontes em documentos do Fireworks Para pesquisar e substituir fontes em um ou mais documentos do Fireworks 1 Selecionar Find Font Localizar fonte no menu pop up Find Localizar do painel Find 2 Selecionar a fonte e o estilo de fonte a serem localizados Existe a possibilidade de limitar a pesquisa por tamanhos de ponto m ximo e m nimo v la 3 Especificar a fonte o estilo da fonte e o tamanho do ponto a serem usados como substitui o na rea Change To Alterar para Localiza o e substitui o de cores E poss vel localizar todas as ocorr ncias de uma cor espec fica em documentos do Fireworks e em seguida alter la para outra cor Para pesquisar e substituir cores em documentos do Fireworks 1 Selecionar Find Color Localizar cor no menu pop up Find Localizar 2 Selecionar um item do menu pop up Apply To Aplicar a para determinar como as cores localizadas s o aplicadas Fills amp Strokes Preenchimentos e tra os localiza e substitui cores de preenchimento e tra o All Properties Todas as propriedades localiza e substitui
539. rastar e soltar a maneira mais f cil para tornar uma fatia interativa Para criar rapidamente uma interatividade simples basta arrastar a al a de comportamento de uma fatia e solt la na fatia alvo m O painel Behaviors Comportamentos permite criar interatividades mais complexas O painel Behaviors Comportamentos cont m uma s rie de comportamentos interativos que podem ser acrescentados s fatias poss vel criar efeitos interessantes com o acr scimo de v rios comportamentos a uma fatia nica Tamb m poss vel selecionar dentre diversos eventos de mouse que acionam comportamentos interativos Os comportamentos no Fireworks s o compat veis com os comportamentos no Macromedia Dreamweaver Ao se exportar um rollover do Fireworks para o Dreamweaver poss vel editar comportamentos do Fireworks com a utiliza o do painel Behaviors Comportamentos do Dreamweaver Transforma o de fatias em objetos interativos 303 Adi o de interatividade simples a fatias O m todo de rollover arrastar e soltar uma forma r pida e eficiente de criar efeitos de rollover e troca de imagem Especificamente o m todo de rollover arrastar e soltar permite determinar o que ocorre com uma fatia quando o ponteiro passa sobre ela Denomina se o resultado final uma imagem de rollover Imagens de rollover s o gr ficos que mudam de apar ncia em um navegador da Web ao se mover o ponteiro do mouse sobre eles Quando o usu rio sel
540. res Adaptive Adaptativa 391 anexar aos exemplos atuais 195 Black and White Preto e branco 392 bloquear cores 396 Custom Personalizada 392 definir n mero de cores 393 editar 397 Exact Exata 392 exibir 395 Grayscale Tons de cinza 392 importar 392 otimizar 397 salvar 398 Sistema Macintosh 392 Sistema Windows 392 Uniform Uniforme 392 Web 216 392 WebSnap Adaptative Adaptativa WebSnap 392 pasta de usu rio 527 Paste Inside Colar em comando 250 Pen Caneta ferramenta 143 adicionar pontos com 150 excluir pontos com 150 retomar tra ado 151 segmentos curvos 145 segmentos retos 143 Pencil L pis ferramenta 95 pesquisar 494 Consultar tamb m localizar e substituir Photoshop aplicar plug ins 230 camadas agrupadas 243 exportar para 489 importar arquivos para o Fireworks 484 instalar plug ins 230 m scaras de camada 257 padr es 523 personalizar arquivos para exportar 490 plug ins 487 523 prefer ncias de importa o 523 texturas 523 Photoshop e Fireworks exportar arquivos PSD do Fireworks 489 importar arquivos PSD para o Fireworks 485 Pick Distance Dist ncia de sele o prefer ncia 521 Pie Torta ferramenta 132 pinc is definir ponta 208 op es de tra o 208 salvar configura es 210 pixels 18 ajustar a faixa tonal usando o conta gotas 113 clonar 99 contrair borda da sele o 73 copiar 64 cortar 64 enevoar 98 expandir borda da sele o 73 faixa tonal 108 542 ndice remissivo mo
541. res mais pr ximas restantes na paleta Isto pode reduzir a qualidade da imagem go OY VA XAS A op o de intensidade da cor est dispon vel somente para os formatos de arquivo gr fico GIF e outros de 8 bits Para selecionar uma intensidade de cor m No menu pop up Colors Cores do painel Optimize Otimizar selecionar uma op o ou digitar um valor na caixa de texto poss vel selecionar de 2 at 256 cores go OY VA XAS O n mero de cores reais da imagem pode ser menor do que o n mero m ximo de cores selecionadas O n mero na base da tabela de cores indica o n mero real de cores vis veis na imagem Se n o houver nenhum n mero vis vel ser exibido o bot o Rebuild Reconstruir o que indicar a necessidade de reconstruir a paleta de cores Para mais informa es consultar Exibi o de cores em uma paleta na p gina 395 Para selecionar uma intensidade de cor al m de 256 cores m No menu pop up Export File Format Formato de arquivo de exporta o do painel Optimize Otimizar selecionar um formato de arquivo de 24 ou 32 bits OY VA YASgO As intensidades de cor maiores criam arquivos maiores e geralmente n o s o ideais para gr ficos da Web S usar intensidades de cor de 24 ou 32 bits ao exportar ou salvar imagens fotogr ficas com tons cont nuos ou misturas de cores com d grad complexo No caso de gr ficos com alta intensidade de co
542. res para abrir a janela pop up de cores e definir a cor da sombra a Para n o visualizar a sombra s lida desmarcar a caixa de sele o Preview Visualizar Quando terminar clicar em OK Para aplicar uma sombra interna ou outra sombra 1 3 Clicar no bot o Add Live Filters Adicionar filtros ao vivo no Property inspector Inspetor de propriedades e selecionar uma op o de sombra no menu pop up a Shadow and Glow Sombra e brilho gt Drop Shadow Aplicar sombra Shadow and Glow gt Inner Shadow Sombra interna Editar as configura es do filtro na janela pop up a Arrastar o controle deslizante Distance Dist ncia para definir a dist ncia entre a sombra e o objeto Selecionar a caixa de cores para abrir a janela pop up de cores e definir a cor da sombra m Arrastar o controle deslizante Opacity Opacidade para definir a porcentagem de transpar ncia da sombra m Arrastar o controle deslizante Softness Suavidade para definir a precis o da sombra m Arrastar o disco Angle ngulo para definir a dire o da sombra m Selecionar Knock Out Separa o para ocultar o objeto e exibir apenas a sombra Quando terminar clicar fora da janela ou pressionar Enter para fech la Para aplicar um brilho 1 Clicar no bot o Add Filters Adicionar filtros no Property inspector Inspetor de propriedades e selecionar Shadow and Glow Sombra e brilho gt Glow Brilho 228 Cap tulo 8 Uso d
543. reworks inserindo HTML do Fireworks Para importar uma imagem nivelada do Fireworks 1 2 3 No Director escolher File Arquivo gt Import Importar Navegar at o arquivo desejado e clicar em Import Alterar op es se desej vel na caixa de di logo Image Options Op es de imagem Para mais informa es sobre cada op o consultar Uso do Director Clicar em OK O gr fico importado aparece no elenco como um bitmap 476 Cap tulo 15 Uso do Fireworks com outros aplicativos Para importar conte do fatiado interativo ou com camadas do Fireworks 1 No Director escolher Insert Inserir gt Fireworks gt Images from Fireworks HTML Imagens HTML do Fireworks O local e o nome desse comando de menu podem variar de acordo com a vers o do Director Ov vANaIsgo 2 Localizar o arquivo HTML do Fireworks exportado para usar no Director A caixa de di logo Open Fireworks HTML Abrir HTML do Fireworks aparece Open Fireworks HTML Look in O Export B images K index htm File name index htm Files of type HTML htm x Cancel Color 32 Bitwith lpha Registration Common Center Point x V Import to Score IV Import Rollover Behaviors as Lingo 3 Se desejar alterar op es Color Cor permite especificar uma intensidade de cor para os gr ficos importados Se eles contiverem transpar ncia escolher uma cor de 32 bits Registration Registro permite
544. riores O painel Layers rola automaticamente quando uma camada ou um objeto arrastado para cima ou para baixo al m dos limites da rea visualiz vel Ov vANaIsgo Para nomear uma camada ou um objeto 1 Clicar duas vezes em um objeto ou camada no painel Layers Trabalho com uma camada 239 2 Digitar um novo nome para o objeto ou camada e pressionar Enter N o poss vel renomear a Web Layer camada da Web No entanto poss vel nomear objetos da Web na Web Layer camada da Web como fatias e pontos ativos Para mais informa es consultar Uso da Web Layer na p gina 243 Ov vANaIsgo Para mover uma camada ou um objeto m Arrastar a camada ou o objeto at a posi o desejada no painel Layers Para mover todos os objetos selecionados em uma camada para outra posi o m Arrastar o indicador de sele o azul de uma camada para outra Todos os objetos selecionados na camada s o movidos simultaneamente para a outra camada Para copiar todos os objetos selecionados em uma camada para outra posi o m Manter pressionada a tecla Alt Windows ou Option Macintosh e arrastar o indicador de sele o azul de uma camada para outra O Fireworks copia todos os objetos selecionados em uma camada para a outra camada Prote o de camadas e objetos O painel Layers oferece v rias op es que permitem controlar a acessibilidade de objetos poss vel proteger o
545. rks em um documento do Dreamweaver 1 2 No Dreamweaver salvar o documento em um site definido Colocar o ponto de inser o no local do documento em que o c digo HTML deve come ar Seguir um destes procedimentos Selecionar Insert Inserir gt Image Objects Objetos de imagem gt Fireworks HTML HTML do Fireworks m Clicar no menu pop up Images Image na categoria Common Comum da barra Insert e selecionar Fireworks HTML Na caixa de di logo exibida clicar em Browse Procurar para escolher o arquivo HTML do Fireworks desejado Trabalho com o Macromedia Dreamweaver 441 5 Selecionar Delete File After Insertion Excluir arquivo ap s inser o para mover o arquivo HTML para a Recycle Bin Lixeira no Windows ou para exclu lo permanentemente no Macintosh quando a opera o for conclu da Usar essa op o caso o arquivo HT ML do Fireworks n o seja mais necess rio ap s sua inser o Essa op o n o afeta o arquivo PNG de origem associado ao arquivo HTML a Se o arquivo HTML estiver na unidade de rede ele ser exclu do permanentemente 0 e n o movido para a Recycle Bin Windows m pe lt D gt O gt o 6 Clicar em OK para inserir o c digo HTML junto com as imagens as fatias e o JavaScript associados no documento do Dreamweaver C pia do c digo HTML do Fireworks para a rea de transfer ncia para usar no Dreamweaver Uma maneira r pida de colocar o c digo H
546. rks para f cil acesso Tamb m poss vel importar todos os URLs mencionados em qualquer documento HTML existente Para exportar URLs 1 Selecionar Export URLs Exportar URLs no menu Options Op es do painel URL 2 Digitar um nome de arquivo e clicar em Save E criado um arquivo HTML Esse arquivo cont m os URLs exportados Para importar URLs 1 Selecionar Import URLs Importar URLs no menu Options Op es do painel URL 2 Selecionar um arquivo HTML e clicar em Open Todos os URLs neste arquivo ser o importados Trabalho com URLs 291 292 Cap tulo 10 Uso de estilos s mbolos e URLs CAP TULO 11 Fatias rollovers e pontos ativos As fatias s o os elementos b sicos para criar interatividade no Macromedia Fireworks 8 Elas s o objetos da Web n o existem como imagens mas como c digo HTML em ltima an lise poss vel v las selecion las e renome las atrav s da Web Layer camada Web no painel Layers Camadas Este cap tulo aborda os principais conceitos referentes s fatias e fornece os procedimentos para us las de modo a incorporar a interatividade a p ginas da Web Com o uso do m todo de rollover arrastar e soltar para anexar interatividade a fatias poss vel criar com rapidez efeitos de rollover e mudan a de imagens no espa o de trabalho poss vel visualizar os comportamento atribu dos no painel Behaviors Comportamentos e criar intera es mais complex
547. rks s o colocados no FreeHand alguns atributos s o perdidos como os Live Filters Filtros ao vivo e as texturas Para mais informa es consultar Recursos n o suportados na p gina 474 go OY VA XAS O m todo copiar e colar de coloca o de gr ficos do Fireworks em outros aplicativos tamb m funciona com o lllustrator o CorelDraw e o Adobe Photoshop Trabalho com o Macromedia FreeHand MX 471 Para copiar e colar gr ficos no FreeHand 1 2 5 Selecionar os objetos a serem copiados no Fireworks Selecionar Edit Editar gt Copy Copiar ou clicar no bot o Quick Export Exporta o r pida e selecionar Copy no menu pop up do FreeHand Alternar para um documento aberto no FreeHand Selecionar Edit gt Paste Colar A caixa de di logo Fireworks PNG Import Settings Configura es de importa o de PNG do Fireworks aparece Para uma descri o detalhada das op es consultar Importa o de gr ficos do Fireworks para o FreeHand na p gina 469 Selecionar as op es desejadas e clicar em OK C pia e colagem de tra ados do Fireworks no FreeHand E poss vel usar o comando Copy Path Outlines Copiar contornos do tra ado para copiar tra ados selecionados do Fireworks para o FreeHand Esse comando til para copiar apenas tra ados sem incluir o conte do o Ov vadasa Usar o comando Copy Path Outlines com o FreeHand 10 e as vers es anteriores Com o FreeH
548. rmato original A salva no formato original do documento nivela a imagem em uma nica camada e n o permite a edi o de recursos espec ficos do Fireworks adicionados imagem Abertura e importa o de um arquivo 21 Com o Fireworks poss vel salvar nos seguintes formatos de arquivo diretamente Fireworks PNG GIF GIF animado JPEG BMP WBMP TIE SWE AI PSD e PICT somente Mac go O Fireworks salva imagens TIF de 16 bits intensidade de cor de 24 bits OY VA XAS GIFs animados poss vel trazer arquivos GIF para o Fireworks de duas maneiras m Importar um GIF animado como um s mbolo de anima o Editar e mover todos os elementos da anima o como uma unidade e usar o painel Library Biblioteca para criar novas inst ncias do s mbolo Na importa o de um GIF animado a configura o de retardo de moldura assume 0 07 segundos como padr o Se necess rio usar o painel Frames Molduras para restaurar a dura o original OY VAYASgO m Abrir um GIF animado da mesma forma que um arquivo GIF normal Cada elemento do GIF colocado como uma imagem separada na sua pr pria moldura do Fireworks poss vel converter o gr fico em um s mbolo de anima o no Fireworks Arquivos EPS O Fireworks abre a maioria dos arquivos EPS como os arquivos EPS do Photoshop como imagens bitmap niveladas nas quais todos os objetos s o combinados em uma nica camada No en
549. ro do objeto ou rea para contornar a sele o Manter a tecla Shift pressionada para restringir os segmentos da moldura do Polygon Lasso a incrementos de 45 graus 66 Cap tulo 3 Sele o e transforma o de um objeto 4 Seguir um destes procedimentos para fechar o pol gono m Clicar no ponto inicial m Clicar duas vezes no espa o de trabalho Sele o de uma rea com cores semelhantes A ferramenta Magic Wand Varinha m gica permite selecionar reas de pixels com cores semelhantes Com o ajuste das op es Edge Borda e Tolerance Toler ncia da Magic Wand no Property Inspector Inspetor de propriedades poss vel controlar a maneira como a ferramenta seleciona os pixels Para selecionar uma rea de pixels de faixas de cores semelhantes 1 Selecionar a ferramenta Magic Wand Varinha m gica 2 Selecionar uma op o em Edge Borda no Property inspector Inspetor de propriedades Para mais informa es consultar Op es de ferramentas de sele o de bitmap na p gina 64 3 Definir o n vel de toler ncia arrastando o controle deslizante de toler ncia no Property Inspector A toler ncia representa a faixa de tons de cores que s o selecionadas quando um pixel clicado com a Magic Wand Se o usu rio digitar O e clicar em um pixel s ser o selecionados os pixels adjacentes exatamente do mesmo tom Se ele digitar 65 ser selecionada uma faixa mais ampla de tons Sele o de um p
550. ro ou da convers o de um objeto existente em um s mbolo Para mais informa es consultar Cria o de s mbolos de anima o na p gina 361 Usar o Property inspector Inspetor de propriedades ou a caixa de di logo Animate Animar para inserir configura es para o s mbolo de anima o poss vel definir o grau e a dire o do movimento o dimensionamento a opacidade clarear ou escurecer bem como o ngulo e a dire o de rota o Para mais informa es consultar Edi o de s mbolos de anima o na p gina 362 O grau e a dire o das op es de movimento encontram se somente na caixa de di logo Animate Animar Ov vAaNaIsgo Usar os controles Frame Delay Retardo de moldura no painel Frames Molduras para definir a velocidade do movimento da anima o Para mais informa es consultar Configura o do retardo de uma moldura na p gina 366 Otimizar o documento como um GIF animado Para mais informa es consultar Otimiza o de uma anima o na p gina 374 Exportar o documento como um GIF ou SWF animado ou salv lo como um PNG Fireworks e import lo no Macromedia Flash para edi o posterior Para mais informa es consultar Formatos de exporta o de uma anima o na p gina 375 360 Cap tulo 13 Cria o de anima o Trabalho com s mbolos de anima o Os s mbolos de anima o executam a es no arquivo Fireworks como os atores e
551. rocar cores de tra o e de preenchimento 193 preenchimentos com padr o ajustar 217 aplicar 213 girar 217 mover 217 transformar 217 preenchimentos d grad 96 adicionar nova cor 215 ajustar 217 ajustar transi o de cores 216 alterar cores 215 216 aplicar 214 converter imagens em transpar ncia 123 Edit Gradient Editar d grad caixa de di logo 215 editar 215 girar 217 mover 217 remover cores de 215 salvar personalizado 218 transformar 217 preenchimentos s lidos adicionar textura a 220 aplicar 212 prefer ncia de editor externo 455 prefer ncia Delete Objects While Cropping Excluir objetos ao cortar 521 prefer ncias 519 configurar 520 Import Importar 486 Launch and Edit Iniciar e editar 457 local de arquivo 528 op es de edi o 521 op es de importa o 523 op es de interpola o 520 op es de pasta 523 padr o 523 padr es de cores 520 restaurar padr es 523 Undo Steps Etapas de desfazer 520 ndice remissivo 543 prefer ncias de inicializa o e edi o 457 prefer ncias padr o 523 Preview Visualizar bot o 387 processo em lote 499 backup de arquivos 509 comandos 508 configura es de exporta o 504 configura es de otimiza o 504 dimensionar gr ficos 505 Find and Replace Localizar e substituir 506 nomes de arquivo 507 salvar arquivos 503 salvar como scripts 510 Property inspector Inspetor de propriedades 36 62 criar m scaras
552. ropriedade no n vel do s mbolo exclusiva para s mbolos de bot o 338 Cap tulo 12 Cria o de bot es e menus pop up Ao se criar um s mbolo de bot o o Fireworks cria automaticamente uma fatia especial grande o suficiente para incluir todos os estados de um bot o poss vel editar a fatia de um bot o somente na guia Active Area rea ativa do Button Editor Editor de bot o Cada bot o pode ter somente uma fatia Se uma fatia for desenhada com o uso de uma ferramenta de fatia na rea ativa a fatia anterior ser substitu da pela nova fatia desenhada poss vel desenhar objetos de ponto ativo na guia Active Area mas somente poss vel edit los no Button Editor S Os objetos da Web que definem a rea ativa de um s mbolo de bot o aparecem no 0 documento quando fatias e pontos ativos n o est o ocultos No entanto os objetos da u Web de um bot o n o s o listados no painel Layers Camadas nem podem ser editados S no espa o de trabalho O gt o Para editar uma fatia ou ponto ativo na rea ativa de um s mbolo de bot o 1 Executar um dos seguintes procedimentos para abrir o s mbolo de bot o no Button Editor m Clicar duas vezes em uma ocorr ncia de bot o no espa o de trabalho No painel Library clicar duas vezes na visualiza o do bot o ou no cone do s mbolo ao lado do s mbolo do bot o 2 Clicar na guia Active Area 3 Seguir um destes procedimentos Usar
553. ropriedades poder exibir javascript A exclus o desse texto indiferente poss vel digitar um URL sobre ele se desejado e ainda assim manter o comportamento intacto ao retornar ao Dreamweaver Quando executado um trabalho com o Roundtrip HTML no Dreamweaver o Fireworks suporta formatos de arquivo do servidor como CFM e PHP O Dreamweaver suporta todos os comportamentos aplicados no Fireworks inclusive aqueles necess rios para rollovers e bot es O Fireworks suporta os seguintes comportamentos do Dreamweaver durante uma sess o de inicializa o e edi o m Simple Rollover Rollover simples m Swap Image Trocar imagem m Swap Image Restore Restaurar imagem trocada m Set Text of Status Bar Definir texto da barra de status m Set Nav Bar Image Definir imagem da barra de navega o a Pop up Menu Menu pop up Os itens de biblioteca do Dreamweaver n o suportam menus pop up O Fireworks n o suporta comportamentos n o nativos inclusive comportamentos do servidor Ov vAaNaIsgo 450 Cap tulo 15 Uso do Fireworks com outros aplicativos Otimiza o de anima es e imagens do Fireworks colocadas no Dreamweaver poss vel iniciar o Fireworks no Dreamweaver para exportar rapidamente altera es como a cria o de uma nova amostra ou a mudan a de um tipo de arquivo efetuadas em anima es e imagens do Fireworks O Fireworks permite alterar configura es de otimiza o config
554. rramenta Pencil L pis pode ser usada para desenhar linhas retas de 1 pixel de maneira restrita ou m o livre praticamente da mesma forma que se usa um l pis verdadeiro com ou sem r gua para desenhar linhas com bordas acentuadas poss vel aumentar um bitmap e usar a ferramenta Pencil para editar pixels espec ficos Para desenhar um objeto com a ferramenta Pencil 1 Selecionar a ferramenta Pencil L pis 2 Definir as op es da ferramenta no Property inspector Inspetor de propriedades Anti aliased Sem serrilhado suaviza as bordas das linhas desenhadas Auto Erase Apagar automaticamente usa a cor de preenchimento quando o usu rio clica com a ferramenta Pencil na cor do tra o Preserve Transparency Preservar transpar ncia restringe a ferramenta Pencil a desenhar apenas em pixels existentes e n o nas reas transparentes de uma imagem 3 Arrastar o mouse para desenhar Manter pressionada a tecla Shift e arrastar para restringir o tra ado a uma linha diagonal horizontal ou vertical Pintura de um objeto bitmap O usu rio pode usar a ferramenta Brush Pincel para fazer pinceladas utilizando a cor da caixa Stroke Color Cor do tra o ou pode utilizar a ferramenta Paint Bucket Lata de tinta para transformar a cor de pixels selecionados na cor da caixa Fill Color Cor de preenchimento A ferramenta Gradient D grad preenche objetos bitmap ou vetoriais com uma combina o de cores em padr es ajust veis
555. rs Camadas selecionar Delete Mask Excluir m scara Selecionar Modify Modificar gt Mask M scara gt Delete Mask No painel Layers arrastar a miniatura da m scara para o cone de lixeira 2 Escolher se deseja aplicar ou descartar o efeito da m scara nos objetos com m scara antes de exclu la Apply Aplicar mant m as altera es efetuadas no objeto mas a m scara deixa de ser edit vel Se o objeto que estiver recebendo a m scara for do tipo vetorial a m scara e o objeto vetorial ser o convertidos em uma nica imagem bitmap Discard Descartar elimina as altera es efetuadas e restaura o objeto sua forma original Cancel Cancelar anula a opera o de exclus o e deixa a m scara inalterada Mascaramento de imagens 267 Mistura e transpar ncia Compositing Composi o o processo de variar a intera o da transpar ncia ou da cor de dois ou mais objetos sobrepostos No Fireworks os modos de mistura permitem criar imagens compostas Os modos de mistura tamb m adicionam uma dimens o de controle opacidade de objetos e imagens Sobre modos de mistura Quando um modo de mistura selecionado o Fireworks aplica o a todos os objetos selecionados Os objetos de um documento ou de uma camada podem ter modos de mistura diferentes daqueles usados em outros objetos do documento ou da camada Quando objetos com diferentes modos de mistura s o agrupados o modo de mistura do grupo substitui os
556. rta cada camada do arquivo do Photoshop como um objeto separado em uma nica camada no Fireworks Layers Share Layer Between Frames Compartilhar camada entre molduras torna as camadas importadas vis veis em todas as molduras do arquivo do Fireworks Layers Convert to Frames Converter em molduras importa cada camada do arquivo do Photoshop como um objeto em uma moldura separada no Fireworks Essa op o til para importar arquivos a serem usados como anima es Text Texto Editable Edit vel converte o texto no arquivo do Photoshop em texto edit vel no Fireworks Essa op o permite editar o texto importado usando a ferramenta Text Texto do Fireworks e o Property inspector Inspetor de propriedades A apar ncia dos textos original e convertido podem ser um pouco diferentes Text Maintain Appearance Manter apar ncia converte o texto no arquivo do Photoshop em um objeto bitmap no Fireworks Essa op o mant m a apar ncia original do texto mas n o permite edit lo usando a ferramenta Text Texto do Fireworks Os dados das fontes originais s o armazenados no arquivo PNG para que caso o arquivo esteja em um sistema que n o tenha as fontes seja poss vel optar por usar essas fontes ou manter a apar ncia Use Flat Composite Image Usar imagem composta nivelada importa o arquivo do Photoshop como uma imagem nivelada sem camadas Clicar em OK Uso de filtros e plug ins do Photoshop O Fireworks permite usar v rios
557. rtical e horizontal alinhado com o segundo Quando ela n o est selecionada a rea de amostragem permanece fixa independentemente da dire o do movimento e do ponto em que o usu rio clica no segundo ponteiro Use Entire Document Usar documento inteiro cria uma amostra de todos os objetos em todas as camadas Quando essa op o n o est selecionada a ferramenta Rubber Stamp Carimbo cria uma amostra apenas do objeto ativo Opacity Opacidade determina a visibilidade do fundo atrav s do tra o Blend Mode Modo Misturar afeta a maneira como a imagem clonada influi no fundo Para duplicar uma sele o de pixels seguir um destes procedimentos m Arrastar a sele o de pixels com a ferramenta Subselection Selecionar secund rio m Manter pressionada a tecla Alt Windows ou Option Macintosh e arrastar a sele o de pixels com a ferramenta Pointer Ponteiro Emba amento agu amento e mancha de pixels As ferramentas Blur Emba ar e Sharpen Agu ar afetam o foco dos pixels A ferramenta Blur destaca ou retira o destaque de partes de uma imagem emba ando seletivamente o foco dos elementos da mesma maneira que um fot grafo controla a profundidade de campo A ferramenta Sharpen pode ser til para resolver problemas de digitaliza o ou fotografias fora de foco A ferramenta Smudge Mancha mistura suavemente as cores como se criasse um reflexo da imagem Para emba ar ou agu ar uma imagem 1 Selecionar a ferrame
558. rtilhados pelos dois aplicativos talvez sejam descartados Selecionar a forma de importa o de textos Rasterize If Necessary to Maintain Appearance Rasterizar se necess rio para manter a apar ncia converte alguns objetos de texto em imagens bitmap n o edit veis Apenas o texto com efeitos tra os e preenchimentos n o compartilhados pelo FreeHand rasterizado Keep All Text Editable Manter todo o texto edit vel permite editar todo o texto importado Parte do texto pode ter uma apar ncia no FreeHand um pouco distinta daquela vista no Fireworks e alguns efeitos n o compartilhados pelos dois aplicativos talvez sejam descartados devido a diferen as na forma como os dois aplicativos interpretam as informa es Selecionar a op o Import as a Single Flattened Bitmap Importar como nico bitmap nivelado para preservar a apar ncia do documento inteiro do Fireworks Quando essa op o selecionada as outras op es na caixa de di logo Fireworks PNG Import Settings Configura es de importa o de PNG do Fireworks ficam esmaecidas Selecionar essa op o apenas se a capacidade de edi o n o for importante Clicar em OK Clicar na janela do documento do FreeHand no local em que o arquivo PNG do Fireworks dever aparecer C pia e colagem de gr ficos do Fireworks no Freehand Para colocar rapidamente gr ficos do Fireworks no FreeHand basta copiar e colar esses gr ficos Quando os gr ficos do Firewo
559. s Caso o usu rio tenha muita experi ncia em JavaScript e Fireworks ele pode usar JavaScript para criar os pr prios objetos e comandos que afetam os documentos do Fireworks e os elementos nele contidos Al m disso ele pode usar a Fireworks Cross Product Communication Architecture Arquitetura de comunica o entre produtos do Fireworks para permitir que aplicativos ActionScript 2 0 e C controlem o Fireworks Para mais informa es consultar Extens o de recursos na Ajuda do Fireworks 492 Cap tulo 15 Uso do Fireworks com outros aplicativos CAP TULO 16 Automatiza o de tarefas repetitivas Com frequ ncia os designers da Web passam muito tempo executando tarefas repetitivas como otimizar ou converter imagens para adapt las a determinadas restri es Um fator que contribui para o sucesso do Macromedia Fireworks 8 sua capacidade de automatizar e simplificar v rias tarefas tediosas de desenho edi o e convers o de arquivos O recurso Find and Replace Localizar e substituir agiliza o processo de edi o pesquisando e substituindo elementos dentro de um arquivo ou de v rios arquivos poss vel localizar e substituir elementos como URLs fontes cor texto e comandos criados no painel History Hist rico O recurso Batch Process Processo em lote converte grupos inteiros de arquivos de imagem em outros formatos al m de alterar as paletas de cores O Batch Process pode aplicar configura es de otimiz
560. s ficam vis veis preto e branco TIFF ou Tagged Image File Format um formato gr fico usado para armazenar imagens bitmap TIFFs s o usados com maior frequ ncia em publica es impressas Muitos aplicativos de multim dia tamb m aceitam gr ficos TIFF importados BMP o formato de arquivo gr fico do Microsoft Windows um formato de arquivo comum usado para exibir imagens bitmap BMPs s o usados primariamente no sistema operacional Windows Muitos aplicativos podem importar imagens BMB PICT desenvolvido pela Apple Computer um formato de arquivo gr fico normalmente usado no sistema operacional Macintosh A maioria dos aplicativos para Mac pode importar imagens PICT 390 Cap tulo 14 Otimiza o e exporta o Otimiza o de arquivos GIF PNG TIFF BMP e PICT Cada formato de arquivo gr fico no Fireworks tem um conjunto de op es de otimiza o Para a maior parte somente os tipos de arquivo de 8 bits como GIF PNG 8 TIFF 8 BMP 8 e PICT 8 oferecem um volume significativo de controle sobre a otimiza o Os arquivos JPEG n o s o exce o Para mais informa es sobre controles de otimiza o de JPEG consultar Otimiza o de um JPEG na p gina 402 OY VA YASgO As configura es de otimiza o do Fireworks s o semelhantes para todos os formatos de arquivo gr fico de 8 bits Para formatos de arquivo para a Web como GIF e PNG tamb m poss vel especificar a quanti
561. s funciona em arquivos PNG do Fireworks ou em arquivos que contenham objetos vetoriais como arquivos do FreeHand CorelDRAW descompactado e Illustrator Search Document Op o Search Pesquisar Find Text Op o Find Localizar C Regular expressions Replace All Painel Find Localizar Para selecionar a origem da pesquisa 1 Abrir o documento 2 Seguir um destes procedimentos para abrir o painel Find a Selecionar Window Janela gt Find Localizar m Selecionar Edit Editar gt Find m Pressionar Control F Windows ou Command F Macintosh E Se os arquivos selecionados estiverem bloqueados ou sua entrega tiver sido 0 feita em um site do Macromedia Dreamweaver ser necess rio desbloque los m f 7 ou fazer a retirada deles antes de continuar lt D gt Q D o 3 No menu pop up Search Pesquisar selecionar a origem da pesquisa Search Selection Pesquisar sele o localiza e substitui elementos apenas entre os objetos e texto selecionados no momento 494 Cap tulo 16 Automatiza o de tarefas repetitivas Search Frame Pesquisar moldura localiza e substitui elementos apenas dentro da moldura atual Search Document Pesquisar documento localiza e substitui elementos no documento ativo Search Files Pesquisar arquivos localiza e substitui elementos em v rios arquivos Selecionar essa op o no menu pop up Search caso ela ainda n o es
562. s lida usada por essa ferramenta m pi lt gt O D o Trabalho com preenchimentos 211 Edi o de um preenchimento s lido Um preenchimento s lido uma cor s lida que preenche o interior de um objeto O painel Tools Ferramentas o Inspetor de propriedades e o Misturador de cores permitem alterar a cor de preenchimento de um objeto Para editar o preenchimento s lido de um objeto vetorial selecionado 1 Clicar na caixa Fill Color Cor de preenchimento no painel Tools Ferramentas no Property inspector Inspetor de propriedades e no Color Mixer Misturador de cores para abrir a janela pop up de cores 2 Selecionar um exemplo na janela pop up de cores O preenchimento aparece no objeto selecionado e se torna a cor de preenchimento ativa Aplica o de um preenchimento d grad ou com padr o O usu rio pode alterar preenchimentos para exibir diversas caracter sticas s lidas pontilhadas com padr o ou d grad que variam de cores s lidas a d grad s Essas caracter sticas lembram cetim ondula es dobras ou d grad s que se ajustam ao contorno do objeto ao qual s o aplicadas Al m disso existe a possibilidade de alterar v rios atributos de um preenchimento como cor borda textura e transpar ncia poss vel selecionar um dos v rios preenchimentos d grad e com padr o predefinidos ou criar um preenchimento pr prio go Um preenchimento rec m criado assume a
563. s o inseridos automaticamente nas caixas Input Levels N veis de entrada O valor de sombra n o pode ser mais alto do que o valor de realce o valor de realce n o pode ser mais baixo do que o valor de sombra e os meios tons devem estar entre as configura es de sombra e realce OY VA YASgO 5 Arrastar os controles deslizantes Output Levels N veis de sa da para ajustar os valores de contraste na imagem a O controle deslizante da direita ajusta os realces usando valores de 255 a 0 O controle deslizante da esquerda ajusta as sombras usando valores de O a 255 medida que o usu rio move os controles deslizantes os valores s o inseridos automaticamente nas caixas Output Levels Uso do recurso Auto Levels O recurso Auto Levels N veis autom ticos permite que o Fireworks ajuste a faixa tonal automaticamente Para ajustar realces meios tons e sombras automaticamente 1 Selecionar a imagem 2 Seguir um destes procedimentos para selecionar Auto Levels N veis autom ticos No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Adjust Color Ajustar cor gt Auto Levels no menu pop up Filters Filtros Selecionar Filters gt Adjust Color gt Auto Levels z A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou seja 0 n o poder ser desfeita exceto quando Edit Editar gt
564. s para abrir o Property inspector Inspetor de propriedades caso ainda n o esteja aberto 2 Seguir um destes procedimentos m Selecionar a imagem desejada O Property inspector identifica a sele o como uma imagem do Fireworks e exibe o nome do arquivo PNG de origem da imagem Em seguida clicar em Edit Editar no Property inspector m Pressionar Control Windows ou Command Macintosh e clicar duas vezes na imagem a ser editada Trabalho com o Macromedia Dreamweaver 447 m Clicar com o bot o direito do mouse Windows ou pressionar a tecla Control Macintosh e clicar na imagem e escolher Edit with Fireworks Editar com o Fireworks no menu contextual O Dreamweaver inicia o Fireworks se ele ainda n o estiver aberto 3 Quando solicitado especificar se necess rio localizar um arquivo de origem do Fireworks para a imagem colocada Para mais informa es sobre arquivos PNG de origem do Fireworks consultar a Ajuda do Fireworks 4 Editar a imagem no Fireworks A janela do documento indica que o usu rio est editando uma imagem do Dreamweaver O Dreamweaver reconhece e preserva todas as edi es aplicadas imagem no Fireworks 5 Quando terminar de editar a imagem clicar em Done Conclu do na janela do documento A imagem exportada usando as configura es atuais de otimiza o o arquivo GIF ou JPEG usado pelo Dreamweaver atualizado e o arquivo PNG de origem salvo caso um arquivo de origem te
565. s vel criar pontos ativos poligonais compostos por muitos pontos Esta pode ser uma boa abordagem ao se trabalhar com imagens complexas Para criar um ponto ativo retangular ou circular 1 Na se o Web do painel Tools Ferramentas selecionar a ferramenta Rectangle Hotspot Ponto ativo retangular ou Circle Hotspot Ponto ativo circular Web at mY Z Rectangle Hotspot tool J O Circle Hotspot tool J 4 U Polygon Hotspot tool J 2 Arrastar a ferramenta Hotspot Ponto ativo para desenhar um ponto ativo sobre uma rea do gr fico Manter pressionada a tecla Alt Windows ou Option Macintosh para desenhar a partir do ponto central z poss vel ajustar a posi o de um ponto ativo medida que o mesmo arrastado 0 para ser desenhado Enquanto o bot o do mouse mantido pressionado u simplesmente deve se manter pressionada a barra de espa o no teclado e em seguida arrastar o ponto ativo para outro local na tela Soltar a barra de espa o para a continuar a desenhar o ponto ativo o Para criar um ponto ativo de formato irregular 1 Selecionar a ferramenta Polygon Hotspot Ponto ativo poligonal 2 Clicar para posicionar pontos vetoriais como se estivesse desenhando segmentos retos com a ferramenta Pen Caneta Se o tra ado for aberto ou fechado o preenchimento definir a rea do ponto ativo 322 Cap tulo 11 Fatias rollovers e pontos ativos Para criar u
566. s ao vivo do Fireworks caso exista um Live Filter correspondente Por exemplo o efeito de camada Drop Shadow Aplicar sombra convertido em um Live Filter Drop Shadow no Fireworks go Os efeitos de camadas e os Live Filters podem variar um pouco na apar ncia OY VA XAS Os modos de mistura para camadas s o convertidos em modos de mistura do Fireworks para objetos correspondentes caso o Fireworks suporte esses modos de mistura O primeiro canal alfa na paleta Channels Canais convertido em reas transparentes na imagem do Fireworks O Fireworks n o suporta outros canais alfa do Photoshop 484 Cap tulo 15 Uso do Fireworks com outros aplicativos O Fireworks n o suporta as camadas de ajuste os grupos de corte e os tra ados do Photoshop O Fireworks ignora esses recursos na importa o de arquivos do Photoshop No entanto poss vel exportar tra ados do Photoshop para o Illustrator e em seguida importar o arquivo Al para o Fireworks S No Windows os nomes dos arquivos do Photoshop incluem a extens o PSD para o E Fireworks reconhecer o tipo de arquivo do Photoshop pi lt gt QO D o Para importar um arquivo do Photoshop para o Fireworks 1 Selecionar File Arquivo gt Import Importar ou File gt Open Abrir e navegar at um arquivo do Photoshop PSD 2 Clicar em Open Abrir O arquivo do Photoshop importado para um arquivo PNG Para fazer al
567. s arquivos de outros tipos como PSD e HTML tamb m s o abertos como arquivos PNG o que permite usar o documento PNG do Fireworks como o arquivo de origem ou de trabalho No entanto v rios arquivos mant m as extens es de nome originais e as configura es de otimiza o quando abertos no Fireworks Para mais informa es consultar Salva de documentos em outros formatos na p gina 31 O local no qual o Fireworks salva um documento por padr o determinado pelas seguintes informa es nesta ordem m O local do arquivo atual m O local de exporta o salva atual definido sempre que o usu rio procura o local padr o em uma caixa de di logo Save Salvar Save As Salvar como Save a Copy Salvar uma c pia ou Export Exportar m O local padr o onde os novos documentos ou imagens s o salvos no sistema operacional 30 Cap tulo 2 Conceitos b sicos do Fireworks Salva de um arquivo PNG no Fireworks Quando um novo documento criado ou quando um arquivo PNG existente do Fireworks aberto o nome do arquivo tem a extens o png O arquivo exibido na janela de documento do Fireworks o arquivo de origem ou de trabalho O uso do arquivo PNG do Fireworks como o arquivo de origem apresenta as seguintes vantagens m O arquivo PNG de origem sempre edit vel poss vel voltar e fazer outras altera es mesmo quando o arquivo exportado para uso na Web m poss vel dividir gr ficos complexos em v rias fat
568. s b sicos do Fireworks Para colocar exibi es de um documento lado a lado m Selecionar Window Janela gt Tile Horizontal Lado a lado horizontal ou Window gt Tile Vertical Lado a lado vertical Para fechar uma janela de exibi o de documento m Clicar no bot o Close Fechar da janela Controle do redesenho do documento Os modos de exibi o afetam a representa o na tela de um documento mas n o os dados dos seus objetos ou a qualidade de impress o Para controlar o redesenho de um documento m Selecionar View Exibir gt Full Display Tela inteira Quando a op o Full Display selecionada o Fireworks exibe o documento em todas as cores dispon veis com os detalhes completos Quando a sele o dessa op o cancelada o Fireworks exibe tra ados com 1 pixel de largura sem preenchimento e mostra imagens com um X sobreposto Modos de exibi o e de rascunho Para exibir um documento como ele aparecer em uma plataforma diferente No Windows selecionar View Exibir gt Macintosh Gamma Gama do Macintosh No Macintosh selecionar View gt Windows Gamma Gama do Windows Agora poss vel visualizar o documento como ele aparecer na plataforma do outro computador Por exemplo quando o trabalho executado na plataforma Windows poss vel usar esse comando para visualizar um documento como ele aparecer na plataforma Macintosh Ambiente de trabalho do Fireworks 47 Altera o
569. s caracter sticas do bot o e clicar em Done Conclu do As altera es aplicam se a todas as ocorr ncias do s mbolo de bot o Edi o de propriedades no n vel da ocorr ncia As propriedades no n vel da ocorr ncia s o editadas no Property Inspector Inspetor de propriedades quando uma ocorr ncia nica selecionada Essas propriedades s o alteradas em uma ocorr ncia sem afetar o s mbolo associado ou outras ocorr ncias do s mbolo Elas geralmente s o diferentes para cada bot o em uma s rie de bot es m O nome de objeto de uma ocorr ncia que exibido no painel Layers Camadas e usado para identificar as fatias exportadas da ocorr ncia de bot o na exporta o m Live Filters ou opacidade aplicados ocorr ncia inteira m Caracteres de texto e formata o de texto como fonte tamanho orienta o e cor m Link de URL substitui qualquer URL que exista como uma propriedade no n vel do s mbolo m Descri o alternativa alt de imagem m Moldura de destino substitui qualquer moldura de destino que exista como uma propriedade no n vel do s mbolo m Comportamentos adicionais atribu dos a uma ocorr ncia com o uso do painel Behaviors Comportamentos Cria o de s mbolos de bot es 337 m A op o Show Down State on Load Mostrar Abaixo ao carregar no Property inspector Inspetor de propriedades para ocorr ncias em uma barra de navega o No Fireworks 8 n o preciso selecionar a op o
570. s do objeto ativo Arrastar a ferramenta sobre os pixels a serem manchados Clareamento e escurecimento de um pixel A ferramenta Dodge Clarear ou Burn Escurecer clareia ou escurece partes de uma imagem respectivamente Esse processo semelhante t cnica de aumentar ou diminuir a exposi o luz de uma fotografia durante a revela o em um quarto escuro Para clarear ou escurecer partes de uma imagem 1 2 Selecionar a ferramenta Dodge Clarear para clarear partes de uma imagem ou a ferramenta Burn Escurecer para escurec las Definir as op es de pincel no Property inspector Inspetor de propriedades Size Tamanho define o tamanho da ponta do pincel Shape Forma define uma forma quadrada ou redonda para a ponta do pincel Retoque de um bitmap 101 Edge Borda define a suavidade da ponta do pincel 3 Definir a exposi o no Property inspector A exposi o varia de 0 a 100 Para um efeito mais brando especificar um valor percentual mais baixo para um efeito mais forte especificar um valor mais alto 4 Definir a faixa no Property inspector Shadows Sombras altera principalmente as partes escuras da imagem Highlights Realces altera principalmente as partes claras da imagem Midtones Meios tons altera principalmente a faixa intermedi ria por canal na imagem 5 Arrastar sobre a parte da imagem a ser clareada ou escurecida Manter pressionada a tecla Alt Windows ou Option Ma
571. s est o dispon veis no Fireworks Adaptive Adaptativa uma paleta personalizada derivada das cores reais do documento As paletas adaptativas em geral produzem as imagens de melhor qualidade Otimiza o no espa o de trabalho 391 Web Adaptive Adaptativa Web uma paleta adaptativa na qual as cores parecidas com cores websafe s o convertidas para a cor websafe mais pr xima As cores websafe s o aquelas que se originam da paleta Web 216 Web 216 uma paleta com as 216 cores comuns aos computadores Windows e Macintosh Essa paleta muitas vezes denominada paleta websafe ou prova de navegador pois produz resultados razoavelmente consistentes em v rios navegadores da Web em qualquer plataforma quando exibidas em monitores de 8 bits Exact Exata cont m as cores exatas usadas na imagem Somente as imagens contendo 256 cores ou menos podem usar a paleta Exact Exata Se a imagem contiver mais de 256 cores a paleta ser alternada para Adaptive O Windows e o Macintosh cont m 256 cores definidas pelos padr es da plataforma Windows ou Macintosh respectivamente Grayscale Tons de cinza uma paleta de 256 ou menos tons de cinza A escolha dessa paleta converter a imagem em tons de cinza Black and White Preto e branco uma paleta que consiste somente em duas cores preto e branco Uniform Uniforme uma paleta matem tica baseada em valores de pixels RGB Custom Personalizada uma paleta que foi mo
572. s estados Up Acima e Over Sobre Esses estados apresentam dicas visuais adicionais aos usu rios de p ginas da Web poss vel criar uma barra de navega o com o uso de bot es de dois ou tr s estados mas somente um bot o com todos os quatro estados ser reconhecido como um verdadeiro bot o de barra de navega o no Fireworks O Fireworks tem v rios comportamentos de Barra de navega o que fazem com que os bot es atuem como se apresentassem um relacionamento entre si Por exemplo poss vel criar bot es de barra de navega o que atuem como os bot es pression veis em um auto r dio antigo quando o usu rio clica no bot o ele permanece pressionado at ser clicado novamente Embora os bot es de quatro estados n o sejam obrigat rios em uma barra de navega o seu uso permite a utiliza o dos comportamentos de barra de navega o pr prios do Fireworks Para detalhes sobre a cria o dos estados Up e Over de um bot o consultar Cria o de um bot o simples com dois estados na p gina 331 Para criar um estado Down 1 Com um bot o de dois estados aberto no Button Editor Editor de bot o clicar na guia Down 2 Executar um dos seguintes procedimentos para criar o estado de bot o Down m Clicar em Copy Over Graphic Copiar gr fico sobre para colar uma c pia do bot o do estado Over na janela Down e em seguida edit lo para alterar sua apar ncia m Arrastar e soltar importar ou desenhar u
573. s fontes seja poss vel optar por usar essas fontes ou manter a apar ncia go O Fireworks n o consegue exportar texto no formato Photoshop 6 ou 7 Se um documento com texto no formato do Photoshop 6 ou 7 for editado e exportado de volta para o Photoshop o arquivo ser exportado no formato do Photoshop 5 5 No entanto se o texto n o for alterado o arquivo ser exportado no formato do Photoshop 6 Para mais informa es sobre exporta o de arquivos do Photoshop consultar Coloca o de gr ficos do Fireworks no Photoshop na p gina 489 Ov vAdNas Especifica o de op es de importa o de arquivos do Photoshop As op es de prefer ncias de importa o do Fireworks permitem especificar como tratar camadas e texto em arquivos importados do Photoshop Dependendo das op es escolhidas poss vel controlar o grua de apar ncia e capacidade de edi o mantidos nos arquivos importados Para especificar op es de importa o para arquivos do Photoshop 1 Selecionar Edit Editar gt Preferences Prefer ncias No Mac OS X escolher Fireworks gt Preferences OY VAYASgO 2 Clicar na guia Import Importar no Windows ou escolher Import no menu pop up no Macintosh 486 Cap tulo 15 Uso do Fireworks com outros aplicativos 3 4 Especificar op es de importa o Layers Camadas Convert to Fireworks Objects Converter em objetos do Fireworks impo
574. s maneiras diferentes de substituir uma cor por outra poss vel substituir uma cor especificada nos exemplos de cores ou substituir uma cor usando a ferramenta Replace Color diretamente na imagem Para substituir uma cor por outra usando os exemplos de cores Selecionar a ferramenta Replace Color Substituir cor no menu pop up Na caixa From De no Property inspector Inspetor de propriedades clicar em Swatch Exemplo Clicar na fonte de cores From para selecionar o mostru rio de cores e escolher uma cor no menu pop up para especificar a cor a ser substitu da Clicar na fonte de cores To Para no Property inspector e selecionar uma cor no menu pop up Retoque de um bitmap 103 5 6 Definir os outros atributos de tra o no Property inspector Size Tamanho define o tamanho da ponta do pincel Shape Forma define uma forma quadrada ou redonda para a ponta do pincel Tolerance Toler ncia determina a faixa de cores a ser substitu da 0 substitui somente a cor To Para enquanto 255 substitui todas as cores similares cor To Strength Intensidade determina a por o da cor Change Alter vel a ser substitu da Colorize Colorir substitui a cor Change pela cor To Desmarcar Colorize para pintar parte da cor Change com a cor To mantendo a outra parte intacta Arrastar a ferramenta sobre a cor a ser substitu da Para substituir uma cor por outra selecionando uma cor na imagem 1 2 Selecion
575. s molduras reorganiz las definir manualmente a dura o da anima o e mover objetos de uma moldura para outra Coluna onion skinning Y Frames and History rames History El Frame 1 Nome da moldura Frame 2 20 Frame 3 Coluna Frame Delay Retardo de moldura G3 Forever Op es de t cnica Exclui moldura onion skin Moldura nova duplicada Distribui para molduras Trabalho com molduras 365 Cada moldura tamb m tem uma s rie de propriedades associadas Ao definir o retardo de uma moldura ou ocult la poss vel fazer com que a anima o fique com a apar ncia desejada durante o processo de constru o e edi o Configura o do retardo de uma moldura O retardo de moldura determina a dura o de exibi o da moldura atual O retardo 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 tr s segundos Para definir o valor de retardo de uma moldura 1 Selecionar uma ou mais molduras m Para selecionar uma faixa cont gua de molduras pressionar a tecla Shift e clicar nos nomes da primeira e da ltima molduras m Para selecionar uma faixa de molduras n o cont guas manter pressionada a tecla Control Windows ou Command Macintosh e clicar no nome de cada moldura 2 Seguir um destes procedimentos No menu Options Op es do painel Frames Molduras selecionar Properties
576. s molduras 371 exibi o personalizada 371 exibir molduras atual e adjacente 371 exibir todas as molduras 371 visualizar pr xima moldura 371 opacidade ajustar 271 399 Consultar tamb m transpar ncia Optimize Otimizar painel 38 Optimize Image in Fireworks Otimizar imagem no Fireworks comando 451 Optimize to Size wizard Assistente de otimizar para o tamanho 382 Options Op es menu em pain is 41 organizar molduras 368 otimizar 379 anima es 374 conceitos b sicos 378 ndice remissivo 54 imagens do Fireworks no Dreamweaver 451 usar o Export Wizard Assistente de exporta o 379 otimizar gr ficos 17 Over Sobre estado de bot o 330 Over While Down Sobre durante o estado Abaixo estado de bot o 331 P pacote do programa aplicativo 529 p gina inicial 33 pain is 37 abrir layouts personalizados 42 Align Alinhar 39 Behaviors Comportamentos 39 310 desencaixar 39 encaixar 39 Estilos 38 Find Localizar 39 Find and Replace Localizar e substituir 494 497 Frames Molduras 38 365 History Hist rico 38 56 Info Informa es 38 Layers Camadas 38 Library Biblioteca 279 mover 39 ocultar 40 41 Optimize Otimizar 38 Options Op es menu em 41 organizar 39 restaurar posi es padr o 40 salvar layouts personalizados 42 Shapes Formas 38 Styles Estilos 275 Swatches Exemplos de cores 38 193 Tools Ferramentas 34 URL 38 287 usar filmes SWF como 518 paletas de co
577. s objetos de um documento contra edi o e sele o acidentais O bloqueio de um objeto individual evita sua sele o ou edi o O bloqueio de uma camada evita a sele o ou a edi o de todos os objetos dessa camada O recurso Single Layer Editing Edi o de camada nica protege os objetos em todas as camadas exceto na camada ativa contra altera es ou sele es indesejadas Atrav s do painel Layers tamb m poss vel controlar a visibilidade dos objetos e camadas na tela Quando um objeto ou uma camada estiver oculto a no painel Layers ele a n o aparecer na tela impedindo assim que seja alterado a ou selecionado a inadvertidamente S Camadas e objetos ocultos n o s o inclu dos quando um documento exportado No 0 entanto os objetos da Web Layer camada da Web podem ser exportados sempre n independentemente de estarem ocultos ou n o Para mais informa es sobre exporta o consultar Exporta o do Fireworks na p gina 408 gt o 240 Cap tulo 9 Camadas mascaramento e mistura Para bloquear um objeto m Clicar no quadrado da coluna imediatamente esquerda do nome do objeto Um cone de cadeado indica que o objeto est bloqueado Para bloquear uma camada m Clicar no quadrado da primeira coluna imediatamente esquerda do nome da camada Um cone de cadeado indica que a camada est bloqueada Para bloquear v rias camadas m No painel Layers arrastar
578. s permite usar atalhos de teclado para selecionar comandos de menus escolher ferramentas no painel Tools Ferramentas e acelerar tarefas diversas inexistentes como comandos de menu O uso de atalhos aumenta a produtividade ao permitir a execu o r pida de a es simples Se o usu rio estiver acostumado a usar atalhos de outros aplicativos como o FreeHand o Illustrator o Photoshop ou de produtos que usam o padr o Macromedia poder alternar para o conjunto de atalhos de sua prefer ncia Para alterar o conjunto de atalhos atual 1 Selecionar Edit Editar gt Keyboard Shortcuts Atalhos do teclado no Windows ou Fireworks gt Keyboard Shortcuts no Macintosh para abrir a caixa de di logo Keyboard Shortcuts 2 Selecionar o conjunto de atalhos de sua prefer ncia no menu pop up Keyboard Shortcuts Conjunto atual e clicar em OK Cria o de atalhos personalizados e secund rios O usu rio pode criar seus pr prios atalhos de teclado personalizados e criar atalhos secund rios se precisar de v rias maneiras diferentes de executar uma a o Um conjunto de atalho personalizado sempre se baseia em um conjunto pr instalado S No Fireworks os atalhos para as ferramentas n o podem incluir teclas modificadoras 0 Control Shift e Alt Windows ou Command Shift Option e Control Macintosh Atalhos de ferramentas consistem em uma nica tecla de n mero ou letra lt D gt O gt o Para cr
579. s personalizados que aprimoram seus recursos O Extension Manager permite instalar e gerenciar extens es que estendem a funcionalidade do Fireworks Uma outra op o escrever c digo JavaScript e us lo como um comando personalizado no Fireworks Tamb m poss vel usar filmes SWF do Flash como comandos personalizados do Fireworks Por fim poss vel colar valores de cores diretamente do ActionScript do Flash nas caixas de cores do Fireworks Al m disso o painel History Hist rico do Fireworks oferece uma interface f cil de usar que permite criar comandos personalizados a partir de v rias tarefas gravadas Depois da instala o de uma extens o ou cria o de um comando personalizado o Fireworks o coloca no menu Commands Comandos S Se os comandos forem armazenados como um arquivo SWF na pasta Command 0 Panels Pain is de comando no disco r gido eles ser o disponibilizados como pain is m a E x ai 7 no menu Window Janela Para mais informa es consultar Sobre a cria o de scripts com arquivos SWF do Flash na p gina 515 Q D o Extens o dos recursos do Fireworks 511 Uso do Macromedia Extension Manager Uma extens o um script de comando painel de comando biblioteca filtro padr o textura ou Auto Shape Forma autom tica que pode ser adicionado ao Fireworks para aprimorar seus recursos O Fireworks inclui o Macromedia Extension Manager que instala gerencia e exclui
580. s pop up de cores 203 Trabalho comtra os cciiiciicsic css 205 Trabalho com preenchimentoS n nonan nnana n ananena annn 210 Aplica o de um preenchimento d grad ou com padr o 212 Adi o de textura a tra os e preenchimentos 219 Cap tulo 8 Uso de Live Filters ccccccccc 223 Aplica o de Live Filters cccciccccscc iss 224 Edi o de Live FilterS is sus a Dbi O O na 230 Cap tulo 9 Camadas mascaramento emistura 235 Trabalho com uma camada a a nn aanne 236 Mascaramento de imagenS n annuun annen n aranan aanne 244 Mistura e transpar ncia a nuaa anann n anaana n aanne 268 Cap tulo 10 Uso de estilos s mbolos e URLs 273 Uso deestiloS son i a e a E a A E pad E IEAA E 274 Usode sM lOS a ie parada a aa a aa ETE ed 279 Tr balh com URLS ss ss une as medo pus pad eaii i ndo a oea i 287 4 ndice Cap tulo 11 Fatias rollovers e pontos ativos 293 Cria o e edi o de fatias nunnan nanunua cce 294 Transforma o de fatias em objetos interativos 303 Prepara o de fatias para exporta o uuan n nnnnanns 314 Trabalho com pontos ativos e mapas de imagem 321 Cap tulo 12 Cria o de bot es e menus pop up 329 Cria o de s mbolos de bot es ccicciicicsis cr 330 Cria o de barras de navega o
581. s vezes na visualiza o do bot o ou no cone do s mbolo ao lado do s mbolo do bot o 2 No Button Editor clicar na guia Active Area rea ativa Selecionar a fatia ou ponto ativo na Active Area 4 Seguir um destes procedimentos a No Property inspector Inspetor de propriedades digitar o URL na caixa de texto Link a No painel URL selecionar um URL A substitui o do URL por um s mbolo de bot o n o altera o URL das ocorr ncias de bot o desse s mbolo j existentes s quais tenham sido atribu dos URLs exclusivos Isso tamb m se aplica s altera es efetuadas no destino e no texto alternativo de um s mbolo de bot o Ov vANaIsgo Para definir o URL para uma ocorr ncia de bot o selecionada no espa o de trabalho executar um dos seguintes procedimentos m No Property inspector Inspetor de propriedades digitar o URL na caixa de texto Link m No painel URL selecionar um URL 340 Cap tulo 12 Cria o de bot es e menus pop up Configura o de destino para um bot o O destino a janela ou moldura na qual a p gina da Web de destino aparece quando o usu rio clica em uma ocorr ncia de bot o Se n o for inserido um destino no Property inspector Inspetor de propriedades a p gina da Web aparecer na mesma moldura ou janela do link que a chamou O destino por ser uma propriedade de bot o no n vel do s mbolo ou da ocorr ncia poss vel definir o destino para um s
582. salvas m Os bot es de visualiza o na janela do documento exibem a apar ncia do gr fico exportado com as configura es de otimiza o atuais poss vel otimizar o documento inteiro da mesma forma ou selecionar fatias individuais ou reas selecionadas de um JPEG e atribuir configura es de otimiza o diferentes para cada um deles 384 Cap tulo 14 Otimiza o e exporta o Uso das configura es de otimiza o poss vel selecionar configura es de otimiza o comuns no Property inspector Inspetor de propriedades ou no painel Optimize Otimizar para definir rapidamente o formato de um arquivo e aplicar v rias configura es de formato espec ficas Quando uma op o for selecionada no menu pop up de op es de exporta o padr o no Property inspector as op es restantes no painel Optimize ser o definidas automaticamente Caso desejado ser poss vel ajustar ainda mais cada op o individualmente Se for necess rio um controle de otimiza o mais personalizado do que o oferecido pelas op es predefinidas ser poss vel criar configura es de otimiza o personalizadas no painel Optimize Tamb m poss vel modificar a paleta de cores de um gr fico com o uso da tabela de cores no painel Optimize v Optimize GIF WebSnap 128 GIF v Matte web Adaptive x Colors 128 Loss 0 wv Dither 0 No Transparency Sort None v EA EZ EZ E Para seleciona
583. sar texto transforma o texto em um objeto de imagem Quando essa op o selecionada a apar ncia do texto preservada mas a capacidade de edit lo perdida Sobre o trabalho com o Adobe GoLive poss vel usar o Fireworks e o Adobe GoLive juntos para criar e editar p ginas da Web O usu rio pode exportar e copiar HTML do Fireworks para o Adobe GoLive da mesma forma que na maioria dos editores de HTML A nica diferen a que ele precisa selecionar GoLive HTML como o estilo de HTML antes de exportar ou copiar o HTML do Fireworks Para obter mais informa es sobre a sele o de um estilo de HTML e a exporta o de HTML do Fireworks consultar a Ajuda do Fireworks go OY VA XAS O estilo HTML do Adobe GoLive n o suporta o c digo de menus pop up Se o documento do Fireworks contiver menus pop up selecionar Generic HTML HTML gen rico como o estilo de HTML antes de exportar Sobre o trabalho com o Adobe GoLive 491 Sobre o trabalho com editores de HTML O Fireworks gera HTML puro leg vel por todos os editores de HTML Para informa es gerais sobre a coloca o de HTML do Fireworks em editores de HTML consultar a Ajuda do Fireworks O Fireworks tamb m pode importar conte do HTML Esse um recurso eficiente que permite abrir e editar a maioria dos documentos HT ML no Fireworks Para mais informa es consultar a Ajuda do Fireworks Sobre a extens o dos recursos do Firework
584. sele o exibida na caixa Selection clicar em OK Para fechar a caixa de di logo sem excluir uma sele o clicar em Cancel Cancelar Cria o e movimenta o de uma sele o de pixels flutuante Quando uma moldura arrastada para outro local a pr pria moldura movida Para mover editar recortar ou copiar uma sele o de pixels primeiro necess rio transformar os pixels em sele o flutuante Para criar uma sele o de pixels flutuante 1 Fazer uma sele o de pixels com uma ferramenta de sele o de bitmap 2 Seguir um destes procedimentos a Manter pressionada a tecla Control Windows ou Command Macintosh e arrastar a sele o com qualquer ferramenta da se o Bitmap do painel Tools Ferramentas Selecionar a ferramenta Pointer Ponteiro e arrastar a sele o Para mover uma sele o flutuante seguir um destes procedimentos m Arrastar a sele o flutuante com a ferramenta Pointer Ponteiro ou com qualquer ferramenta de sele o de bitmap m Sea ferramenta ativa n o for uma ferramenta de sele o de bitmap manter a tecla Control Windows ou Command Macintosh pressionada e arrastar a sele o flutuante m Usar as teclas de seta ou as teclas de seta Shift Quando a sele o de pixel flutuante cancelada ou quando uma ferramenta vetorial ou da Web selecionada a sele o flutuante torna se parte do objeto bitmap atual Sele o de um pixel 77 Inser o de um novo bitmap por
585. selecionado se torna uma ocorr ncia do s mbolo e o Property inspector Inspetor de propriedades exibe op es de s mbolo Uso de s mbolos 279 Para criar um s mbolo a partir do zero 1 Seguir um destes procedimentos Selecionar Edit Editar gt Insert Inserir gt New Symbol Novo s mbolo m Selecionar New Symbol no menu Options Op es do painel Library Biblioteca 2 Selecionar um tipo de s mbolo gr fico anima o ou bot o Em seguida clicar em OK Dependendo do tipo de s mbolo selecionado o programa abre o Symbol Editor Editor de s mbolo ou o Button Editor Editor de bot o 3 Criar o s mbolo usando as ferramentas no painel Tools Ferramentas e fechar o editor Para mais informa es consultar Cria o de s mbolos de bot es na p gina 330 e Cria o de s mbolos de anima o na p gina 361 Posicionamento de ocorr ncias poss vel posicionar ocorr ncias de um s mbolo no documento atual Para posicionar uma ocorr ncia m Arrastar um s mbolo do painel Library para o documento atual Uma ocorr ncia de um s mbolo na tela Edi o de um s mbolo poss vel modificar um s mbolo no Symbol Editor Editor de s mbolo que atualiza automaticamente todas as ocorr ncias associadas no final da edi o E Para a maioria dos tipos de edi es a modifica o de uma ocorr ncia afeta o s mbolo e 0 todas as outras ocorr ncias Entretanto existem algumas exce
586. ser feito na sele o atual Scale Dimensionar Resize Redimensionar ou Rotate Girar 3 Selecionar Constrain Proportions Restringir propor es para manter as propor es horizontal e vertical ao dimensionar ou redimensionar uma sele o 4 Selecionar Scale Attributes Atributos de escala para transformar o preenchimento o tra o e os efeitos do objeto junto com ele 5 Cancelar a sele o de Scale Attributes para transformar apenas o tra ado 6 Digitar valores num ricos para transformar a sele o e clicar em OK Exibi o de informa es de transforma o no painel Info O painel Info Informa es exibe dados de transforma o num rica do objeto selecionado no momento As informa es s o atualizadas medida que o objeto editado m Para dimensionar e liberar transforma es o painel Info mostra a largura W e a altura H do objeto original antes da transforma o e a porcentagem de aumento ou diminui o da largura e da altura durante a transforma o m Para inclinar e distorcer o painel Info mostra o ngulo de inclina o a incrementos de um grau e as coordenadas X e Y do ponteiro durante a transforma o Para exibir informa es de transforma o durante a transforma o de uma sele o m Selecionar Window Janela gt Info Informa es Organiza o de objetos Ao trabalhar com v rios objetos em um nico documento poss vel usar diversas t cnicas para organiza
587. sh pressionadas durante a cria o de uma nova sele o de moldura que se sobreponha moldura original 2 Soltar o bot o do mouse Somente os pixels na rea de interse o das duas molduras s o selecionados 70O Cap tulo 3 Sele o e transforma o de um objeto E Uso de miniaturas e teclas modificadoras para modificar sele es de pixels poss vel criar uma sele o de pixels em um bitmap selecionado usando a opacidade de qualquer objeto ou m scara no painel Layers Camadas Para mais informa es sobre o painel Layers consultar Trabalho com uma camada na p gina 236 Para criar ou substituir uma sele o de pixels em um bitmap selecionado usando a opacidade de um objeto 1 No painel Layers posicionar o ponteiro sobre a miniatura do objeto a ser usado para criar a sele o de pixels 2 Manter a tecla Control Windows ou Command Macintosh pressionada O ponteiro alterado para indicar que a rea opaca ou o canal alfa do objeto est prestes a ser selecionado 3 Clicar na miniatura A nova sele o de pixel criada no bitmap selecionado Para adicionar sele o atual de pixels m Clicar com as teclas Control e Shift pressionadas Windows ou Command e Shift pressionadas Macintosh na miniatura de um objeto no painel Layers Camadas para adicionar a forma da rea opaca sele o atual de pixels Quando o usu rio posiciona o ponteiro sobre a miniatura e mant m pres
588. sionadas as teclas modificadoras especificadas o ponteiro indica que ele est prestes a fazer uma adi o sele o de pixels v la Para subtrair da sele o atual de pixels m Para subtrair a forma da rea opaca de um objeto da sele o de pixels atual necess rio pressionar as teclas Control e Alt Windows ou as teclas Command e Option Macintosh e clicar na miniatura do objeto no painel Layers Camadas O Quando o usu rio posiciona o ponteiro sobre a miniatura e pressiona as teclas 2 modificadoras especificadas o ponteiro indica que ele est prestes fazer uma subtra o da sele o de pixels Para criar uma sele o de pixels em um bitmap selecionado a partir da interse o de objetos sobrepostos 1 Pressionar a tecla Control Windows ou Command Macintosh e clicar na miniatura de um objeto para selecionar o canal alfa ou a rea opaca 2 Pressionar as teclas Control Shift e Alt Windows ou Command Shift e Option Macintosh e clicar em outro objeto Sele o de um pixel 71 Uma sele o de pixels criada no bitmap selecionado a partir da interse o das reas opacas dos dois objetos sobrepostos Quando o usu rio posiciona o ponteiro sobre a miniatura e pressiona as teclas modificadoras especificadas o ponteiro indica que ele est prestes a criar uma sele o de pixels a partir da interse o das reas opacas de dois objetos sobrepostos v
589. sive tamanho fonte espa amento entrelinhamento e deslocamento da linha de base Quando um texto editado o Fireworks redesenha seus atributos de tra o preenchimento e filtro de forma correspondente Edi o de texto 167 poss vel alterar os atributos de um bloco de texto usando o Property inspector Inspetor de propriedades Se o Property inspector estiver minimizado clicar na seta de expans o no canto inferior direito para ver todas as propriedades do texto Text Arial BIU a 100 Normal v Fires ORG Av O f 100 m Z Effectts w 62 x 1 Elo 3 o B 2 7 smooth Anti Alias 4 H zo Y 19 3 100 F o v 9 Auto kern a O Property inspector Inspetor de propriedades quando um bloco de texto selecionado Tamb m poss vel usar o Text Editor Editor de texto e os comandos no menu Text Texto para editar texto mas o Property inspector oferece o meio mais r pido para alterar os atributos de texto e proporciona controle de edi o mais detalhado do que as outras duas op es Para mais informa es sobre o Text Editor consultar Utiliza o do Text Editor na p gina 189 As altera es feitas durante uma sess o de edi o de texto consistem em apenas um Undo Desfazer A escolha de Edit Editar gt Undo Desfazer durante a edi o de texto desfaz todas as edi es realizadas desde que o usu rio clicou duas vezes no bloco de
590. sombra em perspectiva para abrir tra ados e objetos de texto 10 Cap tulo 1 Introdu o Cria o sem complexidade Solid Shadow Sombra s lida Componentes m veis da interface Amostras de bot es anima es temas e marcadores Painel Auto Shape Properties Propriedades de formas autom ticas Sele es de molduras ao vivo e de convers es moldura em tra ado e tra ado em moldura Nomea o autom tica de texto Painel Special Characters Caracteres especiais Mudan a da forma de um texto em um tra ado Um novo filtro ao vivo que carimba o objeto ao qual ele aplicado diversas vezes Os componentes da interface de bitmap permitem imitar rapidamente uma interface m vel Novos recursos incr veis como bot es anima es temas e marcadores permitem come ar a trabalhar rapidamente Este novo painel usado para modificar as propriedades de formas autom ticas como Star Auto Shape Forma autom tica de estrela Arrow Auto Shape Forma autom tica de seta ou Smart Polygon Auto Shape Forma autom tica de pol gono inteligente Transforma o de sele es ativas em tra ados vetoriais edit veis ou vice versa Feedback instant neo sobre configura es e filtros aplicados a sele es Consultar Convers o de uma moldura em um tra ado na p gina 74 e Convers o de um tra ado em uma sele o de moldura na p gina 158 As camadas s o nomeadas automaticamente d
591. star com a tecla Option Macintosh um ponto de controle do canto de uma forma selecionada Para redimensionar uma Auto Shape de ret ngulo chanfrado arredondado ou chanfrado arredondado sem afetar os cantos m Arrastar o ponto de controle de arrastar para redimensionar Para converter os cantos de um ret ngulo em um tipo diferente m Clicar com a tecla Alt Windows ou clicar com a tecla Option Macintosh em qualquer ponto de controle dos cantos Para converter um nico canto em um tipo diferente m Coma tecla Shift pressionada clicar pressionando a tecla Alt Windows ou a tecla Option Macintosh em qualquer ponto de controle dos cantos 136 Cap tulo 5 Trabalho com objetos vetoriais Ajuste de Auto Shapes de linha conectora As linhas conectoras t m cinco pontos de controle H pontos de controle para posicionar os pontos inicial e final para ajustar a posi o da barra cruzada a linha que conecta os segmentos de linha inicial e final e para ajustar o arredondamento dos cantos Para mover o ponto inicial ou final de uma linha conectora m Arrastar o ponto de controle no in cio ou final da linha conectora Para reposicionar a barra cruzada de uma linha conectora m Arrastar o ponto de controle de posi o horizontal Para ajustar todos os cantos de uma linha conectora selecionada m Arrastar um ponto de controle do canto Para ajustar um nico canto de uma linha conectora selecionada m Arrastar com a tecl
592. stes procedimentos m Mover a ferramenta Pointer Ponteiro sobre o tra ado ou caixa delimitadora do objeto e clicar m Clicar no tra o ou no preenchimento do objeto m Selecionar o objeto no painel Layers Camadas Para o usu rio visualizar o que ser selecionado se ele clicar em um objeto abaixo do ponteiro na tela ele deve selecionar a op o Mouse Highlight Real ar mouse na guia Editing Edi o da caixa de di logo Preferences Prefer ncias Para mais informa es sobre prefer ncias consultar Configura o de prefer ncias na p gina 519 v la Para selecionar objetos arrastando m Arrastar a ferramenta Pointer Ponteiro para incluir um ou mais objetos na rea de sele o y 60 Cap tulo 3 Sele o e transforma o de um objeto Uso da ferramenta Subselection A ferramenta Subselection Selecionar secund rio permite selecionar mover ou modificar pontos em um tra ado vetorial ou em um objeto que perten a a um grupo Para mover ou modificar objetos com a ferramenta Subselection 1 Selecionar a ferramenta Subselection Selecionar secund rio 2 Fazer uma sele o As al as de sele o s o exibidas 3 Seguir um destes procedimentos a Para modificar um objeto arrastar um dos pontos ou al as de sele o m Para mover todo o objeto arrastar em qualquer parte do objeto exceto um ponto ou al a de sele o Uso da ferramenta Select Behind Ao
593. stiver vis vel selecionar Window Janela gt History 3 Pressionar a tecla Shift e clicar na faixa de a es que deseja salvar como comando 4 Seguir um destes procedimentos m Selecionar Save as Command Salvar como comando no painel History do menu Options Op es m Clicar no bot o Save Salvar na parte inferior do painel History Hist rico v Frames and History Frames History E Delete Paste k Move JF Crop Document Export E Paste Export Bot o Save Salvar 5 Digitar o nome do comando e clicar em OK para adicionar o comando ao menu Commands Comandos 234 Cap tulo 8 Uso de Live Filters CAP TULO 9 Camadas mascaramento e mistura As camadas dividem um documento do Macromedia Fireworks 8 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 diversos objetos No Fireworks o painel Layers Camadas cont m uma lista das camadas e dos objetos contidos em cada uma delas As camadas do Fireworks s o semelhantes aos conjuntos de camadas do Photoshop As camadas do Photoshop s o semelhantes aos objetos individuais do Fireworks O mascaramento proporciona um controle de criatividade sobre camadas e objetos O painel Layers oferece a op o de aplicar m scaras e modos de mistura As op es dos menus Select Selecionar e Modi
594. substituem os exemplos anteriores Para informa es sobre a cria o de um grupo de exemplos personalizados consultar Personaliza o do painel Swatches na p gina 196 e Salva de uma paleta na p gina 398 Ov vAaNaIsgo Para adicionar exemplos de uma paleta de cores externa aos exemplos atuais 1 Selecionar Add Swatches Adicionar exemplos no menu Options Op es do painel Swatches Exemplos de cores 2 Navegar at a pasta desejada e selecionar um arquivo da paleta de cores O Fireworks pode adicionar novos exemplos de paletas exportadas como arquivos ACT ou GIF Ov vAaNaIsgo 3 Clicar em OK O Fireworks adiciona os novos exemplos ao final dos atuais Organiza o de grupos de exemplos e modelos de cor 195 Personaliza o do painel Swatches O painel Swatches Exemplos de cores oferece op es que adicionam excluem substituem e classificam exemplos de cores ou grupos de exemplos inteiros 5 A sele o de Edit Editar gt Undo Desfazer n o desfaz adi es nem exclus es de 0 exemplos m I lt D gt Q D o Colors Painel Swatches Exemplos de cores Para adicionar uma cor ao painel Swatches Exemplos de cores 1 Selecionar a ferramenta Eyedropper Conta gotas no painel Tools Ferramentas 2 Selecionar o n mero de pixels a ser retirado como amostra no menu pop up Sample Amostra do Property inspe
595. t Inserir gt Slice Fatia A fatia um ret ngulo cuja rea inclui as bordas mais distantes do objeto selecionado 2 Se for selecionado mais de um objeto escolher como aplicar as fatias Single nico cria um nico objeto de fatia que cobre todos os objetos selecionados Multiple V rios cria um objeto de fatia para cada objeto selecionado Para desenhar um objeto de fatia retangular 1 Selecionar a ferramenta Slice Fatia 2 Arrastar para desenhar o objeto de fatia O objeto de fatia exibido na Web Layer Camada da Web e as guias de fatia s o exibidas no documento z poss vel ajustar a posi o de uma fatia medida que a mesma arrastada para ser 0 desenhada Mantendo pressionado o bot o do mouse simplesmente manter E pressionada a barra de espa o e arrastar a fatia para outro local da tela Soltar a barra de espa o para continuar o desenho da fatia Q D o Cria o e edi o de fatias 295 Cria o de fatias HTML Uma fatia HTML designa uma rea em que texto HTML normal exibido no navegador Uma fatia HTML n o exporta uma imagem ela exporta texto HTML que exibido na c lula da tabela definida pela fatia Fatias HTML s o teis quando se deseja atualizar rapidamente o texto que aparece na p gina da Web sem ter que criar novas imagens Para criar uma fatia HTML 1 Desenhar um objeto de fatia e selecion lo 2 No Property inspector Inspeto
596. ta E poss vel bloquear cores individuais para n o permitir sua remo o ou altera o ao alternar entre paletas ou reduzir o n mero de cores de uma paleta Quando ocorre a alterna o para outra paleta depois do bloqueio de cores as cores bloqueadas s o adicionadas nova paleta Para bloquear uma cor selecionada executar um dos seguintes procedimentos m Na base do painel Optimize Otimizar clicar no bot o Lock Bloquear 396 Cap tulo 14 Otimiza o e exporta o e m Clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh no exemplo de cor e selecionar Lock Color Bloquear cor no menu contextual Para desbloquear uma cor 1 Na tabela de cores do painel Optimize selecionar uma cor bloqueada 2 Clicar no bot o Lock Bloquear no painel Optimize ou clicar com o bot o direito do mouse Windows ou pressionar a tecla Control e clicar Macintosh no exemplo de cor e escolher Lock Color Para desbloquear todas as cores m No menu Options Op es do painel Optimize Otimizar selecionar Unlock All Colors Desbloquear todas as cores Edi o de cores em uma paleta poss vel alterar uma cor na paleta editando a na tabela de cores do painel Optimize A edi o de uma cor substitui todas as ocorr ncias da mesma na imagem a ser exportada ou salva como bitmap A edi o n o substitui a cor na imagem original a n o ser que o usu rio esteja trabalhando com
597. ta ou fechada Star Estrela desenha grupos de objetos que s o exibidos como estrelas com qualquer n mero de pontos de 3 a 25 Usando pontos de controle poss vel adicionar ou remover pontos e ajustar os ngulos internos e externos dos pontos Add Shadow Adicionar sombra adiciona uma sombra abaixo do objeto selecionado com base nas dimens es desse objeto Na verdade a sombra uma forma autom tica e como todas essas formas cont m pontos de controle usados para manipular sua apar ncia Por exemplo o usu rio pode pressionar a tecla Shift e arrastar o ponto de controle Direction Dire o para restringir seu movimento a um ngulo de 45 graus Ao clicar no ponto de controle Direction ele atribui sombra sua forma original S O comando Add Shadow enviar automaticamente a nova forma de sombra um n vel 0 para tr s A menos que esse comando seja aplicado a apenas um objeto na parte uu superior da camada atual a sombra poder aparecer acima do objeto selecionado lt D gt O gt o Para desenhar uma Auto Shape usando o painel Tools 1 Na se o Vector Vetor do painel Tools Ferramentas selecionar uma ferramenta Auto Shape Forma autom tica no menu pop up 2 Seguir um destes procedimentos m Arrastar na tela para desenhar a forma m Clicar na tela para posicionar a forma com o tamanho padr o Para criar a Auto Shape Add Shadow 1 Selecionar um objeto na tela 2 Selecionar Com
598. talar o software que acompanha o scanner caso ainda n o esteja instalado 3 No Fireworks selecionar File Arquivo gt Acquire Obter e em seguida selecione Twain Acquire Obten o de Twain ou Twain Select Sele o de Twain S Para a maioria dos m dulos T WAIN ou plug ins Acquire do Photoshop caixas de 0 di logo adicionais solicitam a defini o de outras op es m pe lt D gt O gt o Abertura e importa o de um arquivo 29 4 Seguir as instru es para aplicar as configura es desejadas A imagem importada aberta como um novo documento do Fireworks Para importar uma imagem de um scanner Windows 1 Conectar o scanner ao computador 2 Instalar o software que acompanha o scanner caso ainda n o esteja instalado 3 No Fireworks selecionar File Arquivo gt Scan Varrer e em seguida selecionar Twain Acquire Obten o de Twain ou Twain Select Sele o de Twain z Para a maioria dos m dulos TWAIN ou plug ins Acquire do Photoshop caixas de 0 di logo adicionais solicitam a defini o de outras op es m Pu lt D gt Q D o 4 Seguir as instru es para aplicar as configura es desejadas A imagem importada aberta como um novo documento do Fireworks Salva de um arquivo no Fireworks Quando um novo documento criado ou quando um arquivo PNG existente do Fireworks aberto o nome do arquivo tem a extens o png O
599. tanto alguns arquivos EPS exportados do Illustrator mant m as informa es sobre vetores Quando os arquivos EPS em sua maioria s o abertos exibida a caixa de di logo EPS File Options Op es de arquivo EPS Image Size Tamanho da imagem determina as dimens es da imagem e as unidades nas quais a imagem processada poss vel selecionar entre pixels porcentagens polegadas e cent metros Resolution Resolu o indica o n mero de pixels por unidade para a resolu o Constrain Proportions Limitar propor es abre o arquivo nas mesmas propor es do original 22 Cap tulo 2 Conceitos b sicos do Fireworks Anti aliased Sem serrilhado suaviza as bordas irregulares no arquivo EPS aberto Quando os arquivos EPS do Illustrator s o abertos ou importados exibida a caixa de di logo Vector File Options Op es de arquivo vetorial Ela a mesma caixa de di logo exibida quando os arquivos do FreeHand s o abertos ou importados Arquivos WBMP O Fireworks consegue abrir arquivos WBMP que s o arquivos de 1 bit monocrom ticos otimizados para dispositivos m veis de computa o Esse formato usado especificamente em p ginas WAP Wireless Application Protocol protocolo de aplica es sem fio poss vel abrir um arquivo WBMP usando diretamente File arquivo gt Open Abrir ou importar um arquivo WBMP usando File Arquivo gt Import Importar Cria o de um arquivo PNG do Fireworks a
600. tas comuns de edi o de fotos em um nico locale qro sadias aba are As ras Eras ba a E DS a as 94 Desenho pintura e edi o de objetos bitmap 95 Retoque de um bitmap ccccccccciis ser 99 Ajuste da cor e do tom de um bitmap ccccccccs ici 106 Emba amento e agu amento de bitmaps ccccccccc 119 Adi o de ru do a uma imagem cccicccicicsics cr 125 Cap tulo 5 Trabalho com objetos vetoriais 127 Desenho de objetos vetoriais ccccciicicsics er 128 Edi o de tra ados ccicciii see 152 Cap tulo 6 Utiliza o de texto ccccicictc 163 Digita o de texto romae a Sage ando E Dando 164 Edi o detexto e a A a aa a Ma aA a O aa 167 Aplica o de tra os preenchimentos e filtros ao texto 180 Anexa o de um texto a um tra ado ssssuaraarrrnrrnu 181 Transforma o d texto i c sbot re nbiesdr rk eenei ae py a e e 184 Convers o de texto em tra adoS aanru nanan n nanna nn nna 184 Importa o de texto nanu p a n a i a aeaa a a a ie 185 Verifica o da ortografia aa aaua aaa annann a ranean annn 187 Utiliza o do Text Editor re casna imeri anene rtea ae aea 189 Cap tulo 7 Aplica o de cor tra os e preenchimentos 191 Uso da se o Colors do painel Tools cccciiccccscc 192 Organiza o de grupos de exemplos e modelos de cor 193 Uso de caixas de cor e janela
601. te como script E poss vel salvar as configura es do processo em lote como script ou comando para recriar facilmente o processo em lote no futuro Depois de selecionadas todas as op es de lote na caixa de di logo Batch Lote s o apresentadas op es para salvar arquivos Para criar um script em lote 1 2 Clicar em Save Script Salvar script para criar um script em lote Digitar um nome e um destino para o script Clicar em Save Se o script for salvo na pasta Commands Comandos no disco r gido ele ser adicionado ao menu Commands do Fireworks E A localiza o exata dessa pasta varia de acordo com o sistema e depende de o 0 comando estar dispon vel apenas para seu perfil de usu rio ou para todos os u usu rios As pastas de comandos est o localizadas na pasta Configuration Configura o na pasta de aplicativo do Fireworks e tamb m na pasta de o configura o do Fireworks espec fica do usu rio Para mais informa es consultar O Trabalho com arquivos de configura o na p gina 526 Para executar um script em lote 1 Seguir um destes procedimentos a No Fireworks selecionar Commands Comandos gt Run Script Executar script m Fora do Fireworks clicar duas vezes no nome do arquivo de script no disco r gido Selecionar um script e clicar em Open Abrir Selecionar os arquivos a serem processados com o script Current Open Files Arquivos atuais abertos
602. teja selecionada para abrir uma caixa de di logo na qual poss vel escolher os arquivos a serem pesquisados Caso ela j esteja selecionada no menu pop up Search poss vel escolher quais arquivos ser o pesquisados depois de iniciar a opera o de pesquisa clicando em Find Replace ou Replace All Substituir tudo No menu pop up Find selecionar um atributo a ser pesquisado As op es do painel s o alteradas de acordo com a sele o Definir as op es para o atributo Find selecionado Selecionar uma opera o de localiza o e substitui o Find localiza a pr xima ocorr ncia do elemento Os elementos encontrados aparecem selecionados no documento Replace substitui um elemento encontrado pelo conte do da op o Change To Alterar para Replace All Substituir tudo localiza e substitui todas as ocorr ncias de um elemento encontrado em toda a faixa de pesquisa S A substitui o de objetos em v rios arquivos salva esses arquivos automaticamente 0 n o poss vel reverter a altera o com Edit Editar gt Undo Desfazer Para mais a informa es consultar Localiza o e substitui o durante um processo em lote na p gina 506 QO D o Defini o de op es para localizar e substituir em v rios arquivos Durante uma opera o de localiza o e substitui o em v rios arquivos poss vel determinar como o Fireworks trata diversos arquivos abertos depois
603. tera es e salvar o arquivo como PSD preciso export lo para o formato PSD Para mais informa es consultar Coloca o de gr ficos do Fireworks no Photoshop na p gina 489 Sobre a importa o de texto do Photoshop poss vel abrir ou importar um arquivo do Photoshop que contenha texto Ao abrir arquivos do Photoshop que cont m texto o Fireworks verifica se o sistema tem as fontes necess rias Caso ele n o tenha o Fireworks pergunta se deve substituir as fontes ou manter a apar ncia Para mais informa es consultar a Ajuda do Fireworks Se o texto no arquivo do Photoshop tiver efeitos suportados pelo Fireworks esses efeitos ainda estar o aplicados quando trazidos para o Fireworks No entanto como o Fireworks e o Photoshop aplicam efeitos de formas diferentes esses efeitos podem ter apar ncias distintas em cada aplicativo Trabalho com o Adobe Photoshop 485 Quando os arquivos do Photoshop 6 ou 7 que cont m texto s o abertos ou importados no Fireworks com a op o Maintain Appearance Manter apar ncia selecionada uma imagem do texto armazenada no cache exibida de forma que sua apar ncia continue igual quela mostrada no Photoshop Quando o texto editado a imagem armazenada no cache substitu da pelo texto real que pode ter uma apar ncia diferente do texto original Os dados das fontes originais s o armazenados no arquivo PNG para que caso o arquivo esteja em um sistema que n o tenha a
604. testar o rollover ou pressionar F12 para visualiz lo em um navegador Cria o de um rollover desmembrado Um rollover desmembrado troca uma imagem em um objeto da Web quando o ponteiro passa sobre outro objeto da Web Quando o ponteiro do mouse passa sobre uma imagem de acionamento ou se esta clicada exibe se uma imagem em um local diferente na p gina da Web Considera se a imagem sobre a qual passa o ponteiro como o acionador e a imagem alterada como o alvo 306 Cap tulo 11 Fatias rollovers e pontos ativos De forma semelhante ao que ocorre com rollovers simples que usam apenas uma fatia primeiro necess rio configurar as fatias acionador e alvo bem como a moldura na qual residir a imagem de troca Em seguida poss vel vincular o acionador fatia alvo com uma linha de comportamento z O acionador para um rollover desmembrado n o precisa ser uma fatia Pontos ativos e 0 bot es tamb m t m al as de comportamento que podem ser usadas para criar rollovers Eu desmembrados Para mais informa es sobre pontos ativos consultar Cria o de E pontos ativos na p gina 322 Para mais informa es sobre bot es consultar Cria o 2 de s mbolos de bot es na p gina 330 o Transforma o de fatias em objetos interativos 307 Para acrescentar um rollover desmembrado a uma imagem selecionada 1 8 9 Selecionar Edit Editar gt Insert Inserir gt Slice Fatia
605. ticamente um nome exclusivo a cada arquivo de fatia com base na conven o de nomea o padr o 316 Cap tulo 11 Fatias rollovers e pontos ativos Para nomear automaticamente um arquivo de fatia m Ao exportar a imagem fatiada digitar um nome nas caixas de texto File Name Nome do arquivo Windows ou Name Nome Macintosh na caixa de di logo Export Exportar N o adicionar uma extens o de arquivo O Fireworks adiciona automaticamente as extens es aos arquivos de fatia no momento da exporta o Altera o da conven o de nomea o autom tica padr o Na caixa de di logo HTML Setup Configura o do HTML guia Document Specific Espec fico do documento poss vel alterar a conven o de nomea o para fatias O Fireworks permite especificar uma conven o de nomea o personalizada com o uso de uma vasta gama de op es de nomea o poss vel criar uma conven o de nomea o que contenha at oito elementos Um elemento pode consistir em qualquer uma das seguintes op es de nomea o autom tica Op o Descri o Nenhum Nenhum nome aplicado ao elemento nome doc O elemento recebe o nome do documento fatia poss vel inserir a palavra fatia na conven o de nomea o Fatia 1 2 3 O elemento rotulado num rica ou alfabeticamente de acordo com Fatia 01 02 03 o estilo selecionado Fatia A B C Fatia A B C linha coluna r3_c2 Row Linha
606. tilos para abrir o painel Styles 2 Clicar em um estilo do painel Styles Cria o e exclus o de estilos poss vel criar um estilo com base nos atributos de um objeto selecionado O estilo exibido no painel Styles Estilos O painel Styles tamb m oferece a op o de excluir estilos Uso de estilos 275 Os atributos a seguir podem ser salvos em um estilo Cor e tipo de preenchimento inclusive padr es texturas e atributos gradiente de vetores como ngulo posi o e opacidade Cor e tipo de tra o Filtros Atributos de texto como fonte tamanho do ponto estilo negrito it lico ou sublinhado alinhamento suaviza o de serrilhado kerning autom tico kerning da faixa e entrelinhamento Para criar um novo estilo 1 Criar ou selecionar um objeto vetorial ou um texto com os atributos desejados de tra o preenchimento filtro ou texto Clicar no bot o New Style Novo estilo na parte inferior do painel Styles Estilos Selecionar os atributos a serem integrados ao estilo na caixa de di logo New Style Para salvar outros atributos de texto n o listados como alinhamento suaviza o de serrilhado kerning autom tico escala horizontal kerning da faixa e entrelinhamento necess rio selecionar a op o Text Other Texto outro Ov vANaIsgo 4 Atribuir um nome ao estilo se desejar e clicar em OK No painel Styles aparecer um cone que mostra o estilo Par
607. tivos vetoriais pode ler o formato de arquivo Illustrator 7 OY VAYASgO Clicar no bot o Options Options Na caixa de di logo Illustrator Export Options Op es de exporta o do Illustrator selecionar uma das seguintes op es Export Current Frame Only Exportar apenas moldura atual preserva os nomes das camadas e exporta somente a moldura atual Convert Frames to Layers Converter molduras em camadas exporta cada moldura do Fireworks como uma camada Selecionar FreeHand Compatible Compat vel com o FreeHand para exportar o arquivo para o FreeHand A sele o de FreeHand Compatible omite bitmaps e converte preenchimentos d grad em preenchimentos s lidos Clicar em OK Na caixa de di logo Export clicar em Save Salvar Na exporta o o Fireworks define as bordas do objeto como Hard Acentuadas Ov vAaHaIsgo 9 Alternar para um documento aberto no FreeHand 10 Selecionar File Arquivo gt Open Abrir ou File gt Import Importar para navegar para o arquivo exportado do Fireworks e clicar em Open Trabalho com o Macromedia FreeHand MX 473 Trabalho com outros aplicativos de gr ficos vetoriais O Fireworks pode compartilhar gr ficos vetoriais com outros aplicativos de gr ficos vetoriais como o Adobe Illustrator No Fireworks a exporta o e a importa o de gr ficos vetoriais desses aplicativos ocorre da mesma forma que a exporta o e a importa o
608. tmap Ov vAaNaIsgo O arquivo aberto no Fireworks e a janela do documento indica que o usu rio est editando um arquivo do Director T image1 png 100 DER p Original Preview 7 2 Up E 4 Up Editing from Director 215x125 100 478 Cap tulo 15 Uso do Fireworks com outros aplicativos 3 Alterar a imagem e clicar em Done Conclu do ao terminar O Fireworks exporta o novo gr fico para o Director Otimiza o de membros de elenco no Director poss vel iniciar o Fireworks no Director para visualizar altera es de otimiza o em membros selecionados do elenco Para iniciar o Fireworks e visualizar configura es de otimiza o de um membro de elenco do Director 1 No Director selecionar o membro do elenco na janela Cast Elenco e clicar em Optimize in Fireworks Otimizar no Fireworks na guia Bitmap do Property inspector Inspetor de propriedades 2 No Fireworks alterar as configura es de otimiza o como desejar 3 Clicar em Update Atualizar ao terminar Clicar em Done Conclu do se a caixa de di logo MIX Editing Edi o MIX aparecer A imagem atualizada no Director usando as novas configura es Trabalho com o Macromedia HomeSite poss vel usar o Fireworks e o Macromedia HomeSite para criar e editar p ginas da Web A exporta o e a abertura de HTML do Fireworks no HomeSite simples e a inser o de gr ficos do Fireworks em d
609. to em um tra ado Agora os pontos do tra ado est o selecionados como secund rios e prontos para a edi o 2 Arrastar os pontos para mudar a forma do tra ado Tamb m poss vel usar a ferramenta Beizer Pen para editar o tra ado O texto flui de forma autom tica e correta ao redor do tra ado medida que os pontos s o editados Ov vAaNaIsgo Altera o da orienta o e dire o do texto em um tra ado A ordem em que desenhar um tra ado estabelece a dire o do texto a ele anexado Por exemplo se o usu rio desenhar um tra ado da direita para a esquerda o texto anexado aparecer de tr s para a frente e de cabe a para baixo wejnoundel Texto anexado a um 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 se alterar o ponto inicial do texto em um tra ado 182 Cap tulo 6 Utiliza o de texto Para alterar a orienta o de texto em um tra ado selecionado m Selecionar Text Texto gt Orientation Orienta o e selecionar uma orienta o Texto girado ao redor de um tra ado Texto orientado verticalmente em um tra ado jaguNCUlan Texto inclinado verticalmente ao redor de um tra ado agUNCU a Texto inclinado horizontalmente ao redor de um tra ado Para inverter a dire o de texto em um tra ado selecionado m Selecionar Text Texto gt Reverse Directi
610. to menor no site da Web Para otimizar uma anima o 1 Se o usu rio planejar a exporta o de uma anima o como um GIF animado dever selecionar Animated GIF GIF animado como o formato de exporta o de arquivo no painel Optimize Otimizar Se o painel n o estiver vis vel selecionar Window Janela gt Optimize Otimizar Definir as op es Palette Paleta Dither Pontilhado ou Transparency Transpar ncia Para mais informa es sobre op es de otimiza o consultar Otimiza o de arquivos GIF PNG TIFF BMP e PICT na p gina 391 No painel Frames Molduras definir o retardo das molduras Para mais informa es consultar Configura o do retardo de uma moldura na p gina 366 374 Cap tulo 13 Cria o de anima o Formatos de exporta o de uma anima o Depois de criar e otimizar uma anima o ela est pronta para ser exportada Os GIFs animados oferecem os melhores resultados para imagens gr ficas de clipart e do tipo desenho animado Para mais informa es sobre a exporta o de GIFs animados consultar Exporta o de uma anima o na p gina 412 poss vel exportar a anima o como um arquivo SWF do Flash e em seguida import la para o Macromedia Flash Ou poss vel ignorar a etapa de exporta o e importar o arquivo de origem PNG do Fireworks diretamente no Flash Essa op o proporciona o maior controle sobre a forma de importa o de uma anima
611. tor Editor de menu pop up poss vel criar submenus menus pop up que aparecem quando o usu rio move o ponteiro ou clica em outro item do menu pop up poss vel criar tantos n veis de submenus quanto desejados Para criar um submenu pop up 1 No Pop up Menu Editor abrir a guia Content e criar itens de menu Criar os itens de menu que se deseja usar para o submenu e coloc los diretamente sob o item de menu para o qual eles ser o um submenu Para mais informa es consultar Cria o de um menu pop up b sico na p gina 345 2 Clicar para real ar um item de menu pop up que se deseja transformar em um item de submenu 3 Clicar no bot o Indent Menu Recuar menu para designar o item como um item de submenu do item diretamente acima dele na lista de itens de menu 4 Para adicionar o pr ximo item ao submenu real lo e clicar em Indent Menu Todos os itens recuados de forma cont gua no mesmo n vel constituem um submenu pop up simples 5 Opcionalmente real ar um item de menu ou submenu e clicar em Add Menu Adicionar menu para inserir um novo item imediatamente abaixo do item real ado 6 Seguir um destes procedimentos m Clicar em Next Pr ximo para ir para a pr xima guia ou selecionar outra guia para continuar a criar o menu pop up a Clicar em Done Conclu do para fechar o Pop up Menu Editor Para criar um submenu pop up dentro de outro submenu pop up 1 Na guia Content Conte do do Pop
612. tos ativos m No painel Layers Camadas clicar na coluna do olho Selecionar a fatia qual est anexado o menu pop up Clicar duas vezes no contorno azul do menu pop up no espa o de trabalho O Pop up Menu Editor aberto exibindo as entradas do menu pop up Efetuar as modifica es desejadas em uma das quatro guias e clicar em Done Conclu do Para alterar uma entrada de um menu pop up 1 3 4 Com o menu pop up desejado sendo exibido no Pop up Menu Editor clicar na guia Content Conte do Clicar duas vezes nas caixas de texto Text Texto Link ou Target Destino e editar o texto do menu Clicar fora da lista de entradas para aplicar a altera o Clicar em Done Para mover uma entrada no menu pop up 1 Com o menu pop up desejado sendo exibido no Pop up Menu Editor clicar na guia Content Conte do Arrastar o item de menu para um novo local na lista 3 Clicar em Done Cria o de menus pop up 357 Sobre a exporta o de menus pop up O Fireworks gera todo o c digo CSS ou JavaScript dependendo da op o selecionada necess rio para exibir menus pop up em navegadores da Web Se o usu rio optar por usar o c digo CSS para os menus pop up um documento do Fireworks com os menus pop up ser exportado para HTML usando o c digo CSS Ele tamb m pode optar por criar o c digo CSS em um arquivo css externo e exportar esse arquivo com um arquivo mm css menu js para o mesmo local do
613. tos bitmap 50 objetos vetoriais 50 Crop Cortar comando 159 D desagrupar objetos 87 Deselect Cancelar sele o comando 69 desenhar 133 alterar segmentos adjacentes 150 converter tra ados retos em curvos 148 dividir tra ados 157 dobrar segmentos adjacentes 150 elipses 128 espirais 133 estrelas 130 formas deL 132 gr ficos setoriais 132 linhas 128 linhas conectoras 132 534 ndice remissivo pol gonos 130 132 ret ngulos 128 ret ngulos arredondados 130 132 ret ngulos chanfrados 132 ret ngulos chanfrados arredondados 132 rosquinhas 132 selecionar um ponto 149 setas 132 desenho distorcer objetos 85 desfazer 56 com o painel History Hist rico 513 definir n mero de etapas de desfazer 520 desinstalar o Fireworks 529 deslocamento da linha de base 179 dimensionar gr ficos 505 objetos 83 op es de interpola o 520 Display Striped Border Exibir borda listrada prefer ncia 521 distorcer objetos 85 Distort Distorcer ferramenta 85 documentos abrir 20 alternar 43 criar novo 19 dispor exibi es lado a lado 47 modo padr o 128 recente 21 salvar 30 v rias exibi es 46 Dodge Clarear ferramenta 99 Doughnut Rosquinha ferramenta 132 Down Abaixo estado de bot o 330 duplicar objetos selecionados 79 pelo processo de arrastar 79 E e mail 431 Edit Gradient Editar d grad caixa de di logo 215 Edit Stroke Editar tra o caixa de di logo 207 editar a
614. tos de tra os preenchimentos filtros e texto e desejar reutiliz los poder salvar os atributos como um estilo Em vez de reconstruir atributos basta salv los no painel Styles e depois aplicar essa combina o de atributos a outros objetos O Fireworks possui tr s tipos de s mbolos gr fico anima o e bot o Cada um apresenta caracter sticas exclusivas para seu uso espec fico O painel Library oferece op es para criar novos s mbolos assim como para duplicar importar e editar s mbolos Para informa es sobre recursos espec ficos incorporados aos s mbolos de anima o e de bot o consultar Cap tulo 13 Cria o de anima o na p gina 359 e Cap tulo 12 Cria o de bot es e menus pop up na p gina 329 Um URL Uniform Resource Locator localizador uniforme de recursos o endere o de uma p gina ou arquivo espec fico na Internet Se usar o mesmo URL muitas vezes o usu rio poder adicion lo ao painel URL Os URLs podem ser organizados e agrupados em bibliotecas de URLs Este cap tulo cont m os seguintes t picos LO de BGOS essssspa dd d ELE Lad a vE A UR aU End a a 274 Uso de simbolos secretin aaa a dd aa 279 Tapah com UR ass das Paes ed ES ade Edi sds Eana 287 273 Uso de estilos poss vel salvar e reaplicar um conjunto de atributos predefinidos de preenchimento tra o filtro e texto criando um estilo Quando um estilo aplicado a um objeto esse objeto assume as c
615. 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 poss vel definir a sua intensidade S A ferramenta Reshape Area Mudar forma da rea tamb m responde press o de um 0 digitalizador Wacom ou de outra mesa digitalizadora compat vel m Ps lt D gt QO D o 154 Cap tulo 5 Trabalho com objetos vetoriais Para distorcer tra ados selecionados 1 No menu pop up Freeform Forma livre selecionar a ferramenta Reshape Area Mudar forma da rea 2 Arrastar os tra ados para redesenh los Para alterar o tamanho do ponteiro de mudan a de forma da rea seguir um destes procedimentos m Como bot o do mouse pressionado pressionar a tecla de seta direita ou 2 para aumentar a largura do ponteiro m Como bot o do mouse pressionado pressionar a tecla Seta esquerda ou 1 para diminuir a largura do ponteiro m Para definir o tamanho do ponteiro e o comprimento do segmento do tra ado afetado cancelar a sele o de todos os objetos do documento e em seguida digitar um valor de 1 a 500 na caixa de texto Size Tamanho do Property inspector Inspetor de propriedades O valo
616. tra o e preenchimento lt gt QO gt o 266 Cap tulo 9 Camadas mascaramento e mistura Substitui o desativa o e exclus o de uma m scara Uma m scara pode ser substitu da por um novo objeto de m scara Tamb m poss vel desativar ou excluir uma m scara A desativa o da m scara a oculta temporariamente A exclus o da m scara a remove de forma permanente Para substituir uma m scara 1 Selecionar Edit Editar gt Cut Recortar para recortar os objetos selecionados a serem usados como m scara 2 No painel Layers selecionar a miniatura do objeto com m scara e selecionar Edit gt Paste as Mask Colar como m scara 3 Clicar em Replace Substituir quando for perguntado se deseja substituir a m scara existente ou adicionar a ela O objeto de m scara existente substitu do pelo novo Para desativar ou ativar uma m scara selecionada seguir um dos seguintes procedimentos m No menu Options Op es do painel Layers Camadas selecionar Disable Mask Desativar m scara ou Enable Mask Ativar m scara m Selecionar Modify Modificar gt Mask M scara gt Disable Mask ou Modify gt Mask gt Enable Mask Um X vermelho aparece na miniatura da m scara quando ela est desativada Clicar no X ativa a m scara Para excluir a m scara selecionada 1 Para excluir a m scara seguir um dos seguintes procedimentos No menu Options Op es do painel Laye
617. trabalha nela para ver sua evolu o Tamb m poss vel visualizar uma anima o depois de uma otimiza o para ver como ser sua apar ncia em um navegador da Web Para visualizar uma anima o no espa o de trabalho m Usar os controles de moldura que aparecem na base da janela Document Documento Controles de moldura Ter em mente o seguinte ao visualizar anima es m Para definir quanto tempo cada moldura aparecer na janela Document Documento informar as configura es de retardo de moldura no painel Frames Molduras m As molduras exclu das da exporta o n o aparecem na visualiza o m A visualiza o da anima o na exibi o Original mostra o gr fico de origem com resolu o total n o a visualiza o otimizada usada para o arquivo exportado Para visualizar uma anima o na exibi o Preview 1 Clicar no bot o Preview Visualizar no canto superior esquerdo da janela do documento 2 Usar os controles de moldura a N o recomend vel visualizar anima es em 2 Up 2 para cima e 4 Up 4 para 0 cima m p lt D gt O D o 372 Cap tulo 13 Cria o de anima o Para visualizar uma anima o em um navegador da Web m Selecionar File Arquivo gt Preview in Browser Visualizar no navegador e escolher um navegador no submenu z necess rio selecionar Animated GIF GIF animado como o formato de arquivo de 0 exporta o no painel O
618. tradas no Text Editor est o agora localizadas no Property inspector Inspetor de propriedades Contudo ainda poss vel acessar o Text Editor pelo menu Text Texto O Text Editor Editor de texto til para trabalhar com o texto dif cil de editar na tela como grandes blocos de texto texto anexado a um tra ado ou texto com fontes e tamanhos dif ceis de ler poss vel escolher exibir esse texto na fonte e tamanho padr o do sistema se for necess rio para facilitar a edi o Para exibir o Text Editor 1 Selecionar um bloco de texto e escolher Text Texto gt Editor 2 Modificar e formatar o texto usando as op es dispon veis 3 Clicar em OK e aplicar as altera es e fechar o Text Editor Para visualizar o texto na fonte do sistema m Cancelar a sele o de Show Font Mostrar fonte no Text Editor Editor de texto C Show Font Para exibir o texto no tamanho padr o m Cancelar a sele o de Show Size amp Color Mostrar tamanho e cor no Text Editor C Show Size amp Color Utiliza o do Text Editor 189 190 Cap tulo 6 Utiliza o de texto CAP TULO 7 Aplica o de cor tra os e preenchimentos O Macromedia Fireworks 8 oferece uma ampla variedade de pain is ferramentas e op es para organizar e selecionar cores e aplic las a imagens bitmap e a objetos vetoriais No painel Swatches Exemplos de cores o usu rio pode selecionar um grupo de exemplos de cores predefini
619. tura e a largura s o independentes entre si Fixed Ratio Propor o fixa restringe a altura e a largura a propor es definidas Fixed Size Tamanho fixo estabelece a altura e a largura em uma dimens o definida S A ferramenta Magic Wand Varinha m gica tamb m permite configurar a toler ncia 0 Para mais informa es consultar Sele o de uma rea com cores semelhantes au na p gina 67 lt gt Q D o Cria o de uma moldura de sele o de pixels As ferramentas Marquee Moldura Oval Marquee Moldura oval e Lasso La o na se o Bitmap do painel Tools Ferramentas permitem selecionar reas de pixels espec ficas de uma imagem bitmap desenhando uma moldura em torno delas S Para alterar as configura es da sele o quando uma dessas ferramentas usada 0 necess rio marcar a caixa Live marquee Moldura ao vivo antes de selecionar m P lt D gt QO gt o Sele o de um pixel 65 Para selecionar uma rea retangular ou el ptica de pixels 1 2 Selecionar a ferramenta Marquee Moldura ou Oval Marquee Moldura oval Definir as op es Style Estilo e Edge Borda no Property Inspector Inspetor de propriedades Para mais informa es consultar Op es de ferramentas de sele o de bitmap na p gina 64 Arrastar para desenhar uma moldura de sele o que define a sele o de pixel Para desenhar outras
620. ty inspector Inspetor de propriedades embora permane a no painel Styles como um estilo normal O gt o Para aplicar um Live Filter personalizado a objetos selecionados seguir um destes procedimentos m No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar um Live Filter Filtro ao vivo personalizado m Clicar no cone do Live Filter personalizado no painel Styles Estilos poss vel renomear ou excluir um Live Filter personalizado como qualquer outro estilo no painel Styles Para mais informa es consultar Cria o e exclus o de estilos na p gina 275 e Edi o de estilos na p gina 277 N o poss vel renomear ou excluir um filtro padr o do Fireworks Ov vAaNaIsgo Salva de Live Filters como comandos O usu rio pode salvar e reutilizar um filtro criando um comando baseado nesse filtro No painel History Hist rico ele pode automatizar todos os Live Filters Filtros ao vivo aplicados a um objeto criando um comando dispon vel no menu Commands Comandos poss vel usar esses comandos no processamento em lote Para mais informa es consultar Execu o de um comando com um processo em lote na p gina 508 Edi o de Live Filters 233 Para salvar as configura es de um filtro como um comando 1 Aplicar os filtros ao objeto 2 Se o painel History Hist rico n o e
621. ty inspector Inspetor de propriedades qualquer caixa Fill Color Cor de preenchimento ou a ferramenta Eyedropper Conta gotas Tamb m poss vel usar qualquer um desses m todos para definir a cor do texto para a ferramenta Text 170 Cap tulo 6 Utiliza o de texto Para definir a cor de todo o texto em um bloco de texto selecionado seguir um destes procedimentos Clicar na caixa Fill Color Cor de preenchimento no Property inspector e selecionar uma cor na janela pop up de cores ou criar uma amostra de uma cor de qualquer lugar na tela usando o ponteiro conta gotas enquanto a janela pop up est aberta Y Properties Arial A Text tool 12 Avlo f0 v 4 ay 0 v jo v Smooth Anti Alias A m0 v 0 x Auto kern a Caixa Fill Color Caixa Fill Color Cor de preenchimento no Property inspector Inspetor de propriedades No painel Tools Ferramentas clicar na caixa Fill Color e selecionar uma cor na janela pop up de cores ou criar uma amostra de uma cor de qualquer lugar na tela usando o ponteiro conta gotas enquanto a janela pop up Fill Color est aberta No painel Tools clicar no cone ao lado da caixa Fill Color selecionar a ferramenta Eyedropper Conta gotas e em seguida clicar em qualquer lugar de um documento aberto para criar uma amostra de uma cor A cor na caixa Fill Color Cor do preenchimento no painel Tools Ferramentas muda par
622. u rio tamb m pode usar o painel Auto Shape Properties para inserir outra Auto Shape diretamente no documento S Esse painel s suporta as Auto Shapes exibidas no painel Tools Ferramentas Ele n o 0 suporta Auto Shapes de terceiros ou inclu das no painel Shapes Formas em Window a Janela gt Auto Shapes lt D gt QO gt o Para alterar as propriedades de uma Auto Shape 1 Inserir uma Auto Shape Forma autom tica no documento 2 Selecionar Window Janela gt Auto Shape Properties Propriedades de formas autom ticas exibido o painel Auto Shape Properties com as propriedades da Auto Shape selecionada 3 Ajustar as propriedades no painel Auto Shape Properties No caso das formas Rectangle Ret ngulo poss vel optar por bloquear seus cantos para que as altera es feitas em um canto afetem os outros tr s Tamb m poss vel alterar as propriedades de cada canto individualmente v la 134 Cap tulo 5 Trabalho com objetos vetoriais 4 Para aplicar as altera es pressionar Tab ou Enter A Auto Shape selecionada atualizada com as altera es feitas em suas propriedades Para fazer outras altera es ajustar a Auto Shape na tela usando seus pontos de controle e os valores correspondentes no painel Auto Shape Properties Propriedades de formas autom ticas ser o atualizados dinamicamente 5 Para inserir outra Auto Shape selecionar uma no
623. uaisquer das seguintes propriedades de um s mbolo de anima o Frames Molduras o n mero de molduras que se deseja incluir na anima o Embora o controle deslizante permita definir no m ximo 250 molduras o usu rio pode digitar qualquer n mero desejado na caixa de texto Frames Molduras O padr o 5 Move Movimento a dist ncia desejada em pixels para a movimenta o de cada objeto Esta op o est dispon vel somente na caixa de di logo Animate Embora o padr o seja 72 o usu rio pode digitar o n mero que quiser na caixa de texto Move Mover O movimento linear e n o h molduras principais ao contr rio do Macromedia Flash e Director Direction Dire o a dire o em graus na qual se deseja que o objeto se mova escala de valores varia de 0 a 360 Esta op o est dispon vel somente na caixa de di logo Animate Tamb m poss vel alterar os valores de Movement Movimento e Direction Dire o arrastando se as al as de anima o do objeto consultar Edi o de caminhos de movimento de s mbolo na p gina 364 Scaling Dimensionamento a porcentagem de altera o do tamanho do in cio ao fim Embora o padr o seja 100 o usu rio pode digitar o n mero que quiser na caixa de texto Scaling Dimensionamento Para dimensionar um objeto de O a 100 o objeto original deve ser muito pequeno os objetos vetoriais s o recomend veis Opacity Opacidade o grau de escurecimento ou c
624. ue o aciona 3 Seguir um destes procedimentos m Para tornar a posi o de cada submenu relativa ao item de menu pai que o aciona desmarcar a op o Place in Same Position Colocar na mesma posi o da posi o do submenu m Para tornar a posi o de cada submenu relativa ao menu pop up pai selecionar Place in Same Position 4 Clicar em Done para fechar o Pop up Menu Editor ou em Back para modificar as propriedades em outras guias Para definir a posi o de um menu pop up arrastando o 1 Se necess rio executar um dos procedimentos a seguir para exibir a Web Layer Camada da Web No painel Tools Ferramentas clicar no bot o Show Slices and Hotspots Mostrar fatias e pontos ativos a No painel Layers Camadas clicar na coluna do olho 2 Selecionar o objeto da Web que o acionador do menu pop up 3 Arrastar o contorno do menu pop up para outro local no espa o de trabalho 356 Cap tulo 12 Cria o de bot es e menus pop up Edi o de menus pop up No Pop up Menu Editor Editor de menu pop up poss vel editar ou atualizar o conte do de um menu pop up reordenar os itens do menu ou alterar outras propriedades em uma das quatro guias Para editar um menu pop up no Pop up Menu Editor 1 4 Se necess rio executar um dos procedimentos a seguir para exibir a Web Layer Camada da Web a No painel Tools Ferramentas clicar no bot o Show Slices and Hotspots Mostrar fatias e pon
625. ui automaticamente pontos ao longo do tra ado medida que a forma do objeto vetorial alterada lt Comprimento gt especificado A Ferramenta Freeform Forma livre puxando um segmento de tra ado Ferramenta Freeform Forma livre empurrando um segmento de tra ado 152 Cap tulo 5 Trabalho com objetos vetoriais Quando o usu rio move 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 Ponteir Significado o E A ferramenta Freeform Forma livre est em uso A ferramenta Freeform est em uso e o ponteiro de puxar est em posi o para puxar o tra ado selecionado A ferramenta Freeform est em uso e o ponteiro de puxar est puxando o tra ado selecionado A ferramenta Freeform est em uso e o ponteiro de empurrar est ativo A ferramenta Reshape Area Mudar forma da rea est em uso e o ponteiro de mudan a da rea est ativo A rea do c rculo interno para o c rculo externo representa a intensidade reduzida OO 7 Quando o ponteiro estiver diretamente sobre o tra ado o usu rio poder puxar o tra ado Quando o ponteiro n o estiver diretamente sobre o tra ado ele poder empurrar o tra ado poss vel alterar o tamanho do ponteiro de empurrar e puxar A ferramenta Freeform Forma livre da rea tamb m responde press o de um digitalizador Wacom ou
626. uivo na p gina 389 Para especificar configura es de otimiza o personalizadas 1 No painel Optimize Otimizar selecionar uma op o no menu pop up Export File Format Formato de arquivo de exporta o Definir op es espec ficas do formato como profundidade de cor pontilhamento e qualidade No menu Options Op es do painel Optimize Otimizar selecionar outras configura es de otimiza o caso necess rio Para mais informa es sobre controles de otimiza o espec ficos consultar as se es apropriadas em Otimiza o no espa o de trabalho na p gina 384 poss vel nomear e salvar configura es de otimiza o Os nomes das configura es salvas s o exibidos nas configura es de otimiza o predefinidas no menu pop up Settings Configura es no painel Optimize e no Property inspector quando fatias bot es ou a tela s o selecionados Para mais informa es consultar Salva e reutiliza o de uma configura o de otimiza o na p gina 407 Para modificar a paleta de cores Se o painel Optimize ainda n o estiver aberto selecionar Window Janela gt Optimize Otimizar para exibir e editar a paleta de cores de um documento Para mais informa es consultar Otimiza o de arquivos GIF PNG TIFF BMP e PICT na p gina 391 Para otimizar fatias individuais 1 Clicar em uma fatia para selecion la Pressionar a tecla Shift e clicar para selecionar mais de
627. uivos GIF animado ou SWF do Flash Tamb m poss vel importar anima es do Fireworks diretamente no Macromedia Flash para edi o adicional Este cap tulo cont m os seguintes t picos Constru o de uma anima o ssscapssns capa ras dass decada na REE 360 Trabalho com s mbolos de anima o iiciiiiciiciicici ser 361 Trabalho com Molas sa saga nad ekra A aa ae aa 365 Interpalad o ssnenadrs DEPARA CELESC LE SIMA ESCADA EE DS 371 Visualiza o de uma anima o cicciciicicc isso 372 Exporta o de uma anima o ssiisresssdanidd res dAGUL PALACE ETA GUA 373 Trabalho com anima es existentes aa nananana nnana annn anann 375 Uso de v rios arquivos como uma anima o aaa saeara raara ann nnna 376 359 Constru o de uma anima o No Fireworks poss vel criar anima es atribuindo se propriedades a objetos denominados s mbolos de anima o A anima o de um s mbolo dividida em molduras que cont m as imagens e os objetos que formam cada etapa da anima o poss vel 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 se conclui Para construir uma anima o com o uso de s mbolos de anima o no Fireworks 1 Criar um s mbolo de anima o atrav s da cria o do s mbolo do ze
628. uivos como uma anima o 1 Selecionar File Arquivo gt Open Abrir 2 Manter a tecla Shift pressionada e clicar para selecionar v rios arquivos 3 Selecionar Open as Animation Abrir como anima o e clicar em OK O Fireworks abre os arquivos em um novo documento nico colocando cada um em uma moldura separada na ordem em que foram selecionados 376 Cap tulo 13 Cria o de anima o CAP TULO 14 Otimiza o e exporta o A meta principal em um projeto gr fico para a Web a cria o de imagens atraentes e que se descarreguem com rapidez Para isso necess rio selecionar um formato de arquivo com a melhor compress o para a imagem mantendo ao mesmo tempo a melhor qualidade poss vel Esse procedimento de equil brio denominado otimiza o que consiste em obter a mistura correta de cor compress o e qualidade A exporta o de gr ficos do Macromedia Fireworks 8 um processo em duas etapas m Primeiro prepara se um documento ou gr fico fatiado individual para exportar selecionando se as configura es de otimiza o e comparando se as visualiza es para determinar um equil brio aceit vel entre qualidade e tamanho de arquivo m Em seguida exporta se ou em alguns casos salva se o documento ou gr fico fatiado individual com o uso das configura es de exporta o adequadas ao seu destino na Web ou em outro local Se a otimiza o e exporta o de gr ficos para a Web for uma n
629. ultar a Ajuda do Extension Manager 516 Cap tulo 16 Automatiza o de tarefas repetitivas Edi o ou personaliza o de um script de comando Scripts de comando s o salvos como JavaScript Se conhecer JavaScript o usu rio poder abrir e editar comandos em qualquer editor de texto como o Notepad Bloco de notas Windows ou TextEdit Macintosh Para editar um comando usando JavaScript 1 No espa o de trabalho navegar at a pasta Commands Comandos ou Command Panels Pain is de comando apropriada no disco r gido z A localiza o exata dessas pastas varia de um sistema para outro e depende da 0 necessidade de o comando ou painel estar dispon vel apenas para o seu perfil de m Em ae 7 usu rio ou para todos os usu rios As pastas Commands Comandos e Command Panels Pain is de comando est o localizadas na pasta Configuration Configura o na pasta de aplicativo do Fireworks e tamb m na pasta de O configura o do Fireworks espec fica do usu rio Para mais informa es consultar Trabalho com arquivos de configura o na p gina 526 2 Abrir o arquivo de script desejado em um editor de texto e modificar o c digo JavaScript 3 Salvar e fechar o script Para editar a es selecionadas no painel History usando JavaScript 1 No Fireworks selecionar uma faixa de etapas no painel History 2 Clicar no bot o Copy Steps to Clipboard Copiar etapas na rea
630. um arquivo 27 No Macintosh o Fireworks procura automaticamente os plug ins Acquire do Photoshop na pasta Plug ins contida na pasta de aplicativo do Fireworks Para colocar os plug ins em outro local necess rio apontar o Fireworks para esse local alternativo S A localiza o exata da pasta Plug ins varia em fun o do sistema operacional Para 0 mais informa es consultar Trabalho com arquivos de configura o na p gina 526 m Pu lt D gt QO gt o Para direcionar o Fireworks para os plug ins Acquire do Photoshop 1 No Fireworks selecionar Edit Editar gt Preferences Prefer ncias No Mac OS X selecionar Fireworks gt Preferences Prefer ncias Ov vAaNaIsgo 2 Clicar na guia Folders Pastas Selecionar Photoshop Plug Ins Plug ins do Photoshop 4 Clicar em Browse Procurar se a caixa de di logo Select the Photoshop Plug ins Folder Selecionar pasta de plug ins do Photoshop no Windows ou Choose a Folder Escolher uma pasta no Macintosh n o for exibida automaticamente 5 Navegar at a pasta que cont m os plug ins do Photoshop Para importar uma imagem de uma c mera digital Macintosh 1 Conectar a c mera ao computador 2 Instalar o software que acompanha a c mera caso ainda n o esteja instalado 3 No Fireworks selecionar File Arquivo gt Acquire Obter e em seguida selecionar Camera Acquire Obten o de c mera ou
631. um bitmap e salve a imagem nesse formato Nesse caso a imagem tamb m dever ser salva como um arquivo PNG para que seja mantida uma vers o edit vel da imagem original Para editar uma cor 1 Para abrir o seletor de cores do sistema seguir um destes procedimentos m Selecionar uma cor e clicar no bot o Edit Color Editar cor na base do painel Optimize Otimizar a Na tabela de cores clicar duas vezes em uma cor 2 Alterar a cor com o uso do seletor de cores do sistema A nova cor substitui cada ocorr ncia da cor substitu da na rea de visualiza o 9 Clicar com o bot o direito Windows ou pressionar Control e clicar Macintosh em E uma cor da paleta para exibir um menu de atalho de op es de edi o para a cor pi lt gt Q D o Otimiza o no espa o de trabalho 397 Uso 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 definida 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 m No menu pop up Indexed Palette Paleta indexada do painel Optimize Otimizar selecionar Web 216 Para criar uma paleta adaptativa com cores semelhantes s websafe m No menu pop up Indexed Palette Paleta indexada do painel Optimize Otimizar selecionar Web Adaptive A
632. um documento no Fireworks com fontes n o instaladas no computador o Fireworks perguntar se ele deseja substituir as fontes ou manter sua apar ncia Essa caracter stica til para compartilhar arquivos com outros usu rios em outros computadores que talvez n o tenham as mesmas fontes instaladas Escolher Maintain Appearance Manter apar ncia substitui o texto pela imagem bitmap que representa a apar ncia do texto na sua fonte original Ainda poss vel editar o texto Mas se o usu rio fizer isso o Fireworks substituir a imagem bitmap pela fonte que estiver instalada no sistema apar ncia do texto pode ser alterada O usu rio pode selecionar fontes para substituir as fontes ausentes Ap s a substitui o das fontes o documento aberto e ele pode editar e salvar o texto Quando o arquivo for reaberto em um computador que contenha as fontes originais o programa se lembrar da fonte original Para selecionar uma fonte de substitui o 1 Abrir um documento com as fontes ausentes A caixa de di logo Missing Fonts Fontes ausentes aberta 2 Selecionar uma fonte ausente na lista Change Missing Font Alterar fonte ausente Seguir um destes procedimentos Selecionar uma fonte de substitui o na lista To Para Selecionar a exibi o do texto na fonte padr o do sistema a Para deixar a fonte inalterada clicar em No Change Sem altera o 4 Clicar em OK Da pr xima vez que abrir um documento com as mes
633. umento 1 Na se o File Names Nomes dos arquivos criar a nova conven o de nomea o selecionando nas listas HTML Setup e General Table Document Specific Slice file names doc name w Underscore x T rowfcolumn 3 co r cr W r 0 None None sj None v Frame names Underscore v E Frame f2 F3 f4 Example Untitled 1 ri c2 F2 gif Default ALT tag C Export multiple nav bar HTML files for use without Frame sets V Include areas without slice objects Y UTF 8 encoding Set Defaults 4 Opcional Para definir essas informa es como o padr o para todos os novos documentos do Fireworks clicar em Set Defaults Definir padr es go OY VA XAS necess rio tomar cuidado ao selecionar None Nenhum como uma op o de menu para a nomea o autom tica de fatias Se o usu rio selecionar None Nenhum como a op o para os tr s primeiros menus o Fireworks exportar os arquivos de fatia que se sobrep em uns aos outros resultando em um nico gr fico exportado e uma tabela que exibe esse gr fico em todas as c lulas 318 Cap tulo 11 Fatias rollovers e pontos ativos Defini o da forma de exporta o das tabelas HTML O fatiamento define como a estrutura da tabela HTML aparecer quando um documento do Fireworks for exportado para uso na Web Ao exportar um documento fatiado do Fireworks para HTML el
634. umento indica que o usu rio est editando um arquivo do Flash 4 Alterar a imagem e clicar em Done Conclu do ao terminar O Fireworks exporta um novo arquivo gr fico para o Flash e caso o arquivo PNG original tenha sido editado ele tamb m ser salvo Trabalho com o Macromedia FreeHand MX Como os dois aplicativos suportam vetores poss vel compartilhar facilmente gr ficos vetoriais entre o Fireworks e o Macromedia FreeHand MX No entanto a apar ncia dos objetos pode diferir entre os aplicativos pois o Fireworks e o FreeHand n o compartilham todos os recursos Para mais informa es consultar Trabalho com outros aplicativos de gr ficos vetoriais na p gina 474 Os procedimentos fornecidos nesta se o n o se aplicam apenas ao uso do Fireworks com o FreeHand mas tamb m ao uso do Fireworks como outros aplicativos de gr ficos vetoriais como o Adobe Illustrator e o CorelDraw Para mais informa es consultar Trabalho com outros aplicativos de gr ficos vetoriais na p gina 474 466 Cap tulo 15 Uso do Fireworks com outros aplicativos Coloca o de gr ficos do FreeHand no Fireworks Existem v rias formas de colocar gr ficos do FreeHand no Fireworks poss vel import los copi los e col los ou arrast los O Fireworks 8 suporta gr ficos do FreeHand 7 ou de vers es posteriores Importa o de gr ficos do FreeHand para o Fireworks O Fireworks pode importar gr ficos vetoriais cri
635. unda se o que conecta a primeira e ltima se es Doughnut Rosquinha desenha grupos de objetos que s o exibidos como an is preenchidos Usando pontos de controle poss vel ajustar o per metro interno ou dividir a forma em partes L Shape Forma de L desenha grupos de objetos que s o exibidos como formas com um ngulo para a direita Usando pontos de controle poss vel ajustar o comprimento e a largura das se es horizontal e vertical assim como a curvatura do canto Pie Torta desenha grupos de objetos que s o exibidos como gr ficos setoriais Usando pontos de controle poss vel dividir a forma em partes Smart Polygon Pol gono inteligente desenha grupos de objetos que s o exibidos como pol gonos egiil teros com 3 a 25 lados Com o uso de pontos de controle poss vel redimensionar e girar adicionar ou remover segmentos aumentar ou diminuir o n mero de lados ou adicionar um pol gono interno forma Rounded Rectangle Ret ngulo arredondado desenha grupos de objetos que s o exibidos como ret ngulos com cantos arredondados Usando pontos de controle poss vel editar o arredondamento de todos os cantos juntos ou alter lo para cantos individuais 132 Cap tulo 5 Trabalho com objetos vetoriais Spiral Espiral desenha grupos de objetos que s o exibidos como espirais abertas Usando pontos de controle poss vel editar o n mero de rota es da espiral e determinar se ela aber
636. ura es de anima es bem como o tamanho e a rea da imagem exportada Para alterar configura es de otimiza o de uma imagem do Fireworks colocada no Dreamweaver 1 No Dreamweaver selecionar a imagem desejada e seguir um destes procedimentos Selecionar Commands Comandos gt Optimize Image in Fireworks Otimizar imagem no Fireworks m Clicar no bot o Optimize in Fireworks Otimizar no Fireworks no Property inspector Inspetor de propriedades a Clicar com o bot o direito Windows ou pressionar a tecla Control e clicar Macintosh e escolher Optimize in Fireworks no menu pop up 2 Quando solicitado especificar se necess rio abrir um arquivo de origem do Fireworks para a imagem colocada Trabalho com o Macromedia Dreamweaver 451 Uma caixa de di logo aberta O nome dessa caixa de di logo do Fireworks Export Preview Visualizar exporta o embora esse nome n o seja exibido na barra de t tulo E Optimize pic01 jpg Options File Animation JPEG Preview 7 Saved Settings z Quality 80 0 Millions E s Format JPEG 49 26K 7 sec 56kbps JPEG Better Quality v l Quality 80 v Smoothing No Smoothing Progressive 4 Sharpen Color Edges R 003 G 004 B 008 030408 4 Bemove Unused Colors KEA e EE sete e Ste 3 Fazer as edi es desejadas na caixa de di logo Export Preview Visualizar exporta o m Para editar as configura es de otimiza o
637. ura escolher Select Selecionar gt Border Marquee Borda da moldura 2 Digitar a largura da moldura a ser aplicada em torno da moldura existente e clicar em OK Suaviza o da borda de uma moldura poss vel eliminar o excesso de pixels ao longo das bordas de uma sele o de pixel Esse recurso til quando aparecerem pixels em excesso ao longo da borda de uma sele o de pixels ou de uma moldura depois que a ferramenta Magic Wand Varinha m gica usada Uma sele o de pixels antes e depois da suaviza o Sele o de um pixel 73 Para suavizar a borda de uma moldura 1 Escolher Select Selecionar gt Smooth Marquee Suavizar moldura 2 Digitar um raio de amostragem para especificar o grau de suaviza o desejado e clicar em OK Convers o de uma moldura em um tra ado Com o Fireworks poss vel converter uma sele o de bitmap em um objeto vetorial desenhando uma moldura em torno da parte do bitmap a ser convertida Esse processo til por exemplo para come ar a criar uma anima o tracejando uma sele o de um bitmap Para converter uma moldura em um tra ado m Depois de desenhar uma moldura escolher Select Selecionar gt Convert Marquee to Path Converter moldura em tra ado Os atributos atuais de tra ado e preenchimento do documento s o aplicados ao novo tra ado Transfer ncia de uma sele o de moldura poss vel transferir uma sele o de moldura de um objeto
638. uras do Fireworks para p ginas separadas do FreeHand Caso seja desej vel selecionar Remember Layers Lembrar camadas para converter as camadas do Fireworks em camadas do FreeHand O cancelamento da sele o dessa op o faz com que o conte do de todas as camadas do Fireworks seja combinado em uma nica camada Open Frames as Layers Abrir molduras como camadas importa molduras do Fireworks como camadas separadas D Selecionar uma moldura a ser importada no menu pop up Frame Moldura Para importar todas as molduras selecionar All Tudo O A op o All s estar dispon vel no caso da abertura de molduras como camadas ou 0 da abertura e n o da importa o de um arquivo PNG Ov vada 7 Selecionar a forma de importa o de objetos Rasterize If Necessary to Maintain Appearance Rasterizar se necess rio para manter a apar ncia converte alguns objetos vetoriais em imagens bitmap n o edit veis Apenas os objetos com efeitos tra os e preenchimentos n o compartilhados pelo FreeHand s o convertidos 470 Cap tulo 15 Uso do Fireworks com outros aplicativos 10 11 Keep All Paths Editable Manter todos os tra ados edit veis permite editar todos os objetos vetoriais importados Alguns objetos podem ter uma apar ncia no FreeHand um pouco distinta daquela vista no Fireworks devido a diferen as na forma como os dois aplicativos interpretam as informa es Al m disso alguns efeitos n o compa
639. valor de meio tom m Clicar no pixel mais escuro na imagem com o conta gotas Shadow Sombra para redefinir o valor de sombra 3 Clicar em OK Ajuste de brilho e contraste O recurso Brightness Contrast Brilho Contraste modifica o contraste ou o brilho dos pixels em uma imagem Isso afeta os realces sombras e meios tons de uma imagem O recurso Brightness Contrast geralmente usado para corrigir imagens muito escuras ou muito claras Original ap s o ajuste do brilho Para ajustar o brilho ou o contraste 1 Selecionar a imagem 2 Seguir um destes procedimentos para abrir a caixa de di logo Brightness Contrast Brilho Contraste No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Adjust Color Ajustar cor gt Brightness Contrast no menu pop up Filters Filtros 114 Cap tulo 4 Trabalho com bitmaps m Selecionar Filters gt Adjust Color gt Brightness Contrast A aplica o de um filtro a partir do menu Filters uma opera o destrutiva ou seja n o poder ser desfeita exceto quando Edit Editar gt Undo Desfazer for uma op o Para manter a capacidade de ajustar desativar ou remover esse filtro aplique o como um Live Filter Filtro ao vivo conforme descrito na primeira op o com marcador desta etapa Para mais informa es consultar Cap tulo 8 Uso de Live Filters na p gina 223 OY VA YASgO
640. vel salvar c pias de backup dos arquivos originais de um processo em lote As c pias de backup dos arquivos s o colocadas em uma subpasta Original Files Arquivos originais na mesma pasta que todos os arquivos originais Batch Process Saving Files Batch Output Same Location as Original File D Custom Location V Backups 3 Overwrite Existing Backups O Incremental Backups Cancel Para fazer backup de arquivos processados em lote 1 Selecionar um local de sa da do processo em lote 2 Selecionar Backups para definir as op es de backup 3 Selecionar como o backup dos arquivos ser feito Overwrite Existing Backups Substituir backups existentes substitui o arquivo de backup anterior Incremental Backups Backups incrementais mant m c pias de todos os arquivos de backup Quando for executado um novo processo em lote um n mero ser anexado ao final do nome do arquivo da nova c pia de backup Se a op o Backup estiver desmarcada o processo em lote no mesmo formato de arquivo substituir o arquivo original caso o nome seja o mesmo Entretanto o processo em lote em um formato diferente de arquivo criar um novo arquivo e n o mover nem excluir o arquivo original OY VA YASgO 4 Clicar em Batch Lote para concluir o processo em lote ou em Back Voltar para retornar caixa de di logo Batch Process Processo em lote Processo em lote 509 Salva de um processo em lo
641. ver 2 Arrastar 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 m Selecionar Modify Modificar gt Animation Anima o gt Remove Animation Remover anima o O s mbolo se transforma em um s mbolo gr fico e n o mais animado Posteriormente se o s mbolo for convertido outra vez em um s mbolo de anima o as configura es anteriores da anima o retornar o Edi o do gr fico de um s mbolo poss vel alterar o gr fico em que se baseia o s mbolo bem como suas propriedades poss vel editar gr ficos de s mbolos no Symbol Editor Editor de s mbolo O Symbol Editor Editor de s mbolo permite usar as ferramentas de desenho texto ou cor para editar o gr fico Quando o usu rio trabalha no Symbol Editor Editor de s mbolo somente o s mbolo selecionado afetado O s mbolo um item de biblioteca Assim se a apar ncia de uma de suas ocorr ncias for alterada todas as demais ocorr ncias tamb m ser o alteradas Para alterar os atributos gr ficos de um s mbolo selecionado 1 Executar um dos seguintes procedimentos para abrir o Symbol Editor a Clicar duas vezes no objeto de s mbolo Selecionar Modify Modificar gt Symbol S mbolo gt Edit Symbol Editar s mbolo m Na caixa de di logo Animate Animar clicar no bot o Edit Editar 2 Modificar o s mbolo de anima o e alterar qualquer texto tr
642. ver 64 pintar 95 selecionar 64 selecionar rea de forma livre 66 selecionar rea em torno de uma moldura 73 74 selecionar rea poligonal 66 selecionar cores semelhantes 67 suavizar uma borda de moldura 73 plotar pontos 143 plug ins 487 plug ins de instala o Acquire do Photoshop 28 Pointer Ponteiro ferramenta 60 64 pol gonos 130 132 ponteiro conta gotas 199 204 211 pontilhar 394 com cores websafe 202 ponto central e eixo de rota o 84 pontos adicionar 150 alterar segmentos adjacentes 150 converter 147 converter reto em curvo 148 dobrar segmentos adjacentes 150 excluir 150 mover 149 selecionar 149 pontos ativos 17 aplicar rollovers arrastar e soltar 326 atribuir URLs 314 criar 321 322 editar forma 323 irregulares 322 sobre fatias 327 pontos curvos 145 pontos de canto 143 Precise Cursors Cursores precisos prefer ncia 521 preenchimentos adicionar textura a 220 ajustar 217 alterar bordas 218 alterar cor das ferramentas de formas b sicas 211 aplicar d grad 96 214 aplicar padr o 213 aplicar preenchimentos coloridos 115 aplicar s lido 212 desenhar sobre tra os 209 editar d grad 215 editar s lidos 212 enevoar ou suavizar serrilhado 218 girar 217 ilus o de transpar ncia 203 localizar e substituir 497 mover 217 preenchimento Pontilhamento Web 202 redefinir para cor padr o 193 salvar d grad 218 salvar d grad personalizado 218 transformar d grad 217 transformar padr o 217 t
643. vidos para uma subpasta Original Files dentro da pasta atual e um n mero incremental anexado a cada nome de arquivo A execu o de opera es adicionais de localiza o e substitui o copia o arquivo original para a pasta Original Files e adiciona o n mero mais alto seguinte ao nome do arquivo Por exemplo no caso de um arquivo chamado Drawing png na primeira execu o de uma opera o de localiza o e substitui o o arquivo de backup receber este nome Drawing 1 png Na segunda execu o de uma opera o de localiza o e substitui o o arquivo de backup receber o nome Drawing 2 png e assim por diante 4 Clicar em OK Localiza o e substitui o de texto f cil pesquisar e substituir texto com o Fireworks H v rias op es para refinar a pesquisa de modo a coincidir mai sculas e min sculas ou localizar palavras inteiras ou partes delas Para pesquisar e substituir palavras frases e sequ ncias de texto 1 Selecionar Find Text Localizar texto no menu pop up Find Localizar do painel Find 2 Digitar o texto a ser pesquisado na caixa de texto Find 496 Cap tulo 16 Automatiza o de tarefas repetitivas 3 Digitar o texto de substitui o na caixa de texto Change To Alterar para 4 Se desejar selecionar op es que definam a pesquisa com mais detalhes Whole Word Palavra inteira somente localiza o texto da mesma forma que ele aparece na op o Find n o como parte de qualquer out
644. vo o Alguns aplicativos de edi o de bitmap n o abrem arquivos JPEG progressivos Ov vasasa Correspond ncia com a cor de fundo do destino A suaviza o de serrilhado faz com que um objeto apare a mais suave atrav s da mistura da cor do objeto com o fundo sobre o qual est colocado Por exemplo se o objeto for preto e a p gina na qual ele estiver for branca a suaviza o de serrilhado adicionar v rios tons de cinza aos pixels que contornam a borda do objeto fazendo uma transi o suave entre o preto e o branco Com a configura o da op o Matte Mate no painel Optimize Otimizar poss vel suavizar o serrilhado de objetos que repousam diretamente sobre a tela com a cor Mate Esse procedimento til ao exportar ou salvar gr ficos para serem usados em p ginas da Web com fundos coloridos Otimiza o no espa o de trabalho 405 Para igualar a cor do fundo do destino m No painel Optimize Otimizar selecionar uma cor no menu pop up Matte Mate Igualar a cor o m ximo poss vel cor do fundo do destino sobre o qual o gr fico ser colocado go A suaviza o de serrilhado aplica se somente a objetos com bordas suaves que permanecem diretamente no topo da tela OY VA XAS Remo o de aur olas Em uma imagem que tenha sofrido suaviza o de serrilhado anteriormente os pixels da suaviza o de serrilhado permanecem ao tornar a cor da tela trans
645. vo retangular circular ou poligonal m No Property inspector Inspetor de propriedades selecionar Rectangle Ret ngulo Circle C rculo ou Polygon Pol gono no menu pop up Hotspot Shape Forma do ponto ativo Prepara o de pontos ativos para exporta o poss vel usar o Property inspector Inspetor de propriedades para atribuir URLs textos alternativos destinos e nomes personalizados a pontos ativos Se o Property inspector Inspetor de propriedades estiver minimizado ser necess rio clicar na seta de expans o no canto inferior direito para ver todas as propriedades Hotspot Shape Rectangle x E Link http fem myurl com vl l o alt Go to my url w los x 328 Target self w H 274 Y 401 Trabalho com pontos ativos e mapas de imagem 323 A atribui o de propriedades a um ponto ativo semelhante atribui o de propriedades a uma fatia Para mais informa es sobre o uso do Property inspector para atribuir URLs texto alternativo molduras de destino e nomes personalizados consultar Prepara o de fatias para exporta o na p gina 314 Cria o de mapas de imagem Ap s inserir v rios pontos ativos no topo de um gr fico desejado necess rio exportar o gr fico como um mapa de imagem para que ele funcione em um navegador da Web A exporta o de um mapa de imagem gera o gr fico eo HTML com as informa es do mapa para os pontos ativos e links de URL correspo
646. works para carregar os plug ins z Se o usu rio mover os plug ins para uma pasta diferente ele dever repetir as 0 etapas acima ou selecionar File Arquivo gt Preferences Prefer ncias e clicar na a guia Folders Pastas para alterar o caminho at os plug ins Em seguida reiniciar o Fireworks O gt o Para aplicar um plug in do Photoshop a um objeto selecionado como um Live Filter m No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar um filtro no submenu Options Op es Sobre a aplica o de filtros a objetos agrupados Se um filtro for aplicado a um grupo ele ser aplicado a todos os objetos do grupo Se os objetos forem desagrupados as configura es do filtro de cada objeto ser o revertidas para aquelas aplicadas ao objeto individualmente Para aplicar um filtro a um objeto individual de um grupo selecionar apenas esse objeto com a ferramenta Subselection Selecionar secund rio Para informa es sobre a sele o de um grupo ou de objetos de um grupo consultar Sele o de objetos dentro de grupos na p gina 87 Edi o de Live Filters Quando o usu rio clica no bot o de informa es de um Live Filter Filtro ao vivo no Property inspector Inspetor de propriedades o Fireworks abre uma janela pop up com as configura es atuais do filtro que podem ser editadas 230 Cap tulo 8 Uso de Live
647. works para carregar os plug ins e os filtros Para usar filtros e plug ins do Photoshop e de terceiros atrav s da janela Live Filters 1 Selecionar objetos vetoriais objetos bitmap ou blocos de texto na tela e clicar no bot o Add Effects Adicionar efeitos no Property inspector Inspetor de propriedades O bot o Add Effects s est dispon vel quando um objeto selecionado na tela Ov vAaHaIsgo 2 Selecionar Options Op es gt Locate Plug ins Localizar plug ins no menu pop up exibido 488 Cap tulo 15 Uso do Fireworks com outros aplicativos 3 Navegar at a pasta onde os filtros e plug ins do Photoshop ou de terceiros est o instalados e clicar em Select Selecionar no Windows ou em Choose Escolher no Macintosh Se for exibida uma mensagem perguntado se o Fireworks deve ser reiniciado clicar em OK 4 Reiniciar o Fireworks para carregar os plug ins e os filtros S Como alternativa poss vel instalar os plug ins diretamente na pasta Fireworks Plug 0 lins Plug ins do Fireworks m Pu lt D gt Q gt o Coloca o de gr ficos do Fireworks no Photoshop O Fireworks fornece extenso suporte exporta o de arquivos no formato do Photoshop PSD As configura es de exporta o permitem controlar quais elementos do arquivo permanecem edit veis quando ele reaberto no Photoshop Uma imagem do Fireworks exportada para o Photoshop mant m a m
648. xa Precision Precis o do Property inspector Inspetor de propriedades Sam Pintura editada pela movimenta o de pontos vetoriais poss vel modificar tra os de pincel e adicionar preenchimentos a objetos selecionados desenhados com a ferramenta Vector Path As novas configura es de tra o e preenchimento s o mantidas para uso futuro da ferramenta Vector Path dentro do documento atual Para desenhar um tra ado vetorial de forma livre 1 No menu pop up Pen Caneta selecionar a ferramenta Vector Path Tra ado vetorial 2 Caso seja prefer vel definir os atributos do tra o e as op es da ferramenta Vector Path no Property inspector Inspetor de propriedades Consultar Cap tulo 7 Aplica o de cor tra os e preenchimentos na p gina 191 3 Caso seja prefer vel alterar o n vel de precis o do tra ado selecionando um n mero no menu pop up Precision Precis o do Property inspector para a ferramenta Vector Path Quanto maior o n mero selecionado maior o n mero de pontos exibidos no tra ado desenhado 4 Arrastar o mouse para desenhar Para limitar o tra ado a uma linha horizontal ou vertical manter a tecla Shift pressionada durante o arraste 5 Soltar o bot o do mouse para terminar o tra ado Para fechar o tra ado soltar o bot o do mouse quando o ponteiro retornar ao ponto inicial do tra ado 142 Cap tulo 5 Trabalho com objetos vetoriais Desenho de tra ados atrav s da plotag
649. xas de cores no lado direito da janela pop up mudam para refletir a sele o e o objeto na tela se torna semi opaco ou transl cido Clicar fora da janela pop up para fech la Exportar o objeto como GIF ou PNG com a op o Index Transparency Transpar ncia do ndice ou Alpha Channel Transparency Transpar ncia alfa definida Para mais informa es sobre a exporta o de arquivos com transpar ncia consultar Transforma o em reas transparentes na p gina 399 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 o aspecto de transpar ncia o Nem todos os navegadores oferecem suporte a arquivos PNG Ov vadasga Uso de caixas de cor e janelas pop up de cores H caixas de cores em todo o Fireworks da se o Colors Cores do painel Tools Ferramentas at o Property inspector Inspetor de propriedades e o Color Mixer Misturador de cores Cada uma exibe a cor atual atribu da propriedade do objeto associado Uso de caixas de cor e janelas pop up de cores 203 Sele o de uma cor em uma janela pop up de cores Um clique em qualquer caixa de cor abre uma janela pop up de cores semelhante ao painel Swatches Exemplos de cores S o oferecidas duas op es exibir em uma janela pop up de cores os mesmos exemplos exibidos no painel Swatches Exemplos de cores ou exibir e
650. xemplos diferentes Para selecionar uma cor para uma caixa de cor 1 Clicar na caixa de cor A janela pop up de cores exibida 2 Seguir um destes procedimentos m Clicar em um exemplo para aplic lo caixa de cor m Clicar com o ponteiro conta gotas em uma cor na tela para aplic la caixa de cor m Clicar no bot o Transparent Transparente na janela pop up para tornar transparente o tra o ou o preenchimento Para exibir o grupo de exemplos atuais do painel Swatches Exemplos de cores na janela pop up de cores m Selecionar Swatches Panel Painel Exemplos de cores no menu Options Op es da janela pop up de cores Para exibir um outro grupo de exemplos na janela pop up de cores m Selecionar um grupo de exemplos no menu Options Op es da janela pop up de cores A sele o de um grupo de exemplos aqui n o afeta o painel Swatches Exemplos de cores Amostragem de uma cor em uma janela pop up de cores Quando uma janela pop up de cores estiver aberta o ponteiro se transformar em um conta gotas especial que pode retirar amostras de cores de praticamente qualquer parte da tela Isso conhecido como amostragem Para retirar uma amostra de cor de qualquer parte da tela para a caixa de cor atual 1 Clicar em qualquer caixa de cor A janela pop up de cores exibida e o ponteiro se transforma em um conta gotas 2 Clicar em qualquer ponto no espa o de trabalho do Fireworks a fim de selecionar uma cor para a
651. xportado do Fireworks e colagem no Dreamweaver poss vel abrir um arquivo HTML exportado do Fireworks no Dreamweaver e em seguida copiar e colar manualmente apenas as se es desejadas em outro documento do Dreamweaver Antes de exportar do Fireworks escolher Dreamweaver como o tipo de HTML na caixa de di logo HTML Setup Configura o do HTML Para mais informa es consultar a Ajuda do Fireworks Ov vAaHaIsgo Para copiar o c digo de um arquivo do Fireworks exportado e col lo no Dreamweaver m Exportar um arquivo HTML do Fireworks e em seguida copiar e colar o c digo em um documento existente do Dreamweaver Para mais informa es consultar a Ajuda do Fireworks Atualiza o de HTML exportado do Fireworks para o Dreamweaver O comando Update HTML Atualizar HTML do Fireworks permite efetuar altera es em um documento HTML exportado anteriormente para o Dreamweaver 9 Embora o Update HTML seja um recurso til para atualizar HTML exportado 0 anteriormente para o Dreamweaver o Roundtrip HTML oferece ainda mais benef cios au Para mais informa es consultar Edi o de arquivos do Fireworks no Dreamweaver na p gina 446 QO gt o Trabalho com o Macromedia Dreamweaver 443 Com o comando Update HT ML poss vel editar uma imagem PNG de origem no Fireworks e atualizar automaticamente o c digo HTML exportado e os arquivos de imagem colocados em u
652. y inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Blur Emba ar gt Motion Blur no menu pop up Filters Filtros m Selecionar Filters gt Blur gt Motion Blur Arrastar o disco Angle ngulo para definir a dire o do efeito de emba amento Arrastar o controle deslizante Distance Dist ncia para definir a intensidade do efeito de emba amento Os valores variam de 1 a 100 Um aumento na dist ncia resulta em um efeito de emba amento mais intenso Clicar em OK 120 Cap tulo 4 Trabalho com bitmaps Para emba ar uma imagem usando o Radial Blur 1 2 5 Selecionar a imagem Seguir um destes procedimentos para abrir a caixa de di logo Radial Blur Emba amento radial No Property inspector Inspetor de propriedades clicar no bot o Add Live Filters Adicionar filtros ao vivo e selecionar Blur Emba ar gt Radial Blur no menu pop up Filters Filtros m Selecionar Filters gt Blur gt Radial Blur Arrastar o controle deslizante Amount Quantidade para definir a intensidade do efeito de emba amento Os valores variam de 1 a 100 Um aumento na quantidade resulta em um efeito de emba amento mais intenso Arrastar o controle deslizante Quality Qualidade para definir a suavidade do efeito de emba amento Os valores variam de 1 a 100 Um aumento na qualidade resulta em um efeito de emba amento com menos repeti es d

Usando o Fireworks

Contents

Download Pdf Manuals

Related Search

Related Contents